/* Minification failed. Returning unminified contents. (2870,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (5326,13): run-time error CSS1030: Expected identifier, found ' ' (5326,14): run-time error CSS1031: Expected selector, found ''roboto_italic'' (5326,14): run-time error CSS1025: Expected comma or open brace, found ''roboto_italic'' (5327,13): run-time error CSS1030: Expected identifier, found ' ' (5327,20): run-time error CSS1031: Expected selector, found ';' (5327,20): run-time error CSS1025: Expected comma or open brace, found ';' (5328,1): run-time error CSS1019: Unexpected token, found '}' (5802,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (5803,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5820,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (5821,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5856,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5857,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:700}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:400;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #ccc;background:#ededed;font-weight:400;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#2b2b2b;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #003eff;background:#007fff;font-weight:400;color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(/Images/neoxiaimg/ui-icons_444444_256x240.png)}.ui-widget-header .ui-icon{background-image:url(/Images/neoxiaimg/ui-icons_444444_256x240.png)}.ui-state-default .ui-icon{background-image:url(../img/ui-icons_777777_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(../img/ui-icons_555555_256x240.png)}.ui-state-active .ui-icon{background-image:url(../img/ui-icons_ffffff_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(../img/ui-icons_777620_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(../img/ui-icons_cc0000_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:0;padding:5px;background:#666;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px} /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /* Chosen v1.4.2 | (c) 2011-2015 by Harvest | MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md */ .chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;zoom:1;*display:inline;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;left:-9999px;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.15)}.chosen-container.chosen-with-drop .chosen-drop{left:0}.chosen-container a{cursor:pointer}.chosen-container .search-choice .group-name,.chosen-container .chosen-single .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .search-choice .group-name:after,.chosen-container .chosen-single .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:25px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));background:-webkit-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-moz-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-o-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(/Images/neoxiaimg/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(/Images/neoxiaimg/chosen-sprite.png) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:#fff url(/Images/neoxiaimg/chosen-sprite.png) no-repeat 100% -20px;background:url(/Images/neoxiaimg/chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;left:-9999px}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:-webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-moz-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-o-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto!important;height:1%;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));background-image:-webkit-linear-gradient(#eee 1%,#fff 15%);background-image:-moz-linear-gradient(#eee 1%,#fff 15%);background-image:-o-linear-gradient(#eee 1%,#fff 15%);background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:transparent!important;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 5px 3px 0;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(/Images/neoxiaimg/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#eee),color-stop(80%,#fff));background-image:-webkit-linear-gradient(#eee 20%,#fff 80%);background-image:-moz-linear-gradient(#eee 20%,#fff 80%);background-image:-o-linear-gradient(#eee 20%,#fff 80%);background-image:linear-gradient(#eee 20%,#fff 80%);box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:0;background:transparent}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single-nosearch .chosen-search,.chosen-rtl .chosen-drop{left:9999px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:0}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:#fff url(/Images/neoxiaimg/chosen-sprite.png) no-repeat -30px -20px;background:url(/Images/neoxiaimg/chosen-sprite.png) no-repeat -30px -20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-rtl .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-container-single .chosen-search input[type=text],.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span{background-image:url(/Images/neoxiaimg/chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}} /*! ======================================================= VERSION 7.1.1 ========================================================= */ /*! ========================================================= * bootstrap-slider.js * * Maintainers: * Kyle Kemp * - Twitter: @seiyria * - Github: seiyria * Rohit Kalkur * - Twitter: @Rovolutionary * - Github: rovolution * * ========================================================= * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * ========================================================= */.slider{display:inline-block;vertical-align:middle;position:relative}.slider.slider-horizontal{width:210px;height:20px}.slider.slider-horizontal .slider-track{height:10px;width:100%;margin-top:-5px;top:50%;left:0}.slider.slider-horizontal .slider-selection,.slider.slider-horizontal .slider-track-low,.slider.slider-horizontal .slider-track-high{height:100%;top:0;bottom:0}.slider.slider-horizontal .slider-tick,.slider.slider-horizontal .slider-handle{margin-left:-10px;margin-top:-5px}.slider.slider-horizontal .slider-tick.triangle,.slider.slider-horizontal .slider-handle.triangle{border-width:0 10px 10px 10px;width:0;height:0;border-bottom-color:#0480be;margin-top:0}.slider.slider-horizontal .slider-tick-label-container{white-space:nowrap;margin-top:20px}.slider.slider-horizontal .slider-tick-label-container .slider-tick-label{padding-top:4px;display:inline-block;text-align:center}.slider.slider-vertical{height:210px;width:20px}.slider.slider-vertical .slider-track{width:10px;height:100%;margin-left:-5px;left:50%;top:0}.slider.slider-vertical .slider-selection{width:100%;left:0;top:0;bottom:0}.slider.slider-vertical .slider-track-low,.slider.slider-vertical .slider-track-high{width:100%;left:0;right:0}.slider.slider-vertical .slider-tick,.slider.slider-vertical .slider-handle{margin-left:-5px;margin-top:-10px}.slider.slider-vertical .slider-tick.triangle,.slider.slider-vertical .slider-handle.triangle{border-width:10px 0 10px 10px;width:1px;height:1px;border-left-color:#0480be;margin-left:0}.slider.slider-vertical .slider-tick-label-container{white-space:nowrap}.slider.slider-vertical .slider-tick-label-container .slider-tick-label{padding-left:4px}.slider.slider-disabled .slider-handle{background-image:-webkit-linear-gradient(top,#dfdfdf 0,#bebebe 100%);background-image:-o-linear-gradient(top,#dfdfdf 0,#bebebe 100%);background-image:linear-gradient(to bottom,#dfdfdf 0,#bebebe 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf',endColorstr='#ffbebebe',GradientType=0)}.slider.slider-disabled .slider-track{background-image:-webkit-linear-gradient(top,#e5e5e5 0,#e9e9e9 100%);background-image:-o-linear-gradient(top,#e5e5e5 0,#e9e9e9 100%);background-image:linear-gradient(to bottom,#e5e5e5 0,#e9e9e9 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5',endColorstr='#ffe9e9e9',GradientType=0);cursor:not-allowed}.slider input{display:none}.slider .tooltip.top{margin-top:-36px}.slider .tooltip-inner{white-space:nowrap;max-width:none}.slider .hide{display:none}.slider-track{position:absolute;cursor:pointer;background-image:-webkit-linear-gradient(top,#f5f5f5 0,#f9f9f9 100%);background-image:-o-linear-gradient(top,#f5f5f5 0,#f9f9f9 100%);background-image:linear-gradient(to bottom,#f5f5f5 0,#f9f9f9 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);border-radius:4px}.slider-selection{position:absolute;background-image:-webkit-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#f9f9f9 0,#f5f5f5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9',endColorstr='#fff5f5f5',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:4px}.slider-selection.tick-slider-selection{background-image:-webkit-linear-gradient(top,#89cdef 0,#81bfde 100%);background-image:-o-linear-gradient(top,#89cdef 0,#81bfde 100%);background-image:linear-gradient(to bottom,#89cdef 0,#81bfde 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef',endColorstr='#ff81bfde',GradientType=0)}.slider-track-low,.slider-track-high{position:absolute;background:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:4px}.slider-handle{position:absolute;width:20px;height:20px;background-color:#337ab7;background-image:-webkit-linear-gradient(top,#149bdf 0,#0480be 100%);background-image:-o-linear-gradient(top,#149bdf 0,#0480be 100%);background-image:linear-gradient(to bottom,#149bdf 0,#0480be 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);filter:none;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);border:0 solid transparent}.slider-handle.round{border-radius:50%}.slider-handle.triangle{background:transparent none}.slider-handle.custom{background:transparent none}.slider-handle.custom::before{line-height:20px;font-size:20px;content:'\2605';color:#726204}.slider-tick{position:absolute;width:20px;height:20px;background-image:-webkit-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#f9f9f9 0,#f5f5f5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9',endColorstr='#fff5f5f5',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;filter:none;opacity:.8;border:0 solid transparent}.slider-tick.round{border-radius:50%}.slider-tick.triangle{background:transparent none}.slider-tick.custom{background:transparent none}.slider-tick.custom::before{line-height:20px;font-size:20px;content:'\2605';color:#726204}.slider-tick.in-selection{background-image:-webkit-linear-gradient(top,#89cdef 0,#81bfde 100%);background-image:-o-linear-gradient(top,#89cdef 0,#81bfde 100%);background-image:linear-gradient(to bottom,#89cdef 0,#81bfde 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef',endColorstr='#ff81bfde',GradientType=0);opacity:1} .tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px} /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('/Images/neoxiaimg/ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/fonts/neoxiafonts/slick.eot'); src: url('/fonts/neoxiafonts/slick.eot?#iefix') format('embedded-opentype'), url('/fonts/neoxiafonts/slick.woff') format('woff'), url('/fonts/neoxiafonts/slick.ttf') format('truetype'), url('/fonts/neoxiafonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*.slick-prev { left: -25px; }*/ [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; margin-top: 8px; /* Added*/ } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */ /* * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html { color: #222; font-size: 1em; line-height: 1.4; min-height: 100%; position: relative; } /* * Remove text-shadow in selection highlight: * https://twitter.com/miketaylr/status/12228805301 * * These selection rule sets have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } .type_virement { background-color: #f7f6f5; border: 1px solid #e6e4e3; padding: 10px 35px 10px 10px; background: url('/Images/neoxiaimg/compte_liste_bottom_arrow.png') no-repeat 100% center #f7f6f5 } select { appearance: none !important; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between audio, canvas, iframes, * img, videos and the bottom of their containers: * https://github.com/h5bp/html5-boilerplate/issues/440 */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Browser Upgrade Prompt ========================================================================== */ .browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== Author's custom styles ========================================================================== */ /* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 14, 2015 */ body * { box-sizing: border-box; -webkit-font-smoothing: antialiased; font-family: 'roboto_regular'; } body img { max-width: 100%; } ul, li { margin: 0; padding: 0; list-style: none; } h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; } a { text-decoration: none; } a, button { outline: none; } button[disabled] { cursor: not-allowed; } @font-face { font-family: 'numans_regular'; src: url('/fonts/neoxiafonts/numans/numans-regular-webfont.eot'); src: url('/fonts/neoxiafonts/numans/numans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/neoxiafonts/numans/numans-regular-webfont.woff2') format('woff2'), url('/fonts/neoxiafonts/numans/numans-regular-webfont.woff') format('woff'), url('/fonts/neoxiafonts/numans/numans-regular-webfont.ttf') format('truetype'), url('/fonts/neoxiafonts/numans/numans-regular-webfont.svg#numansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_regular'; src: url('/fonts/neoxiafonts/roboto/roboto-regular-webfont.eot'); src: url('/fonts/neoxiafonts/roboto/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/neoxiafonts/roboto/roboto-regular-webfont.woff2') format('woff2'), url('/fonts/neoxiafonts/roboto/roboto-regular-webfont.woff') format('woff'), url('/fonts/neoxiafonts/roboto/roboto-regular-webfont.ttf') format('truetype'), url('/fonts/neoxiafonts/roboto/roboto-regular-webfont.svg#robotoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_light'; src: url('/fonts/neoxiafonts/roboto/roboto-light-webfont.eot'); src: url('/fonts/neoxiafonts/roboto/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/neoxiafonts/roboto/roboto-light-webfont.woff2') format('woff2'), url('/fonts/neoxiafonts/roboto/roboto-light-webfont.woff') format('woff'), url('/fonts/neoxiafonts/roboto/roboto-light-webfont.ttf') format('truetype'), url('/fonts/neoxiafonts/roboto/roboto-light-webfont.svg#robotolight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_italic'; src: url('/fonts/neoxiafonts/roboto/roboto-italic-webfont.eot'); src: url('/fonts/neoxiafonts/roboto/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/neoxiafonts/roboto/roboto-italic-webfont.woff2') format('woff2'), url('/fonts/neoxiafonts/roboto/roboto-italic-webfont.woff') format('woff'), url('/fonts/neoxiafonts/roboto/roboto-italic-webfont.ttf') format('truetype'), url('/fonts/neoxiafonts/roboto/roboto-italic-webfont.svg#robotoitalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_medium'; src: url('/fonts/neoxiafonts/roboto/roboto-medium-webfont.eot'); src: url('/fonts/neoxiafonts/roboto/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/neoxiafonts/roboto/roboto-medium-webfont.woff2') format('woff2'), url('/fonts/neoxiafonts/roboto/roboto-medium-webfont.woff') format('woff'), url('/fonts/neoxiafonts/roboto/roboto-medium-webfont.ttf') format('truetype'), url('/fonts/neoxiafonts/roboto/roboto-medium-webfont.svg#robotomedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_bold'; src: url('/fonts/neoxiafonts/roboto/roboto-bold-webfont.eot'); src: url('/fonts/neoxiafonts/roboto/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/neoxiafonts/roboto/roboto-bold-webfont.woff2') format('woff2'), url('/fonts/neoxiafonts/roboto/roboto-bold-webfont.woff') format('woff'), url('/fonts/neoxiafonts/roboto/roboto-bold-webfont.ttf') format('truetype'), url('/fonts/neoxiafonts/roboto/roboto-bold-webfont.svg#robotobold') format('svg'); font-weight: normal; font-style: normal; } body { background: #e6e4e3; font-family: 'roboto_regular', arial; font-size: 14px; line-height: normal; color: #646466; } strong { font-family: 'roboto_bold', arial; font-weight: normal; } .global_container { padding: 64px 0 0 160px; } .main_head { background: #fff; height: 66px; position: fixed; top: 0; left: 0; width: 100%; z-index: 90; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .scrolled .main_head { -moz-box-shadow: 0px 1px 9px 0px #818181; -webkit-box-shadow: 0px 1px 9px 0px #818181; -o-box-shadow: 0px 1px 9px 0px #818181; box-shadow: 0px 1px 9px 0px #818181; filter: progid:DXImageTransform.Microsoft.Shadow(color=#818181, Direction=180, Strength=5); /*height: 60px;*/ } #ticket-min { float: left; display: none; zoom: 1; text-align: center; outline: none; /* margin-left: 10px; */ padding: 0; font-size: 21px; margin-top: 0px; background: #fff; border: none; width: 40px; height: 100%; } #ticket-min > span { display: inline-block; width: 20px; } #ticket-min .icon-bar { width: 20px; background-color: #e18121; display: block; height: 2px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #ticket-min .icon-bar + .icon-bar { margin-top: 5px; } .logo_area p { font-size: 16px; color: #969999; opacity: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; height: 20px; overflow: hidden; } .scrolled .logo_area p { opacity: 0; height: 0; /*display: none;*/ } .logo_area img { margin-top: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #mobile_search { float: right; height: 100%; width: 40px; border: none; border-left: 1px solid #e6e4e3; background: url('/Images/neoxiaimg/mobile_search_icn.png') no-repeat 50% 50% #fff; display: none; background-size: 16px; } #mobile_search.active { background: url('/Images/neoxiaimg/mobile_cross_shearch.png') no-repeat 50% 50% #615f5d; background-size: 16px; } .option_list { /*width:390px;*/ text-align: right; } .option_list > ul { height: 100%; } .option_list > ul > li { height: 100%; display: inline-block; *zoom: 1; border-left: 1px solid #cdcbc9; vertical-align: top; /*position: relative;*/ /*Lot 2 à commenter*/ } .option_list > ul > li > a { height: 100%; min-height: 56px; width: 65px; display: inline-block; *zoom: 1; } .option_list > ul > li a.favouris_btn { background: url('/Images/neoxiaimg/favouris_empty_icn.png') no-repeat center center transparent; } .option_list > ul > li a.favouris_btn:hover { background: url('/Images/neoxiaimg/favouris_full_icn.png') no-repeat center center transparent; } .option_list > ul > li a.favouris_btn.active { background: url('/Images/neoxiaimg/fav_icn_empty.png') no-repeat center center #4d4b49; } .option_list > ul > li a.aide_btn { background: url('/Images/neoxiaimg/aide_empty_icn.png') no-repeat center center transparent; } .option_list > ul > li a.aide_btn:hover { background: url('/Images/neoxiaimg/aide_full_icn.png') no-repeat center center transparent; } .option_list > ul > li a.aide_btn.active { background: url('/Images/neoxiaimg/aide_full_active_icn.png') no-repeat center center #4d4b49; } .option_list > ul > li a.avtg_btn { background: url('/Images/neoxiaimg/icon-avtg.png') no-repeat center center transparent; } .option_list > ul > li a.avtg_btn:hover { background: url('/Images/neoxiaimg/icon-avtg.png') no-repeat center center transparent; } .option_list > ul > li a.avtg_btn.active { background: url('/Images/neoxiaimg/icon-avtg.png') no-repeat center center #4d4b49; } .option_list > ul > li a.alerte_btn { background: url('/Images/neoxiaimg/alerte_empty_icn.png') no-repeat center center transparent; position: relative; } .option_list > ul > li a.alerte_btn .notification_num { position: absolute; font-size: 10px; color: #fff; background-color: #fd7f33; display: inline-block; width: 19px; height: 19px; line-height: 19px; left: 50%; top: 50%; margin-left: -2px; margin-top: -16px; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .option_list > ul > li a.alerte_btn:hover { background: url('/Images/neoxiaimg/alerte_full_icn.png') no-repeat center center transparent; } .option_list > ul > li a.alerte_btn.active { background: url('/Images/neoxiaimg/alerte_full_active_icn.png') no-repeat center center #4d4b49; } .validate_btn[disabled] { background: url('/Images/neoxiaimg/loading_btn.gif') no-repeat center right #c38b93; background-size: 24px; border-color: #c38b93; } .validate_btn[disabled]:hover { background: url('/Images/neoxiaimg/loading_btn.gif') no-repeat center right #c38b93; background-size: 12px; border-color: #c38b93; } .child_menu { position: absolute; width: 384px; /*left: 0; Lot 2 à commenter margin-left: -132px; Lot 2 à commenter */ right: 0; /* Lot 2 à ajouter*/ color: #fff; background-color: #4d4b49; top: 120%; text-align: left; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .active + .child_menu { top: 100%; opacity: 1; visibility: visible; } .child_menu.simple_links_list { padding-bottom: 21px; } .child_menu.simple_links_list li { padding: 14px 20px 0 20px; font-size: 14px; } .child_menu.simple_links_list li a { color: #fff; } .child_menu.simple_links_list li > div { border-bottom: 0; padding-bottom: 2px; } .child_menu li { padding: 15px 20px 0 20px; position: relative; font-size: 12px; } /*Lot 2 à ajouter cette parte ==================================*/ .child_menu .admin_simple_list { padding-top: 8px; } .child_menu .admin_simple_list li { padding: 9px 20px !important; } .child_menu .admin_simple_list li a { font-size: 14px !important; } .admin_notification_list li { padding: 15px 10px 0 18px; } .admin_notification_list li + li { border-top: 1px solid #615f5d; } .admin_notification_list li p { line-height: 14px; color: #e6e4e3; } #mobile_notification_menu .admin_notification_list li p { line-height: 20px; } .notification_title_mobile { padding-right: 10px; } .admin_notification_list li div { padding-bottom: 20px; position: relative; } .admin_notification_list li div .notification_title_mobile { border: none; position: relative; padding-right: 0px; width: 90%; } .admin_fav_list li { text-align: left !important; position: relative; } .admin_fav_list li + li { border-top: 1px solid #615f5d; } .admin_fav_list li.fav_link_item a { padding-right: 55px; display: block; font-size: 14px !important; background: url('/Images/neoxiaimg/white_fav_arrow.png') no-repeat center right transparent; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .admin_fav_list li.fav_link_item a:hover { color: #df7a15; background-image: url('/Images/neoxiaimg/orange_fav_arrow.png'); padding-left: 5px; } .delete_fav_link, .edite_fav_link { width: 14px; height: 16px; background: transparent; border: none; padding: 0; position: absolute; right: 30px; top: 50%; margin-top: -8px; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .edite_fav_link { width: 17px; height: 16px; } .delete_fav_link img, .delete_fav_link img, .edite_fav_link img, .edite_fav_link img { display: block; } .edit_mode li.fav_link_item a, .edit_mode li.fav_link_item a:hover { background-image: none; pointer-events: none; } .edit_mode .delete_fav_link { visibility: visible; opacity: 1; right: 20px; } .edit_mode .edite_fav_link { visibility: visible; opacity: 1; right: 50px; } .padding_fav_link { padding-right: 55px; } .edit_mode .open_edition_btn { display: none; } .close_edition_btn { display: none; } .edit_mode .close_edition_btn { display: block; } /*================================================================*/ .child_menu .list_title { font-family: 'roboto_medium', sans-serif !important; font-size: 18px !important; /*Lot 2 à ecrasé*/ text-align: center !important; font-weight: normal; /*Lot 2 à ajouter*/ text-transform: uppercase !important; color: #df7a15 !important; padding: 22px 0 19px 0 !important; /*Lot 2 à ecrasé*/ background-color: #4d4b49 !important; border-bottom: 1px solid #615f5d !important; } .child_menu li .note_close, #mobile_notification_menu .note_close { position: absolute; right: 0; top: 0; /* supprimer -6 (le fichier neoxia contient toujours -6px)*/ display: inline-block; width: 20px; height: 20px; background: url('/Images/neoxiaimg/diselect_item.png') no-repeat center center transparent; text-decoration: none; border: none; } /*Lot 2 à ajouter cette parte =======================================*/ .child_menu li.child_sous_menu, #mobile_fav_menu .child_sous_menu { text-align: center; padding: 10px 20px; } .child_menu li.child_sous_menu a, #mobile_fav_menu .child_sous_menu a { color: #FFFFFF; font-size: 12px; } .child_menu li.last_sous_menu_child, #mobile_fav_menu .last_sous_menu_child { padding: 15px 0 !important; background: #383736; text-align: center !important; } .child_menu li.last_sous_menu_child a, #mobile_fav_menu .last_sous_menu_child a { font-size: 14px; } .child_menu li.last_sous_menu_child a img, #mobile_fav_menu .last_sous_menu_child a img { margin-right: 10px; } /*=====================================================================*/ /******************************************/ .option_list > ul > li a.services_btn { background: url('/Images/neoxiaimg/services_empty_icn.png') no-repeat center center transparent; } .option_list > ul > li a.services_btn:hover { background: url('/Images/neoxiaimg/services_full_icn.png') no-repeat center center transparent; } .option_list > ul > li a.services_btn.active { background: url('/Images/neoxiaimg/services_empty_icn1.png') no-repeat center center #4d4b49; } .option_list > ul > li a.profil_btn { background: url('/Images/neoxiaimg/profil_empty_icn.png') no-repeat center center transparent; } .option_list > ul > li a.profil_btn:hover { background: url('/Images/neoxiaimg/profil_full_icn.png') no-repeat center center transparent; } .option_list > ul > li a.profil_btn.active { background: url('/Images/neoxiaimg/profil_empty_icn1.png') no-repeat center center #4d4b49; } .lang_list { position: absolute; top: 120%; opacity: 0; visibility: hidden; right: 0; width: 55px; background-color: #fff; text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .lang_list.active { opacity: 1; visibility: visible; top: 100%; } .lang_list li { display: block; border: 1px solid #cdcbc9; border-right: none; } .lang_list li + li { border-top: none; } .lang_list a { font-size: 18px; padding: 15px 5px; color: #4d4b49; display: block; text-transform: uppercase; } .lang_list a:hover { color: #ea932d; } .public_lang_list { position: absolute; top: 120%; opacity: 0; visibility: hidden; right: 0; width: 43px; background-color: #dbd8d7; text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .public_lang_list.active { opacity: 1; visibility: visible; top: 100%; z-index: 1060; } .public_lang_list li { display: block; border: 1px solid #cdcbc9; border-right: none; } .public_lang_list li + li { border-top: none; } .public_lang_list a { font-size: 18px; padding: 3px 5px; color: #854e56; display: block; text-transform: uppercase; } .public_lang_list a:hover { color: #ea932d; } .link_list { position: absolute; top: 100%; left: 0; opacity: 0; visibility: hidden; width: 100px; background-color: #dbd8d7; text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 1060; } .link_list.active { /*opacity: 1; visibility: visible; top: 30px; left: 0; right: 0;*/ /*margin-left: auto; margin-right: auto;*/ } .link_list li { display: block; border: 1px solid #cdcbc9; } .link_list li + li { border-top: none; } .link_list a { font-size: 12px; padding: 10px 0px; color: #4d4b49; display: block; text-transform: uppercase; } .links:hover .link_list { color: #ea932d; opacity: 1; visibility: visible; top: 30px; left: 0; right: 0; } .link_list a:hover { color: #854e56; background-color: #fff; } .mobile_mainMenu { width: 100%; height: 100%; position: fixed; left: -120%; top: 0; right: 0; bottom: 0; background: #383736; z-index: 100; padding-bottom: 100px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-box-shadow: 3px 2px 8px -2px rgba(0,0,0,0.75); -moz-box-shadow: 3px 2px 8px -2px rgba(0,0,0,0.75); box-shadow: 3px 2px 8px -2px rgba(0,0,0,0.75); } /*Lot 2 à ajouter cette parte ==============================================*/ .menuTitle_area { background: #2b2b2a; padding: 12px; padding-left: 0; } .close_menuMobile { float: left; width: 90px; height: 66px; background: url('/Images/neoxiaimg/mobile_closebtn.png') no-repeat 50% 50% transparent; background-size: 28px; border: none; border-right: 1px solid #4d4b49; } .back_menuMobile { float: left; width: 90px; height: 66px; background: url('/Images/neoxiaimg/mobile_backbtn.png') no-repeat 50% 50% transparent; background-size: 18px; border: none; border-right: 1px solid #4d4b49; } .menuTitle_mobile { font-family: 'numans_regular', arial; font-size: 30px; color: #e8922b; padding-left: 30px; padding-top: 16px; font-weight: normal; text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .mobile_mainMenuContainer { width: 100%; height: 100%; overflow: auto; } .mobile_mainMenuItems { display: table; width: 100%; height: 100%; padding: 0 25px; padding-bottom: 100px; table-layout: fixed; } .mobile_mainMenuItems li { display: table-row; } .mobile_mainMenuItems li > div { display: table-cell; width: 50%; vertical-align: middle; text-align: center; padding: 5px 0; border-bottom: 1px solid #4d4b49; } .mobile_mainMenuItems li > div + div { border-left: 1px solid #4d4b49; } .mobile_mainMenuItems li:last-child > div { border-bottom: none; } .mobile_mainMenuItems li > div a { font-family: 'roboto_regular', arial; font-size: 22px; color: #fff; } .mobile_mainMenuItems li > div a:active, .menu_item_child.active, .mobile_mainMenuItems li > div a:hover { color: #e8922b; } .mobile_mainMenuItems li > div a img { margin-bottom: 20px; } .mobile_mainMenuItems li > div a img + span { display: block; text-align: center; } .mobile_optionsmenu { position: absolute; left: 0; bottom: 0; width: 100%; background: #2b2b2a; } .mobile_optionsmenu ul { display: table; width: 100%; height: 100px; table-layout: fixed; } .mobile_optionsmenu ul li { display: table-cell; border-right: 1px solid #4d4b49; text-align: center; vertical-align: middle; position: relative; } .mobile_optionsmenu ul li a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; } .mobile_optionsmenu ul li a.mobile_lang_item { font-size: 29px; position: static; color: #e8922b; } .mobile_optionsmenu ul li:last-child { border-right: none; } .mobile_optionsmenu ul li a.mobile_fav_item { background: url('/Images/neoxiaimg/mobile_fav_icn@2x.png') no-repeat 50% 50% transparent; background-size: 41px; } .mobile_optionsmenu ul li a.mobile_aide_item { background: url('/Images/neoxiaimg/mobile_aide_icn@2x.png') no-repeat 50% 50% transparent; background-size: 28px; } .mobile_optionsmenu ul li a.mobile_notification_item { background: url('/Images/neoxiaimg/mobile_notification_icn@2x.png') no-repeat 50% 50% transparent; background-size: 32px; } .mobile_optionsmenu ul li a.mobile_partners_item { background: url('/Images/neoxiaimg/icon-avtg.png') no-repeat 50% 50% transparent; background-size: 41px; } .notification_mobile { position: absolute; font-size: 10px; color: #fff; background-color: #fd7f33; display: inline-block; width: 19px; height: 19px; line-height: 19px; left: 50%; top: 50%; margin-left: -2px; margin-top: -18px; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .mobile_optionsmenu ul li a.mobile_param_item { background: url('/Images/neoxiaimg/mobile_services_icn@2x.png') no-repeat 50% 50% transparent; background-size: 42px; } .mobile_optionsmenu ul li a.mobile_profile_item { background: url('/Images/neoxiaimg/mobile_profil_icn@2x.png') no-repeat 50% 50% transparent; background-size: 34px; } .accordion_childItems { padding-top: 15px; padding-left: 18px; padding-right: 18px; } .sub_menu .accordion_childItems { padding: 0 28px; } .menu_simple_list { padding: 0 28px; } .accordion_childItems > li { margin-bottom: 10px; } .sub_menu .accordion_childItems > li { border-top: 1px solid #464443; padding-top: 15px; } .menu_accord_title { font-size: 14px; color: #807f7d; display: block; margin-bottom: 20px; background: url('/Images/neoxiaimg/accordion_up_down.png') no-repeat 100% 6px transparent; background-size: 13px; } .menu_accord_title.active { background-image: url('/Images/neoxiaimg/accordion_up_arrow.png'); } .sub_menu .menu_accord_title { font-size: 15px; text-transform: uppercase; background-position: 100% 10px; } .sub_menu .menu_accord_title .compte_num { font-size: 13px; } .menu_accord_content { padding-left: 50px; border-bottom: 1px solid #464443; display: none; } .sub_menu .accordion_childItems .menu_accord_content { padding-left: 0px; /* chez neoxia 22px lot3*/ border-bottom: none; } /*.active + .menu_accord_content{ display: block; }*/ .sub_menu .menu_accord_content > ul { overflow: hidden; } .menu_accord_content > ul > li { margin-bottom: 20px; } .sub_menu .menu_accord_content > ul > li { margin-bottom: 12px; width: 50%; float: left; } .menu_accord_content > ul > li:last-child { margin-bottom: 10px; } .menu_accord_content > ul > li > a { font-size: 14px; color: #fff; text-decoration: none; } /*======================================================================================*/ .wrapper_content { width: 100%; position: relative; height: 100%; /*Pas de height dans le fichier neoxia lot 3*/ } .profil_info_global { display: table; width: 100%; height: 104px; background: #854e56; /* Old browsers */ background: -moz-linear-gradient(left, #ea932c 0%, #854e56 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #854e56 0%,#854e56 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #854e56 0%,#854e56 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#854e56', endColorstr='#854e56',GradientType=1 ); /* IE6-9 */ padding: 10px 0 10px 30px; color: #fff; } .profil_info_global_min { display: table; width: 100%; height: 46px; background: #854e56; /* Old browsers */ background: -moz-linear-gradient(left, #ea932c 0%, #854e56 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #854e56 0%,#854e56 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #854e56 0%,#854e56 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#854e56', endColorstr='#854e56',GradientType=1 ); /* IE6-9 */ padding: 10px 0 10px 30px; color: #fff; } .profil_info_detail { display: table-cell; vertical-align: middle; } .conseiller_info { display: table-cell; vertical-align: middle; width: 385px; } .conseiller_info > div { border-left: 2px solid #ad9197; padding: 3px 10px 3px 18px; } .shart_show_btn { border: none; background: url('/Images/neoxiaimg/shart_btn.png') no-repeat 50% 50% transparent; background-size: 20px; float: right; display: block; width: 20px; height: 20px; margin-top: 20px; display: none; } .conseiller_txt { display: block; font-family: 'numans_regular', arial; font-size: 18px; text-transform: uppercase; margin-bottom: 5px; } .solde { float: right; font-size: 26px; } .total_cotisation { float: right; } .div_cotisations { margin-right: 10px; font-size: 18px; } .previsionnel { float: right; font-size: 20px; } .conseiller_info_txt .conseiller_name { font-family: 'roboto_medium', arial; font-size: 18px; width: 153px; display: inline-block; vertical-align: top; } .conseiller_info_txt .conseiller_cor_infos li img { vertical-align: middle; } .conseiller_info_txt .conseiller_cor_infos li span { vertical-align: middle; } .conseiller_cor_infos { display: inline-block; vertical-align: middle; } .capital_area .capital_txt { font-family: 'roboto_light'; font-size: 22px; } .capital_area .capital_val { font-family: 'roboto_medium'; font-size: 26px; } .profile_img_zone { display: inline-block; *zoom: 1; width: 73px; height: 73px; /* -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; lot3 la classe a été modifié border: 4px solid #eeba7c; background-color: #fff;*/ overflow: hidden; vertical-align: middle; margin-right: 20px; } .profile_info_txt { display: inline-block; *zoom: 1; vertical-align: middle; max-width: 85%; } .profile_name { display: block; font-family: 'numans_regular',arial; font-size: 28px; border-bottom: 2px solid #fff; padding-bottom: 4px; line-height: normal; } .profile_name_min { display: block; font-family: 'numans_regular',arial; font-size: 20px; border-bottom: none; padding-bottom: 0px; line-height: normal; } .profile_msg { font-size: 19px; font-family: 'roboto_light', arial; } .content_container { padding: 25px; width: 100%; overflow: auto; /*max-width: 1190px;*/ } .content_container:after { content: ""; height: 20px; display: block; } /*=== Custom scrollBar ===*/ .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical { background: #bcbcbc; width: 10px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgb(98, 98, 98); } .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical { margin: 0; } .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical { opacity: 0.5; } .disconnected_content { overflow: auto; } .home_page { overflow: auto; } .desktop_home_label { display: block; } .mobile_home_label { display: none; } .content_container.searchbar_active { padding-top: 65px; } .small_separator { text-align: center; height: 2px; } .small_separator span { display: inline-block; width: 80px; height: 2px; background: #cbcbcb; } .sidebar_menu { position: fixed; padding-top: 64px; top: 0; left: 0; width: 160px; height: 100%; background: #262625; -webkit-box-shadow: 1px 0px 3px 0px rgba(0,0,0,0.39); -moz-box-shadow: 1px 0px 3px 0px rgba(0,0,0,0.39); box-shadow: 1px 0px 3px 0px rgba(0,0,0,0.39); z-index: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .sidebar_menu .search_btn_show { width: 100%; z-index: 1; position: absolute; } .sidebar_menu .search_btn_show button { height: 46px; border: none; background-color: #615f5d; width: 100%; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .sidebar_menu .search_btn_show button .direct_access { background: url('/Images/neoxiaimg/search_icn.png') no-repeat 100% center transparent; font-family: 'roboto_light', arial; font-size: 14px; color: #cccccc; display: inline-block; *zoom: 1; width: 80%; text-align: left; border-bottom: 1px solid #ccc; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .sidebar_menu .search_btn_show button .direct_access_close { font-family: 'roboto_light', arial; font-size: 14px; color: #cccccc; display: inline-block; *zoom: 1; width: 90%; text-align: right; display: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .sidebar_menu .search_btn_show button.active .direct_access { display: none; } .sidebar_menu .search_btn_show button.active .direct_access_close { display: inline-block; *zoom: 1; } /*.scrolled .sidebar_menu{ padding-top: 60px; }*/ .sidebar_menu > ul { height: 100%; position: relative; padding-top: 46px; } .sidebar_menu > ul > li { width: 100%; border-bottom: 2px solid #262625; } .sidebar_menu li { background: #262625; } .sidebar_menu > ul > li > a { font-family: 'roboto_regular', arial; font-size: 14px; color: #fff; display: table; width: 100%; height: 56px; vertical-align: middle; padding-left: 10px; text-decoration: none; background: #383736; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-left: 0px solid #e8922b; } .sidebar_menu > ul > li > a > span { display: table-cell; vertical-align: middle; } .sidebar_menu > ul > li > a > span span { display: inline-block; vertical-align: middle; *zoom: 1; max-width: 107px; } .sidebar_menu > ul > li > a > span img { margin-right: 10px; vertical-align: middle; max-width: 22px; min-width: 22px; width: 22px; } .sidebar_menu > ul > li > a:hover, .sidebar_menu > ul > li > a.active, .sidebar_menu > ul > li:hover > a { color: #e8922b; background: #262625; border-left-width: 3px; } .sidebar_menu > ul li.has_child:hover > .sub_menu { left: 100%; opacity: 1; visibility: visible; } .list_style { display: table; width: 100%; height: 100px; } .list_style > span { font-family: 'numans_regular', arial; font-size: 24px; color: #ea932c; display: table-cell; width: 100%; vertical-align: middle; padding-left: 25px; background-repeat: repeat-y !important; text-transform: uppercase; } .main_head > div { display: table; width: 100%; height: 66px; } .main_head > div > div { display: table-cell; height: 66px; max-height: 100%; vertical-align: middle; } .sub_menu { position: absolute; top: 0; left: 95%; width: 450px; height: 100%; background-color: #262625; background-repeat: repeat-y !important; z-index: 1; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-box-shadow: 1px 0px 3px 0px rgba(0,0,0,0.39); -moz-box-shadow: 1px 0px 3px 0px rgba(0,0,0,0.39); box-shadow: 1px 0px 3px 0px rgba(0,0,0,0.39); -webkit-box-shadow: inset 1px 0px 3px 0px rgba(0,0,0,0.39); -moz-box-shadow: inset 1px 0px 3px 0px rgba(0,0,0,0.39); box-shadow: inset 1px 0px 3px 0px rgba(0,0,0,0.39); } /*.sub_menu ul{ a été commenté dans le lot3 padding: 0 23px; }*/ .sub_menu.show { left: 100%; opacity: 1; background-color: #3c3c3d; visibility: visible; } .sub_menu.first_level > ul > li > a { font-family: 'roboto_regular', arial; font-size: 15px; color: #e6e4e3; display: table; text-decoration: none; height: 70px; width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0.5; background: transparent; } .sub_menu.first_level > ul > li:first-child { border-top: 1px solid #505052; } .sub_menu.first_level > ul > li > a > span { display: table-cell; vertical-align: middle; border-bottom: 1px solid #505052; } .sub_menu.first_level > ul > li > a > span > img { vertical-align: middle; margin-right: 15px; } .sub_menu.first_level > ul > li > a > span > span { display: inline-block; *zoom: 1; vertical-align: middle; } .sub_menu.first_level > ul > li > a:hover, .sub_menu.first_level > ul > li > a.active, .sub_menu.first_level > ul > li:hover > a { opacity: 1; } .sub_menu.second_level { width: 403px; } .sub_menu.second_level ul li a { font-family: 'roboto_regular', arial; font-size: 15px; color: #fff; display: table; text-decoration: none; height: 60px; width: 100%; padding: 0 23px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0.5; background: transparent; } .sub_menu.second_level ul li a span { display: table-cell; vertical-align: middle; } .sub_menu.second_level > ul > li > a:hover, .sub_menu.second_level > ul > li > a.active { opacity: 1; background: #2e2e2e; } .main_head .logo_area { padding-left: 16px; } .main_head .logo_area img { max-width: none; } .second_logo_area img { max-width: 90%; } .main_head .lang_area { width: 50px; text-align: center; border-left: 1px solid #dbdbdb; } .main_head .lang_btn { font-family: 'roboto_regular', arial; color: #854d56; font-size: 18px; text-transform: uppercase; text-decoration: none; text-align: center; line-height: 58px; padding-top: 4px; width: 54px; } .main_content { float: left; width: 67%; /*max-width: 763px;*/ } .aside_content { float: right; width: 31%; /*max-width: 353px;*/ } .white_block { background: #fff; margin-bottom: 16px; } .grey_block { background: transparent; margin-bottom: 16px; } .grey_block h2, .white_block h2 { font-family: 'numans_regular', arial; font-size: 18px; color: #ea932c; text-transform: uppercase; font-weight: normal; padding: 15px 16px 12px 16px; } .grey_block h2, .white_block h2 span { vertical-align: middle; } .grey_block h2, .white_block h2 .tagline { font-size: 12px; color: #969999; text-transform: lowercase; } .help_tuto_icn { vertical-align: top !important; position: relative; } /*.help_tuto_icn:before{ content: attr(data-text); color: #474747; font-family: 'roboto_regular', arial; font-size: 13px; text-transform: none; position: absolute; background-color: #fff; left: 100%; top: 100%; margin-top: -40px; margin-left: 16px; display: block; width: 154px; padding: 5px 10px; border: 1px solid #b1b1b1; z-index: 10; text-align: center; box-sizing: border-box; line-height: 15px; opacity: 0; visibility: hidden; }*/ .tooltipster-sidetip .tooltipster-box { background: #fff; border: 1px solid #b1b1b1; border-radius: 0; line-height: 15px; } .tooltipster-sidetip .tooltipster-content { color: #474747; font-family: 'roboto_regular', arial; font-size: 13px; padding: 5px 10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow { left: -1px; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow { bottom: -1px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow { right: -1px; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow { top: -1px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { border-right-color: #b1b1b1; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color: #b1b1b1; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border { border-left-color: #b1b1b1; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: #b1b1b1; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background { border-right-color: #fff; left: 1px; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top-color: #fff; bottom: 1px; top: -1px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background { border-left-color: #fff; left: -1px; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: #fff; bottom: -1px; } .tooltipster-sidetip .tooltipster-content ul li { padding-left: 10px; position: relative; } .tooltipster-sidetip .tooltipster-content ul li:before { content: '-'; position: absolute; left: 0; top: 0; } .info_txt { margin-top: 40px; } /*.help_tuto_icn.show_right:before{ left: inherit; top: 50%; margin-left: 0px; right: 100%; margin-right: 16px; } .help_tuto_icn:after{ content: ''; position: absolute; left: 100%; top: 50%; display: block; width: 13px; height: 20px; background:url('/Images/neoxiaimg/notification_aide_arrow.png') no-repeat 0 0 transparent; z-index: 10; margin-top: -10px; margin-left: 6px; margin-left: 6px\9; opacity: 0; visibility: hidden; } .help_tuto_icn.show_right:after{ left: inherit; background-image: url('/Images/neoxiaimg/notification_aide_arrow_toright.png'); margin-left: 0; right: 100%; margin-right: 4px; } .help_tuto_icn:hover:before,.help_tuto_icn:hover:after{ opacity: 1; visibility: visible; }*/ #evolution_solde.help_tuto_icn:before { width: 230px; } #fiche_signaletique.help_tuto_icn:before { width: 230px; } #autorisations_depassements.help_tuto_icn:before { width: 230px; } #list_edocs.help_tuto_icn:before { width: 230px; } #operation_a_venir.help_tuto_icn:before { width: 230px; } #historique_des_operation.help_tuto_icn:before { width: 230px; } #liste_des_edoc.help_tuto_icn:before { width: 230px; } #mon_rib.help_tuto_icn:before { width: 230px; } .with_border { border-top: 2px solid #499ca0; } .principes_list { padding: 0 20px; } .grey_gradient { background: #f7f6f5; width: 100%; } .full_size { width: 100%; } .full_size_devise { width: 62%; } .dr_devise { background-color: #f7f6f5; height: 40px; border: 1px solid #e6e4e3; padding-left: 28px; } .half_size { width: 49.07%; } .padding_around { padding: 10px 15px; } .dasboard_head h1 { font-family: 'roboto_regular', arial; font-size: 24px; color: #646466; font-weight: normal; } .btn_show_graph { float: right; width: 58px; height: 52px; position: relative; } .btn_show_graph button { background: url('/Images/neoxiaimg/show_graph_dashbord_w.png') no-repeat center #854d56; border: 0; padding: 10px 15px; width: 100%; height: 100%; position: relative; border-left: 1px solid #e2e2e2; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn_show_graph button:before { content: ''; position: absolute; bottom: 0; left: 50%; width: 10px; height: 10px; margin-left: -5px; opacity: 0; visibility: hidden; background-color: #854d56; border: 1px solid #e1e1e1; border-bottom: 0; border-left: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn_show_graph button:hover { background-color: #74353f; } .btn_show_graph button.active:before { bottom: -6px; visibility: visible; opacity: 1; background-color: #ffffff; transform: rotate(136deg); } .btn_show_graph button.active:hover:before { background-color: #74353f; } .btn_show_graph button.active { background: url('/Images/neoxiaimg/show_graph_dashbord.png') no-repeat center #ffffff; } .btn_show_graph button.active:hover { background: url('/Images/neoxiaimg/show_graph_dashbord_w.png') no-repeat center #74353f; } .multiEvolution_chart_zone { background-color: #fcfcfc; -webkit-box-shadow: inset 0px 0px 35px -12px rgba(0,0,0,0.31); -moz-box-shadow: inset 0px 0px 35px -12px rgba(0,0,0,0.31); box-shadow: inset 0px 0px 35px -12px rgba(0,0,0,0.31); } body.loaded { overflow: hidden; } .modal-backdrop-load { position: fixed; top: 0; right: 0; bottom: 0; left: 0; opacity: 1; z-index: 1040; background: url('/Images/neoxiaimg/backdrop_cover.png') repeat; visibility: visible; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; display: block; } .loaded .modal-backdrop-load { opacity: 0; visibility: hidden; } .modal-backdrop-load img { position: absolute; width: 30px; margin-left: -15px; margin-top: -15px; top: 50%; left: 50%; } .highcharts-container > svg .highcharts-background { fill: #fcfcfc; } .btn_masque_graphe { text-align: center; overflow: hidden; } #evolution_chart_multi { margin-bottom: 20px; } .btn_masque_graphe button { background: url('/Images/neoxiaimg/btn_hide_graph.png') no-repeat center bottom; background-size: contain; border: 0; padding: 15px 10px 0; line-height: 1.8; width: 250px; color: #ffffff; font-size: 13px; position: relative; bottom: -1px; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .btn_masque_graphe button:hover { color: #854d56; background-image: url(/Images/neoxiaimg/btn_hide_graph_w.png); } .table_with_left_bars tr.accordion_tr_dashbord { border-bottom: 0 solid #e6e4e3; background-color: #fdfdfd:; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .table_with_left_bars tr.accordion_tr_dashbord.active { border-top-width: 1px; } .table_with_left_bars tr.accordion_tr_dashbord td:first-child { -webkit-box-shadow: inset 0px 40px 30px -45px rgba(187, 187, 187, 0.59), inset 0px -40px 30px -45px rgba(187, 187, 187, 0.59); -moz-box-shadow: inset 0px 40px 30px -45px rgba(187, 187, 187, 0.59), inset 0px -40px 30px -45px rgba(187, 187, 187, 0.59); box-shadow: inset 0px 40px 30px -45px rgba(187, 187, 187, 0.59), inset 0px -40px 30px -45px rgba(187, 187, 187, 0.59); } .table_with_left_bars tr.accordion_tr_dashbord td { padding: 0; padding-left: 15px; padding-right: 15px; height: auto; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .table_with_left_bars tr.accordion_tr_dashbord td.active { padding-top: 25px; padding-bottom: 10px; } .table_with_left_bars tr.accordion_tr_dashbord td p { margin-bottom: 15px; } .table_with_left_bars tr.accordion_tr_dashbord td p:last-child { margin-bottom: 0; } .table_with_left_bars tr.accordion_tr_dashbord td span, .table_with_left_bars tr.accordion_tr_dashbord td strong { display: block; } .table_with_left_bars tr.accordion_tr_dashbord td span { color: #999896; font-size: 14px; } .table_with_left_bars tr.accordion_tr_dashbord td strong { color: #4d4b49; font-weight: bold; } .special_td_dashbord { display: table; table-layout: fixed; width: 100%; } .mytd_dashbord { display: none; padding-left: 10px; } .special_td_dashbord > div { display: table-cell; } .show_detail_graph { width: 58px; text-align: center; background: url('/Images/neoxiaimg/grey_small_border.png') no-repeat 0 50% transparent; } .show_detail_graph a { display: block; border: 0; height: 100%; width: 100%; background: url('/Images/neoxiaimg/accordion_up_down.png') no-repeat center #ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .show_detail_graph a.active { background-image: url('/Images/neoxiaimg/accordion_up_arrow.png'); } .show_inmobile { display: none; } .adherent_name { display: block; text-align: center; } .compte_info_part { display: block; } .compte_info_part span { width: 48%; display: inline-block; } .compte_info_part span:last-child { text-align: right; } .dasboard_head a { font-family: 'roboto_regular', arial; font-size: 16px; color: #969999; text-decoration: underline; } .dashboard_list li { display: inline-block; *zoom: 1; width: 33.33%; text-align: center; vertical-align: middle; padding: 15px; position: relative; } .dashboard_list li a { font-family: 'roboto_regular', arial; font-size: 18px; color: #646466; line-height: 20px; display: table; width: 100%; height: 255px; position: relative; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .dashboard_list li a:hover { background: #f2f2f2; color: #499ca0; } .dashboard_list li a:after { content: ''; display: inline-block; *zoom: 1; width: 1px; height: 100%; background: #dddddd; position: absolute; left: -15px; top: 0; } .dashboard_list li a:before { content: ''; display: inline-block; *zoom: 1; width: 100%; height: 1px; background: #dddddd; position: absolute; left: 0; bottom: -15px; } .dashboard_list li a > span { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .dashboard_list li a img { margin-bottom: 22px; } .dashboard_list li a strong { font-weight: normal; } .dashboard_list li:nth-child(n + 4) a:before { display: none; } .dashboard_list li:first-child a:after { display: none; } .dashboard_list li:nth-child(4n) a:after { display: none; } .classement_blocks .configuration_wrapper input { /* ajouter lot3*/ width: 100%; } .chart { width: 99%; } .highcharts-container { max-width: 100%; overflow: visible !important; } .highcharts-container > svg { overflow: visible !important; } #operation.active { display: block !important; } .evolution_chart_zone { padding: 10px; margin-bottom: 10px; } /*.multiEvolution_chart_zone{ lot3 padding: 10px; margin-bottom:10px; }*/ .multiEvolution_chart_zone { padding: 10px; margin-bottom: 0px; padding-bottom: 0; } .dropdown_area { padding: 10px 15px; } .grey_dropdown { width: 210px; display: inline-block; *zoom: 1; } .grey_dropdown .chosen-container { width: 100% !important; } .grey_dropdown .chosen-container-single .chosen-single { border: 1px solid #f7f6f5; background-image: none; background-color: #f7f6f5; color: #999896; font-size: 13px; line-height: 31px; box-shadow: none; height: 32px; } .chosen-container .chosen-drop { z-index: 5; } .grey_gradient .grey_dropdown .chosen-container-single .chosen-single { background-color: #fff; } .grey_dropdown .chosen-container-active .chosen-single { border-color: #BBBABA; } .grey_dropdown .chosen-container-single .chosen-single div { width: 34px; } .grey_dropdown .chosen-container-single .chosen-single div b { background: url('/Images/neoxiaimg/dropbdown_closed_arrow.png') no-repeat center center transparent; } .grey_dropdown .chosen-container.chosen-with-drop .chosen-drop { background: #f7f6f5; box-shadow: none; border-color: #BBBABA; } .grey_gradient .grey_dropdown .chosen-container.chosen-with-drop .chosen-drop { background: #fff; } .chosen-container .chosen-results li.highlighted { background-color: #262625; background-image: none; color: #fff; /*color: #444;*/ } .chosen-container + .chosen-container { display: none; } .fields_switcher .white_dropdown { float: left !important; } /*Lot 2 à ajouter*/ .select_def + .chosen-container .chosen-results li.highlighted { color: #444; } .onglets_list { display: table; width: 100%; } .onglets_list li { display: table-cell; *zoom: 1; width: 50%; border-top: 3px solid transparent; vertical-align: middle; background: #f2f2f2; background: -moz-linear-gradient(left, #f2f2f2 1%, #fafaf9 100%); background: -webkit-gradient(linear, left top, right top, color-stop(1%,#f2f2f2), color-stop(100%,#fafaf9)); background: -webkit-linear-gradient(left, #f2f2f2 1%,#fafaf9 100%); background: -o-linear-gradient(left, #f2f2f2 1%,#fafaf9 100%); background: -ms-linear-gradient(left, #f2f2f2 1%,#fafaf9 100%); background: linear-gradient(to right, #f2f2f2 1%,#fafaf9 100%); /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#fafaf9',GradientType=1 );*/ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .onglets_list li a { font-family: 'numans_regular', arial; font-size: 14px; color: #999896; text-transform: uppercase; font-weight: normal; padding: 15px 5px 12px 5px; display: block; text-decoration: none; text-align: center; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .onglets_list li.active { background: #fff; background: -moz-linear-gradient(left, #fff 1%, #fff 100%); background: -webkit-gradient(linear, left top, right top, color-stop(1%,#fff), color-stop(100%,#fff)); background: -webkit-linear-gradient(left, #fff 1%,#fff 100%); background: -o-linear-gradient(left, #fff 1%,#fff 100%); background: -ms-linear-gradient(left, #fff 1%,#fff 100%); background: linear-gradient(to right, #fff 1%,#fff 100%); /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=1 );*/ border-top-color: #ea922c; } .onglets_list li a.active { color: #ea932c; font-size: 18px; } .classement_list li + li { margin-top: 5px; } .classement_blocks > li { display: none; } .classement_blocks > li.active { display: block; } #details_carte { padding-bottom: 7px; } #plafonds { padding: 17px 0; } #plafonds .plafonds_wrraper { margin: 0 auto; max-width: 754px; } #plafonds .simple_table { width: 100%; } .simple_table { border: 1px solid #e9e9e9; display: table; } .simple_table tbody tr:nth-child(even) { background: #f7f6f4; } .simple_table tbody tr:nth-child(odd) { background: #fff; } .simple_table th { font-family: 'roboto_regular', arial; font-size: 13px; border: 1px solid #fff; background: #b8b7b5; color: #fff; font-weight: normal; height: 31px; } .simple_table td { font-family: 'roboto_regular', arial; font-size: 14px; height: 45px; border-left: 1px solid #e9e9e9; } .simple_table .pl23 { padding-left: 23px; } .simple_table .pl20 { padding-left: 20px; padding-right: 15px; } .table_disc { font-size: 13px; color: #989896; padding-top: 7px; } .orange_group { margin-bottom: 20px; } .orange_group label { display: block; font-size: 15px; color: #363537; margin-bottom: 5px; } .orange_group .orange_field { width: 100%; height: 35px; border: 1px solid #e7ad67; padding-left: 10px; } .comptes_liste { /*lot 3 ajouter*/ position: relative; } .comptes_liste > div /*lot 3 modifié*/ , .comptes_liste > a { border: 1px solid #e7ad67; padding: 10px 35px 10px 10px; background: url('/Images/neoxiaimg/compte_liste_bottom_arrow.png') no-repeat 100% center transparent; } .compte_name_part { color: #5e5c62; font-size: 16px; line-height: 18px; } .compte_name_part .compteName { font-size: 16px; } .compte_name_part span { font-size: 12px; } .compte_prix_part { font-family: 'roboto_bold', arial; font-size: 14px; color: #505050; padding-top: 10px; /*lot 3 valeur 5px avant modification*/ } /*début nouveau bloc lot3*/ .select_compteItem.active { background-image: url('/Images/neoxiaimg/compte_liste_top_arrow.png'); } .select_compteItem.active + ul { visibility: visible; opacity: 1; } .comptes_liste > a + ul { position: absolute; top: 100%; left: 0; width: 100%; border: 1px solid #e6e4e3; border-top: none; background: #f7f6f5; z-index: 5; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .comptes_liste > a + ul li { padding: 10px; border-bottom: 1px solid #e6e4e3; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .comptes_liste > a + ul li:hover { background: #e8e7e7; } .comptes_liste > a + ul li:last-child { border-bottom: none; } .comptes_liste > a + ul li label { cursor: pointer; } .compteItem_radio { display: none; } /* fin block lot 3*/ .submit_area { padding-bottom: 15px; } .image_desc_block_container { display: table; width: 100%; } .image_desc_block_container > div { display: table-row; text-align: center; } .image_desc_block_container .image_container { display: table-cell; vertical-align: bottom; height: 213px; background-color: #f7f6f5; } .image_desc_block_container .desc_container { display: table-cell; height: 182px; vertical-align: middle; padding: 20px 35px; color: #4c4a4d; } .image_desc_block_container h3.orange_title { font-family: 'roboto_medium', arial; font-size: 17px; color: #ea932c; font-weight: normal; margin-bottom: 10px; } /*Lot 2 à ajouter*/ h3.orange_title { font-family: 'roboto_medium', arial; color: #ea932c; font-weight: normal; } .image_desc_block_container p { margin-bottom: 15px; } .list_items_with_arrows > ul { display: table; width: 100%; } .list_items_with_arrows > ul > li { display: table-row; width: 100%; vertical-align: middle; position: relative; } .list_items_with_arrows > ul > li a { font-size: 14px; padding: 10px 22px 10px 10px; color: #2e2e2f; display: inline-block; *zoom: 1; border-bottom: 1px solid #e6e4e3; width: 100%; background: url('/Images/neoxiaimg/challenges_arrow_grey.png') no-repeat 97% center transparent; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .list_items_with_arrows > ul > li.italic_link a { color: #999896; } .list_items_with_arrows > ul > li > a > span { vertical-align: middle; } .list_items_with_arrows > ul > li a:hover { background-color: #F7F7F7; background-position: 98% center; } .small_list .list_items_with_arrows > ul > li a:hover { background-color: #fff; background-position: 96% center; } .show_more { font-family: 'roboto_regular', arial; font-size: 14px; border: none; color: #999896; width: 100%; height: 30px; background: #f7f6f5; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-align: center; /*lot 3 ajouter*/ line-height: 2; /*lot 3 ajouter*/ display: inline-block; /*lot 3 ajouter*/ } .show_more:hover { background: #DADADA; } .border_flat_btn { font-size: 16px; color: #499ca0; text-transform: uppercase; min-width: 110px; height: 41px; border: 1px solid #499ca0; background: #fff; padding: 5px; outline: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .border_flat_btn + .border_flat_btn { margin-left: 5px; } .border_flat_btn:hover { color: #fff; background: #499ca0; } .search_area { padding: 34px 45px 30px 200px; padding-left: 200px; /*background-color: #615f5d; commenter dans lot 3*/ background-color: #854d56; /*ajouter dans lot 3*/ position: fixed; width: 100%; z-index: 1; left: 0; margin-top: -4px; display: none; } .search_area_form { padding: 34px 45px 18px 200px; padding-left: 200px; /*background-color: #615f5d; commenter dans lot 3*/ background-color: #854d56; /*ajouter dans lot 3*/ position: fixed; width: 100%; z-index: 1; left: 0; margin-top: -4px; display: none; } .search_area_form .form_autocomplete .autocomplete_search_field { color: #fff; font-size: 14px; width: 100%; height: 55px; border: 1px solid #fff; background-color: #926167 !important; padding-right: 60px; outline: none; padding-left: 33px; font-style: italic; } .search_area_form .form_autocomplete .autocomplete_search_field::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; } .search_area_form .form_autocomplete .autocomplete_search_field::-moz-placeholder { /* Firefox 19+ */ color: #fff; } .search_area_form .form_autocomplete .autocomplete_search_field:-ms-input-placeholder { /* IE 10+ */ color: #fff; } .search_area_form .form_autocomplete .autocomplete_search_field:-moz-placeholder { /* Firefox 18- */ color: #fff; } .search_area_form .form_autocomplete .search_submit_btn { font-family: 'roboto_medium', arial; font-size: 18px; width: 171px; height: 55px; text-transform: uppercase; position: absolute; top: 0; right: 0; color: #824f56; /*lot 3 ajouter*/ background: #fff; /*lot 3 ajouter*/ border: 1px solid #fff; /*lot 3 ajouter*/ font-weight: 600; /*lot 3 ajouter*/ } .search_area_form .form_autocomplete .search_submit_btn:before { line-height: 33px; } .autocomplete_search_field .search_submit_btn:hover { font-weight: normal !important; } .autocomplete_search_field .search_submit_btn span, .autocomplete_search_field .search_submit_btn:before { padding: 13px 20px !important; } .search_area_form .form_autocomplete .mobile_search_submit_btn { width: 35px; height: 35px; background: url('/Images/neoxiaimg/mobile_search_icn.png') no-repeat 50% 50% #fff; background-size: 14px; display: none; position: absolute; top: 0; right: 0; border: none; } .search_area_form .form_autocomplete { /* modifier dans lot 3*/ /*width: 100%; position: relative;*/ width: 75%; position: relative; margin: 0 auto; } .search_area form { /* modifier dans lot 3*/ /*width: 100%; position: relative;*/ width: 75%; position: relative; margin: 0 auto; } .search_area form #search_field { /*modifier dans lot 3*/ color: #fff; font-size: 14px; width: 100%; height: 55px; border: 1px solid #fff; background-color: #926167; padding-right: 60px; outline: none; padding-left: 33px; font-style: italic; } .search_area form .search_submit_btn { font-family: 'roboto_medium', arial; font-size: 18px; width: 171px; height: 55px; text-transform: uppercase; position: absolute; top: 0; right: 0; color: #824f56; /*lot 3 ajouter*/ background: #fff; /*lot 3 ajouter*/ border: 1px solid #fff; /*lot 3 ajouter*/ font-weight: 600; /*lot 3 ajouter*/ } .search_area form .search_submit_btn:hover { font-weight: normal !important; } .search_area form .search_submit_btn span, .search_area form .search_submit_btn:before { padding: 13px 20px !important; } .form_autocomplete form .mobile_search_submit_btn { width: 35px; height: 35px; background: url('/Images/neoxiaimg/mobile_search_icn.png') no-repeat 50% 50% #fff; background-size: 14px; display: none; position: absolute; top: 0; right: 0; border: none; } .content_top_dashbord { /*ajouter dans lot 3*/ padding: 25px; } .liste_services { padding: 25px 30px; background-color: #fff; clear: both; /*ajouter dans lot3*/ } .liste_services ul { } .liste_services ul li { display: inline-block; *zoom: 1; width: 33%; } .liste_services ul li + li { border-left: 1px solid #e6e4e3; } .liste_services ul li > a > img { /*modifier dans lot 3*/ margin-right: 8%; max-width: 15%; } .liste_services ul li + li > a > img { /*modifier dans lot 3*/ margin-left: 8%; } .liste_services ul li .service_text_content { display: inline-block; width: 58%; vertical-align: middle; } .liste_services ul li .service_text_content h5 > a { /*modifier dans lot 3*/ font-family: 'roboto_medium', arial; font-size: 13px; color: #ea922c; text-transform: uppercase; margin-bottom: 5px; } .liste_services ul li .service_text_content p > a { /*modifier dans lot 3*/ font-family: 'roboto_regular', arial; font-size: 13px; color: #999896; line-height: 15px; } .contenu_dashbord { /*ajouter dans lot 3*/ padding: 0; } .simple_footer { font-family: 'roboto_light', arial; font-size: 11px; background-color: #383736; text-align: center; padding: 3px 5px; color: #8c8c8c; position: absolute; width: 100%; bottom: 0; right: 0; height: 21px; } .simple_footer a { text-decoration: underline; color: #8c8c8c; white-space: nowrap; } .content_top_dashbord .favori_Secondbloc .favori_lbl_txt, .content_top_dashbord .favori_Secondbloc_1 .favori_lbl_txt { width: 100%; margin-right: 0; margin-bottom: 5px; } #transfert_cash .datePicker_Style { width: 100%; border: 1px solid #e6e4e3; height: 40px; background-color: #f7f6f5; padding-left: 20px; border-radius: 0; } #transfert_cash .check_mise .txt_info { width: 100%; margin-top: -3px; padding-left: 24px !important; display: block; } #transfert_cash .check_mise { margin-left: 0; } #transfert_cash .checkbox_mask { float: left; } .content_top_dashbord .onglets_list li a.active { font-size: 15px; } .modal_dashbord .contenu_modal_body li .white_dropdown { width: 70%; } .orange_group .white_dropdown { width: 100%; } .ui-widget-content { max-width: 100%; /* height: 580px;f overflow: scroll;*/ padding: 5px 10px; /* padding-bottom: 15px;*/ border-top: none; } .form-autocomplete { position: relative; } .result { position: absolute; left: 0; top: 55px; width: 100%; } .ui-menu-item { padding: 10px 5px; border-bottom: 1px solid #e1e1e1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .ui-menu-item:hover { border: none; background: transparent; border-bottom: 1px solid #e1e1e1; padding-left: 10px; cursor: pointer; } .ui-menu-item:last-child { border-bottom: 0px; } .ui-menu-item:last-child:hover { border-bottom: 0px; } /* ========================================================================== Helper classes ========================================================================== */ /* * Hide visually and from screen readers: */ .padright35 { padding-right: 35px; } .hidden { display: none !important; } .float_left { float: left; } .float_right { float: right; } .align_justify { /*ajouter dans lot 3*/ text-align: justify; } .align_right { text-align: right; } .align_left { /*modifier dans lot 3*/ text-align: left !important; } .margin_left { /*modifier dans lot 3*/ margin-left: 0px !important; } .align_center { /*modifier dans lot 3*/ text-align: center !important; } /*Lot 2 à ajouter*/ .upper_case { text-transform: uppercase; } .BtnPwd { background: none; border: none; color: #FFFFFF; font-size: 14px; padding-left:0px; } .unstylled_btn { font-family: 'roboto_medium', arial; font-size: 17px; border: none; color: #fff; padding: 0; text-transform: uppercase; display: inline-block; zoom: 1; position: relative; vertical-align: middle; overflow: hidden; background: transparent; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .unstylled_btn + .unstylled_btn { margin-left: 19px; } /*Lot 2 à ajouter*/ .white_download_btn { font-size: 15px; color: #fff; background: url(/Images/neoxiaimg/white_download_icn.png) no-repeat 10% center; /*ajouter dans lot 3*/ font-family: 'roboto_medium', arial; padding: 15px 25px 15px 45px; /*modifier dans lot3*/ border: 2px solid #fff; border-radius: 3px; margin-right: 25px; float: right; -webkit-transition: all 0.3s ease; /*ajouter dans lot 3*/ -moz-transition: all 0.3s ease; /*ajouter dans lot 3*/ -ms-transition: all 0.3s ease; /*ajouter dans lot 3*/ -o-transition: all 0.3s ease; /*ajouter dans lot 3*/ transition: all 0.3s ease; /*ajouter dans lot 3*/ } .white_download_btn:hover { background-image: url(/Images/neoxiaimg/download.png); background-color: #fff; color: #854d56; } .flat_btn { font-family: 'roboto_medium', arial; font-size: 17px; border: none; color: #fff; padding: 0; text-transform: uppercase; display: inline-block; *zoom: 1; position: relative; vertical-align: top; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .flat_btn + .flat_btn { margin-left: 25px; } .flat_btn span { display: block; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .flat_btn:hover:not([disabled]) span { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } .flat_btn span, .flat_btn:before { -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); padding: 10px 20px; } /*Lot 2 à ajouter*/ .flat_btn span.addbutton { padding: 7px 20px; } .left_bot_question .flat_btn:before { padding: 8px 15px; } .acceuil_faq { /*border: 1px solid #e6e4e3; background-color: #f7f6f5;*/ padding-left: 20px; width: 100%; display: inline-block; min-height: 33px; margin-bottom: 9px; text-transform: none; font-weight: normal; font-size: 15px; color: #854e56; text-decoration: underline; line-height: 2; } .acceuil_faq:before { color: #854e56; } .flat_btn:not([disabled]):before { box-sizing: border-box; content: attr(data-text); position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #fff; white-space: nowrap; -webkit-transform: translateY(150%); -ms-transform: translateY(150%); transform: translateY(150%); opacity: 0.3; } .flat_btn:hover:not([disabled]):before { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .flat_btn:hover { background-position: 94% center; } .mobile_btn { display: none; } .detail_btn { display: none; } .green_btn { background-color: #c5cb33; } .green_btn:hover { background-color: #989D26; } .orange_btn { background-color: #ea932c; border: 2px solid #ea932c; } .orange_btn:before { color: #ea932c; } .purple_btn { background-color: #854e56; border: 2px solid #854e56; } .purple_btn:before { color: #854e56; } .grey_btn { background-color: #999896; border: 2px solid #999896; } .grey_btn:before { color: #999896; } /*.orange_btn:hover{ background-color: #d38427; }*/ .daily_ressource_container img { border: 1px solid #b2b4b4; } .special_block { padding: 0 20px; } .table_with_left_bars { width: 100%; table-layout: fixed; } .table_with_left_bars tr { border-bottom: 1px solid #e6e4e3; position: relative; /*ajouter dans lot 3*/ } .table_with_left_bars tbody:nth-child(2) tr:last-child { border-bottom: 0px solid #e6e4e3 !important; } #muliComptesTable .mobileSoldeLink { width: 40px; position: relative; display: none; } #muliComptesTable .mobileSoldeLink a { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url('/Images/neoxiaimg/mobileLink_icn.png') no-repeat 50% 50% #f3f3f3; } .table_with_left_bars tr:last-child { border-bottom: 2px solid #e6e4e3; } .table_with_left_bars tr td { height: 64px; vertical-align: middle; padding: 10px 15px; } .table_with_left_bars tr td:first-child { position: relative; padding-left: 25px; } .table_with_left_bars tr td:first-child:before { content: ''; display: block; position: absolute; left: 0; top: 1px; bottom: 1px; width: 4px; } .hidden_recatpcha_container > div { display: none; } @media screen and (-webkit-min-device-pixel-ratio:0) { .table_with_left_bars tr td:first-child:before { top: 0; bottom: 0; } } .table_with_left_bars tr.red td:first-child:before { background-color: #da4040; } .table_with_left_bars tr.gray td:first-child:before { background-color: #747270; } .table_with_left_bars tr.orange td:first-child:before { background-color: #ea932c; } .table_with_left_bars tr.purple td:first-child:before { background-color: #6357ac; } .table_with_left_bars tr.blue td:first-child:before { background-color: #2797c1; } .chart_filter_zone { width: 58px; text-align: center; background: url('/Images/neoxiaimg/grey_small_border.png') no-repeat 0 50% transparent; } .page_title { font-family: 'numans_regular', arial; font-size: 26px; color: #fff; text-transform: uppercase; font-weight: normal; position: relative; } .page_title span { font-size: 20px; text-transform: none; } .combo_style .accounts_popin_btn { background: url('/Images/neoxiaimg/arrow@2x.png') no-repeat 50% 50% transparent; border: none; width: 21px; height: 100%; padding: 0; margin-left: 6px; } .check_field_style { height: 16px; margin-top: 5px; display: inline-block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-top: 5px; } .mask_input { display: inline-block; *zoom: 1; width: 27px; height: 16px; position: relative; background-color: #d4d4d6; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .masked_field:checked:not([disabled]) + .mask_input { background-color: #3dac74; margin-top: 0; } .masked_field:checked:not([disabled]) + .mask_input { background-color: #3dac74; margin-top: 0; } .mask_input:after { content: ""; position: absolute; left: 2px; top: 2px; display: inline-block; *zoom: 1; width: 12px; height: 12px; background-color: #ebebed; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .masked_field:checked:not([disabled]) + .mask_input { background-color: #3dac74; margin-top: 0; } .masked_field:checked:not([disabled]) + .mask_input:after { left: 13px; } .size12 { font-size: 12px !important; /*modifier lot 3*/ } .size13 { font-size: 13px !important; /*modifier lot 3*/ } .size14 { font-size: 14px; } .size15 { font-size: 15px; } .size16 { font-size: 16px; } .hard_grey_txt { color: #4d4b49; } .red_txt { color: #da4040; } .grey_txt { color: #999896; } .orange_txt { color: #ea932c; } .green_txt { color: #3dac74; } .purple_txt { color: #884c54; } .bold { font-family: 'roboto_bold', arial !important; /*modifier lot3*/ } .medium_font { font-family: 'roboto_medium', arial !important; /*ajouter lot3*/ } .uppercase_txt { text-transform: uppercase; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /*Lot 2 à ajouter cette parte============================*/ /* message d'error */ .alert { padding: 10px; margin-bottom: 20px; border: 1px solid transparent; text-align: center; text-transform: uppercase; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert-info-comcash { color: #292929; background-color: #d9edf7; border-color: #bce8f1; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } /*==================================================================*/ /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screen readers, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } .clearfixboth { clear: both; } .wide_main_content { width: 100%; } .zibra_table .th_search { background-image: url('/Images/neoxiaimg/search_icon_md.png'); /*cursor: pointer;*/ } .zibra_table .th_filter { background-image: url('/Images/neoxiaimg/search_icon_filter.png'); } .zibra_table .th_search .th_lbl { padding-right: 30px; /*cursor: pointer;*/ } .zibra_table .th_filter .th_lbl { padding-right: 30px; } .zibra_table th.th_filter.active { background-image: url('/Images/neoxiaimg/icone_filter_active.png'); background-color: #615f5d !important; } .zibra_table th.th_search.active { background-image: url('/Images/neoxiaimg/search_icone_active.png'); background-color: #615f5d !important; } .th_search_active { background-image: url('/Images/neoxiaimg/search_icone_active.png') !important; background-color: #615f5d !important; } .th_filter_active { background-image: url('/Images/neoxiaimg/icone_filter_active.png') !important; background-color: #615f5d !important; } .zibra_table th { background: url('/Images/neoxiaimg/arrow.png') no-repeat 100% center transparent; background-color: #b9b7b5; border-right: 1px solid #fff; color: #f2f2f2; font-size: 13px; height: 30px; text-align: left; font-weight: normal; background-clip: padding-box; border-spacing: 0px; } .zibra_table th.sorting_asc { background-image: url('/Images/neoxiaimg/up_arrow.png') !important; background-color: #615f5d !important; } .zibra_table th.sorting_desc { background-image: url('/Images/neoxiaimg/arrow.png') !important; } .zibra_table th.date_th.sorting_asc { background-image: url('/Images/neoxiaimg/up_arrow.png') !important; background-color: #615f5d !important; } .zibra_table th.date_th.sorting_desc { background-image: url('/Images/neoxiaimg/arrow.png') !important; background-color: #b9b7b5 !important; } .zibra_table th:last-child { border-right: none; } .zibra_table { width: 100% !important; font-size: 13px; border-collapse: initial; } .zibra_table td { border: 1px solid #f2f2f2; } .zibra_table td + td { border-left: 1px solid #e5e5e5; } .zibra_table tr { height: 32px; } .zibra_table tr td { height: 55px; padding: 8px 15px; /*color: #4d4d49;*/ font-weight: bold; font-size: 13px; /*word-break: break-word;*/ } .zibra_table > tbody > tr:nth-child(even) { background: #f2f2f2; } .zibra_table > tbody > tr:nth-child(odd) { background: #fff; } .zibra_table th:hover { background-color: #9C9C9C; } .zibra_table th.active /*, .zibra_table th.sorting_desc*/ { /*background-image: url('/Images/neoxiaimg/up_arrow.png'); background-color: #615f5d;*/ } .light_txt { color: #818181; font-weight: normal; } .positif_transaction td:first-child, .positif_transaction td.resume_forMobile { border-left: 4px solid #3dac74; } .negatif_transaction td:first-child, .negatif_transaction td.resume_forMobile { border-left: 4px solid #747270; } .orange_leftbar td:first-child, .orange_leftbar td.resume_forMobile { border-left: 4px solid #e9922b; } .purple_leftbar td:first-child, .purple_leftbar td.resume_forMobile { border-left: 4px solid #874e57; } /*couleur de cartes*/ .carte_golden_leftbar td:first-child, .carte_golden_leftbar td.resume_forMobile { border-left: 4px solid #7e764c; } .carte_bladi_leftbar td:first-child, .carte_bladi_leftbar td.resume_forMobile { border-left: 4px solid #601e1f; } .carte_ailes_leftbar td:first-child, .carte_ailes_leftbar td.resume_forMobile { border-left: 4px solid #bacce2; } .carte_rizk_leftbar td:first-child, .carte_rizk_leftbar td.resume_forMobile { border-left: 4px solid #fbbb26; } .carte_asfar_leftbar td:first-child, .carte_asfar_leftbar td.resume_forMobile { border-left: 4px solid #404c48; } .carte_titanium_leftbar td:first-child, .carte_titanium_leftbar td.resume_forMobile { border-left: 4px solid #5b5a5a; } /*1217*/ .carte_1217_leftbar td:first-child, .carte_1217_leftbar td.resume_forMobile { border-left: 4px solid #cebcd6; } .carte_icard_leftbar td:first-child, .carte_icard_leftbar td.resume_forMobile { border-left: 4px solid #c5c9ca; } .carte_prima_leftbar td:first-child, .carte_prima_leftbar td.resume_forMobile { border-left: 4px solid #ec7703; } .carte_carte1825_leftbar td:first-child, .carte_carte1825_leftbar td.resume_forMobile { border-left: 4px solid #bec7ce; } .carte_populaire_leftbar td:first-child, .carte_populaire_leftbar td.resume_forMobile { border-left: 4px solid #442511; } .blue_leftbar td:first-child, .blue_leftbar td.resume_forMobile { border-left: 4px solid #4e5f85; } .dark_leftbar td:first-child, .dark_leftbar td.resume_forMobile { border-left: 4px solid #4d4b49; } .negatif_transactio { border-left: 4px solid #747270 !important; } .positif_transactio { border-left: 4px solid #3dac74 !important; } .sold_negatif { color: #da4040 } .montant_positif { color: #3dac74 } .zibra_table tr .resume_forMobile { font-size: 14px; display: none; position: relative; } .zibra_table tr .resume_forMobile > div:first-child { margin-bottom: 5px; } .zibra_table tr .resume_date { float: left; color: #969696; } .zibra_table tr .resume_message_status { /*text-transform: lowercase !important;*/ position: absolute; top: 7px; right: 10px; line-height: 12px; } .zibra_table tr .resume_price, .zibra_table tr .resume_status, .zibra_table tr .resume_message_status { float: right; } .resume_lbl { font-family: 'roboto_regular', arial; font-size: 14px; display: block; float: left; vertical-align: top; width: 50%; color: #969696; } .resume_lbl + span { font-family: 'roboto_regular', arial; font-size: 14px; display: block; width: 50%; float: left; vertical-align: top; } .zibra_table tr .resume_forMobile > div { margin-bottom: 8px !important; } .zibra_table tr .resume_forMobile > div span { font-size: 12px; /*text-transform: uppercase;*/ } .zibra_table tr .resume_forMobile > div span.label_names { padding-right: 20px; } .purple_profil_info_global { display: table; width: 100%; height: 104px; background: #854d56; /* Old browsers */ padding: 10px 0 10px 30px; color: #fff; } .account_big_greeting { background: url('/Images/neoxiaimg/arrow.png') no-repeat 75% center transparent; display: block; font-family: 'numans_regular',arial; font-weight: normal; font-size: 26px; padding-bottom: 4px; line-height: normal; } .account_big_greeting span { font-size: 20px; } .breadcrumb { color: #ad9197; font-size: 12px; margin-bottom: 15px; } .breadcrumb a:first-child { text-decoration: underline; } .breadcrumb a { text-decoration: none; color: #ad9197; } .conseiller_solde { font-size: 22px; font-family: 'roboto_regular'; padding-right: 10px; overflow: hidden; } .conseiller_solde > span:first-child { display: inline-block; *zoom: 1; margin-top: 6px; } .conseiller_previsionnel { font-size: 15px; font-family: 'roboto_regular'; padding-right: 10px; overflow: hidden; } .conseiller_previsionnel > span:first-child { display: inline-block; *zoom: 1; margin-top: 5px; } .lbl_cotisation { font-size: 18px; } .compte_info_txt { /* display: inline-block; */ vertical-align: middle; max-width: 85%; } /*Lot 2 à commenter lot10*/ .grey_dashboard .download_links { padding: 17px 25px 0 0; } .download_links a { font-family: 'roboto_medium'; font-size: 14px; color: #854e56; font-weight: normal; display: inline-block; *zoom: 1; } .download_links a span { text-decoration: underline; } .download_links a + a { margin-left: 33px; } .purple_download { color: #854e56; font-size: 14px; font-family: 'roboto_regular'; } .purple_download a { color: #854e56; font-size: 14px; font-family: 'roboto_medium'; text-decoration: underline; font-weight: normal; } .purple_download a + a { margin-left: 0; } .calender_section { width: 400px; } .calender_group { display: inline-block; *zoom: 1; } .label-form-container-resp{ width:38%; display:inherit; } .calender_txt { color: #a1a09e; padding: 10px; } .grey_dashboard { background-color: #f7f6f5 } .datePicker_Style { background: url('/Images/neoxiaimg/calendrier.png') no-repeat 98% center white; border: 0; border-radius: 5px; width: 120px; height: 30px; color: #a1a09e; padding-left: 10px; cursor: pointer; } .yellow_menu_content { width: 100%; /*Lot 2 à modifier*/ padding-right: 0; background-color: #fff; overflow: hidden; position: relative; -moz-box-shadow: 0px 1px 2px 0px #B5B5B5; -webkit-box-shadow: 0px 1px 2px 0px #B5B5B5; -o-box-shadow: 0px 1px 2px 0px #B5B5B5; box-shadow: 0px 1px 2px 0px #B5B5B5; } .main_menu { padding-left: 25px; background: #fff; padding-top: 8px; white-space: nowrap; display: inline-block; *zoom: 1; -webkit-transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); -moz-transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); -ms-transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); -o-transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); } /*Lot 2 à ajouter cette parte================*/ .main_menu.slick-slider { width: 100%; display: block; } .main_menu.slick-slider .slick-track { left: 10px; } .main_menu .slick-arrow.slick-disabled { display: none !important; } /*============================================*/ .main_menu li:first-child { padding-left: 0; } .main_menu li { display: inline-block; vertical-align: top; padding: 0 30px 0 0; } .main_menu li a { display: block; font-family: 'roboto_regular', sans-serif; font-size: 15px; color: #615f5d; text-decoration: none; border-bottom: 2px solid transparent; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } .uppercase_txt .hover_link a, .light_txt .hover_link a { font-family: 'roboto_medium', sans-serif; color: #e8922c; text-transform: initial; font-size: 12px; border-bottom: 2px solid #e8922c; } .uppercase_txt .hover_link a:hover { color: #e8922c; border-bottom: 2px solid #e8922c; } .main_menu li a:hover, .main_menu li a.active { font-family: 'roboto_medium', sans-serif; color: #e8922c; border-bottom: 3px solid #e8922c; } .mobile_next_items { position: absolute; right: 0; top: 7px; width: 37px; /* height: 100%; */ background: url('/Images/Pagination/Suivant.png') no-repeat 50% 50% #fff; background-size: 13px; border: none; bottom: 0; display: block; } .mobile_precedent_items { position: absolute; left: 0; top: 7px; width: 37px; /* height: 100%; */ background: url('/Images/Pagination/Precedent.png') no-repeat 50% 50% #fff; background-size: 13px; border: none; bottom: 0; display: block; } /*Lot 2 à ajouter cette parte =============================*/ .main_menu .slick-next { font-size: 0; display: block; position: absolute; right: -1px; top: 7px; width: 37px; height: 100%; background: url('/Images/neoxiaimg/navigation_mobile_menu.png') no-repeat 50% 50% #fff; background-size: 13px; border: none; bottom: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .main_menu .slick-next:before { display: none; } .main_menu .slick-next.lastClick, .main_menu .slick-next.slick-disabled { /*background-image: url('/Images/neoxiaimg/navigation_mobile_menu_rotation.png');*/ } .main_menu .slick-prev { display: none; } /*=================================================================*/ .mobile_next_items.lastClick { background-image: url('/Images/neoxiaimg/navigation_mobile_menu_rotation.png'); } .dataTables_scrollHead { overflow: visible !important; } .description_filter { position: absolute; background: #fff; top: 100%; top: 30px\9; left: 0; border: 1px solid #b9b7b5; width: 429px; height: 60px; padding: 17px; z-index: 10; } #search-input-ref { left: auto; right: 0; } .input_right_align { left: auto; right: 0; } .displayed { display: block; } .undisplayed { display: none; } .displayed_inline { display: inline-block; } .displayed_inline_faq { display: inline-block; } .nowrap { white-space: nowrap; } .center_txt { text-align: center; } .error { display: none; color: #a94442; background-color: #f2dede; border-color: #ebccd1; padding: 15px 10px; } input[name=general_terms].has_error + .big_checkbox_mask { border: solid 2px #a94442; } input[name=general_terms1].has_error + .bigDark_checkbox_mask { border: solid 2px #a94442; } input[name=general_terms2].has_error + .bigDark_checkbox_mask { border: solid 2px #a94442; } .error_red_message { color: #da4040; font-size: 13px; padding-top: 7px; padding-left: 240px } .error_green_message { color: #3dac74; font-size: 13px; padding-top: 7px; padding-left: 240px } /*Lot 2 a ajouter cette parte ===================*/ .no_padding { padding: 0 !important; } .no_padding > li:first-child { padding-right: 0 !important; } .details_carts_infos > li + li { border: 0 !important; } /*===============================================*/ .no_left_padding { padding-left: 0 !important; } .legal_terms { margin-bottom: 15px; display: block; } .zebra_table_desc { width: 69%; height: 25px; color: #4d4d49; border: 1px solid #EA932C; padding-left: 10px; } .zebra_table_search { background: #EA932C; border: 0; height: 25px; width: 30%; } .montant_list { width: 159px !important; } .zebra_table_liste { /* width: 190px;*/ width: 200px; position: absolute; background: #fff; top: 100%; top: 30px\9; left: 0; border: 1px solid #b9b7b5; padding: 5px 13px; z-index: 10; } .zebra_table_liste > ul > li > a:hover, .zebra_table_liste > ul > li > a.active, .zebra_table_liste > ul > li:hover > a { color: #e8922b; font-weight: bold; border-left-width: 3px; } .hidden_date_value { display: none; } .mobile_filter_area { display: none; } .sort_calendar_container { padding: 7px; border-right: 1px solid #fff; } .sort_calendar { height: 35px; width: 55px; background: url('/Images/neoxiaimg/icon-tri-calendar.png') no-repeat 50% 50% transparent; border: none; } .sort_mnt_container { padding: 7px; border-left: 1px solid #fff; } .sort_mnt { height: 35px; width: 55px; background: url('/Images/neoxiaimg/icon-tri-montant.png') no-repeat 50% 50% transparent; border: none; } .sort_calendar.active { background-image: url('/Images/neoxiaimg/icon-tri-calendar-sort.png'); } .sort_mnt.active { background-image: url('/Images/neoxiaimg/icon-tri-montant-sort.png'); } .sort_search_container { text-align: center; padding: 7px 80px; } .sort_search_field { font-size: 18px; width: 100%; height: 38px; border: 0; background: #fff; padding-left: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .sort_search_field::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-family: 'roboto_italic', arial; } .sort_search_field::-moz-placeholder { /* Firefox 19+ */ font-family: 'roboto_italic', arial; } .sort_search_field:-ms-input-placeholder { /* IE 10+ */ font-family: 'roboto_italic', arial; } .sort_search_field:-moz-placeholder { /* Firefox 18- */ font-family: 'roboto_italic', arial; } /**Lot 2 à ajouter cette parte============================================/ .input_add_compte::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-family: 'roboto_italic', arial; font-weight: normal; } .input_add_compte::-moz-placeholder { /* Firefox 19+ */ font-family: 'roboto_italic', arial; font-weight: normal; } .input_add_compte:-ms-input-placeholder { /* IE 10+ */ font-family: 'roboto_italic', arial; font-weight: normal; } .input_add_compte:-moz-placeholder { /* Firefox 18- */ font-family: 'roboto_italic', arial; font-weight: normal; } /*============================================================================*/ .drop-down-list li { margin: 10px; } .drop-down-list a { color: #818181; font-family: 'roboto_light',arial; font-size: 14px; font-weight: bold; padding: 5px; } .drop-down-list a:hover, .drop-down-list a.active, .drop-down-list li:hover > a { color: #e8922b; font-family: 'roboto_bold',arial; } .drop-down-list-val li { margin: 10px; } .drop-down-list-val a { color: #818181; font-family: 'roboto_light',arial; font-size: 14px; font-weight: bold; padding: 5px; } .drop-down-list-val a:hover, .drop-down-list-val a.active, .drop-down-list-val li:hover > a { color: #e8922b; font-family: 'roboto_bold',arial; } .drop-down-paimentList li { margin: 10px; } .lbl_paiment .txt_info { padding-left: 2px; } .txt_info { display: inline-block; text-align: left; color: #818181; font-family: 'roboto_light',arial; font-size: 14px; font-weight: bold; padding-left: 20px; vertical-align: middle; } .txt_infoEmprunt { display: inline-block; text-align: left; color: #818181; font-family: 'roboto_light',arial; font-size: 14px; font-weight: bold; padding-left: 20px; vertical-align: middle; padding-bottom: 10px; } .num_compte { color: #999896; padding-left: 15px } .txt_info a { color: #ea932c; text-decoration: underline; } .checkbox_mask { display: inline-block; height: 15px; width: 15px; border: 1px solid #818181; vertical-align: middle; position: relative; } .big_checkbox_mask { display: inline-block; height: 23px; width: 23px; border: 1px solid #c2c0be; background: #f7f6f5; vertical-align: middle; position: relative; float: left; } .big_checkbox_mask_centered { display: inline-block; *zoom: 1; height: 23px; width: 23px; border: 1px solid #c2c0be; background: #f7f6f5; vertical-align: middle; position: relative; } .code_block { width: 90%; max-width: 500px; margin: 10px auto; font-size: 15px; padding-bottom: 25px; } .code_block .big_checkbox_mask_centered { width: 18px; height: 18px; background: #fff; float: left; margin-top: 2px; } .mobile_message_infos { display: none; } .mobile_message_infos p { font-size: 12px; } .more_margins { margin-bottom: 55px; margin-top: 20px; } .left_text { text-align: left; padding-left: 20px; } .code_notification { width: 90%; max-width: 755px; margin: 0 auto; padding-bottom: 20px; } .code_confirmation { color: #4d4b49; font-size: 15px; padding-left: 30px; display: block; } .radio_mask { display: inline-block; height: 15px; width: 15px; border-radius: 100%; border: 1px solid #818181; vertical-align: middle; position: relative; float: left; } .big_radio .radio_mask { width: 23px; height: 23px; border-color: #d0d0d0; background: #e7e7e5; overflow: hidden; } .big_radio .radio_mask:after { width: 0; height: 10px; background-image: url('/Images/neoxiaimg/big_radio.png'); top: 50%; left: 50%; margin-left: -5px; margin-top: -5px; } .checkbox_mask:after { content: ''; position: absolute; display: inline-block; width: 0px; height: 15px; background: url("/Images/neoxiaimg/ckecked_mark.png") no-repeat 0 center transparent; left: 4px; top: -2px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; vertical-align: middle; } .big_checkbox_mask:after { content: ''; position: absolute; display: inline-block; width: 0px; height: 24px; background: url("/Images/neoxiaimg/ckecked_mark.png") no-repeat 0 center transparent; left: 4px; top: -2px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; vertical-align: middle; } .big_checkbox_mask_centered:after { content: ''; position: absolute; display: inline-block; width: 0px; height: 27px; background: url("/Images/neoxiaimg/check_black_icn.png") no-repeat 0 center transparent; left: 4px; top: -7px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; vertical-align: middle; } .fontBold { font-weight: bold; } .radio_mask:after { content: ''; position: absolute; display: inline-block; width: 0px; height: 15px; background: url("/Images/neoxiaimg/radio.png") no-repeat 0 center transparent; left: 3px; top: -2px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; vertical-align: middle; } input:checked + .checkbox_mask:after { opacity: 1; width: 23px; } input:checked + .big_checkbox_mask_centered:after { opacity: 1; width: 23px; } input:checked + .big_checkbox_mask:after { opacity: 1; width: 23px; } input:checked + .radio_mask:after { opacity: 1; width: 23px; } .big_radio input:checked + .radio_mask:after { opacity: 1; width: 23px; } .big_radio input:disabled + .radio_mask { cursor: not-allowed } .big_radio input:disabled + .radio_mask:after { display: none; } .big_radio input:disabled + .radio_mask + .txt_info { color: #d0d0d0; cursor: not-allowed } input:checked + .checkbox_mask + .txt_info { color: #e8922b; font-family: 'roboto_bold',arial; } input:checked + .big_checkbox_mask + .txt_info { color: #e8922b; font-family: 'roboto_bold',arial; } input:checked + .big_checkbox_mask_centered + .txt_info { /*color:#e8922b;*/ /*font-family: 'roboto_bold',arial;*/ } input:checked + .radio_mask + .txt_info { color: #e8922b; font-family: 'roboto_bold',arial; } .th_lbl { display: block; padding-left: 17px; padding-right: 36px; cursor: pointer; /*padding-top: 5px;*/ /*height: 100%;*/ } .sorting_disabled .th_lbl { padding-right: 10px; } .hc-label { font-family: 'roboto_regular',arial; color: #f3f3f3; font-size: 10px; background-color: #615f5d; text-transform: uppercase; display: inline-block; *zoom: 1; height: 16px; line-height: 16px; min-width: 38px; /*modifier lot3*/ padding: 0 5px; /*ajouter lot3*/ text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .highcharts-axis path { opacity: 0; } .highcharts-axis path:last-child { opacity: 1; } .highcharts-axis-labels > span { /* n'existe pas dans lot 3 neoxia*/ transform: rotate(0deg) !important; } .highcharts-axis-labels > span[opacity="1"] { display: none; } #evolution_chart_multi .highcharts-axis-labels > span[opacity="1"] { display: inline-block; *zoom: 1; } .highcharts-axis-labels > span[opacity="1"]:nth-child(4n), .highcharts-axis-labels > span[opacity="1"]:last-child { display: inline-block; *zoom: 1; } .dasboard_body .highcharts-axis-labels > span, #devise_chart .highcharts-axis-labels > span { transform: rotate(0deg) !important; } #valeurs_chart .highcharts-axis-labels > span { transform: rotate(240deg) !important; top: 245px !important; } .dataTables_filter { display: none; } .dataTables_paginate { display: none; } #loading { display: none; text-align: center; } /* Absolute Center Spinner */ .loading { position: fixed; z-index: 999; height: 2em; width: 2em; overflow: show; margin: auto; top: 0; left: 0; bottom: 0; right: 0; } /* Transparent Overlay */ .loading:before { content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); } /* :not(:required) hides these rules from IE9 and below */ .loading:not(:required) { /* hide "loading..." text */ font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .loading:not(:required):after { content: ''; display: block; font-size: 10px; width: 1em; height: 1em; margin-top: -0.5em; -webkit-animation: spinner 1500ms infinite linear; -moz-animation: spinner 1500ms infinite linear; -ms-animation: spinner 1500ms infinite linear; -o-animation: spinner 1500ms infinite linear; animation: spinner 1500ms infinite linear; border-radius: 0.5em; -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0; box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0; } .link_not_clickable { color: #646466; } /* Animation */ @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .chart_y { font-size: 16px } .chart_x { font-size: 10px } /*.detail_signaletique_section{ height: 398px; }*/ .rib_section { /*text-align: center;*/ padding: 25px 10px 35px 10px; background-color: #c2c0be; } .edoc_section { padding: 25px 10px 35px 10px; } .edoc_section_synthese { padding: 10px 10px 10px 10px; } .download_rib_area { padding: 3px 10px 18px 10px; } .fiche_signaletique_txt { padding: 150px 0px; text-align: center; font-size: 19px; font-family: 'numans_bold', arial; } .docs_list { min-height: 180px; } .docs_list li { display: inline-block; vertical-align: top; margin: 0 5px 20px 5px; margin-bottom: 13px; width: 200px; height: 167px; overflow: hidden; } .docs_list li a { display: block; text-decoration: none; width: 100%; height: 100%; position: relative; overflow: hidden; border: 2px solid #e6e6e6; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .docs_list li a:hover { border-color: #383736; } .docs_list li a > img { display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .docs_list li a .contract_infos { position: absolute; width: 100%; bottom: 0; left: 0; background-color: #e6e4e3; padding: 12px 8px 12px 18px; text-align: left; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .docs_list li a:hover .contract_infos { padding-bottom: 23px; background-color: #383736; } .docs_list li a:hover .contract_infos .doc_title { color: #fff; } .docs_list li a .doc_title { font-family: 'roboto_regular', arial; font-size: 14px; color: #4d4b49; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .docs_list li a .doc_visu { display: block; width: 198px; height: 170px; background-color: #fff; background-position: center center; background-repeat: no-repeat; border: 1px solid #e6e6e6; } .docs_list li a .doc_title span { color: #818181; font-weight: normal; } .input_filter { background: url('/Images/neoxiaimg/dropbdown_closed_arrow.png') no-repeat center right #fff; border: 0; width: 180px; height: 32px } .downlaod_pic { background: url('/Images/neoxiaimg/download.png') no-repeat left center #fff; } .print_pic { background: url('/Images/neoxiaimg/print.png') no-repeat left center #fff; } .detail_carte_section .onglets_list li a { text-align: left; padding-left: 20px; font-size: 18px; } .detail_carte_section .onglets_list li.active a { font-size: 18px; } .details_carts_infos { width: 100%; max-width: 645px; display: table; margin: 0 auto; padding: 32px 0; } .details_carts_infos > li { display: table-cell; width: 50%; } .details_carts_infos > li:first-child { padding-right: 38px; } .details_carts_infos > li + li { border-left: 1px solid #cccccc; padding-left: 38px; } .details_carts_infos > li li { margin-bottom: 10px; } .details_carts_infos > li li:last-child { margin-bottom: 0; } .details_carts_infos > li li .txt_lbl { font-family: 'roboto_regular', arial; font-size: 16px; display: inline-block; *zoom: 1; /*width:150px;*/ padding-left: 0; } .details_carts_infos > li li .txt_lbl + span { font-family: 'roboto_bold', arial; font-size: 16px; } .details_carts_infos .txt_lbl + span { /*ajouter dans lot3*/ font-family: 'roboto_bold', arial; font-size: 16px; display: inline-block; vertical-align: top; width: 56%; } .statistics_wrapper { padding: 65px 0 90px 0; } .statistics_container { height: 22px; width: 752px; max-width: 90%; margin: 0 auto; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-bottom: 20px; } .statistics_container > div { float: left; height: 100%; position: relative; } .statistics_container > div .percentage_marker { font-family: 'roboto_medium', arial; font-size: 14px; color: #fff; vertical-align: middle; /*line-height: 28px;*/ /* position: absolute;*/ display: inline-block; /**zoom:1; */ /* top: -45px; right: -17px;*/ text-align: center; } /*.statistics_container > div .percentage_marker:after{ content: ''; position: absolute; left: 50%; bottom: -4px; display: block; width: 8px; height: 8px; z-index: 10; margin-left: -4px; margin-left: -4px\9; -ms-transform: rotate(45deg); /* IE 9 -webkit-transform: rotate(45deg); Chrome, Safari, Opera transform: rotate(45deg); }*/ .statistics_container .statistic01 { -webkit-border-radius: 8px; border-radius: 8px; text-align: center; background: url('/Images/neoxiaimg/statistic1_bg.png') repeat 0 0 #f3b973; border-right: 2px solid #fff; min-width: 5%; } /*.statistics_container .statistic01 .percentage_marker{ background: #f3b973; } .statistics_container .statistic01 .percentage_marker:after{ background: #f3b973; }*/ .error_bg { background: url('/Images/neoxiaimg/epage_erreur_bg.png') no-repeat center 75px; } .error_bg_indisponible { background: url('/Images/neoxiaimg/2page_erreur_bg.png') no-repeat center center; } .statistics_container .statistic02 { background: url('/Images/neoxiaimg/statistic2_bg.png') repeat 0 0 #e8922c; border-right: 2px solid #fff; -webkit-border-radius: 8px; border-radius: 8px; text-align: center; min-width: 5%; } /*.statistics_container .statistic02 .percentage_marker{ background: #e8922c; } .statistics_container .statistic02 .percentage_marker:after{ background: #e8922c; }*/ .statistics_container .statistic03 { background: url('/Images/neoxiaimg/statistic3_bg.png') repeat 0 0 #d06e0c; -webkit-border-radius: 8px; border-radius: 8px; text-align: center; min-width: 5%; } /*.statistics_container .statistic03 .percentage_marker{ background: #d06e0c; } .statistics_container .statistic03 .percentage_marker:after{ background: #d06e0c; }*/ .statistics_descr { font-family: 'roboto_medium', arial; font-size: 14px; color: #615f5d; white-space: nowrap; vertical-align: middle; } .statistic_container { width: 890px; max-width: 90%; margin: 0 auto; } .statistic_container_list { padding: 0 117px; } .statistics_descr span { font-family: 'roboto_regular', arial; padding-left: 20px; } .statistic_list { display: inline-block; margin-bottom: 15px; margin-left: 50px } .simulator_light_legend { display: inline-block; height: 10px; width: 10px; background: url('/Images/neoxiaimg/statistic1_bg.png') repeat 0 0 #f3b973; vertical-align: middle; margin-right: 10px; } .decline_check { text-decoration: underline; color: #854d56; text-transform: none; } .simulator_medium_legend { display: inline-block; height: 10px; width: 10px; background: url('/Images/neoxiaimg/statistic2_bg.png') repeat 0 0 #f3b973; vertical-align: middle; margin-right: 10px; } .simulator_dark_legend { display: inline-block; height: 10px; width: 10px; background: url('/Images/neoxiaimg/statistic3_bg.png') repeat 0 0 #f3b973; vertical-align: middle; margin-right: 10px; } .mobile_statistics_wrapper { padding-top: 15px; display: none; } .mobile_statistics_wrapper li { margin-bottom: 15px; } .mobile_statistics_wrapper .statistics_descr { max-width: none; margin-top: 0; text-align: left; margin-bottom: 5px; white-space: normal; } .mobile_statistics_wrapper .statistics_descr span { white-space: nowrap; } .mobile_statistics_wrapper .statistics_descr span { font-family: 'roboto_regular', arial; } .mobile_statistic01 { height: 22px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; background: url('/Images/neoxiaimg/statistic1_bg.png') repeat 0 0 #f3b973; display: inline-block; *zoom: 1; vertical-align: middle; margin-right: 10px; } .mobile_statistic01 + span { font-family: 'roboto_medium', arial; font-size: 17px; color: #f3b973; vertical-align: middle; } .mobile_statistic02 { height: 22px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; background: url('/Images/neoxiaimg/statistic2_bg.png') repeat 0 0 #e8922c; display: inline-block; *zoom: 1; vertical-align: middle; margin-right: 10px; } .mobile_statistic02 + span { font-family: 'roboto_medium', arial; font-size: 17px; color: #e8922c; vertical-align: middle; } .mobile_statistic03 { height: 22px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; background: url('/Images/neoxiaimg/statistic3_bg.png') repeat 0 0 #d06e0c; display: inline-block; *zoom: 1; vertical-align: middle; margin-right: 10px; } .mobile_statistic03 + span { font-family: 'roboto_medium', arial; font-size: 17px; color: #d06e0c; vertical-align: middle; } .search-desc-mobile { width: 100%; height: 38px; border: 0; background: #eeeeee; padding-left: 10px; } .search-mobile-section { text-align: center; padding: 7px 80px } .search-mobile-fullSection { text-align: center; padding: 7px; } .left-mobile-sorting { padding: 7px; border-right: 1px solid #fff; } .right-mobile-sorting { padding: 7px; border-left: 1px solid #fff; } .mobile-sorting-bloc { border-top: 1px solid #fff; } .no_margins { margin: 0 !important; } .label_names { text-transform: uppercase; display: inline-block; vertical-align: middle; margin-left: 15px; } .carte_icone { display: inline-block; vertical-align: middle; } .pub_container { background: #fff; text-align: center; } .yellow_btn { font-family: 'roboto_bold', arial; font-size: 13px; color: #df7a15; text-transform: none; font-weight: bold; padding: 5px 15px; background: transparent; border: 2px solid #DF7A15; border-radius: 5px; } .yellow_btn:hover { background-color: #df7a15; color: #fff; } .actions_btn { text-transform: none; /*font-family: 'roboto_bold',arial;*/ font-weight: bold; font-size: 14px; color: #615f5d; text-decoration: underline; background: transparent; padding-left: 5px; } /*Lot 2 à ajouter cette parte ============================*/ .details_btn { text-transform: none; font-weight: normal; font-size: 14px; color: #818181; text-decoration: underline; background: transparent; } .notification_txt { color: #4d4b49; padding: 30px; font-size: 16px; font-family: 'roboto_bold', arial; } /*===========================================================*/ .form_bloc { padding: 15px 18px 12px 18px; } .lable_txt { font-size: 15px; font-weight: bold; color: #854e56; text-transform: uppercase; width: 210px; float: left; } .controls_container { margin-left: 240px; padding: 25px; border: 1px solid #e6e6e6; } .control_container { margin-left: 10px; padding: 25px; border: 2px solid #e6e6e6; width: 500px; /*height:20px;*/ } .controll_container { margin-left: 200px; /* padding: 25px; */ border: 2px solid #e6e6e6; width: 75px; height: 30px; margin-right: 8px; text-align: center; } .Thclass { font-size: 8px; } .controls_container.account_block_area .white_dropdown { height: auto; } .white_dropdown { width: 295px; height: 42px; display: inline-block; max-width: 100%; } #cheque_filter { width: 295px; max-width: 100%; height: 42px; } .chosen-container { max-width: 90%; } .chosen-container-extra { border: 1px solid #e5e3e3; width: 850px; height: 150px; padding-top: 25px; } .chosen-container-extra-second { border: 1px solid #e5e3e3; width: 850px; height: 150px; padding-top: 25px; } .calender_group_extra{} .calender_group_extra_second { } .calender_txt_extra{} .calender_txt_extra_second { } .form_input_data_left { margin-left: 125px; width: 200px; height: 40px; border: 1px solid #e6e4e3; background-color: #f7f6f5; } .form_identity_input_data_left { margin-left: 53px; width: 200px; height: 40px; border: 1px solid #e6e4e3; background-color: #f7f6f5; } .form_input_data_right { margin-left: 55px; width: 200px; height: 40px; border: 1px solid #e6e4e3; background-color: #f7f6f5; } .form_identity_input_data_right { margin-left: 20px; width: 200px; height: 40px; border: 1px solid #e6e4e3; } .date-picker-container { margin-top: 20px; } .identity-date-picker-container { margin-top: 20px; } .date-picker-input-resp { } .identity-date-picker-input-resp { } .date-picker-input-birthday { margin-left: 34px; border: 1px solid #e5dede; border-radius: 1px; width: 200px; height: 40px; } .date-nationality-input { margin-left: 26px; width: 201px; height: 40px; border: 1px solid #e6e4e3; } .identity-date-picker-input-birthday { margin-left: 34px; border: 1px solid #e5dede; border-radius: 1px; width: 180px; height: 40px; } .identity-date-nationality-input { border: 1px solid #e5dede; border-radius: 1px; width: 180px; height: 40px; } @media screen and (max-width : 1131px) { .chosen-container-extra { height: auto; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; } .chosen-container-extra-second { height: auto; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; } .calender_group_extra { padding-left: 10px; margin-bottom: 10px; width: 100%; display: flex; } .calender_group_extra_second { padding-left: 10px; margin-bottom: 10px; width: 100%; display: flex; } .calender_txt_extra { flex: auto; } .calender_txt_extra_second { flex: auto; } .form_input_data_left { margin-left: auto; width: -webkit-fill-available; } .form_identity_input_data_left { margin-left: auto; width: -webkit-fill-available; } .form_input_data_right { margin-left: auto; width: -webkit-fill-available; } .form_identity_input_data_right { margin-left: auto; width: -webkit-fill-available; } .date-picker-container { margin-top: auto; } .identity-date-picker-container { margin-top: auto; } .date-picker-input-resp { margin-left: auto; width: -webkit-fill-available; } .identity-date-picker-input-resp { margin-left: auto; width: -webkit-fill-available; } } .chosen-container-single .chosen-single { max-width: 100%; } .white_dropdown .chosen-container-single .chosen-single { border: 1px solid #e6e6e6; background-image: none; border-radius: 0; color: #292929; font-size: 13px; line-height: 39px; box-shadow: none; height: 42px; width: 295px; max-width: 100%; } .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; width: 40px; height: 100%; } .chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100%; background: url('/Images/neoxiaimg/dropbdown_closed_arrow.png') no-repeat center center !important; } .chosen-container-active.chosen-with-drop .chosen-single div b { background: url('/Images/neoxiaimg/dropbdown_closed_arrow.png') no-repeat center center; } .controls_lbl { font-size: 15px; color: #4d4b49; font-family: 'roboto_bold', arial; margin-right: 26px; } .carnet_Firstbloc { margin-bottom: 40px; } .carnet_modal_bg { background-color: #e6e4e3; } .carnet_wrapper { display: block; padding-left: 70px; } .carnet_container { white-space: nowrap; margin-right: 50px; } .type_lbl_txt { float: left; margin-right: 0; padding-top: 9px; } .carnet_container:last-child { margin-right: 0; } .carnet_container .txt_info { font-family: 'roboto_regular', arial; font-size: 12px; color: #4d4b49; font-weight: normal; display: inline-block; *zoom: 1; padding-left: 5px; } /*Lot 2 à ajouter cette parte ============================*/ .top_show_form .txt_info { display: inline-block; text-align: left; color: #818181; font-family: 'roboto_light',arial; font-size: 14px; font-weight: bold; padding-left: 20px; vertical-align: middle; } .text_vir { font-size: 17px !important; font-weight: normal !important; padding-left: 5px !important; } /*==========================================================*/ .chequier_icn { margin-left: 5px; } .grey_radio_mask { display: inline-block; height: 24px; width: 23px; border-radius: 100%; border: 1px solid #e1e1e1; background: #e7e7e7; vertical-align: middle; position: relative; } .carnet_container .grey_radio_mask:after { content: ''; position: absolute; display: inline-block; width: 10px; height: 15px; background: url('/Images/neoxiaimg/big_radio.png') no-repeat 0 center transparent; left: 5px; top: 3px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; vertical-align: middle; opacity: 0; } .carnet_container input:checked + .grey_radio_mask:after { opacity: 1; } /*.carnet_container input:checked + .grey_radio_mask + .txt_info { color: #e8922b; font-family: 'roboto_bold',arial; }*/ .operation_btn { height: 30px; width: 30px; background: #e8922b; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .operation_btn:hover { background: #e07b01; } .operation_input { width: 60px; height: 42px; border: 0; background: #eeeeee; margin-left: 13px; margin-right: 13px; } .carnet_Secondbloc { } .more_padding { padding-right: 30px; padding-left: 30px; } .carte_dropdown { width: 302px; /*background: #fff;*/ height: 35px; display: inline-block; text-align: left; margin-left: 13px; } .carte_dropdown .chosen-container { background: #fff; } .carte_modal_dropdown { max-width: 100%; background: #fff; height: 35px; display: inline-block; text-align: left; /*margin-left: 13px;*/ } .carte_modal_dropdown .chosen-container-single .chosen-single { border: 1px solid #cccccc; background-image: none; border-radius: 0; color: #292929; font-size: 13px; line-height: 35px; box-shadow: none; height: 35px; width: 100%; padding-left: 18px; } .carte_dropdown .chosen-container-single .chosen-single { border: 1px solid #cccccc; background-image: none; border-radius: 0; color: #292929; font-size: 13px; line-height: 35px; box-shadow: none; height: 35px; width: 302px; padding-left: 18px; } #carte_filter { width: 302px; height: 35px; } #carte_modal + .chosen-container { width: 100% !important; } .carte_filter_bloc { padding: 22px 10px; } .normalFontWeight { font-weight: normal !important; } .carte_filter_bloc label { font-family: 'roboto_regular', arial; color: #854e56; font-size: 19px; text-transform: uppercase; display: inline-block; vertical-align: middle; } .chosen-container-single .chosen-single span { text-transform: uppercase; margin-right: 35px; } .txt_lbl { font-family: 'roboto_regular', arial; font-size: 16px; display: inline-block; width: 191px; padding-left: 50px; } .info_lbl { font-family: 'roboto_bold', arial; font-size: 16px; } .detail_folder ul { padding-left: 50px; padding-right: 15px; } .detail_folder ul li { margin-bottom: 10px; } .situation_credit_infos { width: 95%; display: table; padding-bottom: 20px; } .situation_credit_infos > li { display: table-cell; width: 50%; } .situation_credit_infos > li + li { border-left: 1px solid #cccccc; padding-left: 38px; } .situation_credit_infos > li li { margin-bottom: 10px; } .situation_credit_infos > li li .txt_lbl { font-family: 'roboto_regular', arial; font-size: 16px; display: inline-block; width: 255px; vertical-align: top; } .situation_credit_infos > li li .txt_lbl + span { font-family: 'roboto_bold', arial; font-size: 16px; display: inline-block; vertical-align: top; } .fiche_signaletique { width: 83%; display: table; padding: 30px; padding-top: 49px; margin: 0 auto; } .fiche_signaletique > li { display: table-cell; /*width: 50%;*/ } .fiche_signaletique > li:first-child { padding-right: 6%; width: 429px; } .fiche_signaletique > li + li { border-left: 1px solid #cccccc; padding-left: 11%; width: 483px; } .fiche_signaletique p { margin-bottom: 13px; } .fiche_signaletique p:last-child { margin-bottom: 0; } .fiche_signaletique .txt_lbl { font-family: 'roboto_regular', arial; font-size: 16px; display: inline-block; vertical-align: top; width: 40%; padding-left: 0; } .fiche_signaletique .txt_lbl + span { font-family: 'roboto_bold', arial; font-size: 16px; display: inline-block; vertical-align: top; width: 58%; } p .info_lbl { color: #ea932c; font-family: 'roboto_regular', arial; padding-left: 89px; } p .transfert_lbl { font-family: 'roboto_regular', arial; font-size: 16px; display: inline-block; vertical-align: top; padding-left: 89px; } p .transfert_lbl + span { font-family: 'roboto_bold', arial; font-size: 16px; display: inline-block; vertical-align: top; } #sendByEmail { display: none; } #printIt { display: none; } #download { display: none; } .docs_filter_options { padding-right: 15px; } .last_contact_notif .more_margin { padding-bottom: 20px !important; } .more_margin { padding-bottom: 45px !important; } .back_btn { float: left; padding: 0px 16px 0px 10px; line-height: 47px; } .back_txt { color: #999896; font-size: 15px; margin-left: 5px; vertical-align: middle; } /* Simulator page's styles*/ .simulator_wrapper { padding: 40px 10px; } .simulator_block { width: 886px; max-width: 100%; margin: 0 auto; } .simulator_val_control { float: left; } .simulator_item .lbl_for_mobile { font-family: 'roboto_medium', arial; font-size: 16px; margin-bottom: 15px; display: none; } .simulator_val_control label, .simulator_val_control span { font-family: 'roboto_medium', arial; font-size: 14px; vertical-align: middle; /*ajouter lot 3*/ color: #4d4b49; } .simulator_val_control label { width: 96px; display: inline-block; *zoom: 1; } .simulator_val_control .simple_field { font-family: 'roboto_medium', arial; font-size: 16px; color: #e07b16; width: 105px; height: 38px; padding-left: 8px; margin-right: 5px; text-align: right; padding-right: 10px; } .simulator_slider { padding-top: 10px; padding-left: 253px; } .simulator_slider .slider.slider-horizontal { height: 6px; width: 100%; margin-bottom: 0 !important; } .simulator_slider .slider.slider-horizontal .slider-track { height: 6px; } .simulator_slider .slider-handle { width: 22px; height: 22px; background-image: none; background-color: #e07b16; border: 3px solid #fff; box-shadow: none; } .carte_slider .slider-handle { width: 22px; height: 22px; background-image: none; background-color: #e07b16; border: 3px solid #fff; box-shadow: none; } .simulator_slider .slider.slider-horizontal .slider-handle { margin-top: -8px; -webkit-transition: opacity .5s linear; -o-transition: opacity .5s linear; transition: opacity .5s linear; } .simulator_slider .slider.slider-horizontal .slider-selection { background: url('/Images/neoxiaimg/statistic2_bg.png'); box-shadow: none; -webkit-transition: opacity .5s linear; -o-transition: opacity .5s linear; transition: opacity .5s linear; } .simulator_slider .slider.slider-horizontal .slider-track-high { background-color: #e6e4e3; box-shadow: none; -webkit-transition: opacity .5s linear; -o-transition: opacity .5s linear; transition: opacity .5s linear; } .simulator_slider .slider.slider-horizontal .slider-tick { display: none; } .simulator_slider .slider.slider-horizontal .slider-tick-label-container { margin-left: 0 !important; margin-top: 4px; } .simulator_slider .slider.slider-horizontal .slider-tick-label-container .slider-tick-label { font-size: 14px; color: #999896; width: 50% !important; text-align: left; } .li_class .slider.slider-horizontal { /*font-size: 14px;*/ /*color: #ea932c;*/ /*width: 470px;*/ /*height: 20px;*/ } .carte_slider .slider.slider-horizontal { height: 6px; width: 100%; margin-bottom: 0 !important; } .carte_slider .slider.slider-horizontal .slider-track { height: 6px; } .carte_slider .slider.slider-horizontal .slider-handle { margin-top: -8px; -webkit-transition: opacity .5s linear; -o-transition: opacity .5s linear; transition: opacity .5s linear; } .carte_slider .slider.slider-horizontal .slider-selection { background: url('/Images/neoxiaimg/statistic2_bg.png'); box-shadow: none; -webkit-transition: opacity .5s linear; -o-transition: opacity .5s linear; transition: opacity .5s linear; } .carte_slider .slider.slider-horizontal .slider-track-high { background-color: #e6e4e3; box-shadow: none; -webkit-transition: opacity .5s linear; -o-transition: opacity .5s linear; transition: opacity .5s linear; } .carte_slider .slider.slider-horizontal .slider-tick { display: none; } .simulator_slider .slider.slider-horizontal .slider-tick-label-container .slider-tick-label:last-child { text-align: right; } .calculate_area { padding-left: 253px; margin-bottom: 50px; } .calculate_area .big_checkbox_mask_centered { width: 18px; height: 18px; background: #fff; float: left; margin-top: 2px; } .calculate_area .calculate_txt { font-family: 'roboto_medium', arial; color: #4d4b49; font-size: 14px; line-height: 21px; font-weight: normal; padding-left: 12px; /*display: block;*/ } .simulator_desc { font-size: 13px; padding-top: 10px; padding-bottom: 25px } .edoc_desc { font-size: 17px; padding-top: 10px; padding-bottom: 25px } /* Modal Styles */ .popin_btn { cursor: pointer; } .modal_container { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100002; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; display: none; overflow-y: auto; } .modal_tuto { width: 970px; max-width: 90%; margin: 30px auto 0 auto; background: #fff; } .slick-slide img { margin: 0 auto; } /*Lot 2 à ajouter cette parte ============================*/ .big_modal_dialog { width: 706px; max-width: 90%; margin: 125px auto 50px auto; background: #fff; } /*==========================================================*/ .modal_dialog { width: 600px; max-width: 90%; margin: 125px auto 50px auto; background: #fff; } .modal_news { /*ajouter lot 3*/ width: 710px; max-width: 90%; margin: 10% auto 0 auto; background: #fff; } #tuto_carousel .modal_news { width: 882px; max-width: 90%; margin: 27px auto 5px auto; background: #fff; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100001; background-color: #000; opacity: 0.7; visibility: visible; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; display: none; } .modal_header { padding: 14px 12px 10px 20px; background: #f0f2f1; } .modal_header h4 { font-family: 'numans_regular', arial; font-size: 18px; color: #ea932c; display: inline-block; font-weight: normal; text-transform: uppercase; } .close_popin { font-family: 'numans_regular', arial; float: right; font-size: 37px; /* font-weight: 700; */ line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; margin-top: -8px; } .modal_body { padding: 21px 17px; } .main_container { max-width: 595px; width: 100%; margin: 0 auto; } .modal_header_title { color: #854e56; font-size: 18px; font-family: 'roboto_medium',arial; padding-bottom: 10px; text-transform: uppercase; } #tuto_carousel .tuto_modal_body { padding: 0 10px 10px 10px; } .tuto_filter_area { padding: 20px 30px; display: flex; flex-direction: row; border-bottom: 1px solid #f2f4f3; margin-bottom: 20px; } .tuto_filter_area .tuto_lbl { font-size: 15px; color: #854e56; text-transform: uppercase; white-space: nowrap; padding-right: 25px; } .tuto_filter_area .tuto_filter_slider_container { flex-grow: 1; overflow: hidden; } .tuto_filter_area .tuto_filter_slider .slick-arrow { display: block; width: 9px; height: 22px; background-repeat: no-repeat; background-size: 100% auto; background-position: center center; background-color: transparent; z-index: 5; } .tuto_filter_area .tuto_filter_slider .slick-arrow:before { content: ''; } .tuto_filter_area .tuto_filter_slider .slick-arrow.slick-prev { background-image: url('/Images/neoxiaimg/tutoriel/filter_slider_left_arrow@2x.png'); } .tuto_filter_area .tuto_filter_slider .slick-arrow.slick-next { background-image: url('/Images/neoxiaimg/tutoriel/filter_slider_right_arrow@2x.png'); right: 0; } .tuto_filter_area .tuto_filter_slider .slick-list { padding: 0 0 4px 0; position: relative; } .tuto_filter_area .tuto_filter_slider .slick-list:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 80px; display: block; z-index: 3; background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(125,185,232,0) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(125,185,232,0) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(125,185,232,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#007db9e8',GradientType=1 ); } .tuto_filter_area .tuto_filter_slider .slick-list:after { content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 80px; display: block; background: #fff; z-index: 3; background: -moz-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(125,185,232,0) 100%); background: -webkit-linear-gradient(right, rgba(255,255,255,1) 0%,rgba(125,185,232,0) 100%); background: linear-gradient(to left, rgba(255,255,255,1) 0%,rgba(125,185,232,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#ffffff',GradientType=1 ); } .tuto_filter_area .tuto_filter_slider .tuto_filter_slide button { font-family: 'roboto_light', arial; font-size: 11px; color: #292929; text-transform: uppercase; border: none; background: transparent; padding: 0 27px; border-left: 1px solid #292929; } /*.tuto_filter_area .tuto_filter_slider .tuto_filter_slide.slick-current button { color: #e97b00; }*/ .tuto_filter_area .tuto_filter_slider .tuto_filter_slide.slick-current button.selected { color: #e97b00; } .tutoSlider .slick-arrow { display: block; width: 18px; height: 49px; background-repeat: no-repeat; background-size: 100% auto; background-position: center center; background-color: transparent; z-index: 5; margin-top: -25px; } .tutoSlider .slick-arrow:before { content: ""; } .tutoSlider .slick-arrow.slick-prev { background-image: url('/Images/neoxiaimg/tutoriel/tuto_slider_left_arrow@2x.png'); left: 0; } .tutoSlider .slick-arrow.slick-next { background-image: url('/Images/neoxiaimg/tutoriel/tuto_slider_right_arrow@2x.png'); right: 0; } .tutoSlider .slick-arrow.slick-disabled { opacity: 0.5; } .items { padding-top: 10px; padding-bottom: 10px } .modal_line { color: #c2c0be; max-width: 100%; width: 326px; margin: 20px auto; } .second_section { display: inline-block; vertical-align: top; width: 75%; } .first_section { display: inline-block; width: 23%; vertical-align: top; } #account_choice .modal_dialog { width: 480px; } #opposer .modal_dialog { width: 480px; } #commanderCarte .modal_dialog { width: 705px; margin-top: 20px; } #confirmerCarte .modal_dialog { width: 705px; } #psw_forgotten .modal_dialog { width: 420px; margin-top: 80px; } .accounts_check_list li { padding: 10px; margin-bottom: 12px; } .accounts_check_list li:last-child { margin-bottom: 0; } .accounts_check_list label .txt_info { font-size: 18px; font-family: 'roboto_medium',arial; font-weight: normal; padding-left: 33px; } .accounts_check_list label .radio_mask { float: left; } .accounts_check_list label .txt_info span { font-size: 14px; font-family: 'roboto_light',arial; } .tuto_modal_body { padding: 64px 10px 10px 25px; } .tuto_navigation_arrows { height: 38PX; background: #f0f2f2; } .tuto_txt { font-size: 17px; font-weight: normal; color: #808080; font-family: 'roboto_regular', arial; text-transform: none; height: 100%; vertical-align: middle; display: inline; } .tuto_txt span { vertical-align: middle; } .left_tuto_btn { border-right: 1px solid #fff; text-align: left; padding-left: 10px; padding-right: 15px; display: none; /*Lot 2 à ajouter*/ } .left_tuto_btn img { margin-right: 5px } .right_tuto_btn { border-left: 1px solid #fff; text-align: right; padding-left: 10px; padding-right: 15px; } .right_tuto_btn img { margin-left: 5px } .confirmation_modal_body { padding: 48px 20px 20px 20px; } /*Lot 2 à ajouter cette parte========================*/ .big_modal_body { padding: 48px 50px 20px 50px } .tutoSlider { visibility: hidden; } .tutoSlider.slick-initialized { visibility: visible; } .tutoSlider .slick-slide img { max-height: 500px; } /*====================================================*/ /*.tutoSlider .slick-dots{ bottom: -68px; }*/ .news_slider { visibility: hidden; } .news_slider.slick-initialized { visibility: visible; } .news_slider .slick-dots { bottom: -68px; } .slick-dots li { width: 12px; height: 12px; margin: 0 3px; } .slick-dots li button { width: 10px; height: 10px; padding: 0px; cursor: pointer; color: transparent; border: 1px solid #bbbebf; outline: none; display: block; background: transparent; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 10px; } .slick-dots li.slick-active button { background: #bbbebf; } .slick-dots li button:before { display: none; } .carte_filter { display: inline-block; vertical-align: top; width: 70%; } .carte_radio_btn { display: inline-block; vertical-align: top; } .carte_radio_btn li { padding: 5px; color: #4d4b49; font-size: 15px; } .carte_filter li { padding: 10px; color: #4d4b49; font-size: 15px; } .carte_notification { color: #999896; font-size: 13px; } .popin_blocs { padding: 15px 30px; } .medium_title { color: #e07b16; font-size: 16px; font-family: 'roboto_medium'; font-weight: normal; } .liste_tirade li { color: #4d4b49; font-size: 15px; padding: 3px; } .liste_tirade li span { font-family: 'roboto_medium'; font-size: 14px; } .modal_footer { padding: 18px 10px 30px 10px; } .modal_footer_synthese { padding: 0px 10px 30px 10px; } .synthsesePicto { display: inline-block !important; } /****/ .meduimFonts { font-family: 'roboto_medium' } .floated_links_container { position: fixed; right: 10px; top: 240px; width: 175px; overflow: hidden; pointer-events: none; } .pages_options_btns_container { text-align: right; pointer-events: none; } .floated_links { position: relative; top: -2px; right: -100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .floated_links.showed { right: 0; } .pages_options_btn { width: 30px; height: 30px; background-color: #e8922b; border: none; margin-bottom: 1px; padding: 0; pointer-events: all; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .pages_options_btn:hover, .pages_options_btn.showed { background-color: #c36a12; } #fav_btn { background-image: url('/Images/neoxiaimg/page_fav_icn@2x.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 15px; } .points_container { display: block; width: 3px; margin: 0 auto; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } /*.pages_options_btn.showed .points_container{ width: 10px; }*/ .points_container > span { display: block; width: 100%; background: #fff; margin-bottom: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 3px; } .points_container > span:last-child { margin-bottom: 0; } /*.floated_links.fav_link{ top: 224px; } .floated_links.other_options{ top: 274px; }*/ .floated_links li { opacity: 1; visibility: visible; position: relative; } .floated_links li + li { right: 0; /*margin-top: 2px;*/ border-top: 2px solid #262625; } .floated_links a { font-family: 'roboto_regular', arial; font-size: 12px; color: #fff; text-decoration: none; display: block; padding: 10px 0 12px 53px; background-color: #383736; background-repeat: no-repeat; background-position: 10px 50%; pointer-events: all; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .floated_links.other_options a { padding: 12px 0 12px 40px; } .floated_links a.fav_link { background-image: url('/Images/neoxiaimg/fav_icn.png'); background-size: 18px; } .floated_links a.cash_order { background-image: url('/Images/neoxiaimg/cmd_cash.png'); background-size: 21px; } .floated_links a.transfer_money_link { background-image: url('/Images/neoxiaimg/transfer_moeny.png'); background-size: 21px; } .floated_links a.related_cartes { background-image: url('/Images/neoxiaimg/related_carts.png'); background-size: 21px; } .floated_links a.related_loans { background-image: url('/Images/neoxiaimg/related_loans.png'); background-size: 20px; } .floated_links a:hover { color: #e8922b; background-color: #262625; padding-left: 45px; } .floated_links.cached li + li { right: 0; } .zibra_table th.without_background { background-image: none !important; } .mb_7 { margin-bottom: 7px; } .mb_10 { margin-bottom: 10px; } .mb_15 { margin-bottom: 15px; } .mb_20 { margin-bottom: 20px; } .mb_40 { margin-bottom: 40px; } .mb_50 { margin-bottom: 50px; } .mb_60 { margin-bottom: 60px; } /*Lot 2 à ajouter cette parte ============================*/ .mt_10 { margin-top: 10px; } .mt_20 { margin-top: 20px; } .pt_20 { padding-top: 20px; } /*=======================================================*/ .mobile_td { display: none; } .dark_grey { color: #383736; font-weight: normal; } .synthese_commande_btn { display: none; padding-bottom: 5px; } .small_simple_table { width: 100%; border: none; } .no_borders { border: none !important; } .no_position { position: static !important; } .small_td { width: 40px; } .medium_td { width: 90px; } /*Lot 2 à ajouter*/ .letterSpecing1 { letter-spacing: 1px; } /*Public pages styles*/ .public_header { /*modifier lot 3*/ position: fixed; top: 0; left: 0; width: 100%; z-index: 1050; } .with_publicheader { padding-top: 97px; } .small_top_header { background-color: #eeeded; border-bottom: 1px solid #dcd8d7; } .links_menu { float: left; } .links_menu > li { display: inline-block; *zoom: 1; min-width: 162px; } .links_menu > li.active { /*border-bottom: 1px solid #dbd8d7;*/ } .links_menu > li > a { font-family: 'roboto_medium', arial; font-size: 12px; color: #615f5d; text-transform: uppercase; display: block; text-align: center; padding: 7px 5px; border-right: 1px solid #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .links_menu > li > a:hover, .links_menu > li.active > a { color: #854e56; background-color: #fff; } .links_menu > li:last-child { min-width: 40px; } .public_lang_switcher { float: right; } .public_lang_switcher > li > a { font-family: 'roboto_light', arial; font-size: 15px; color: #854e56; line-height: 30px; padding: 0 18px; display: block; text-align: center; text-transform: uppercase; border-left: 1px solid #FFF; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .language_switcher:hover .public_lang_list { opacity: 1; visibility: visible; top: 100%; z-index: 1060; } .language_switcher > a:hover { background: #fff; } .public_main_head { display: table; height: 65px; background-color: #fff; width: 100%; border-bottom: 1px solid #dcd8d7; } .public_humberger_container { display: table-cell; width: 64px; vertical-align: middle; text-align: center; } #public_humberger { text-align: left; padding: 0; background: transparent; border: none; width: 100%; height: 100%; padding-left: 15px; } #public_humberger > span { display: inline-block; *zoom: 1; width: 34px; } #public_humberger .icon-bar { width: 100%; background-color: #ea932c; display: block; height: 2px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #public_humberger .icon-bar + .icon-bar { margin-top: 5px; } #public_humberger .icon-bar:nth-child(2) { width: 50%; } #public_humberger .icon-bar:nth-child(3) { width: 76%; } #public_humberger:hover .icon-bar { width: 100%; } /************************************* Menu ************************************************/ .background_menu { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; opacity: 0; visibility: hidden; cursor: pointer; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .menu.active .background_menu { visibility: visible; opacity: 0.5; } .c-menu { position: fixed; top: 97px; bottom: 0; left: -100%; /*overflow: hidden;*/ -webkit-overflow-scrolling: touch; outline: 0; overflow-y: auto; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; z-index: 100000; } .menu.active .c-menu { left: 0; } .c-menu__items { width: 100%; background: #f7f6f5; padding: 0 23px; } .c-menu__item_title { padding: 15px 0px 0px 0px; border-top: 1px solid #e6e4e3; } .c-menu__item { padding: 8px 0px 0px 0px; } .c-menu__item:first-child { padding-bottom: 20px; padding-top: 24px; padding-left: 0px; } .c-menu__link_title { padding: 15px 0px 15px 0px; border-top: 1px solid #e6e4e3; text-transform: uppercase; color: #999896; font-family: 'roboto_medium', arial; font-size: 15px; cursor: default; } .c-menu__link { color: #4d4b49; font-family: 'roboto_medium', arial; font-size: 16px; display: block; -webkit-transition: all 0.2s ease-out; } .c-menu__link:hover, .c-menu__link:active { color: #ea932c; } .padding_Bottom { padding-bottom: 20px; } .c-menu__items .c-menu__item > a:hover { padding-left: 5px; color: #ea932c; } /*************************************************************************************/ .logo_home { width: 200px; } .public_logo_container { display: table-cell; padding-left: 18px; vertical-align: middle; border-left: 1px solid #dbd8d7; } .public_home_link { display: inline-block; max-width: 188px; } .not_connected { display: flex; } .mobile_connect_tabs div.not_connected { display: block; } .connect_tabs { display: table-cell; width: 550px; height: 65px; } .connect_tabs a { font-family: 'roboto_medium', arial; font-size: 14px; color: #fff; text-transform: uppercase; line-height: 65px; display: inline-block; width: 50%; height: 100%; text-align: center; position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .connect_tabs a:before { content: ""; display: none; width: 30px; height: 30px; position: absolute; left: 50%; bottom: 0; margin-left: -15px; margin-bottom: -15px; z-index: 1; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); display: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .connect_tabs a.active:before { display: inline-block; *zoom: 1; } .connect_tabs a.joinin_link { background-color: #4d4b49; float: left; border-right: 1px solid #fff; } .connect_tabs a.joinin_link:hover { background-color: #292827; } .connect_tabs a.joinin_link:before { background-color: #4d4b49; } .connect_tabs a.joinin_link:hover:before { background-color: #292827; } .connect_tabs a.connect_link { background-color: #854e56; float: right; /*border-left: 1px solid #fff;*/ } .connect_tabs a.connect_link:hover { background-color: #71444b; } .connect_tabs a.connect_link:before { background-color: #854e56; } .connect_tabs a.connect_link:hover:before { background-color: #71444b; } .mobile_connectbtn_area { display: none; width: 46px; height: 100%; } .mobile_connectbtn_area .public_lang_switcher { display: flex; align-items: center; justify-content: center; max-width: 36px; background: #f7f6f4; height: 100%; } .mobile_connectbtn_area .public_lang_switcher > li > a { padding: 0 8px; color: #e18121; font-size: 15px; background-color: transparent !important; } .mobile_connectbtn_area .language_switcher:hover .public_lang_list { top: 37px; z-index: 1060; width: 33px } .mobile_connectbtn_area .public_lang_list.active { top: 37px; z-index: 1060; width: 33px } /*Lot 2 à modifier*/ .mobile_connectbtn_area #connect_btns { min-width: 36px; height: 45px; background-color: #f7f6f4; border: none; display: flex; align-items: center; justify-content: center; text-align: center; line-height: 42PX; } .mobile_connect_tabs { position: absolute; top: 45px; left: 0; width: 100%; z-index: 1; height: 58px; display: none; } .mobile_connect_tabs ul { height: 100%; } .mobile_connect_tabs ul li { width: 50%; height: 100%; float: left; } .mobile_connect_tabs ul li + li { float: right; } .mobile_connect_tabs ul li a { font-family: 'roboto_medium', arial; font-size: 26px; color: #fff; height: 100%; line-height: 56px; padding: 0 10px; display: block; text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .mobile_connect_tabs ul li a.mobile_joinin_link { background-color: #4c4b49; border-right: 1px solid #fff; } .mobile_connect_tabs ul li a.mobile_joinin_link:hover { background-color: #292827; } .mobile_connect_tabs ul li a.mobile_connect_link { background-color: #854d56; border-left: 1px solid #fff; } .mobile_connect_tabs ul li a.mobile_connect_link:hover { background-color: #71444b; } .connect_area { /*display: table;*/ width: 100%; } .security_advices_area { width: 33.5%; /*display: table-cell;*/ padding-top: 100px; padding-bottom: 55px; border-right: 1px solid #e6e4e3; text-align: center; vertical-align: top; float: left; } .security_advices_area > div { width: 338px; max-width: 77.5%; display: inline-block; *zoom: 1; text-align: left; } .security_advices_area > div h2 { font-family: 'numans_regular', arial; font-size: 22px; color: #4d4b49; font-weight: normal; text-transform: uppercase; margin-bottom: 40px; } .security_advices_area > div h3 { font-family: 'roboto_regular', arial; font-size: 17px; color: #854e56; font-weight: normal; text-transform: uppercase; margin-bottom: 10px; } .security_advices_area p { font-size: 15px; color: #4d4b49; } .unbold { font-weight: normal !important; } .login_area { width: 66.5%; /*display: table-cell;*/ padding-top: 90px; padding-bottom: 55px; text-align: center; vertical-align: top; float: right; } .login_area > div { width: 410px; max-width: 85%; display: inline-block; *zoom: 1; text-align: left; } .login_area > div h2 { font-family: 'numans_regular', arial; font-size: 27px; color: #df7a15; font-weight: normal; text-transform: uppercase; margin-bottom: 40px; } .simple_dark_lbl { font-family: 'roboto_medium', arial; font-size: 18px; color: #4d4b49; margin-bottom: 10px; display: block; } .simple_dark_lbl span { vertical-align: middle; float: none !important; font-family: inherit; } .simple_field { border: 1px solid #e6e4e3; height: 40px; background-color: #f7f6f5; padding-left: 20px; } .mdp_field { border: 1px solid #e6e4e3; height: 40px; background-color: #f7f6f5; padding-left: 20px; margin-left: 30px; } .mdp_notif { font-size: 13px; color: #989896; padding-top: 7px; padding-left: 240px; } .txt_notif { font-size: 13px; color: #989896; padding-top: 7px; } .joinin_txt { font-family: 'roboto_medium', arial; font-size: 16px; } .joinin_txt a { font-family: 'roboto_medium', arial; text-transform: uppercase; vertical-align: baseline; } .public_links_list { /*padding-top: 20px; border-top:1px solid #dddddd;*/ padding-bottom: 20px; background-color: #fff; } .public_links_list > ul { margin: 0 auto; width: 98%; max-width: 984px; } .public_links_list > ul > li { float: left; width: 25%; } .public_links_list > ul > li h4 { font-family: 'roboto_bold', arial; font-size: 13px; text-transform: uppercase; margin-bottom: 10px; } .public_links_list > ul > li li a { font-size: 12px; color: #615f5d; } .public_simple_footer { font-family: 'roboto_light', arial; font-size: 12px; background-color: #615f5d; text-align: center; padding: 3px 5px; color: #fff; padding: 9px 0; } .public_simple_footer a { color: #fff; text-decoration: underline; } .white_bg { background-color: #fff; } .orange_link { color: #df7a15; text-decoration: underline; display: inline-block; *zoom: 1; } /*Lot 2 à ajouter cette parte =======================================*/ /******************** style contenu checkbox ******************************************/ .check_contenu_style .checkbox_mask { float: left; } .check_contenu_style .txt_info { display: block; width: 100%; padding-left: 29px !important; } button.showColumns { display: block !important; } .telecharger_form { margin: 0 auto; } /************************************************** page Factures *****************************************************/ /*=========================================================================*/ .etape_facture { width: 100%; background-color: #b9b7b5; text-align: center; padding: 6px 0; } .etape_facture li { font-size: 14px; display: inline; font-family: 'roboto_regular', sans-serif; color: #ffffff; background: url('/Images/neoxiaimg/sup_paiment.jpg') no-repeat center right; margin-right: 10px; } .etape_facture li span { margin-right: 20px; } .etape_facture li:last-child span { margin-right: 0; } .etape_facture li:last-child { background: none; margin-right: 0; } .etape_facture li.active span { font-family: 'roboto_bold'; color: #4d4b49; /* Lot 2 à ajouter*/ } .etape_facture ul { display: inline-block; } .configuration_Firstbloc { margin-bottom: 15px; } .configuration_lbl_txt { float: left; margin-right: 30px; padding-top: 9px; width: 12%; font-family: 'roboto_regular'; } .configuration_wrapper input { width: 85%; height: 40px; background: #f7f6f5; border: 1px solid #e6e4e3; padding-left: 10px; } .favoris_etape_wrapper { width: 40%; float: left; margin-top: 7px; } .favoris_etape_wrapper .txt_info { font-size: 15px; display: block; padding-left: 30px; } .favoris_etape_wrapper .checkbox_mask { float: left; margin-top: 3px; } .favori_wrapper input { width: 72%; /*Lot 2 à modifier*/ height: 40px; background: #f7f6f5; border: 1px solid #e6e4e3; padding-left: 10px; margin-right: 10px; padding-right: 10px; } .favori_lbl_txt { float: left; margin-right: 25px; padding-top: 9px; width: 16%; font-family: 'roboto_regular'; } .merchand_block_area .white_dropdown { width: 45%; height: 42px; display: inline-block; max-width: 100%; background: #f7f6f5; } /*Lot 3 modifier*/ .select_abonnement, #select_merchand, .select_merchand, #select_service, #select_ville, #select_agence { width: 45%; max-width: 100%; height: 40px; } /*Lot 2 à ajouter*/ #ajouter_favoris .txt_lbl, #editer_favoris .txt_lbl { font-size: 15px; } .merchand_block_area .white_dropdown:last-child { float: right; } .merchand_block_area .white_dropdown .chosen-container-single .chosen-single { width: 100%; } .merchand_block_area .chosen-container-single .chosen-search { display: none; } .merchand_block_area .chosen-container .chosen-results li.active-result { padding-left: 30px; background: url('/Images/neoxiaimg/icon_radio_no_active.jpg') no-repeat center left; margin: 10px 17px; } .merchand_block_area .chosen-container .chosen-results li.result-selected { background: url('/Images/neoxiaimg/icon_radio_active.jpg') no-repeat center left; padding-left: 30px; color: #ea932c; margin: 10px 17px; font-weight: bold; } .merchand_block_area .chosen-container .chosen-results li.result-selected:hover { color: #ea932c; } .merchand_block_area .chosen-container .chosen-results .active-result:hover { color: #4d4b49; } .merchand_block_area .chosen-container .chosen-results li.group-result { background-color: #7a7775; font-size: 13px; color: #fff; padding: 10px 17px; font-family: 'roboto_regular'; text-transform: uppercase; font-weight: normal; } .merchand_block_area .chosen-container .chosen-results { padding: 0px; margin: 0px; } .merchand_block_area .chosen-container { width: 100% !important; } .ui-tabs-hide { display: none; } .favori_control_block .controls_container { overflow: hidden; } .favori_control_block .favori_Secondbloc, .favori_control_block .favori_Secondbloc_1 { float: right; width: 60%; } .paiment_steps .chosen-container-single .chosen-single span { font-size: 13px; font-family: 'roboto_regular', arial; color: #615f5d; text-transform: inherit; } /* .ui-tabs-panel.current + div .step_paiment{ display: none; }*/ /*Lot 2 à modifier*/ .steps_grid, .steps_grid1 { display: none; } /*Lot 2 à modifier*/ .steps_grid.default_opened, .steps_grid1.default_opened { display: block; } .radio_paiment { width: 100%; } .radio_paiment > label, .checkbox_paiment > label { width: 100%; } #fragment-2 .controls_container > div { margin-bottom: 15px; } #fragment-2 .controls_container > div select { width: 100%; height: 42px; } .checkbox_paiment .lbl_paiment { margin-right: 20px; } /* fragment-2*/ .bourse_table td.select-checkbox, .zibra_table td.select-checkbox, .zibra_table td.radio-checkbox { position: relative; cursor: pointer; width: 50px !important; } .bourse_table td.select-checkbox { padding-left: 20px; } .bourse_table td.select-checkbox:before, .zibra_table td.select-checkbox:before, .zibra_table td.radio-checkbox:before { content: ' '; margin-top: -6px; /*margin-left: 44%;*/ border: 1px solid #818181; border-radius: 3px; } .bourse_table tr.selected td.select-checkbox:after, .zibra_table tr.selected td.select-checkbox:after, .zibra_table tr.selected td.radio-checkbox:after { content: ''; position: absolute; display: inline-block; opacity: 1; width: 23px; height: 15px; background: url("/Images/neoxiaimg/ckecked_mark.png") no-repeat 0 center transparent; left: 50%; top: 15px; margin-left: -5px; /*Lot 2 à ajouter*/ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; vertical-align: middle; border: none; } .bourse_table td.select-checkbox:before, .bourse_table td.select-checkbox:after, .zibra_table td.select-checkbox:before, .zibra_table td.select-checkbox:after, .zibra_table td.radio-checkbox:before, .zibra_table td.radio-checkbox:after { display: inline-block; height: 15px; width: 15px; vertical-align: middle; position: relative; } #bourse_total-frais { background: no-repeat 100% center transparent; background-color: #b9b7b5; background-clip: padding-box; } /*Lot 2 à modifier*/ #PaimentChoixChekbox tr.selected, #favori_Secondbloc tr.selected { background: #cfcbcb; } #BourseTableCheckbox tr.selected { background: #f7f6f5; } .steps_grid .espace_confirmer_sms { padding: 20px 10px; border: 1px solid #e6e6e6; margin-top: 30px; } .zibra_table td.radio-checkbox { /*lot 10*/ position: relative; cursor: pointer; background: url('/Images/neoxiaimg/checkbox_default_icn.png') no-repeat center center transparent; } /*.zibra_table td.radio-checkbox:before, .resume_forMobile td.radio-checkbox:before{ content: ' '; display: inline-block; height: 24px; width: 23px; border-radius: 100%; border: 1px solid #e1e1e1; background: #e7e7e7; vertical-align: middle; supprimer dans lot 3 }*/ .zibra_table tr.selected td.radio-checkbox { background: url('/Images/neoxiaimg/checkbox_checked_icn.png') no-repeat center center transparent; } .zibra_table tr.selected td.radio-checkbox:after { content: ''; position: absolute; display: inline-block; width: 10px; height: 15px; background: url('/Images/neoxiaimg/big_radio.png') no-repeat 0 center transparent; left: 50%; top: 50%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; vertical-align: middle; opacity: 1; border: none; margin-left: -5px; margin-top: -10px; display: none; } .zibra_table td.radio-checkbox:before, .zibra_table td.radio-checkbox:after { /*display: inline-block; height: 15px; width: 15px; vertical-align: middle; position: relative;*/ display: none; } /*Lot 2 à modifier*/ #PaimentChoixRadio tr.selected { background: #cfcbcb; } #PaimentChoixChekbox, #PaimentChoixRadio { margin-bottom: 20px; } #fragment-3, #fragment-4, #fragment-5 { padding: 3%; } #fragment-3 p, #fragment-4 p, #fragment-5 p { padding-bottom: 1%; } /* fragment 4 paiment */ .white_dropdown.merchand_block_area { width: 100% !important; margin-bottom: 30px; } #fragment-4 h2, #fragment-5 h2 { padding-left: 0; } .white_dropdown.merchand_block_area #select_compte { width: 45%; max-width: 100%; height: 42px; } /* fragment-5 confirmation */ #fragment-5 p.bot_confirmation_paiement { margin-top: 5%; } .white_dropdown.merchand_block_area label { width: 30%; float: left; text-align: right; /*margin-top: 11px;*/ text-transform: uppercase; } .white_dropdown.merchand_block_area .chosen-container { width: 50% !important; padding-left: 5%; } .white_dropdown.merchand_block_area .chosen-container .chosen-drop { width: 55%; margin-left: 10%; } .white_dropdown.merchand_block_area .chosen-container .chosen-results li.result-selected, .white_dropdown.merchand_block_area .chosen-container .chosen-results li.active-result { background: none; padding-left: 30px; color: #444; margin: 10px 0px; font-weight: bold; } [data-message="message_confirmer"] { /* Styles */ } .espace_confirmer_sms, #fragment-4 .step_paiment { display: none; } #fragment-4 .txt_sms input { height: 46px; text-align: center; } #fragment-4 .txt_sms label { /*padding-right: 2%;*/ } .msg_error { color: red; font-size: 12px; } /*#ajouter_favoris .msg_error { width: 93%; }*/ /*Lot 2 à ajouter cette parte ====================================================*/ p.align_center.txt_sms input { height: 46px; } .transfer_cords > div > label { width: 160px !important; } .transfer_cords .simple_field { width: 70% !important; } .transfer_cords .datePicker_Style { width: 70%; border: 1px solid #e6e4e3; height: 40px; background-color: #f7f6f5; padding-left: 20px; border-radius: 0; } .check_mise { margin-left: 72px; } .check_mise .txt_info { width: 500px; margin-top: -38px; padding-left: 24px !important; } #code_sms .info_txt { padding: 0 6%; } .zibra_table.table_final th { background-color: #854d56; } .zibra_table.table_final th:hover { background-color: #a06a72; } /*==================================================================================*/ /************************************************** page RIB *****************************************************/ .rib_content { max-width: 480px; width: 100%; margin: 0 auto; font-family: arial !important; background: #fff; color: #000; padding: 25px 10px 35px 10px; } .rib_top { display: table; width: 100%; height: 100%; } .rib_content h3 { font-size: 14px; font-weight: bold; color: #000; } .left_rib_top { float: left; font-size: 12px; border-top: 1px solid #000; border-bottom: 1px solid #000; display: table-cell; width: 97%; } .right_rib_top { width: 45%; font-size: 12px; border-top: 1px solid #000; border-bottom: 1px solid #000; margin-left: 10px; display: table-cell; text-align: center; vertical-align: middle; } .left_rib_top th { text-align: left; font-weight: normal; } .left_rib_top th:last-child { text-align: center; } .left_rib_top td { text-align: left; font-weight: bold; margin-bottom: 7px; } .left_rib_top tbody td:last-child { text-align: center; } .rib_top { display: table; width: 100%; } .rib_bot { width: 100%; margin-top: 7px; height: 100%; overflow: hidden; font-family: arial; } .rib_content h3 { font-size: 14px; font-weight: bold; color: #000; font-family: arial; padding-left: 6px; } .left_rib_bot { width: 50%; float: left; font-size: 12px; } .right_rib_bot { width: 46%; float: left; font-size: 12px; margin-left: 15px; } .rib_remarque { width: 90%; display: inline-block; } .rib_remarque p { width: 100%; font-size: 10px; margin-left: 5%; margin-top: 20px; text-align: center; } .left_rib_top table, .rib_bot p { margin-left: 8px; font-family: arial; } .releve_bancaire:first-child { padding-top: 0px; } .releve_bancaire { padding: 20px 0; } .rib_section .sup_releve { border-top: 1px solid; width: 100%; float: left; margin-top: 10px; height: 30px; } .rib_section .sup_releve img { margin-top: -23px; } .centered_block { margin: 30px auto; width: 80%; padding-bottom: 45px; text-align: center; } /************************************************** page MARCHANDS *****************************************************/ .filter_type_section { min-height: 180px; } .filter_type_section li { display: inline-block; vertical-align: top; margin: 0 5px 20px 5px; margin-bottom: 13px; width: 200px; height: 167px; overflow: hidden; } .payment_type_section li { display: inline-block; vertical-align: top; margin: 5px 5px 5px 5px; margin-bottom: 20px; width: 258px; height: 70px; overflow: hidden; padding-left: 10px; } .payment_type_section_synthese li { display: inline-block; vertical-align: top; margin: 3px 5px 2px 5px; margin-bottom: 7px; width: 258px; height: 60px; overflow: hidden; padding-left: 10px; } .filter_type_section li a { display: block; text-decoration: none; width: 100%; height: 100%; position: relative; overflow: hidden; border: 2px solid #e6e6e6; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .filter_type_section li a:hover { border-color: #383736; } .filter_type_section li a > img { display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .filter_type_section li a .contract_infos { position: absolute; width: 100%; bottom: 0; left: 0; background-color: #e6e4e3; padding: 12px 8px 12px 18px; text-align: left; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .filter_type_section li a:hover .contract_infos { padding-bottom: 23px; background-color: #383736; } .filter_type_section li a:hover .contract_infos .filter_type_title { color: #fff; } .filter_type_section li a .filter_type_title { font-family: 'roboto_regular', arial; font-size: 12px; /*Lot 2 à modifier*/ color: #4d4b49; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .filter_type_section li a .doc_visu { display: block; width: 198px; height: 170px; background-color: #fff; background-position: center center; background-repeat: no-repeat; border: 1px solid #e6e6e6; } /*Lot 2 à modifier*/ .filter_type_section li a .filter_type_title span { color: #818181; font-weight: normal; position: relative; width: 100%; display: block; text-transform: none; } .filter_type_section li a > img { margin: 16px auto; } .filter_type_section li a .filter_type_title { text-transform: uppercase; } .filter_type_section li a .filter_type_title span:after { background: url('/Images/neoxiaimg/challenges_arrow_grey.png') no-repeat; position: absolute; width: 9px; height: 17px; content: ""; top: 2px; right: 0px; } .type_filter_txt { color: #a1a09e; padding: 10px; } /************************************************** page historique *****************************************************/ #historiquePaiment tr td span { text-transform: uppercase; } #historiquePaiment tr td span span { text-transform: lowercase; } /************************************************** page favoris *****************************************************/ .favoris_section .yellow_btn { line-height: 19px; } .favoris_section .yellow_btn span { font-size: 25px; font-family: 'roboto_light'; display: block; float: left; margin-right: 10px; font-weight: normal; } #favorisPaiment td img.logo_marchands_favoris { width: 63px; height: 34px; } #favorisPaiment .unstylled_btn + .unstylled_btn { margin-left: 30px; } #favorisPaiment .label_names span { text-transform: initial; } #favorisPaiment .zebra_table_liste { /* width: 190px; */ width: 217px; } /* ********************** modal ajouter favoris ****************************** */ /*Lot 2 à ajouter*/ .chosen-container .chosen-results li { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #ajouter_favoris .chosen-container-single .chosen-search { display: none; } #ajouter_favoris .chosen-container .chosen-results { padding: 0px; margin: 0px; } #ajouter_favoris .chosen-container .chosen-results li.group-result { background-color: #7a7775; font-size: 13px; color: #fff; padding: 10px 17px; font-family: 'roboto_regular'; text-transform: uppercase; font-weight: normal; } #ajouter_favoris .chosen-container .chosen-results li.active-result { padding-left: 30px; background: url('/Images/neoxiaimg/icon_radio_no_active.jpg') no-repeat center left; margin: 10px 17px; color: #444; } #ajouter_favoris .chosen-container .chosen-results li.result-selected { background: url('/Images/neoxiaimg/icon_radio_active.jpg') no-repeat center left; padding-left: 30px; color: #ea932c; margin: 10px 17px; font-weight: bold; } #ajouter_favoris .chosen-container-single .chosen-single span { font-size: 13px; font-family: 'roboto_regular', arial; color: #615f5d; text-transform: inherit; } /* ********************** modal editer favoris ****************************** */ /*Lot 2 à modifier*/ #editer_favoris .modal_dialog, #ajouter_favoris .modal_dialog { width: 50%; max-width: 90%; margin: 40px auto 50px auto; background: #fff; } .contenu_modal_body { padding: 30px 20px 20px 9%; } .contenu_modal_body li .txt_lbl, #editer_favoris .contenu_modal_body li .txt_lbl, #ajouter_favoris .contenu_modal_body li .txt_lbl { text-transform: capitalize; padding-left: 0; width: 22%; } #ajouter_favoris .contenu_modal_body .type_lbl_txt, #editer_favoris .contenu_modal_body .type_lbl_txt { width: 23%; /*Lot 2 à modifier*/ padding-left: 0; /*Lot 2 à ajouter*/ } .contenu_modal_body li .txt_lbl + span { font-family: 'roboto_bold', arial; font-size: 16px; } .contenu_modal_body .lable_txt { float: none; margin-bottom: 20px; width: 100%; } .contenu_modal_body .form_bloc { padding: 0px 18px 12px 0px; } #ajouter_favoris .form_bloc, #editer_favoris .form_bloc { padding: 0px 0px 12px 0px !important; } .contenu_modal_body .form_bloc p { margin-bottom: 10px; } .contenu_modal_body .type_lbl_txt { width: 25%; } .contenu_modal_body .simple_field { border: 1px solid #e6e4e3; height: 40px; background-color: #f7f6f5; padding-left: 20px; /*width: 70%;*/ /*Lot 2 à commenter*/ } /*Lot 2 à modifier*/ #ajouter_favoris .contenu_modal_body .simple_field, #editer_favoris .contenu_modal_body .simple_field { width: 70%; } .contenu_modal_body .white_dropdown { width: 67.5%; /*modifier lot 3*/ } .form_bloc .white_dropdown { width: 70%; } .merchand_block_area .form_bloc .white_dropdown { width: 45%; margin-bottom: 15px; } #select_editer_favori { width: 90%; max-width: 100%; } .contenu_modal_body .chosen-container { width: 100% !important; background-color: #f7f6f5; } .contenu_modal_body .white_dropdown .chosen-container-single .chosen-single { width: 100%; } .contenu_modal_body .chosen-container-single .chosen-single div b { /*background: url('/Images/neoxiaimg/dropbdown_closed_arrow.png') no-repeat center center !important;*/ } .contenu_modal_body ul + hr { width: 62%; margin-left: 30%; padding: 0; margin: 40px 0 40px 30%; } /*Lot 3 modifier*/ #editer_favoris .contenu_modal_body ul + hr, #ajouter_favoris .contenu_modal_body ul + hr, #editer_favoris .contenu_modal_body .form_bloc + hr, #ajouter_favoris .contenu_modal_body .form_bloc + hr { width: 93%; padding: 0; margin: 20px 0 20px 0%; } .sup_favoris { margin-top: 10px; } .contenu_modal_body li { margin-bottom: 10px; } /* ********************** modal payer favoris ****************************** */ #payer_favoris .contenu_modal_body .white_dropdown { width: 70%; margin-left: 12%; } /* accordion */ .accordion_content { display: none; border: 1px solid #E6E4E4; padding: 20px; } .accordion_bourse { display: none; height: 100% !important; border: 1px solid #E6E4E4; } .accordion_title { border: 1px solid #e6e4e3; border-right: 0; width: 100%; min-height: 54px; padding: 15px 26px; color: #4d4b49; font-size: 16px; font-family: 'roboto_medium', arial; display: inline-block; position: relative; padding-right: 60px !important; } .accordion_title:after { content: ''; position: absolute; right: 0; top: -1px; border: 1px solid #e6e4e3; display: block; width: 51px; height: 100%; background: url('/Images/neoxiaimg/accordion_up_down.png') no-repeat center center transparent; } .accordion_title.active:after { background: url('/Images/neoxiaimg/accordion_up_arrow.png') no-repeat center center transparent; } .services_list li { margin-bottom: 10px; } .responsive_plafond_table { display: none } .key_word { background: #f9ff00; } .key_word_i { font-style: normal; } .pub_mobile { display: none; } .upToTopPublic, .upToTop { /*modifier lot3*/ display: none; position: fixed; background: url('/Images/neoxiaimg/uparrow_white.png') no-repeat center center #854d56; background-size: 50%; border-radius: 100%; border: 2px solid #FFF; right: 31px; bottom: 35px; padding: 0; opacity: 0.4; width: 45px; height: 45px; cursor: pointer; } .upToTopPublic:hover, .upToTop:hover { background: url('/Images/neoxiaimg/uparrow_purple.png') no-repeat center center #fff; opacity: 0.8; border: 1px solid #854d56; } .form_bloc { padding: 15px 18px 12px 18px; } .last_form_bloc { padding: 15px 18px 40px 18px; } .abonnement_big_title { font-family: 'numans_regular', arial; font-size: 22px; color: #854d56; font-weight: normal; text-transform: uppercase; padding: 25px 0px; } .message_dinformation { color: #e58106; font-size: 13px; font-family: 'roboto_medium',arial; margin-bottom: 10px; padding: 0px 18px; } .medium_titles { /* font-family: 'numans_regular',arial;*/ font-size: 20px; color: #ea932c; text-transform: none; font-weight: normal; } .abonnement_container { width: 1058px; margin: 0 auto; max-width: 100%; padding: 35px 0px; } .contact_container { width: 1058px; margin: 0 auto; max-width: 100%; padding: 0px; } .abonnement_txt { font-size: 16px; font-weight: bold; color: #854e56; text-transform: uppercase; width: 140px; padding-right: 20px; float: left; text-align: right; } .abonnement_form { margin-left: 140px; padding: 25px; border: 1px solid #e6e6e6; } .abonnement_labels { font-family: 'roboto_medium', arial; font-size: 15px; color: #4d4b49; width: 165px; display: inline-block; float: left; line-height: 1.1; padding-top: 10px; } /*Lot 2 à ajouter*/ .modal_labels { font-family: 'roboto_medium', arial; font-size: 15px; color: #4d4b49; width: 120px; display: inline-block; float: left; line-height: 1.1; } .modal_labels_service { display: inline-block; float: left; font-family: 'roboto_medium', arial; font-size: 15px; color: #4d4b49; } .info_text { font-size: 12px; font-family: 'roboto_bold', arial; } .abonnement_second_label { font-family: 'roboto_medium', arial; font-size: 15px; color: #4d4b49; display: inline-block; text-align: center; width: 22%; } /*Lot 2 à ajouter*/ .modals_fields { margin-left: 184px; margin-bottom: 25px; } .abonnement_fields { margin-left: 184px; margin-bottom: 25px; } /*Lot 2 à ajouter*/ .detail_carte_section .abonnement_fields { margin-left: 0px; } .abonnement_fields .white_dropdown { width: 100%; height: 33px; display: inline-block; max-width: 100%; } .abonnement_fields .white_dropdown .chosen-container { width: 100% !important; } .abonnement_fields .white_dropdown .chosen-container-single .chosen-single { border: 1px solid #e6e6e6; background-image: none; border-radius: 0; color: #292929; font-size: 13px; line-height: 33px; box-shadow: none; height: 33px; width: 100%; background: #f7f6f5; } .abonnement_fields .white_dropdown .chosen-container-single .chosen-single span { text-transform: none; } .operateur .white_dropdown, .ville .white_dropdown, .agence .white_dropdown { width: 280px; height: 33px; display: inline-block; max-width: 100%; } .operateur .white_dropdown .chosen-container { width: 100% !important; } .contact .white_dropdown, .ville .white_dropdown, .agence .white_dropdown { width: 280px; height: 33px; display: inline-block; max-width: 100%; } .contact .white_dropdown .chosen-container { width: 100% !important; } .operateur .white_dropdown .chosen-container-single .chosen-single { border: 1px solid #e6e6e6; background-image: none; border-radius: 0; color: #292929; font-size: 13px; line-height: 33px; box-shadow: none; height: 33px; width: 280px; text-transform: none; background: #f7f6f5; } .contact_dropDown { margin-left: 76px; } .contact_dropDown .white_dropdown .chosen-container-single .chosen-single { border: 1px solid #e6e6e6; background-image: none; border-radius: 0; color: #292929; font-size: 13px; line-height: 33px; box-shadow: none; height: 33px; width: 295px !important; text-transform: none; background: #f7f6f5; } .object { width: 100%; } .object .white_dropdown .chosen-container-single .chosen-single { border: 1px solid #e6e6e6; background-image: none; border-radius: 0; color: #292929; font-size: 13px; line-height: 33px; box-shadow: none; height: 33px; width: 625px !important; text-transform: none; background: #f7f6f5; } .operateur .white_dropdown .chosen-container-single .chosen-single span { text-transform: none; } .contact .white_dropdown .chosen-container-single .chosen-single span { text-transform: none; } .bigDark_checkbox_mask { display: inline-block; height: 23px; width: 23px; border: 1px solid #c2c0be; background: #f7f6f5; vertical-align: middle; position: relative; float: left; } .bigDark_checkbox_mask:after { content: ''; position: absolute; display: inline-block; width: 0px; height: 24px; background: url("/Images/neoxiaimg/big_black_checkbox.png") no-repeat 0 center transparent; left: 4px; top: -2px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; vertical-align: middle; } input:checked + .bigDark_checkbox_mask:after { opacity: 1; width: 28px; } .abonnement_small_fields { margin-left: 184px; } .input_fields { /*modifier lot 3*/ border: 1px solid #e6e4e3; height: 40px; background-color: #f7f6f5; padding-left: 20px; width: 100%; max-width: 100%; display: inline-block; /*height: 33px;*/ } textarea.input_fields { border: 1px solid #e6e4e3; height: auto; background-color: #f7f6f5; padding-left: 20px; /* width: 100%; */ max-width: 100%; display: inline-block; } .lists_fields { border: 1px solid #e6e4e3; height: 40px; background-color: #f7f6f5; padding-left: 20px; width: 85%; margin-right: 15px; height: 33px; } .whole_bloc { width: 100% } .half_bloc { width: 56%; } .seceond_half_bloc { width: 44%; } /*Lot 2 à ajouter cette parte =====================================*/ .demi_bloc { width: 50%; float: left; } .small_modal_fileds { font-family: 'roboto_medium', arial; font-size: 15px; color: #4d4b49; display: inline-block; width: 40%; line-height: 2; } .small_modal_bloc { width: 60%; float: left; } .heading_confirmation { font-size: 18px; color: #854e56; font-family: 'roboto_medium', arial; } .personnalisation_summary { margin-bottom: 38px; } .personnalisation_summary ul > li span { padding-left: 0; line-height: 1; } .confirmation_personnalisation a { color: #ea932c; text-decoration: underline; } .code_activation_confirme { } .check_confirmation { width: 30%; float: left; padding-top: 20px; } .txt_confirmation { width: 70%; float: left; padding: 20px; border: 1px solid #999896; } .yellow_button { font-family: 'roboto_regular', arial; font-size: 15px; color: #df7a15; background: transparent; text-decoration: underline; text-transform: none; border: 0; } .code_label { font-family: 'roboto_medium', arial; font-size: 15px; color: #4d4b49; width: 100px; display: inline-block; float: left; line-height: 2.1; } .code_section { /*modifier lot 3*/ width: 320px; max-width: 100%; margin: 0 auto; } .code_section > div { padding-left: 100px; } /*==================================================================*/ .abonnement_confirmation { font-size: 18px; color: #854e56; font-family: 'roboto_medium', arial; border: 1px solid #854e56; padding: 25px 0; margin-bottom: 20px; } .validation_body { border: 1px solid #eeeeee; padding: 25px 122px; } .validation_info { color: #4d4b49; font-family: 'roboto_medium', arial; font-size: 18px; margin-bottom: 35px; } .yellow_validation_info { text-transform: uppercase; color: #ea932c; font-size: 18px; font-family: 'roboto_medium', arial; font-weight: normal; margin-bottom: 25px; } .print_text { display: inline-block; margin-bottom: 30px; color: #615f5d; font-size: 15px; } .solution_bloc { background: #fafafa; display: table-cell; padding: 30px; } .table-cell-display { display: table-cell; } .table-display { display: table; } .small_yelleow_btn { padding: 5px 8px; vertical-align: top; } .ajouter_compte_space .small_yelleow_btn { min-height: 40px; margin-top: 0px !important; } .ajouter_compte_space .abonnement_txt { white-space: nowrap; } .choice_bloc { width: 10%; color: #878584; font-size: 16px; font-family: 'roboto_bold', arial; } .yellow_download { padding: 10px 30px; padding-left: 50px; background: url('/Images/neoxiaimg/yellow_download.png') no-repeat 10% center; } /*Lot 2 à ajouter*/ .yellow_download:hover { background: url('/Images/neoxiaimg/yellow_download_hover.png') no-repeat 10% center #df7a15; } .bottomMargin { margin-bottom: 30px; } .validation_second_confirm { color: #4d4b49; font-family: 'roboto_medium', arial; font-size: 16px; } .relativePosition { position: relative; } .more_leftRight_margins { margin-left: 24px; margin-right: 24px; } .mini_input_fields { border: 1px solid #e6e4e3; height: 40px; background-color: #f7f6f5; padding-left: 20px; width: 100%; height: 33px; } .contact_bloc .mini_input_fields { padding-left: 10px; } .contact_bloc .contact_message { padding-left: 10px; } .added_comptes { border: 1px solid #e6e4e3; height: 40px; padding-left: 20px; padding-top: 10px; font-family: 'roboto_medium'; font-size: 15px; color: #4D4D4D; margin-bottom: 5px; position: relative; padding-right: 65px; } .cancel_btn { font-family: 'roboto_bold', arial; font-size: 13px; color: #df7a15; font-weight: bold; padding: 5px 15px; background: transparent; float: right; text-decoration: underline; text-transform: none; border: 0; position: absolute; right: 0; top: 5px; } .inlined_txt { font-family: 'roboto_regular', arial; font-size: 16px; display: inline-block; padding-left: 50px; line-height: 2; } .multiplBlocs_container { margin-left: 184px; } .inline_checkboxe { margin-left: 90px; display: inline-block; } .inline_checkboxe_text { font-size: 15px; padding-left: 15px; color: #4d4b49; } .form_dropdown { width: 569px; height: 32px; display: inline-block; max-width: 100%; } /* =================== */ /*Lot 2 à ajouter cette parte ====================================================*/ .transfer_operation_container { padding: 26px; } .transfer_operation { margin-bottom: 25px; } .transfer_operation h3 { font-family: 'roboto_medium', arial; font-size: 16px; font-weight: normal; margin-bottom: 15px; } .transfer_operation .list_accounts { width: 47%; float: left; } .transfer_operation .transfer_img { width: 5%; float: left; } .transfer_accounts div { margin-bottom: 8px; outline: none; } .transfer_accounts div label { display: block; cursor: pointer; } .transfer_accounts div input { display: none; } .transfer_accounts div input + span { display: block; padding: 10px 35px 10px 13px; min-height: 42px; border: 2px solid #e6e4e3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: url('/Images/neoxiaimg/check_account_true.png') no-repeat 130% 50% transparent; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .transfer_accounts div input:checked + span { background-position: 100% 50%; } .transfer_accounts div input:checked + span, .transfer_accounts div input + span:hover { border-color: #e7ad67; } .account_infos .account_name { font-family: 'roboto_medium', arial; font-size: 14px; color: #4d4b49; display: block; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .account_infos .account_num { font-family: 'roboto_regular', arial; font-size: 14px; color: #818181; line-height: 14px; display: block; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .transfer_accounts .account_amount { font-family: 'roboto_medium', arial; font-size: 15px; padding-top: 7px; display: block; } .transfer_accounts div input:checked + span .account_infos .account_name, .transfer_accounts div input:checked + span .account_infos .account_num { color: #ea932c; } .transfer_accounts div input:checked + span .account_infos + .account_amount { color: #828282; } .transfer_accounts .slick-list { overflow: hidden; } .transfer_accounts.slick-slider { position: relative; padding-bottom: 25px; } .transfer_accounts .slick-arrow { width: 30px; height: 30px; background-color: #854e56; font-size: 0; border: none; position: absolute; top: 100%; bottom: 0; background-position: 50% 50%; background-repeat: no-repeat; background-size: 12px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .transfer_accounts .slick-next { right: 0; background-image: url('/Images/neoxiaimg/next_arrow_icn.png'); } .transfer_accounts .slick-prev { left: initial; right: 35px; background-image: url('/Images/neoxiaimg/prev_arrow_icn.png'); } .transfer_accounts .slick-next:before { display: none; } .transfer_accounts .slick-prev:before { display: none; } .transfer_accounts .slick-arrow.slick-disabled { background-color: #928d8e; opacity: 0.3; } .transfer_cords { width: 90%; /*max-width: 425px;*/ max-width: 480px; margin: 0 auto; margin-bottom: 20px; } .dotbenef_cords { width: 90%; /*max-width: 425px;*/ max-width: 577px; margin: 0 auto; margin-bottom: 20px; } .bloc-emprunt { padding-left: 0 !important; } .transfer_cords.row-emprunt { max-width: 590px; } .transfer_cords.row-emprunt-t2 { max-width: 800px; } .transfer_cords > div > label { font-family: 'roboto_medium', arial; font-size: 16px; color: #505050; line-height: 40px; text-transform: uppercase; float: left; width: 90px; } .transfer_cords .field_container { padding-left: 90px; } .transfer_cords .field_container .txt_info { font-family: 'roboto_medium', arial; font-size: 15px; color: #505050; font-weight: normal; padding-left: 12px; } .bloc_formulaire_transfert { display: none; } /********* Ajouter Modal beneficier **********/ .modal_beneficiere p { width: 100%; float: left; margin: 7px 0; } p.field_container label + label { margin-right: 50px; margin-top: 8px; float: left; } p.moyen_transfert label + label { margin-top: 20px; } .modal_beneficiere p.field_container label + label .txt_info { padding-left: 10px; } .modal_beneficiere p.field_container .checkbox_mask:after { height: 12px; background: url("/Images/neoxiaimg/check_black_icn.png") no-repeat 0 center transparent; left: 4px; top: -2px; ; } .modal_beneficiere p.field_container input:checked + .checkbox_mask + .txt_info { color: #818181; } .modal_beneficiere .modal_dialog { margin: 30px auto 50px auto; } /*.centered_bloc, .compte_contrat{ padding: 35px 228px; }*/ .contrat_main_container { text-align: center; padding: 40px 10px; } .contrat_second_container { display: inline-block; white-space: nowrap; } .ajouter_compte_space_contrat { float: left; } .centered_bloc, .compte_contrat { margin-bottom: 25px; } .input_add_compte { width: 247px; border: 1px solid #e6e4e3; border-left: 0; padding-left: 20px; height: 40px; background-color: #f7f6f5; vertical-align: middle; line-height: 2.4; display: inline-block; color: #292929; font-size: 16px; font-family: 'roboto_medium', arial; margin-right: 15px; } .numero_compte { border: 1px solid #e6e4e3; height: 40px; width: 105px; background-color: #f7f6f5; vertical-align: middle; line-height: 2.4; display: inline-block; color: #292929; font-size: 16px; font-family: 'roboto_medium', arial; text-align: center; } .mobile_list { padding-left: 50%; } .action_links { text-decoration: underline; color: #615f5d; text-transform: none; } .lien_imprime { color: #ea932c; text-transform: uppercase; text-align: center; margin: 27px 44%; display: block; } .compte2, .favori_Secondbloc, .favori_Secondbloc_1 { display: none; } .total_final { background: #854d56 !important; color: #fff; } .total_final1 { background: #b9b7b5 !important; color: #fff; } .total_final td, .total_final td.resume_forMobile { font-size: 13px !important; color: #fff; } /*.compte_contrat { padding: 35px 110px; }*/ .compte_contrat .abonnement_fields { /* margin-left: 142px;*/ margin-bottom: 25px; /*width: 440px;*/ } .abonnement_fields.added_comptes.clearfix { text-align: left; } .compte_contrat .abonnement_labels { margin-top: 43px; } .compte_contrat .appenedCompte { width: 100%; margin-top: 30px; } .bloc_formulaire_transfert .input_fields { width: 100%; } /*********** accordion table **************/ .accordion { cursor: pointer; width: 100%; outline: none; transition: 0.4s; } .accordion span.resume_price { padding-right: 24px; } .accordion:after { content: ''; /*/content: '\02795'; font-size: 13px;*/ display: block; width: 14px; height: 14px; background: url(/Images/neoxiaimg/open_rest_content_icn@2x.png) no-repeat 50% 50% transparent; background-size: 14px; color: #ea932c; float: right; position: absolute; right: 10px; top: 10px; } .accordion.active:after { background-image: url(/Images/neoxiaimg/close_rest_content_icn@2x.png); } div.panel { max-height: 0; overflow: hidden; transition: 0.6s ease-in-out; opacity: 0; padding-left: 30px; } div.panel.show { opacity: 1; max-height: 500px; } div.panel p span { width: 30%; float: left; font-family: 'roboto_regular', arial; } div.panel p a { color: #646466; text-decoration: underline; } /****** formulaire maroc transfert ********/ /*.espace_formulaire_info form h3{ width: 15%; float: left; text-align: center; } .content_infomation { border: 1px solid #dddddd; float: left; width: 83%; padding: 15px; margin-bottom: 10px; } .content_infomation label{ width: 20% ; padding-top: 0; }*/ .espace_formulaire_info .seceond_half_bloc .mini_input_fields { width: 77%; } .espace_formulaire_info .abonnement_form > div { margin-bottom: 20px; } .espace_formulaire_info .abonnement_labels { margin-right: 16px; } /* Lot 2 ࡡjouter */ .espace_formulaire_info .choix_bene { display: block; padding-left: 180px; } .espace_formulaire_info .txt_info { font-size: 15px; } .espace_formulaire_info { display: none; } /* Lot 2 ࡡjouter cette partie =========================*/ .espace_formulaire_info .carnet_container { white-space: nowrap; margin-right: 50px; margin-bottom: 5px; display: inline-block; } .espace_formulaire_info .abonnement_second_label { width: 70px; float: left; } .espace_formulaire_info .block_demi { display: block; margin-left: 70px; width: auto; } .espace_formulaire_info .block_demi .mini_input_fields { width: 100%; } /*===========================================================*/ /******************* modal ********************/ /*#confirmer_information h2{ width: 30%; float: left; } #confirmer_information .content_infomation{ border: 1px solid #dddddd; float: left; width: 70%; padding: 15px; margin-bottom: 10px; }*/ #confirmer_information .confirmation_modal_body { padding: 12px 20px 20px 20px; } #ajouter_compte .big_modal_body, #supprimer_compte .big_modal_body { padding: 32px 22px 20px 22px; } #confirmer_information .form_bloc, #ajouter_compte .form_bloc, #supprimer_compte .form_bloc { padding: 15px 0px 12px 0px; } #ajouter_compte .numero_compte, #supprimer_compte .numero_compte { width: 100%; text-align: left; padding-left: 20px; } #confirmer_information .abonnement_txt, #ajouter_compte .abonnement_txt, #supprimer_compte .abonnement_txt { text-align: left; } #confirmer_information .big_modal_dialog, #ajouter_compte .big_modal_dialog, #supprimer_compte .big_modal_dialog { margin: 80px auto 50px auto; } .content_infomation p { margin-bottom: 15px; font-size: 15px; color: #615f5d; } .content_infomation p span { text-transform: uppercase; font-weight: bold; margin-left: 5px; color: #4d4b49; } .content_infomation p:last-child { margin-bottom: 0px; } /* changer mot de passe */ #changer_motdepasse_profil p { margin-bottom: 15px; } #changer_motdepasse_profil .lable_txt { margin-right: 16px; margin-top: 7px; text-transform: inherit; color: #4d4b49; font-size: 16px; font-weight: normal; text-align: left; width: 35%; padding-left: 10%; font-family: 'roboto_medium', arial; } #changer_motdepasse_profil p > span { width: 80%; float: left; margin-left: 37%; margin-top: 1px; margin-bottom: 15px; font-size: 12px; } #ajouter_compte .inline_checkboxe, #supprimer_compte .inline_checkboxe { margin-left: 20px; } /* modal desactive service */ .titre_content_modal { color: #854e56; font-size: 19px; font-family: 'roboto_medium', arial; text-transform: uppercase; margin-bottom: 21px; font-weight: normal; } /************ modal contrat **********/ .parametre_service { background: #eeeeee; margin-left: 62px; margin: 20px 62px 20px; padding: 16px 30px 5px; float: left; width: 90%; } .parametre_service .txt_info { padding-left: 10px; } .bloc_parametre_service { width: 100%; float: left; } .bloc_parametre_service > div { width: 50%; float: left; } .titre_check_parametre .txt_info { color: #854e56; font-family: 'roboto_bold', arial; } .titre_check_parametre.field_container { padding-left: 0px; margin-bottom: 15px; margin-top: 15px; margin-right: 10px; margin-bottom: 10px; } .bloc_parametre_service:first-child .titre_check_parametre.field_container { margin-top: 0px; } /*.field_container{ padding-left: 15px; margin-bottom: 4px; }*/ /******** confirmation ajout compte *******/ .ajout_content_confirmation { margin-top: 20px; padding-left: 32px; } .espace_txt { padding-top: 8px; } #modifier_raccourcier .lable_txt { text-align: center; } #transfert_beneficiaire .carnet_container .txt_info { font-size: 16px; margin-left: 17px; } .modal_header_title { margin-top: 30px; margin-bottom: 20px; } #transfert_beneficiaire .modal_footer { margin-top: 30px; } .filter_type_title .txt_sup { font-style: normal; } #payer_favoris .contenu_modal_body li .txt_lbl, #payer_favoris_transfert .contenu_modal_body li .txt_lbl { width: 36%; padding-left: 0; } #payer_favoris .contenu_modal_body ul + hr, #payer_favoris_transfert ul + hr { width: 100%; margin-left: 0; padding: 0; margin: 40px 0 40px 0; } #payer_favoris .txt_lbl, #payer_favoris_transfert .txt_lbl { padding-left: 0; float: left; } #payer_favoris_transfert .field_container { float: left; width: 60%; } #payer_favoris_transfert .datePicker_Style { width: 32%; border: 1px solid #e6e4e3; height: 40px; background-color: #f7f6f5; padding-left: 20px; border-radius: 0; } #payer_favoris_transfert .favoris_etape_wrapper { width: 100%; padding: 20px 0 20px 9%; } #fv_montant_virement1 { width: 43%; } .exemple_titre { color: #ea932c; font-size: 11px; padding-left: 25%; } .bloc_vir_cas { margin: 15px 0; padding: 10px; width: 100%; display: inline-block; } .bloc_vir_cas .favoris_etape_wrapper { width: 100%; margin-top: 0px; } .bloc_vir_cas .favori_Secondbloc, .bloc_vir_cas .favori_Secondbloc_1 { margin-top: 20px; float: left; width: 100%; } #ajouter_favoris .controls_container, #editer_favoris .controls_container { margin-left: 0; border: none; padding: 0; margin: 0; } #ajouter_favoris .favoris_etape_wrapper, #editer_favoris .favoris_etape_wrapper { width: 100%; } #ajouter_favoris .favori_Secondbloc, #editer_favoris .favori_Secondbloc { float: left; width: 100%; margin-top: 20px; margin-bottom: 20px; } #ajouter_favoris .favori_Secondbloc .favori_lbl_txt, #editer_favoris .favori_Secondbloc .favori_lbl_txt { width: 20%; } .favori_Secondbloc .favori_wrapper input { width: 72%; } .favori_Secondbloc .favori_lbl_txt { width: 25%; } .banc_detail { width: 95%; display: table; padding: 30px; padding-top: 39px; margin: 0 auto; } .banc_detail .txt_lbl { font-family: 'roboto_regular', arial; font-size: 16px; display: inline-block; vertical-align: top; width: 51%; padding-left: 0; } .banc_detail .txt_lbl + span { font-family: 'roboto_bold', arial; font-size: 16px; display: inline-block; vertical-align: top; width: 48%; } .banc_detail > li:first-child { padding-right: 6%; width: 429px; } .banc_detail > li { display: table-cell; /* width: 50%; */ } .banc_detail p { margin-bottom: 13px; } .banc_detail > li + li { border-left: 1px solid #cccccc; padding-left: 88px; width: 483px; } .apport_capital { width: 95%; display: table; padding: 30px; padding-top: 39px; margin: 0 auto; } .apport_capital .txt_lbl { font-family: 'roboto_regular', arial; font-size: 16px; display: inline-block; vertical-align: top; /*width: 66%;*/ padding-left: 0; } .apport_capital .txt_lbl + span { font-family: 'roboto_bold', arial; font-size: 16px; display: inline-block; vertical-align: top; /*width: 33%;*/ } .apport_capital > li { display: table-cell; width: 50%; } .apport_capital p { margin-bottom: 13px; } /* ========================================================================== Start_Page_introuvable/Indisponible/Erreur404 LOT 3 ========================================================================== */ .body_page { overflow: hidden; background-color: #e4e4e4; } .bar_1 { height: 38px; background-color: #383735; } .bar_2 { height: 8px; background-color: #854d56; } .container_page { max-width: 645px; text-align: center; width: 95%; margin: 0 auto; } .container_style { position: relative; overflow: hidden; min-height: 510px; background-color: #ffffff; text-align: center; margin-bottom: 20px; padding: 80px 10px 0; -webkit-box-shadow: 0px 0px 7px 1px rgba(191,185,191,1); -moz-box-shadow: 0px 0px 7px 1px rgba(191,185,191,1); box-shadow: 0px 0px 7px 1px rgba(191,185,191,1); } .container_style_dis { min-height: 400px !important; padding: 28px 10px 0 !important; } .container_style h3 { color: #e99429; text-transform: uppercase; padding: 20px 0; font-family: 'roboto_regular', arial; font-weight: normal; font-size: 28px; } .container_style .mobile_download_btns { /*margin-bottom: 30px;*/ } .container_style .lien_contact a, .container_style .lien_contact_disc a { color: #ea932c; text-decoration: underline; } .container_style .lien_contact { color: #979797; width: 100%; position: absolute; bottom: 29px; left: 0; } .container_style .lien_contact_disc { color: #979797; width: 100%; padding-top: 35px; } .container_style span { display: inline-block; } .container_style span img { width: 93px; } .container_page footer { position: fixed; bottom: 6px; left: 0; width: 100%; } .container_style .para_style { font-size: 19px; color: #6d6d6d; } /* ========================================================================== End_Page_Introuvable/Indisponible/Erreur404 LOT 3 ========================================================================== */ /* ========================================================================== Start_cours_devises/valeurs LOT 3 ========================================================================== */ .body_content { padding-top: 97px; } .first_bar { width: 100%; text-align: center; padding: 30px 30px 25px 30px; background-color: #ffffff; } .first_bar h4 { font-weight: normal; font-size: 19px; color: #df7a15; display: inline-block; font-family: 'roboto_regular', arial; margin-right: 20px; } .part_devise .first_bar .operateur .white_dropdown .chosen-container { width: 180px !important; } .part_devise .first_bar .operateur .white_dropdown .chosen-container-single .chosen-single { height: 30px; line-height: 28px; text-align: left; } .first_bar .float_right { float: none; display: inline-block; width: auto; } .first_bar label { float: left; padding: 0; } .label_type { font-family: 'roboto_medium', arial; font-size: 15px; color: #4d4b49; display: inline-block; width: 40px; padding-top: 4px !important; text-align: left; } .label_date { font-family: 'roboto_medium', arial; font-size: 15px; color: #4d4b49; display: inline-block; width: 40px; padding-top: 4px !important; } .label_libelle { font-family: 'roboto_medium', arial; font-size: 15px; color: #4d4b49; display: inline-block; width: 50px; padding-top: 4px !important; } .first_bar .label_placed { display: block; padding-left: 41px; width: auto; margin-right: 20px; } .first_bar .label_placed1 { display: block; padding-left: 40px; margin-right: 20px; } .first_bar .label_placed2 { display: block; padding-left: 53px; margin-right: 20px; } .first_bar .calender_group .datePicker_Style { border-radius: 0; border: 1px solid #e6e6e6; background-color: #f7f6f5; color: #292929; /* width: 110px;*/ padding-left: 10px; } .libelle_text .input_fields { padding: 0px 10px; width: 160px; height: 30px; } .libelle_text { width: auto; } .first_bar .align_center { vertical-align: top; display: inline-block; } .first_bar .align_center .flat_btn span, .first_bar .flat_btn:before { padding: 2px; } .table_devise { overflow: hidden; padding: 30px; } .table_devise h3 { font-weight: normal; font-size: 19px; color: #df7a15; display: inline-block; font-family: 'roboto_regular', arial; padding-bottom: 7px; } .table_devise table { width: 100%; border: 2px solid #e6e4e3; } .table_devise .pl23 { font-weight: 900; } .simple_table .pl20 { padding: 0 10px; text-align: center; } .table_devise .pl23 span { display: inline-block; background-color: #b9b7b5; /*height: 20px;*/ width: 30px; margin-right: 10px; vertical-align: middle; } .table_devise .pl23 small { color: #cccccb; } .table_devise .bold_style { font-weight: 900; } .table_devise_respo { display: none; } .chart_style { width: 100%; padding: 20px 25px; background-color: #ffffff; } #editer_favoris .modal_devise { margin: 170px auto; } .modal_header span { color: #814e53; font-weight: 600; margin-right: 22px; font-size: small; display: inline-block; text-align: right; float: right; } .modal_header span a { text-decoration: underline; font-weight: normal; color: #814e53; } .chart_style .chart_key { padding-left: 20px; } .chart_style .chart_key span { margin: 0 5px; display: inline-block; color: #111; font-size: smaller; font-weight: 600; } .chart_style .chart_key span span { margin: 0 8px; height: 10px; width: 10px; background-color: #854d56; border-radius: 10px; } #editer_favoris .motard { background-color: #e8922b; } .width_13 { width: 13px; } .second_content { padding-left: 20%; width: 100%; } .menu_fixe { height: 100%; position: fixed; float: left; width: 20%; border-right: 1px solid #e1e1e1; background-color: #f7f6f5; } .menu_fixe li { display: block; border-bottom: 1px solid #e6e4e3; } .menu_fixe li:first-child { color: #854e56; font-size: medium; display: block; font-family: 'Numans_regular'; padding: 20px; font-weight: 600; text-transform: uppercase; } .menu_fixe li a { display: block; font-family: 'Numans_regular'; color: #4d4b49; padding: 20px; font-weight: 600; } .menu_fixe li a:hover, .menu_fixe li a.active { border-left: 3px solid #ea932c; color: #ea932c; background-color: #ffffff; } .btn_show { font-weight: 600; height: 40px; width: 40px; border: none; background-color: transparent; color: #ea932c; font-size: 20px; position: relative; } .btn_show:after { content: ''; display: block; width: 14px; height: 14px; background: url(/Images/neoxiaimg/open_rest_content_icn@2x.png) no-repeat 50% 50% transparent; background-size: 14px; color: #ea932c; float: right; position: absolute; right: 11px; top: 14px; } .btn_show.active:after { background-image: url(/Images/neoxiaimg/close_rest_content_icn@2x.png); } .span_graph span { font-family: 'roboto_regular', arial; font-size: 14px; display: block; float: left; vertical-align: top; width: 45%; color: #969696; } .span_graph span:last-child { width: 10%; } #black { color: #4d4b49; } .risque_header { width: 100%; background-image: url(/Images/neoxiaimg/risques.jpg); text-align: right; height: 200px; padding-top: 30%; font-size: 19px; background-size: cover; background-position: center right; } .risque_body { background: #fff; } .risque_tirades { padding: 25px 25px 0px 25px; } .risque_tirades:last-child { padding-bottom: 25px; } .hc_valeur { margin-top: 25px; display: inline-block; -ms-transform: rotate(30deg); /* IE 9 */ -webkit-transform: rotate(30deg); /* Chrome, Safari, Opera */ transform: rotate(30deg); } #valeurs_chart .highcharts-axis-labels > span { overflow: visible !important; } /* ========================================================================== End_cours_devises/valeurs LOT 3 ========================================================================== */ /* ========================================================================== START_PAGE_SIMULATEUR LOT 3 ========================================================================== */ .content_simulateur { background-color: #ffffff; padding: 35px 40px; } .simulateur_last_p { padding-top: 60px; padding-bottom: 10px; text-align: center; } .content_simulateur h3 { font-weight: normal; font-size: 19px; color: #e99429; display: inline-block; font-family: 'roboto_regular', arial; padding-left: 20px; } .simulateur_img { font-size: 25px; text-align: center; background-size: cover; background-color: #f8f9fb; color: #854e56; background-image: url(/Images/neoxiaimg/Simulateur.jpg); font-family: 'roboto_regular', arial; height: 304px; letter-spacing: 2px; padding-top: 10%; background-position: center right; } /* ========================================================================== END_PAGE_SIMULATEUR LOT 3 ========================================================================== */ /* ========================================================================== START_PAGE_AIDE LOT 3 =========================================================================== */ .telecom_img { font-size: 25px; text-align: center; background-size: cover; background-color: #f8f9fb; color: #854e56; background-image: url(/Images/neoxiaimg/assistance_telephonique.jpg); font-family: 'roboto_regular', arial; height: 304px; letter-spacing: 2px; padding-top: 10%; background-position: center right; } .contact_img { background-image: url(/Images/neoxiaimg/bandeau_contactez-nous.jpg) !important; } .telecom_img span { font-size: 26px; text-transform: uppercase; display: block; width: 50%; } .telecom_img p { width: 50%; } .p_size { font-size: 12px; padding-top: 15px; } .telecom_inter { display: table; overflow: hidden; width: 100%; background-color: #ffffff; } .telecom_inter li { display: table-cell; ; float: left; border-right: 1px solid #f2f1f2; border-bottom: 1px solid #f2f1f2; width: 25%; text-align: center; padding: 30px 20px; } .telecom_inter li span { text-align: right; vertical-align: middle; padding-right: 15px; width: 35%; float: left; } .tel_num { color: #4d4b49; font-size: 20px; text-align: left !important; white-space: nowrap; } .telecom_pays { color: #999896; font-size: 9px; text-align: left !important; } /* ========================================================================== End_PAGE_AIDE LOT 3 =========================================================================== */ /* ========================================================================== Start_PAGE_AIDE LOT 3 =========================================================================== */ .bot_front_question .left_bot_size { width: 40%; padding: 0; } .bot_front_question .right_bot_size { width: 60%; padding: 100px 25px 0; text-align: left; border: none; } .bot_front_question .right_bot_size h4 { padding-bottom: 25px; } .liste_raduis { padding-bottom: 25px; overflow: hidden; } .bot_front_question .right_bot_size li { display: inline-block; float: left; text-align: center; margin-right: 10px; } .bot_front_question .right_bot_size li span { border-radius: 100%; display: inline-block; height: 50px; width: 50px; border: 2px solid #854e56; } .bot_front_question .right_bot_size li small { display: block; color: #854e56; font-size: 12px; font-family: "roboto_bold" } .block_poket .white { background-color: #fff; } .image_test img { width: 100%; } .pocket_test { padding: 0 !important; } /* ========================================================================== End_PAGE_AIDE LOT 3 =========================================================================== */ /* ========================================================================== START_PAGE_simulateurs LOT 3 =========================================================================== */ /***************** PART DEPOT A TERME *******************/ .depot_terme { padding: 30px 30px 30px 0px; display: table; table-layout: fixed; width: 100%; clear: both; } .depot_lbl_left { display: table-cell; width: 20%; vertical-align: top; padding-right: 20px; padding-left: 40px; } .depot_lbl_left h3 { text-align: left; text-transform: uppercase; color: #854e54; } .depot_ipt_right { display: table-cell; width: 80%; border: 1px solid #e1e1e1; padding: 25px 10px 15px; } .depot_ipt_right_synthese { display: table-cell; width: 80%; border: 1px solid #e1e1e1; padding: 2px 10px 2px; } .depot_input { width: 50%; float: left; } .depot_input .chosen-container { width: 100% !important; } .depot_white_drop { width: 238px; height: 42px; display: inline-block; max-width: 100%; } .depot_lbl_1 { font-family: 'roboto_medium', arial; font-size: 15px; color: #4d4b49; display: inline-block; text-align: center; width: 22%; } .depot_lbl_ipt { font-family: 'roboto_medium', arial; font-size: 15px; color: #4d4b49; display: inline-block; text-align: center; width: 22%; line-height: 1.1; vertical-align: middle; } .depot_montant_ipt { margin-left: 25px; } .input_dp_mt { border: 1px solid #e6e4e3; height: 40px; background-color: #ffffff; padding-left: 20px; width: 55%; height: 35px; } .wdh_12 { width: 12% !important; } .depot_result p { padding: 6px 20px; } .depot_result p small { display: inline-block; float: left; width: 20%; font-size: medium; padding-right: 20px; text-align: left; } .depot_result p span { display: inline-block; float: left; width: 80%; font-weight: 600; font-size: large; color: #4d4c4a; } .motard { color: #ea912b !important; } /***************** PART DEPOT A TERME *******************/ /***************** PART Dproduit D'EPARGNE *******************/ .pdt_epargne_block { display: block; text-align: center; padding-top: 20px; border-bottom: 1px solid #e1e1e1; margin-bottom: 25px; } .pdt_epargne_block .white_dropdown .chosen-container-single .chosen-single { width: 100%; } .seceond_half_bloc .chosen-container-single .chosen-single { width: 100% !important; } .pdt_input { display: block; padding: 10px 0; width: auto !important; } .pdt_lbl_1 { font-family: 'roboto_medium', arial; font-size: 16px; color: #834e56; display: inline-block; text-align: center; width: 18%; vertical-align: middle; text-transform: uppercase; } .pdt_epargne_block .chosen-container { width: 100% !important; } .pdt_epargne { border-bottom: 1px solid #e1e1e1; padding-bottom: 30px; } .pdt_epargne h2 { text-transform: uppercase; padding: 0px 10px 10px; color: #e9932c; display: block; } #age_jouissance { width: 50%; height: 30px; border: 1px solid #e1e1e1; border-radius: 0; background-color: #f7f7f7; } .pdt_epargne_left { float: left; width: 55% } .pdt_epargne_right { float: left; width: 45%; } .pdt_input .chosen-container { background-color: #f7f7f7; } .pdt_bgd { border: 1px solid #e6e4e3; height: 40px; background-color: #f7f7f7; padding-left: 15px; width: 55%; height: 35px; color: #de7b13; } .pdt_result p small { display: inline-block; float: left; width: 35%; font-size: medium; padding-right: 20px; text-align: left; min-width: 150px; } .pdt_result p span { display: inline-block; float: left; width: 50%; font-weight: 600; font-size: 15px; color: #4d4c4a; } .pdt_result p { padding: 6px 20px; } .pdt_lbl_ipt { font-family: 'roboto_medium', arial; font-size: 15px; color: #4d4b49; display: inline-block; text-align: left; width: 35%; line-height: 1.1; vertical-align: middle; } .pl_20 { padding-left: 20px !important; } .prd_cptl_srvc { padding: 30px 50px 35px; } .prd_cptl { float: left; width: 50%; } .prd_cptl h3 { text-transform: uppercase; padding-bottom: 15px; color: #e9932c; display: block; } .prd_cptl_content { border: 1px solid #e1e1e1; padding: 15px 15px 25px; margin-right: 50px; height: 180px; } .prd_cptl_content p { margin-bottom: 15px; color: #874e57; font-weight: 600; padding-left: 15px; } .prd_cptl_info { text-align: center; padding-left: 50px; line-height: 2; } .prd_cptl_info small { display: inline-block; float: left; width: 50%; font-size: 15px; padding-right: 20px; font-weight: 600; text-align: left; } .prd_cptl_info span { display: inline-block; float: left; text-align: left; width: 50%; font-weight: 600; font-size: 15px; color: #4d4c4a; } .prd_srvc_content { border: 1px solid #e1e1e1; padding: 15px 15px 25px; } .prd_srvc_content p { margin-bottom: 15px; color: #874e57; font-weight: 600; padding-left: 15px; } .prd_cotisation { width: 100% !important; } .cotis_lbl_1 { font-family: 'roboto_medium', arial; font-size: 15px; color: #4d4b49; display: inline-block; text-align: left; vertical-align: middle; width: 11%; } .prd_cotisation .chosen-container { width: 100% !important; background-color: #f7f7f7; } .dt_depot_prd { width: 55%; border: 1px solid #e1e1e1; border-radius: 0; background-color: #f7f7f7; } .prd_cotis { margin-left: 17%; border: 1px solid #e1e1e1; padding: 30px 60px; } .prd_cptl_cotis h3 { text-transform: uppercase; padding-bottom: 15px; color: #e9932c; display: block; } .input_cotis { width: 35%; } .fw_900 { font-weight: 900 !important; } .mention_legal_content { padding: 10px; } .mention_style { margin-bottom: 25px; } .mention_style h3 { color: #854d56; font-weight: 600; padding-bottom: 5px; } .mention_style p { padding-left: 15px; } .dasboard_head .grey_dropdown { width: 300px; } /***************** PART Dproduit D'EPARGNE *******************/ /* ========================================================================== End_PAGE_simulateurs LOT 3 =========================================================================== */ /************************************************** IE *****************************************************/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .zibra_table td.select-checkbox:before { margin-left: 43%; } .zibra_table tr.selected td.radio-checkbox::after { padding-top: 18px; } .zibra_table td.radio-checkbox::before { margin-left: 39%; position: relative; } .zibra_table tr.selected td.select-checkbox::after { margin-top: 3px; } .description_filter { top: 30px; } } /* ========================================================================== Modif bp ========================================================================== */ .txt-right { text-align: right } .color_global_bp { color: #ea932c !important; } /* * abonnement.html */ .margin_dropdown { margin-left: 17px; } .span_gsm { font-family: 'roboto_medium', arial; font-size: 15px; color: #4d4b49; font-weight: normal; display: inline-block; line-height: 1.1; } .cpt_span_width { width: 174px !important; } .right-aligh { text-align: right !important; } /* * transfert-favoris.html */ .mt-size { width: 50% !important; } .fav-lb-marge-left { margin-left: -2px; } .txt_libelle { width: 20% !important; } .mtn-tr-favouris-input { margin-left: 2px; } .mtn-tr-favouris-input2 { margin-left: 1px; } .libelle_marge { margin-left: -7px; } .empty_blocs { padding-top: 34px; padding-bottom: 25px; } .showMe { display: none } /* * recharges.html */ .ajout-mes-pf-padding { padding-top: 20px; padding-bottom: 10px; } /* * virements.html */ .vir-libelle-width { width: 308px !important; } .transfer_cords .simple_field { width: 79% !important; } .transfer_cords > div > label { width: 150px !important; } #label1 { width: auto !important; margin-right: 5px; } /* * mis_dispostion.html */ .lib-md-width { width: 67% !important; } .widh-md-validate { width: 79% !important; } .check_mise { margin-left: -79px; } .big_btns { width: 300px } .steps { padding: 0px 63px 30px 0px } .steps_content { padding: 10px 60px } .margin-recharge-div { margin-top: 32px !important; } .margin_bottom_10 { margin-bottom: 10px; } .margin-recharge-div2 { width: 40%; float: left; margin-top: 31px; } .input-facture-width { width: 75% !important; } .step_title { font-family: 'roboto_regular', arial; font-weight: bold; font-size: 15px; color: #e8932d; width: 65px; display: inline-block; float: left; white-space: nowrap; } .step_value { font-family: 'roboto_regular', arial; color: #4d4b49; font-size: 15px; margin-left: 70px; } .step_value p { font-weight: bold; } .step_link { color: #e8932d; font-size: 15px; text-decoration: underline; font-weight: bold; } .steps_heading { font-size: 18px; display: block; color: #854e56; font-family: 'roboto_medium', arial; text-transform: uppercase; padding: 10px 0px 20px 0px; } .step_line { width: 91%; margin: 25px auto; } .step_notif { font-size: 15px; color: #4d4b49; padding-left: 60px; } .steps_grid .espace_confirmer_sms .info_txt a { color: #ea932c; font-weight: bold; } .attestation_section { max-width: 600px; width: 100%; margin: 0 auto; font-family: arial !important; background: #fff; color: #000; padding: 25px; padding-bottom: 20%; } .attestation_content { font-size: 12px; text-align: justify; line-height: 2; } .attestation_table { border-collapse: collapse; width: 51%; margin-right: 10px; } .attestation_table td, .attestation_second__table td { border: 1px solid black; padding: 10px; font-size: 12px; } .attestation_table tbody tr:first-child td, .attestation_second__table tbody tr:first-child td { height: 40px; } .left_margins { margin-left: 10px } .attestation_bottom { position: absolute; bottom: 10px; font-size: 9px; text-align: justify; left: 9px; right: 9px; } .attestation_tr_height { height: 37px; } /* ========================================================================== Fin css bp ========================================================================== */ /* ========================================================================== ajouter neoxia ========================================================================== */ .transfer_operation .ajouter_beneficiaire { margin-top: 20px; } .ajouter_beneficiaire_account { width: 100%; text-align: center; margin-bottom: 20px; } .msg_error { float: left; width: 100%; text-align: left; text-transform: inherit; color: #a94442; } .msg_error ul { padding-top: 10px; } .msg_error li { margin-bottom: 5px; list-style-type: disc; margin-left: 30px; line-height: 17px; } .acount_nom { font-family: 'roboto_medium', arial; font-size: 15px; padding-top: 7px; display: block; } .compte_account { padding-top: 0 !important; } .compte_account .account_name { font-family: 'roboto_medium', arial; font-size: 14px; display: block; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .compte_account .account_num { font-family: 'roboto_regular', arial; font-size: 14px; line-height: 14px; display: block; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } body.modal-open { overflow: hidden; } body.tuto-open { overflow: hidden; } /*FAQ*/ .white_global_info { display: table; width: 100%; padding: 10px 0 10px 0; } .white_info_detail { padding: 15px; background: #fff; } .faq_header { /*padding-left: 20%;*/ text-align: left; margin-bottom: 10px; } .faq_second_header { padding-left: 50px; padding-top: 30px; } .block_front_question .faq_second_header { font-family: 'roboto_medium', Arial; color: #5d5c5a; font-size: 20px; padding-top: 20px; padding-left: 22px; margin-bottom: 20px; text-transform: uppercase; font-weight: normal; } .block_front_question .faq_list { width: 100%; padding-top: 0; margin-bottom: 30px; padding-bottom: 0; } .block_front_question .accordion_title { font-family: 'roboto_regular', arial; font-weight: normal; font-size: 15px; color: #4c4b49; text-transform: uppercase; } .block_front_question .questionsSearch_area { margin-bottom: 30px; } .faq_search_zone { width: 497px; height: 47px; border: 1px solid #e6e4e3; border-right: 0; padding-left: 10px; } .search_zone { padding: 15px 0px 20px 0px; } .faq_list_header { color: #854e56; font-size: 16px; font-family: 'roboto_medium', arial; } .faq_liste_tirade > li { color: #4d4b49; font-size: 14px; padding: 3px; } .faq_liste_tirade_level2 { line-height: 0.5; padding-top: 5px; } .faq_body { background: #e6e4e3; } .faq_list { width: 90%; margin: 0 auto; padding: 20px 0px; } .faq_list li { background: #fff; margin-bottom: 10px; } .faq > li { padding: 0; } .faq_liste_tirade span { font-weight: bold; } .block_front_question_wrapper { width: 95%; max-width: 1080px; margin: 0 auto; } .questionsSearch_area { display: table; width: 100%; table-layout: fixed; } .questionsSearch_area > div { display: table-cell; vertical-align: top; } .questionSubmit_btn { width: 56px; } .faq_img_btn_home { height: 56px; width: 56px; text-align: center; display: inline-block; padding: 10px; } .front_contact_area { margin: 0 -12px; } .front_contact_list { display: table; width: 100%; border-collapse: separate; border-spacing: 12px; padding-top: 16px; } .front_contact_list > a { display: table-cell; width: 25%; border: 1px solid #dbd0d1; background: #fff; height: 115px; text-align: center; vertical-align: top; padding: 25px 10px 10px 10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .front_contact_list > a:hover { background: #ea932c; } .front_contact_list > a .img_bot_home { display: inline-block; min-height: 34px; margin-bottom: 5px; } .front_contact_list > a .contact_text { font-family: 'roboto_medium', arial; font-size: 17px; color: #ea932c; text-transform: uppercase; display: block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .front_contact_list > a:hover .contact_text { color: #fff; } .contact_text { font-family: 'roboto_light'; color: #ea932c; font-size: 17px; text-transform: uppercase; display: block; } /* View Sécurité */ .security_header { padding-left: 50px; } .risk_header { padding-left: 50px; padding-top: 30px; } /* ========================================================================== modifi merouane ========================================================================== */ /* * abonnement.html */ .margin_dropdown { margin-left: 17px; } .span_gsm { font-family: 'roboto_medium', arial; font-size: 15px; color: #4d4b49; font-weight: normal; display: inline-block; line-height: 1.1; } .cpt_span_width { width: 174px !important; } .right-aligh { text-align: right !important; } table.attestation_second__table, .attestation_table { min-height: 260px; } .descktop_hidden { display: none; } .aside_content .bloc_vir_cas .favori_Secondbloc { width: 100%; } .aside_content .bloc_vir_cas .favori_wrapper { width: 100% !important; } .aside_content .bloc_vir_cas .favori_wrapper input { width: 100% !important; } .bloc_vir_cas .favori_wrapper.float_left { width: 68%; } .bloc_vir_cas .favori_wrapper.float_left input { width: 100%; } /* ========================================================================== page front ========================================================================== */ .slider_front { border-bottom: 1px solid #ddd; visibility: hidden; opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .slider_front.slick-initialized { visibility: visible; opacity: 1; } .with_publicheader.page_front_ad { background: #f7f6f5; height: auto !important; } .slider_front.slick-slider { margin-top: 0; margin-bottom: 0; background: url('/Images/neoxiaimg/public_slider_bg.png') no-repeat center center #fff; background-size: cover; } .slider_front .slid_texte { width: 50%; text-align: center; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } .slider_front .slid_texte .mobile_visu { display: none; margin-bottom: 20px; } .slider_front .slid_texte .mobile_visu img { max-width: 70%; } .slider_front .slick-slide.slick-current > div.slid_texte { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .slider_front .slick-slide > .slid_texte:first-child { text-align: left; padding-left: 96px; } .slider_front .slick-list { height: 100%; } .slider_front .slick-list .slick-track { height: 100%; } .slider_front .slid_right { width: 50%; vertical-align: middle !important; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } .slider_front .slick-slide.slick-current > div.slid_image { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .slider_front .slid_image img { max-width: 75%; } .slider_front .slid_texte h3 { font-family: 'roboto_medium'; font-size: 28px; text-transform: uppercase; color: #4c4b49; line-height: 1.2; margin-bottom: 36px; } .slider_front .slid_texte strong { font-family: 'roboto_bold'; color: #854d56; font-weight: normal; } .slider_front .slid_texte p, .block_poket h4 { font-family: 'roboto_regular'; font-size: 18px; padding-bottom: 46px; line-height: 1.2; } /*.slider_front .slid_texte li{ float: left; }*/ .slider_front .slid_texte ul { } .slider_front .slid_texte li { display: inline-block; *zoom: 1; vertical-align: top; font-size: 16px; color: #999896; font-family: "Roboto Light"; width: 30%; } .slider_front .slid_texte li .offer_icn_area { text-align: center; margin-bottom: 10px; } .slider_front .slid_texte li .offer_icn_area img { max-width: 80px; } .slider_front .slid_texte li span { font-size: 11px; color: #4c4b49; text-transform: uppercase; text-align: center; /*display:block;*/ } .slider_front .slid_texte li:last-child { padding-right: 0px; } .slider_front .slid_image img { padding-top: 23px; } .slider_front .slick-arrow { z-index: 2; width: 28px; height: 67px; visibility: visible; opacity: 1; margin-top: -33px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .slider_front .slick-arrow.slick-disabled { visibility: hidden; opacity: 0; } .slider_front .slick-arrow:hover { background-size: 90%; } .slider_front .slick-next { right: 24px; background: url("/Images/neoxiaimg/public_slider_next@2x.png") no-repeat center center transparent; background-size: 100%; } .slider_front .slick-prev { left: 24px; background: url("/Images/neoxiaimg/public_slider_prev@2x.png") no-repeat center center transparent; background-size: 100%; } .slider_front .slick-prev:before, .slider_front .slick-next:before { content: ''; } .slider_front .slick-dots li { width: 24px; height: 2px; vertical-align: bottom; } .slider_front .slick-dots li.slick-active { height: 5px; } .slider_front .slick-dots li button { width: 100%; height: 100%; border: none; background: #e6e4e3; border-radius: 0; } .slider_front .slick-dots li.slick-active button { background: #854e56; } .slider_front .slick-dots { bottom: 20px; } .slider_front.slick-initialized .slick-slide { display: table; width: 100%; table-layout: fixed; outline: none; } .slider_front .slick-slide > div { display: table-cell; width: 50%; vertical-align: middle; padding: 70px 20px; opacity: 0; visibility: hidden; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -ms-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; } /*** 2eme block ***/ .block_poket { display: table; width: 100%; table-layout: fixed; } .block_poket > div { display: table-cell; width: 50%; vertical-align: middle; padding: 70px 20px; } .pocket_left { background: rgba(229,229,229,1); background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(248,248,248,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(229,229,229,1)), color-stop(100%, rgba(248,248,248,1))); background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(248,248,248,1) 100%); background: -o-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(248,248,248,1) 100%); background: -ms-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(248,248,248,1) 100%); background: linear-gradient(to bottom, rgba(229,229,229,1) 0%, rgba(248,248,248,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f8f8f8', GradientType=0 ); text-align: center; border-right: 1px solid #dddddd; /*-webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); opacity: 1; visibility:visible;*/ } /*.arrived_section .pocket_left{ -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; visibility:visible; }*/ .pocket_left ul { display: inline-block; margin: 0; padding: 0; /* For IE, the outcast */ zoom: 1; *display: inline; } .pocket_left li { float: left; font-size: 16px; color: #999896; padding-right: 34px; } .pocket_left li:last-child { padding-right: 0px; } .pocket_right { background: #f9f9f9; padding-left: 4% !important; } .block_poket h3 { font-family: "roboto_bold"; font-size: 30px; text-transform: uppercase; color: #e3962c; } .block_poket h4 { padding-bottom: 40px; color: #4c4b49; } .block_poket p { font-family: "Roboto_regular"; font-size: 18px; color: #5d5c5a; padding-bottom: 50px; } .block_poket .flat_btn { font-size: 14px; min-height: 55px; } .block_poket .flat_btn:before { line-height: 33px; } .espace_front_deco { float: left; width: 100%; text-align: center; background: url(/Images/neoxiaimg/espace_front_deco_bg.png) no-repeat center center; background-size: cover; padding: 30px 10px; } .espace_front_deco .espace_front_deco_icon { margin-bottom: 8px; } .espace_front_deco h3 { font-size: 26px; color: #fff; font-family: 'roboto_regular', arial; text-align: center; color: #FFFFFF; text-transform: uppercase; font-weight: normal; padding-bottom: 25px; } .white_btn { border: 2px solid #fff; border-radius: 3px; } .espace_front_deco .flat_btn { font-size: 14px; min-height: 55px; border: 1px solid #fff; line-height: 32px; min-width: 230px; } /*****/ .bot_front_question { /*float: left;*/ padding-bottom: 10px; display: block; } .block_front_question { width: 100%; float: left; background: #f9f9f9; padding-top: 50px; padding-bottom: 25px; } .block_front_question .faq_body { background: #f9f9f9; } .block_front_question .block_front_question_icn { margin-bottom: 8px; } .block_front_question h3 { font-size: 26px; font-family: 'roboto_regular', arial; text-align: center; color: #e3962c; text-transform: uppercase; font-weight: normal; margin-bottom: 8px; } .block_front_question h4 { font-size: 20px; color: #4c4b49; font-family: 'roboto_regular', arial; padding-bottom: 45px; } /******/ .left_bot_question { width: 50%; float: left; padding: 0 72px 0px 64px; } .right_bot_question { width: 50%; float: left; padding: 0 72px; border-left: 1px solid #fff; } .left_bot_question form { position: relative; margin-bottom: 30px; } #search_field_home { font-size: 14px; height: 56px; background-color: #fdfdfd; padding-right: 20px; outline: none; font-style: italic; border: none; padding-left: 20px; width: 100%; border: 1px solid #dbd0d1; } .left_bot_question form .search_submit_btn { font-family: 'roboto_medium', arial; font-size: 18px; width: 150px; height: 44px; text-transform: uppercase; color: #fff; background: #854e56; position: absolute; top: 0; right: 0; padding: 8px 15px; } .left_bot_question h6 { font-family: 'roboto_regular', arial; font-size: 16px; color: #854e56; padding-bottom: 17px; text-transform: uppercase; } .left_bot_question input { width: 100%; margin-bottom: 9px; } /***/ .right_bot_question a { font-family: "Roboto_Medium",arial; font-size: 17px; color: #ea932c; border: 1px solid #e99e44; border-radius: 10px; background: #f7f6f5; text-align: center; /* width: 230px;*/ height: 127px; float: left; vertical-align: middle; margin-right: 10px; margin-bottom: 24px; padding-top: 26px; margin-right: 2%; margin-left: 2%; width: 46%; } .right_bot_question a span { width: 100%; float: left; text-transform: uppercase; padding-top: 6px; line-height: 1.1; } .right_bot_question a span.img_bot_home { height: 44px; margin: 0; padding: 0; } .right_bot_question a:hover { background: #e99e44; border: 2px solid #f7f6f5; color: #f7f6f5; font-weight: bold; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .phone_hover, .message_hover, .agence_hover, .aide_hover { display: none } a:hover .phone_hover { display: inline-block; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } a:hover .message_hover { display: inline-block; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } a:hover .agence_hover { display: inline-block; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } a:hover .aide_hover { display: inline-block; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } a:hover .default_img { display: none; } .menu_fixe { height: 100%; position: fixed; float: left; width: 20%; border-right: 1px solid #e1e1e1; background-color: #f7f6f5; } .menu_fixe li { display: block; border-bottom: 1px solid #e6e4e3; } .menu_fixe li:first-child { color: #854e56; font-size: medium; display: block; font-family: 'Numans_regular'; padding: 20px; font-weight: 600; } .menu_fixe li a { display: block; font-family: 'Numans_regular'; color: #4d4b49; padding: 20px; font-weight: 600; } .menu_fixe li a:hover { border-left: 3px solid #ea932c; color: #ea932c; background-color: #ffffff; } .second_content { padding-left: 20%; width: 100%; } .erreur_bg { background: url('/Images/neoxiaimg/epage_erreur_bg.png') no-repeat center 97px; background-color: #e4e4e4; } .purple_download button { font-weight: normal; text-decoration: underline; background: none; border: 0; } .purple_download button.active { text-decoration: none; font-weight: bold; background: none; border: 0; } /*.purple_download button + button{ font-weight: normal; text-decoration: underline; }*/ /* ========================================================================== Page Contact ========================================================================== */ .contact_area { background: #fff; padding: 0 43px; } .contact_bloc { padding: 15px 18px 12px 0px; } .contact_txt { font-size: 16px; font-weight: bold; color: #854e56; text-transform: uppercase; width: 140px; float: left; } .contact_labels { font-family: 'roboto_medium', arial; font-size: 15px; color: #4d4b49; width: 157px; display: inline-block; float: left; line-height: 1.1; } .contact_fields { margin-left: 158px; margin-bottom: 25px; } .contact_small_fields { margin-left: 158px; } .contact_second_small_fields { margin-left: 22%; } .contact_checkboxes:first-child { margin-left: 0px; } .contact_checkboxes { margin-left: 25px; display: inline-block; } .contact_checkboxe_text { font-size: 15px; padding-left: 10px; color: #4d4b49; } .contact_second_label { font-family: 'roboto_medium', arial; font-size: 15px; color: #4d4b49; display: inline-block; text-align: center; width: 22%; float: left; } .contact .white_dropdown { width: 262px !important; max-width: 100%; } .object .white_dropdown { width: 625px !important; max-width: 100%; } .contact_message { border: 1px solid #e6e4e3; background-color: #f7f6f5; padding-left: 20px; width: 100%; height: 117px; } .contact_notif { margin-left: 140px; padding: 25px 0px 0px 0px; } .last_contact_notif { margin-left: 140px; padding: 25px 0px 50px 0px; } .contact_radio { display: inline-block; margin-right: 30px; } .contact_checkbox_txt { font-family: 'roboto_medium', arial; font-size: 15px; padding-left: 40px; display: block; } .contact_checkbox_txt a { color: #ea932c; text-decoration: underline; } .contact_inner_bloc { margin-bottom: 25px; } .small_orange_titles { font-size: 14px; font-weight: bold; color: #ea932c; padding-left: 20px; } /* =========================== Bourse Lot 3.3======================= */ .bourse_list li { margin-bottom: 10px; } .show_more { /*margin-bottom: 10px;*/ } .bourse_title { border-right: 0; width: 100%; min-height: 60px; padding: 15px 26px; color: #fff; display: inline-block; position: relative; background: #4d4b49; padding-right: 60px !important; } .bourse_big_title { font-size: 16px; font-family: 'roboto_bold', arial; } .bourse_valorisation { width: 145px; display: inline-block; margin-right: 5px; vertical-align: middle; } .evolution_picture { display: inline-block; width: 35px; vertical-align: middle; } .vertical_separator { border: 1px solid #f7f6f5; margin-right: 20px; display: inline-block; height: 42px; vertical-align: middle; } .bourse_table { background: #fff; width: 100%; } /*.bourse_table tr:first-child{ border-bottom: 0px; }*/ .bourse_table tr { min-height: 50px; border-bottom: 1px solid #ebebeb; } .bourse_table th { font-weight: normal; background: #f7f6f5; border-right: 1px solid #e7e7e7; font-size: 13px; color: #999896; padding: 10px 0px 8px 20px; } .bourse_table td:first-child { padding: 10px 0px 8px 20px; } .bourse_table td { height: 50px; font-weight: bold; text-transform: uppercase; font-size: 15px; padding-right: 10px; } .flech_latent { margin-right: 15px; padding-left: 5px; } .positive_actions { background: #3dac74; color: #fff; font-weight: normal; font-size: 12px; padding: 5px; border-radius: 5px; width: 60px; display: inline-block; text-align: center; white-space: nowrap; } .negative_actions { background: #da4040; color: #fff; font-weight: normal; font-size: 12px; padding: 5px; border-radius: 5px; width: 60px; display: inline-block; text-align: center; white-space: nowrap; } .bourse_title:after { content: ''; position: absolute; right: 0; top: 10px; border-left: 2px solid #e6e4e3; display: block; width: 55px; height: 80%; background: url('/Images/neoxiaimg/voir_moins.png') no-repeat center center transparent; } .bourse_title.active:after { background: url('/Images/neoxiaimg/voir_plus.png') no-repeat center center transparent; } .bourse_detail { width: 100%; max-width: 85%; display: table; margin: 0 auto; padding: 32px 0; } .bourse_detail > li:first-child { /*padding-right: 38px;*/ } .bourse_detail > li { display: table-cell; width: 50%; } .bourse_detail > li li { margin-bottom: 10px; } .bourse_detail > li + li { border-left: 1px solid #cccccc; /* padding-left: 38px;*/ border: 0 !important; } .bourse_detail > li li .txt_lbl { font-family: 'roboto_regular', arial; font-size: 16px; display: inline-block; width: 43%; padding-left: 0; } .bourse_detail .txt_lbl + span { font-family: 'roboto_bold', arial; font-size: 16px; display: inline-block; vertical-align: top; } /*modification nabil*/ .bourse_detail > li span.txt_lbl { width: 240px; } .pieChart { width: 600px; height: 400px; max-width: 100%; margin: 0 auto } .grey_dashboard .grey_dropdown { width: 300px; } .grey_dashboard .grey_dropdown .chosen-container-single .chosen-single { background-color: #fff; } .bourse_solde { font-size: 22px; font-family: 'roboto_regular'; padding-right: 10px; overflow: hidden; } /* =========================== Fin Bourse======================= */ /* ========================================================================== page agence ========================================================================== */ .page_agence .white_global_info { background: #fff; } .filter_agence { padding-left: 15%; padding-right: 15%; margin-top: 20px; float: left; width: 100%; margin-bottom: 40px; } .page_agence .faq_header { padding-left: 15%; padding-right: 15%; } .detail_agence h3 { font-weight: normal; font-size: 19px; color: #df7a15; display: inline-block; font-family: 'roboto_regular', arial; padding-bottom: 20px; padding-top: 30px; } .page_agence .padding_around { /*min-height: 530px;*/ min-height: inherit; } .filter_agence > div { margin-bottom: 11px; width: 100%; float: left; } .filter_agence .label_type { width: 30%; float: left; } .filter_agence .white_dropdown, .choix_service_agence { width: 70%; float: left; } .filter_agence .white_dropdown .chosen-container-single .chosen-single { width: 100%; } /*.filter_agence .chosen-container .chosen-results li.active-result{ color: #fff; }*/ .filter_agence .chosen-container .chosen-results li.result-selected:hover, .filter_agence .chosen-container .chosen-results .active-result:hover, .filter_agence .chosen-container .chosen-results li.highlighted { color: #fff; } .choix_service_agence label { padding-right: 8%; float: left; } /*.choix_service_agence label{ float: right; }*/ /*.choix_service_agence label:last-child{ display: block; text-align: center; float: initial; }*/ .filter_agence button { margin-top: 16px; margin-left: 23px; } /* ========================================================================== google maps ========================================================================== */ .google_maps_agence { visibility: hidden; height: 0; } .tester { height: 0; } #gmap { width: 100%; height: 100px; margin: 0 auto; } #menu { width: 300px; margin: 15px auto; text-align: center; } #menu span.loc_link { background: #0f89cf; color: #fff; cursor: pointer; margin-right: 10px; display: inline-block; margin-bottom: 10px; padding: 5px; border-radius: 3px; } #menu span#tool_tip { display: inline-block; margin-top: 10px; } /*draggable*/ .ui-sortable-handle { -ms-touch-action: none; touch-action: none } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .sortable1 { padding-left: 35px !important; } #sortable1, #sortable2 { padding-top: 20px; max-height: 200px; overflow-y: auto; display: block; } .sortable1, .sortable2 { width: 48%; min-height: 20px; list-style-type: none; margin: 0; padding: 35px 0 0 0; float: left; margin-right: 10px; margin-bottom: 25px; } .sortable1 li, .sortable2 li { margin: 0 5px 5px 5px; font-size: 1.2em; cursor: pointer; display: block; padding: 10px 10px 10px 13px; min-height: 42px; border: 2px solid #e6e4e3; border-radius: 5px; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: transparent !important; color: #646466 !important; } .sortable1 li button, .sortable2 li button { display: none; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: transparent !important; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: #646466 !important; } .faq_img_btn { display: none; } .padding_left_10 { padding-left: 10px !important; } /*fin draggable*/ /*START Modif Page_Synthese_Partpub*/ .pub_table { display: table; table-layout: fixed; width: 100%; padding: 20px 0; } .pub_left { display: table-cell; width: 70%; text-align: center; line-height: 1.8; } .pub_left h2 { color: #e8922c; font-size: 20px; font-weight: 100; } .pub_left h3 { color: #4d4d49; text-transform: uppercase; font-size: 20px; font-weight: 600; } .pub_right { display: table-cell; width: 30%; height: 70px; text-align: center; padding: 0 50px 0 10px; } .pub_right button:hover { color: #ffffff; background: url(/Images/neoxiaimg/icon_flesh_right_w.png) 95% center no-repeat #e8922c; } .pub_right button { position: relative; padding: 0 35px 0px 25px; border: 1px solid #e8922c; border-radius: 3px; text-align: left; font-size: 18px; font-weight: 500; width: 250px; line-height: 1.2; background: url(/Images/neoxiaimg/icon_flesh_right.png) 95% center no-repeat #ffffff; color: #e8922c; height: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } /*END Modif Page_Synthese_PartLink*/ /* ==========================================================================/* modif 01/11/2016 */ .child_menu li p { /*n'existe pas dans lot 3*/ padding-top: 3px; width: 80%; color: #e6e4e3; } /*.child_menu li:last-child{ padding-bottom:10px; }*/ .child_menu li > div { border-bottom: 1px solid #4d4b49; padding-bottom: 20px; position: relative; } /* ========================================================================== popin Notification =========================================================================== */ #listes_notifications { /*height: 90%;*/ } #listes_notifications .modal_dialog { width: 800px; max-width: 90%; margin: 80px auto 50px auto; } #listes_notifications .contenu_modal_body { padding: 0px 0px 20px 0; overflow-y: scroll; height: 460px; } #listes_notifications .notefication_close { position: absolute; right: 20px; top: 20px; display: inline-block; width: 15px; height: 19px; background: url('/Images/neoxiaimg/icon/corbeil.png') no-repeat 0 0 transparent; text-decoration: none; border: none; } #listes_notifications li { margin-bottom: 0px; } #listes_notifications li div { border-bottom: 1px solid #bbbfc0; /*padding-bottom: 20px;*/ position: relative; padding: 20px; } #listes_notifications li div > span { font-family: 'roboto_regular', arial; font-size: 14px; color: #babec1; display: block; line-height: 14px; } #listes_notifications li h4 { font-family: 'roboto_bold', arial; font-size: 15px; color: #df7a15; } #listes_notifications li p { font-family: 'roboto_regular', arial; font-size: 15px; color: #4c4b49; line-height: 17px; margin-top: 3px; } .grecaptcha-badge { display: none; } .greydropdown { max-width: 100%; height: 40px; width: 100%; } /* ========================================================================== fin d'ajouter neoxia ========================================================================== */ /* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ /* ========================================================================== popup Actualites (news) =========================================================================== */ .news_popin .modal_news { /*width: 800px; margin: 6% auto 0 auto;*/ width: 610px; margin: 3% auto 0 auto; } .news_slider.slick-initialized.slick-slider.slick-dotted { margin-left: 5px; } .news_popin .tuto_modal_body { padding: 30px 10px 0px 20px; } .news_popin .slick-dotted.slick-slider .slick-slide { /*height: 400px;*/ overflow: auto; } .news_popin .tuto_modal_body.special { padding-top: 0 !important; } .news_popin .tuto_modal_body.special .date { padding: 10px 12px; text-align: right; } .news_popin .news_slider .slick-dots { bottom: -40px; } .news_popin .slick-dotted.slick-slider { margin-bottom: 10px; } .right_popin_actualite { padding: 0px 5px; } .right_popin_actualite .img_left { float: left; margin: 0 30px 20px 0px; } .right_popin_actualite .img_right { float: right; margin: 0 0px 20px 30px; } .img_popin_actu { border: 1px solid #d2d2d2; } .right_popin_actualite p { margin-bottom: 15px; } .right_popin_actualite h4 { font-family: 'roboto_regular', arial; font-size: 15px; color: #df7a15; text-transform: uppercase; margin-bottom: 11px; font-weight: bold; } .right_popin_actualite > span { font-family: 'roboto_regular', arial; font-size: 14px; color: #babec1; display: block; line-height: 14px; } .news_popin .slick-dotted.slick-slider .slick-slide { margin: 0 5px 32px 0px; } .footer_popin_actualite { /*border-top: 1px solid #bbbfc0;*/ padding-top: 10px; text-align: right; position: absolute; bottom: 0px; width: inherit } * { outline: none; } .news_popin_aff { cursor: pointer; } .news_popin_mobile_aff { cursor: pointer; } .divNewsContent { word-wrap: break-word; } /*PAGE NOUS CONTACTER*/ .nc_cp { background-color: #ffffff; } .nc_cp .white_block { margin-bottom: 0; } .ti-p { padding-top: 20px; } .ti-p span { display: block; } .ti-p span a { display: inline-block; margin-right: 2px; color: #ffffff; font-size: 13px; } .ti-p span a.active { text-decoration: underline; } .ti-p span small { color: #ffffff; display: inline-block; font-size: 13px; } .ti-p h3 { font-size: 30px; line-height: 2; text-transform: uppercase; font-weight: normal; } .nc_cp_liste { background-color: #ffffff; } .nc_cp_liste:last-child { margin-bottom: 0; } .nc_cp_tp { display: table; width: 100%; table-layout: fixed; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; position: relative; } .nc_cp_tp:before { content: ''; position: absolute; bottom: 0px; right: 5%; width: 15px; height: 15px; border: 1px solid #eaeaea; background-color: #ffffff; visibility: hidden; transform: rotate(0deg); opacity: 0; border-bottom: none; border-left: none; } .nc_cp_tp.active:before { visibility: visible; transform: rotate(136deg); opacity: 1; bottom: -9px; } .nc_cp_tp > div { display: table-cell; vertical-align: middle; padding: 20px; border-right: 1px solid #eaeaea; overflow-wrap: break-word; word-break: break-all; } .nc_cp_tp > div:last-child { border-right: none; } .nc_cp_tp div.nc_cp_tp_1 { width: 40%; } .nc_cp_tp_6 { width: 16%; text-align: center; padding: 16px !important; } .nc_cp_tp_7 { width: 20%; text-align: center; } .nc_cp_tp_4 { width: 16% !important; } .nc_cp_tp_7 span { border-radius: 300px; background-color: #000; color: white; font-size: 11px; text-transform: uppercase; padding: 5px 17px; } .nc_cp_tp_7 .new { background-color: #73c4da; } .nc_cp_tp_7 .encour { background-color: #e8922b; } .nc_cp_tp_7 .traite { background-color: #00ce66; } .nc_cp_tp_6 label { font-weight: 600; text-transform: uppercase; margin-bottom: 10px; display: block; font-size: 12px; } .row-traite.nc_cp_tp_1 h4 { color: #00ce66; } .row-traite.nc_cp_tp_1 h4:before { content: ""; background: url('/Images/neoxiaimg/icon/sucess.svg')no-repeat; display: inline-block; width: 21px; height: 21px; position: relative; top: 3px; margin-right: 10px; } .nc_cp_tp_1 h4 { font-family: 'numans_regular', arial; font-size: 15px; color: #383736; text-transform: uppercase; font-weight: bold; } .nc_cp_tp_1 span { font-weight: 600; font-size: 13px; display: inline-block; text-transform: uppercase; } .nc_cp_tp_1 small { display: initial; font-size: 13px; } .nc_cp_tp_2 { width: 55%; } .nc_cp_tp > div.nc_cp_tp_3 { width: 12%; display: none; } .nc_cp_tp > div.nc_cp_tp_3 button { cursor: auto; } .nc_cp_tp > div.nc_cp_tp_3.active { display: table-cell; } .nc_cp_tp > div.nc_cp_tp_4.inactive { display: none; } .nc_cp_tp_4 { width: 12%; } .nc_cp_tp_3, .nc_cp_tp_4 { text-align: center; padding: 11px 5px 10px !important; overflow: hidden; position: relative; } .nc_cp_liste { margin-bottom: 10px; } .nc_cp_tp button { background-color: transparent; border: none; line-height: 1.3; } .nc_cp_details { padding: 25px 20px; background-color: #fcfcfc; border-bottom: 1px solid #eaeaea; display: none; } .nc-btn-pact.inactive { display: none; } .nc_cp_details.nc_cp_details p small, .nc_cp_details.nc_cp_details p span { display: block; font-size: 14px; color: #4c4b49; } .nc_cp_details.nc_cp_details p small a, .nc_cp_details.nc_cp_details p span a { color: #ea932c; } .nc_cp_details.nc_cp_details p span { font-weight: bold; } .nc_cp_details.nc_cp_details p small.add { margin-bottom: 5px; } .nc_cp_details.nc_cp_details p small.transform { text-transform: uppercase; } .nc_cp_tp_4 button { height: 100%; } .nc_cp_tp_4.nc-btn-show { position: absolute; top: 0%; right: 0%; height: 100%; width: 100%; visibility: visible; opacity: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .nc-btn-show.active { visibility: hidden; opacity: 0; top: -50%; } .nc-btn-hide { position: absolute; top: 150%; right: 0%; height: 100%; width: 100%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .nc-btn-hide.active { top: 0%; opacity: 1; visibility: visible; } .nc_cp_tp_3 button span, .nc_cp_tp_4 button span { display: block; font-size: 13px; text-transform: uppercase; } .nc_cp_tp_3 button img { margin-bottom: 16px; } .nc_cp_tp_4 button img { margin-bottom: 3px; } .nc_cp_vp { padding: 30px 20px; text-align: center; } .nc_cp_vp button { background-color: #854e56; border: 2px solid #854e56; font-family: 'roboto_medium', arial; font-size: 17px; color: #ffffff; padding: 0; text-transform: uppercase; display: inline-block; position: relative; vertical-align: top; overflow: hidden; padding: 0px 30px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .nc_cp_vp button:before { content: attr(data-text); position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; color: #854e56; background-color: #fff; white-space: nowrap; -webkit-transform: translate(-9%, 100%); -ms-transform: translate(-9%, 100%); transform: translate(-9%, 100%); opacity: 0.3; -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); padding: 10px 20px; } .nc_cp_vp button span { display: block; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); padding: 10px 20px; } .nc_cp_vp button:hover { background-position: 94% center; } .nc_cp_vp button:hover:before { opacity: 1; -webkit-transform: translate(-9%, 30%); -ms-transform: translate(-9%, 30%); transform: translate(-9%, 30%); } .nc_cp_vp button:hover span { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } .nc_cp_tp > div.nc_cp_tp_5 { display: none; } .showInIpad { display: none; } .nc_voir_historique { color: #e8932d; font-size: 14px; text-decoration: underline; font-weight: bold; background-color: white; vertical-align: middle; height: inherit; position: absolute; padding: 10px 20px; } /*PAGE NOUS CONTACTER*/ .width_800 { width: 800px !important; } .width_100 { width: 100%; } .contact_inner_bloc .contact_labels { padding-top: 5px; } .service_accordion_title { color: #854e56; font-weight: bold; font-size: 15px; text-transform: uppercase; } .services_list.faq_list.auto_width { width: auto; } .confirmation_modal_body.service_param { padding-top: 0px; } .right0 { right: 0px; } .Unvisible { visibility: hidden; } #bientot_disponible .mCSB_container, #tuto_carousel .mCSB_container, #editer_favoris .mCSB_container, #mention_legal .mCSB_container { top: -23px !important; } .codeOperationField { display: block; } .orange_group .chosen-container { width: 100% !important; background-color: #f7f6f5; } .white_dropdown .chosen-container { width: 100% !important; background-color: #f7f6f5; } .favoris_vers .chosen-container { width: auto !important; background-color: #f7f6f5; } .configuration_wrapper .chosen-container-single .chosen-single { border: 1px solid #e6e6e6; background-image: none; border-radius: 0; color: #292929; font-size: 13px; line-height: 39px; box-shadow: none; height: 42px; max-width: 100%; } .transfercashfavoris .chosen-container { width: 50% !important; } .transfercashfavoris .form_bloc .white_dropdown { width: 100%; } .transfer_cords .white_dropdown { width: 330px; } .transfer_cords .white_dropdown .chosen-container { width: 93% !important; } .white_dropdown .chosen-container-single .chosen-single { width: 100%; } .transfercashfavoris .simple_field { width: 50%; } .transfercashfavoris .datePicker_Style { width: 50% !important; } .floatright { float: right !important; } @media only screen and (max-width : 800px) { .pages_options_btns_container, .floated_links_container, .raccourcis { display: none; } } @media only screen and (max-width : 1024px) { .favori_control_block .favori_Secondbloc, .favori_control_block .favori_Secondbloc_1 { width: 100%; margin-top: 20px; } .situation_credit_infos { width: 100%; padding-left: 0; } .white_dropdown.merchand_block_area .chosen-container .chosen-drop { width: 77%; } /*Lot 2 à ajouter ==============================================================*/ .centred_mobile, .compte_contrat { padding: 35px 7%; } .compte_contrat .abonnement_fields { margin-left: 0px; } .undisplayed_td { display: none; } /***** BP ******/ .input-facture-width2 { width: 100% !important; } .operateur .white_dropdown, .ville .white_dropdown, .agence .white_dropdown { width: 263px !important; } .right_bot_question { padding: 0 5px; } .banc_detail .txt_lbl { width: 42%; } .banc_detail .txt_lbl + span { width: 56%; } .right_bot_question a { margin-right: 2%; margin-left: 2%; width: 46%; } /*LOT 3*/ .first_bar h4 { display: block; padding-bottom: 30px; } .part_devise .first_bar .white_dropdown { width: 210px !important; } .first_bar { padding: 25px 15px; } /********* page_simulateurs_LOT 3 ******/ /************ part_depot *******/ .depot_terme { padding: 20px 30px; display: block; width: 100%; } .depot_white_drop { width: 75%; } .depot_lbl_left { width: 20%; vertical-align: top; padding-left: 15px; float: left; } .depot_ipt_right { margin-bottom: 25px; float: left; width: 80%; border: 1px solid #e1e1e1; padding: 25px 10px 15px; } .input_dp_mt { width: 60%; } .depot_input { display: block; margin-right: 10px; margin-bottom: 20px; } .depot_result p small { width: 35%; } .depot_result p span { width: 65%; } /************ part_epargne *******/ .pdt_lbl_1 { width: 25%; } .pdt_lbl_ipt { font-size: 13px; width: 100%; } .pdt_lbl_ipt #infos_icn { float: none; } .pdt_bgd { width: 50%; } .pdt_result p { padding: 5px 20px; } .pdt_result p small { width: 60%; font-size: 14px; } .pdt_result p span { width: 40%; font-size: 13px; } .pdt_epargne_right { width: 40%; padding-top: 10px; } .prd_cptl_content { margin-right: 25px; } .prd_cptl_info { padding-left: 0; } .prd_cptl_info small { width: 55%; font-size: 13px; } .prd_cptl_info span { width: 45%; font-size: 13px; } .prd_cptl_content p { padding-left: 0; } .prd_srvc_content p { padding-left: 0; } .prd_cptl_srvc { padding: 30px 25px 35px; } .cotis_lbl_1 { width: 17%; } .contact_txt { display: inline-block; margin-bottom: 10px; float: none; text-align: left; margin-top: 10px; } .contact_labels, .contact_second_label { width: 100%; margin-bottom: 15px; line-height: 0; float: none; } .contact_second_label { text-align: left !important; } .contact_fields, .contact_small_fields, .contact_second_small_fields, .contact_notif, .last_contact_notif { margin: 0 !important; } .contact_checkboxes { display: block; margin-left: 10px !important; margin-bottom: 30px; } .half_bloc, .seceond_half_bloc { width: 45%; } .telecom_inter li { width: 50%; } .filter_agence .white_dropdown, .choix_service_agence { width: 70% !important; } .filter_agence, .page_agence .faq_header { padding-left: 8%; padding-right: 8%; } .sortable1 li button, .sortable2 li button { display: block; padding-left: 12px !important; } .carte_icone { display: none; } .page_agence .resume_forMobile .panel button { float: right; } #simulatorTablePratic { display: none; } /*Modif_synthese_Link*/ .pub_table { display: block; table-layout: auto; width: 100%; padding: 25px 0; } .pub_left { display: block; width: 100%; margin-bottom: 20px; } .pub_right { display: block; width: 100%; padding: 0; } #bourse_last_operation tr td { padding: 8px 5px; font-size: 12px; } .zibra_table tr td.td_2 { padding: 0px; } /*Modif_synthese_Link*/ .dasboard_head .grey_dropdown { width: 180px; } .table_with_left_bars tr.accordion_tr_dashbord td span, .table_with_left_bars tr.accordion_tr_dashbord td strong { display: block; } /* Modification nabil pour bourse */ .bourse_detail > li .txt_lbl { display: table-cell; width: 250px; } .bourse_detail .txt_lbl + span { padding-left: 50px; } /*====================================================================================*/ } /* Tablets and big mobiles----------- */ @media only screen and (max-width : 800px) { .content_simulateur { padding: 35px 15px; } .security_header { padding-left: 26px; } .risk_header { padding-left: 26px; padding-top: 30px; } .descktop_hidden { display: block; } .body_content { padding-top: 46px; } .fontsize17 { font-size: 17px !important; } .fontsize22 { font-size: 22px !important; } .global_container { padding-left: 0; padding-top: 45px; } #other { display: block; } #sendByEmail { display: block; } #sendByEmail a { padding-left: 10px; padding-right: 10px; } #download { display: block; } #download a { padding-left: 10px; padding-right: 10px; } #printIt { display: block; } #printIt a { padding-left: 10px; padding-right: 10px; } #operation { /*display: none;*/ } .sidebar_menu { display: none; } .option_list { display: none !important; } .download_links { display: none; } .entet_tableau { display: none; } .hideColumns { display: none; } .download_convention_zone { display: table-cell !important; } .download_convention_zone .white_download_btn { background-position: center center; padding: 15px 25px; margin-right: 0; } .download_convention_zone .white_download_btn span { display: none; } .mobile_filter_area { display: block; } #myTable tbody thead { display: none; } #myTable tbody tr td:nth-child(2) { display: none; } #myTable tbody tr td:nth-child(4) { display: none; } #myTable tbody tr td:nth-child(5) { display: none; } /*#myTable tbody tr td:nth-child(7){ display: none; }*/ .detail_folder > ul li .txt_lbl { padding-left: 0; } .situation_credit_infos > li li .txt_lbl { padding-left: 0; } .fiche_signaletique { display: block; width: 90%; } .fiche_signaletique > li { display: block; width: 100% !important; } .fiche_signaletique > li:first-child { margin-bottom: 35px; padding-right: 0; } .fiche_signaletique > li + li { border-left: none; padding-left: 0; } .fiche_signaletique > li p .txt_lbl { border-left: none; padding-left: 0; width: 30%; } .fiche_signaletique > li p .txt_lbl + span { width: 65%; } .main_head { height: 45px; } .main_head > div { display: block; height: 45px; } .main_head > div > div { display: block; } #ticket-min { display: block; } #mobile_search { display: block; } .search_area_form .form_autocomplete .autocomplete_search_field { border: 1px solid #fff; background-color: #916067; padding-left: 12px; padding-right: 37px; height: 35px; } .search_area_form .form_autocomplete .search_submit_btn { display: none; } .search_area_form .form_autocomplete .mobile_search_submit_btn { display: block; } .search_area_form { background-color: #854e56; padding: 12px 11px 11px 12px; margin-top: 0px; } .search_area_form .form_autocomplete .autocomplete_search_field { border: 1px solid #fff; background-color: #916067; padding-left: 12px; padding-right: 37px; height: 35px; } .search_area { background-color: #854e56; padding: 12px 11px 11px 12px; margin-top: 0px; } .search_area form #search_field { border: 1px solid #fff; background-color: #916067; padding-left: 12px; padding-right: 37px; height: 35px; } .search_area form #search_field::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; } .search_area form #search_field::-moz-placeholder { /* Firefox 19+ */ color: #fff; } .search_area form #search_field:-ms-input-placeholder { /* IE 10+ */ color: #fff; } .search_area form #search_field:-moz-placeholder { /* Firefox 18- */ color: #fff; } .search_area form .search_submit_btn { display: none; } .form_autocomplete form .mobile_search_submit_btn { display: block; } .main_head .logo_area { padding-left: 0; text-align: center; padding-top: 11px; } .main_head .logo_area img { max-width: 170px; } .purple_profil_info_global { display: block; padding-left: 10px; padding-right: 10px; height: auto; } .profil_info_detail { display: block; width: 100%; } .zone_profile_contract .profil_info_detail { display: table-cell; } .compte_info_txt { max-width: none; } .breadcrumb { display: none; } .conseiller_info { display: block; width: 100%; } .conseiller_info.capital_area { display: none; } .conseiller_info > div { padding-left: 0; padding-right: 5px; /*modifier lot 3*/ border-left: none; } .shart_show_btn { display: block; } .conseiller_info_txt .lbl_txt { display: inline-block; *zoom: 1; width: 140px; float: left; } .conseiller_solde span:first-child { margin-top: 2px; } .conseiller_previsionnel span:first-child { margin-top: 2px; } .conseiller_solde { font-size: 15px; overflow: hidden; } .solde { font-size: 17px; float: right; } .total_cotisation { float: right; font-size: 17px; } .lbl_cotisation { font-size: 17px; } .conseiller_info_txt br { display: none; } .conseiller_previsionnel { font-size: 12px; overflow: hidden; } .previsionnel { font-size: 14px; float: right; } .page_title { font-size: 17px; } .page_title span { font-size: 12px; } .combo_style { border-bottom: 1px solid #e6e4e3; padding-bottom: 3px; position: relative; font-size: 15px; margin-bottom: 17px; } .combo_style span { font-size: 12px; } .combo_style .accounts_popin_btn { background: url('/Images/neoxiaimg/arrow@2x.png') no-repeat 50% 50% transparent; background-size: 13px; position: absolute; right: 0; top: 0; margin-left: 0; } .main_menu { padding-left: 10px; } .content_container { padding: 10px; /*height: auto !important;*/ } .hide_inMobile { display: block; } .white_block h2 { font-size: 14px; padding: 11px 16px 8px 10px; display: block; float: none; } .docs_filter_options { float: none; width: 100%; clear: both; padding-bottom: 15px; } .docs_list { text-align: center; } #infos_icn { float: right; } .zibra_table tr .resume_forMobile { display: table-cell; } .back_btn { display: none; } .time_marge_area { float: none !important; width: 100%; border-top: 1px solid #fff; } .time_marge_area select { height: 30px; width: 100%; } .lable_txt { width: 100%; float: none; display: block; margin-bottom: 10px; } .controls_container { margin-left: 0; } .paiment_steps .controls_container { margin-left: 0; float: left; width: 100%; margin-bottom: 20px; } .carnet_container { margin-right: 10px; } .synthese_commande_btn { display: block; } .mobile_btn { display: inline-block; *zoom: 1; } .mobile_td, .type_cart_mobile { display: block !important; height: auto !important; } .expanded_tbody { display: block; } .detail_btn { display: block; } .modal_footer { padding: 18px 10px 18px 10px; } .modal_footer button { margin-bottom: 20px; } .modal_footer button:last-child { margin-bottom: 0; } .synthese_btn { display: none; } .responsive_purple_titles { margin-left: 0; color: #854e56; } /* Public pages styles */ .with_publicheader { padding-top: 46px; } .small_top_header { display: none; } .public_humberger_container { width: 40px; } .public_main_head { height: 45px; } .public_logo_container { padding-left: 0; text-align: center; } .public_logo_container img { max-width: 150px; } #public_humberger { text-align: center; /* margin-left: 10px; */ padding: 0; font-size: 21px; margin-top: 0px; background: #fff; border: none; width: 40px; height: 100%; } #public_humberger > span { display: inline-block; width: 20px; } #public_humberger .icon-bar { width: 20px; background-color: #e18121; display: block; height: 2px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #public_humberger:hover .icon-bar + .icon-bar { margin-top: 5px; } #public_humberger:hover .icon-bar:nth-child(2) { width: 50%; } #public_humberger:hover .icon-bar:nth-child(3) { width: 76%; } .connect_tabs { display: none; } .mobile_connectbtn_area { display: table-cell; } /* Page factures */ .merchand_block_area .white_dropdown, #select_merchand, #select_service, .select_merchand, .favori_wrapper input, .configuration_wrapper input { width: 100%; } .merchand_block_area .white_dropdown, #select_merchand, .select_abonnement, #select_ville, .favori_wrapper input, .configuration_wrapper input, .merchand_block_area .form_bloc .white_dropdown { width: 100%; } .merchand_block_area .white_dropdown .chosen-container-single .chosen-single, .merchand_block_area .chosen-container { width: 100% !important; } .controls_container.merchand_block_area { display: inline-block; width: 100%; } .merchand_block_area .white_dropdown:last-child { float: left; } .merchand_block_area .white_dropdown .chosen-container-single { margin-bottom: 70px; } .configuration_lbl_txt, .favori_lbl_txt { width: 100%; margin-bottom: 8px; } .favoris_etape_wrapper { width: 100%; } .situation_credit_infos { padding-left: 37px; } .situation_credit_infos > li { width: 100%; display: block; } .situation_credit_infos > li + li { width: 100%; display: block; padding-left: 0; border: 0 } .simple_table { display: none } .responsive_plafond_table { display: table; table-layout: fixed; } .responsive_plafond_table .pl23 { width: 15%; } .plafond-heading { padding-bottom: 10px; padding-top: 5px; color: #854e56; text-transform: uppercase; display: inline-block; vertical-align: middle; font-weight: bold; font-size: 13px; } .plafond_titles { font-family: 'roboto_regular', arial; font-size: 14px; display: block; vertical-align: top; width: 50%; color: #969696; } .plafond_numbers { display: inline-block; width: 100%; text-align: right } .plafond-td { padding-top: 35px !important; } .amortissement_section { display: none; } .accounts_check_list label .txt_info { display: block; } .num_compte { padding-left: 35px } .carte_notification { padding-left: 37px; display: block; } .half_size { width: 100%; } .mdp_field { padding-left: 0; margin-left: 0; } .mdp_notif, .error_red_message, .error_green_message { padding-left: 0; } /* facture mode de paiement */ .zibra_table tr.selected td.select-checkbox:after { left: 52%; top: 38%; /*Lot 2 à modifier*/ } .zibra_table tr.selected td.radio-checkbox:after { left: 49%; top: 49%; /*Lot 2 à modifier*/ } /*Lot 2 à ajouter cette parte ========================================*/ .lien_imprime { display: none; } .step_paiment_precedent { margin-bottom: 10px; } .total_final td, .total_final td.resume_forMobile, .total_final td.resume_forMobile > div span { color: #fff; } #ajouter_favoris .favori_Secondbloc .favori_lbl_txt, #editer_favoris .favori_Secondbloc .favori_lbl_txt, #ajouter_favoris .favori_Secondbloc_1 .favori_lbl_txt, #editer_favoris .favori_Secondbloc_1 .favori_lbl_txt { width: 100%; } #ajouter_favoris .favoris_etape_wrapper, #editer_favoris .favoris_etape_wrapper { margin-bottom: 10px; } #list_beneficiaire a.menu_action { text-decoration: underline; margin-left: 5px; } #changer_motdepasse_profil .lable_txt { width: 100%; padding-left: 0%; } #changer_motdepasse_profil p > span { margin-left: 0; } .undisplayed_td { display: block; } .showHideBloc { display: none } .table_devise table { display: block; width: 100% } .slider_front .slid_texte { width: 100%; } .slider_front .slid_image { width: 100%; } .pocket_left { width: 100%; padding: 61px 0; } /*.pocket_left, .pocket_right{ background: #e5e4e2; width: 100%; padding: 0px 10px 0 10px; min-height: 344px; }*/ .pocket_right p.mobile_download_btns { text-align: center; } .left_bot_question { width: 100%; padding: 10px; } .right_bot_question { width: 100%; border-left: none; } .slider_front .slid_texte li { padding-right: 28px; } .slider_front .slid_image img { padding-bottom: 50px; } /*.slider_front .slid_texte h3{ width: 90%; }*/ /*.block_poket h3 { padding-top: 64px; } .block_poket h4 { padding-bottom: 50px; } .block_poket .pocket_right h4 { padding-bottom: 20px; }*/ .right_bot_question { padding: 0; } .merchand_block_area .white_dropdown, #select_merchand, .select_abonnement, #select_ville, .favori_wrapper input, .configuration_wrapper input { width: 100%; } .mnt_comtes { vertical-align: top !important; } .contact_radio { /*margin-right: 20px;*/ margin-right: 7px; width: 28%; } #select_ville, #select_object_contact, #select_agence { width: 100%; } .page_agence .resume_forMobile .panel button { /*float: right;*/ } .filter_agence .label_type { width: 100%; } .filter_agence .white_dropdown, .choix_service_agence { width: 95% !important; } .page_agence .resume_forMobile .panel p { width: 100%; } .page_agence .resume_forMobile .panel button img { float: left; margin-right: 8px; } .page_agence .resume_forMobile .panel button span { float: left; width: auto !important; color: #ea932c; } .filter_agence { padding-left: 20%; } .filter_agence > div { text-align: center; } .filter_agence, .page_agence .faq_header { padding-left: 15%; padding-right: 15%; } .zibra_table > tbody > tr:nth-child(even) .resume_forMobile { background: #f2f2f2; } .actions_btn { padding-left: 0px; } .last_contact_notif { padding: 25px 0px 20px 0px; } .contact_inner_bloc { margin-bottom: 0px; } .risque_tirades { padding: 0px 25px 0px 25px; } .faq_list_header { display: block; margin-bottom: 10px !important; } .no_mobile_padding { padding: 0 !important; } .bloc_for_mobile { text-align: center !important; } .bloc_for_mobile > h4 { text-align: left !important; } .grey_dashboard .grey_dropdown { float: left !important; } .personnaliser_checkbox { text-align: center; } .bourse_detail { max-width: 100%; } .displayed_inline_faq { display: block; } .grey_dashboard .grey_dropdown, #bourse_portefeuille { width: 100%; } .bourse_val { /*float: right;*/ } #choisissez_region, #choisissez_localite { width: 100%; } .contact_notif { padding-left: 10px; padding-right: 10px; } .search_area_form .form_autocomplete { width: 100%; margin: 0; } .search_area form { width: 100%; margin: 0; } .depot_result p { padding: 6px 0px; } .slider_front .slick-next, .slider_front .slick-prev { display: none; } .width_13 { width: auto; } .beneficiaires_liste { margin-bottom: 0px !important; } .pdt_input { padding: 10px; } .nomargin_bottom { margin-bottom: 0px !important; } .half_bloc.pdt_input input { width: 80%; } .zibra_table tr td.td_2 { padding: 2px; } /*===================================================================*/ } @media only screen and (max-width : 768px) { /*Page public*/ /*Slider*/ .slider_front { height: auto !important; } .slider_front.slick-initialized .slick-slide { display: block; } .slider_front .slick-slide > div { display: block; width: 100%; padding: 40px 20px; } .slider_front .slid_texte .mobile_visu { display: block; } .slider_front .slick-slide > div.slid_image { padding: 0 20px; display: none; } .slider_front .slick-slide > div.slid_image img { max-width: 50%; } .slider_front .slick-slide > .slid_texte:first-child { padding-left: 20px; text-align: center; } .slider_front .slid_texte h3 { margin-bottom: 18px; } .slider_front .slid_texte p, .block_poket h4 { padding-bottom: 22px; } .slider_front .slid_texte p:last-child { padding-bottom: 0; } .slider_front .slid_texte ul { margin-bottom: 65px; } /*Espace client*/ .espace_front_deco h3 { font-size: 24px; } /*Pocket*/ .block_poket h3 { font-size: 25px; } .block_front_question .faq_second_header .block_poket p { font-size: 16px; padding-bottom: 30px; } .pocket_right p.mobile_download_btns { padding-bottom: 0; text-align: left; } .block_front_question h3 { font-size: 24px; } .block_front_question h4 { font-size: 18px; } table.attestation_second__table, .attestation_table { width: 100%; } table.attestation_second__table tr td, .attestation_table tr td { width: 50%; } .table_devise table { display: block; width: 100%; } .second_content { padding-left: 0; } .fontsize17 { font-size: 17px !important; } .fontsize22 { font-size: 22px !important; } .global_container { padding-left: 0; padding-top: 45px; } #other { display: block; } #sendByEmail { display: block; } #sendByEmail a { padding-left: 10px; padding-right: 10px; } #download { display: block; } #download a { padding-left: 10px; padding-right: 10px; } #printIt { display: block; } #printIt a { padding-left: 10px; padding-right: 10px; } #operation { /*display: none;*/ } .sidebar_menu { display: none; } .option_list { display: none !important; } .download_links { display: none; } .entet_tableau { display: none; } .hideColumns { display: none; } .mobile_filter_area { display: block; } #myTable tbody thead { display: none; } #myTable tbody tr td:nth-child(2) { display: none; } #myTable tbody tr td:nth-child(4) { display: none; } #myTable tbody tr td:nth-child(5) { display: none; } /*#myTable tbody tr td:nth-child(7){ display: none; }*/ .detail_folder > ul li .txt_lbl { padding-left: 0; } .situation_credit_infos > li li .txt_lbl { padding-left: 0; } .fiche_signaletique { display: block; width: 90%; } .fiche_signaletique > li { display: block; width: 100% !important; } .fiche_signaletique > li:first-child { margin-bottom: 35px; padding-right: 0; } .fiche_signaletique > li + li { border-left: none; padding-left: 0; } .fiche_signaletique > li p .txt_lbl { border-left: none; padding-left: 0; width: 30%; } .fiche_signaletique > li p .txt_lbl + span { width: 65%; } .main_head { height: 45px; } .banc_detail, .apport_capital { display: block; width: 90%; padding: 0; padding-top: 20px; padding-bottom: 15px; } .banc_detail .txt_lbl, .apport_capital .txt_lbl { font-size: 12px; } .banc_detail .txt_lbl + span, .apport_capital .txt_lbl + span { font-size: 12px; } .banc_detail > li, .apport_capital > li { display: block; width: 100% !important; } .banc_detail > li:first-child, .apport_capital > li:first-child { margin-bottom: 35px; padding-right: 0; } .banc_detail > li + li, .apport_capital > li + li { border-left: none; padding-left: 0; } .banc_detail > li p .txt_lbl, .apport_capital > li p .txt_lbl { border-left: none; padding-left: 0; width: 48%; } .banc_detail > li p .txt_lbl + span, .apport_capital > li p .txt_lbl + span { width: 50%; } .main_head { height: 45px; } .main_head > div { display: block; height: 45px; } .main_head > div > div { display: block; } #ticket-min { display: block; } #mobile_search { display: block; } .search_area_form { background-color: #854e56; padding: 12px 11px 11px 12px; margin-top: 0px; } .search_area_form .form_autocomplete .autocomplete_search_field { border: 1px solid #fff; background-color: #916067; padding-left: 12px; padding-right: 37px; height: 35px; } .search_area { background-color: #854e56; padding: 12px 11px 11px 12px; margin-top: 0px; } .search_area form #search_field { border: 1px solid #fff; background-color: #916067; padding-left: 12px; padding-right: 37px; height: 35px; } .search_area form #search_field { border: 1px solid #fff; background-color: #916067; padding-left: 12px; height: 35px; } .search_area form #search_field::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; } .search_area form #search_field::-moz-placeholder { /* Firefox 19+ */ color: #fff; } .search_area form #search_field:-ms-input-placeholder { /* IE 10+ */ color: #fff; } .search_area form #search_field:-moz-placeholder { /* Firefox 18- */ color: #fff; } .search_area form .search_submit_btn { display: none; } .form_autocomplete form .mobile_search_submit_btn { display: block; } .main_head .logo_area { padding-left: 0; text-align: center; padding-top: 5px; } .main_head .logo_area img { max-width: 170px; } .purple_profil_info_global { display: block; padding-left: 10px; padding-right: 10px; height: auto; } .profil_info_detail { display: block; width: 100%; } .compte_info_txt { max-width: none; } .breadcrumb { display: none; } .shart_show_btn { display: block; } .conseiller_info { display: block; width: 100%; margin-bottom: 10px; } .conseiller_info.capital_area { display: none; } .bourse_solde { padding-right: 0px; } .conseiller_info > div { padding-left: 0; padding-right: 0px; border-left: none; } .conseiller_info_txt .lbl_txt { /* modifier lot 3*/ display: inline-block; *zoom: 1; width: 150px; float: left; } .conseiller_solde span:first-child { margin-top: 2px; } .conseiller_previsionnel span:first-child { margin-top: 2px; } .conseiller_solde { font-size: 15px; overflow: hidden; } .solde { font-size: 15px; float: right; } .total_cotisation { float: right; font-size: 15px; margin-top: 3px; } .lbl_cotisation { font-size: 15px; } .conseiller_info_txt br { display: none; } .conseiller_previsionnel { font-size: 16px; overflow: hidden; } .previsionnel { font-size: 14px; float: right; } .page_title { font-size: 17px; } .page_title span { font-size: 12px; } .combo_style { border-bottom: 1px solid #e6e4e3; padding-bottom: 3px; position: relative; font-size: 15px; margin-bottom: 17px; } .combo_style span { font-size: 12px; } .combo_style .accounts_popin_btn { background: url('/Images/neoxiaimg/arrow@2x.png') no-repeat 50% 50% transparent; background-size: 13px; position: absolute; right: 0; top: 0; margin-left: 0; } .main_menu { padding-left: 0; /*Lot 2 à modifier*/ } .content_container { padding: 10px; /*height: auto !important;*/ } .disconnected_content, .home_page { height: auto !important; } .hide_inMobile { display: block; } .white_block h2 { font-size: 14px; padding: 11px 16px 8px 10px; display: block; float: left; } .docs_filter_options { float: none; width: 100%; clear: both; padding-bottom: 15px; } .docs_list { text-align: center; } .filter_type_title { text-align: center; } .help_tuto_icn { margin-left: 5px; } #infos_icn { float: right; } .zibra_table tr .resume_forMobile { display: table-cell; } .back_btn { display: none; } .time_marge_area { float: none !important; width: 100%; border-top: 1px solid #fff; } .time_marge_area select { height: 30px; width: 100%; } .lable_txt { width: 100%; float: none; display: block; margin-bottom: 10px; } .controls_container { margin-left: 0; } .carnet_container { margin-right: 10px; } .synthese_commande_btn { display: block; } .mobile_btn { display: inline-block; *zoom: 1; } .mobile_td, .type_cart_mobile { display: block !important; height: auto !important; } .expanded_tbody { display: block; } .detail_btn { display: block; } .modal_footer { padding: 18px 10px 18px 10px; } .modal_footer button { margin-bottom: 20px; } .modal_footer button:last-child { margin-bottom: 0; } .synthese_btn { display: none; } .responsive_purple_titles { margin-left: 0; color: #854e56; } /* Public pages styles */ .with_publicheader { padding-top: 46px; } .small_top_header { display: none; } .public_humberger_container { width: 40px; } .public_main_head { height: 45px; } .public_logo_container { padding-left: 0; text-align: center; } .public_logo_container img { max-width: 175px; } #public_humberger { text-align: center; /* margin-left: 10px; */ padding: 0; font-size: 21px; margin-top: 0px; background: #fff; border: none; width: 40px; height: 100%; } #public_humberger > span { display: inline-block; width: 20px; } #public_humberger .icon-bar { width: 20px; background-color: #e18121; display: block; height: 2px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #public_humberger:hover .icon-bar + .icon-bar { margin-top: 5px; } #public_humberger:hover .icon-bar:nth-child(2) { width: 50%; } #public_humberger:hover .icon-bar:nth-child(3) { width: 76%; } .connect_tabs { display: none; } .mobile_connectbtn_area { display: table-cell; } /* Page factures */ .merchand_block_area .white_dropdown, #select_merchand, #select_service, .favori_wrapper input, .configuration_wrapper input { width: 100%; /*Lot 2 à modifier*/ } .merchand_block_area .white_dropdown .chosen-container-single .chosen-single, .merchand_block_area .chosen-container { width: 100% !important; } .controls_container.merchand_block_area { display: inline-block; width: 100%; } .merchand_block_area .white_dropdown:last-child { float: left; } .merchand_block_area .white_dropdown .chosen-container-single { margin-bottom: 70px; } .configuration_lbl_txt, .favori_lbl_txt { width: 100%; margin-bottom: 8px; } .favoris_etape_wrapper { width: 100%; } .situation_credit_infos { padding-left: 37px; } .situation_credit_infos > li { width: 100%; display: block; } .situation_credit_infos > li + li { width: 100%; display: block; padding-left: 0; border: 0 } .simple_table { display: none } .responsive_plafond_table { display: table; table-layout: fixed; } .responsive_plafond_table .pl23 { width: 15%; } .plafond-heading { padding-bottom: 6px; padding-top: 0px; color: #854e56; text-transform: uppercase; display: inline-block; vertical-align: middle; font-weight: bold; font-size: 13px; } .plafond_titles { font-family: 'roboto_regular', arial; font-size: 14px; display: block; vertical-align: top; width: 50%; color: #969696; } .plafond_numbers { display: inline-block; width: 100%; text-align: right } .plafond-td { padding-top: 35px !important; } .amortissement_section { display: none; } .accounts_check_list label .txt_info { display: block; } .num_compte { padding-left: 35px } .carte_notification { padding-left: 37px; display: block; } .abonnement_txt { display: inline-block; margin-bottom: 10px; float: none; text-align: left; } .abonnement_form { margin-left: 0; } /*Lot 2 à ajouter cette parte ========================*/ .abonnement_form button#ajouter span, .compte_contrat button#ajouter span { display: none; } .abonnement_form #comptes.lists_fields { width: 83%; } /*=====================================================*/ .table-cell-display, .table-display { display: block; } .validation_body { padding: 25px 12px; } .solution_bloc { display: block; } .choice_bloc { width: 100%; text-align: center; padding-bottom: 21px; padding-top: 21px; } .abonnement_container { width: 90%; background: #fff } /*.medium_titles{ padding-left: 18px; }*/ .white_bg { background: none } .inlined_txt { padding-left: 0; } .abonnement_labels { width: 100%; margin-bottom: 15px; float: none; } .abonnement_fields, .abonnement_small_fields { margin-left: 0; } .added_comptes { padding-left: 10px; } .half_bloc { width: 100%; margin-bottom: 10px; } .seceond_half_bloc { width: 100%; float: none; } .abonnement_second_label { text-align: left; width: 100%; margin-bottom: 15px; } /** Lot 2 ࡡjouter */ .espace_formulaire_info .abonnement_second_label { width: 100%; } /** Lot 2 ࡡjouter */ .espace_formulaire_info .block_demi { margin-left: 0; } .operateur .white_dropdown, .ville .white_dropdown, .agence .white_dropdown { width: 100%; } .lists_fields { width: 84%; } .inline_checkboxe { display: block; margin-left: 10px; margin-bottom: 30px; } .lists_fields { margin-right: 2px; } .message_dinformation { display: none; } #favorisPaiment .resume_forMobile a { color: #4d4d49; position: relative; width: 100%; display: block; } /*Lot 2 à ajouter*/ #favorisPaiment .resume_forMobile p.resume_status a, #favorisTransfert .resume_forMobile p.resume_status a, .resume_forMobile .resume_status li a { display: inline; margin-left: 7px; text-decoration: underline; font-weight: bold; font-size: 14px; color: #615f5d; } /*Lot 2 à commenter*/ /*#favorisPaiment .resume_forMobile a:after{ position: absolute; width: 9px; height: 17px; content: ""; top: 35%; background: url("/Images/neoxiaimg/challenges_arrow_grey.png") no-repeat 50% 50%; right: 1%; }*/ /*Lot 2 à ajouter*/ #favorisPaiment .resume_forMobile .resume_status { margin-top: 10px; } .contenu_modal_body li .txt_lbl, .contenu_modal_body .type_lbl_txt { width: 90%; } .contenu_modal_body li { margin-bottom: 20px; /*modifier lot 3*/ } .contenu_modal_body .type_lbl_txt { margin-bottom: 10px; } .contenu_modal_body ul + hr { width: 100%; padding: 0; margin: 40px 0 40px 0; } td.resume_forMobile.orange_leftbar { border-left: 4px solid #e9922b; } td.resume_forMobile.purple_leftbar { border-left: 4px solid #874e57; } .white_dropdown.merchand_block_area .chosen-container .chosen-drop { width: 90%; } .espace_formulaire_info .seceond_half_bloc .mini_input_fields { width: 100%; } /*Lot 2 à ajouter cette parte ====================================*/ #nouveau_beneficiaire .contenu_modal_body .simple_field, #modifier_beneficiaire .contenu_modal_body .simple_field { width: 100%; } #nouveau_beneficiaire .contenu_modal_body, #nouveau_beneficiaire .modal_footer, #modifier_beneficiaire .contenu_modal_body, #modifier_beneficiaire .modal_footer { padding: 18px 20px 18px 20px; } .child_menu_action { position: absolute; width: 30%; /*left: 0; margin-left: -132px;*/ right: 1%; color: #fff; background-color: #fff; text-align: left; opacity: 0; border: 1px solid #999896; visibility: hidden; /*-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;*/ } .menu_action, .child_menu_action .unstylled_btn { text-transform: initial; } .active + .child_menu_action { top: 46%; opacity: 1; visibility: visible; z-index: 2; } .child_menu_action li { border-bottom: 1px solid #999896; text-align: center; padding: 12px 0; } .child_menu_action:before { content: ""; background: url(/Images/neoxiaimg/menu_action.png) no-repeat; position: absolute; top: -11px; width: 18px; height: 12px; right: 15px; } .resume_forMobile .resume_status li .child_menu_action li a { color: #ea932c; text-decoration: none; margin-left: 0; } .child_menu_action li:last-child { border-bottom: none; } .centred_mobile, .compte_contrat { padding: 35px 4%; } .txt_inline { width: 15% !important; float: left; } #ajouter_compte label.abonnement_txt.espace_txt, #supprimer_compte label.abonnement_txt.espace_txt { width: 100%; } .detail_carte_section .filter_type_section li a .filter_type_title span { text-align: left; } #payer_favoris_transfert .favoris_etape_wrapper { padding: 20px 0 20px 0%; } .abonnement_form .input_fields { width: 100%; } /***** bp *****/ .libelle_marge { margin-left: 0; } .white_global_info { display: block; padding: 10px; background: #fff; } #payer_favoris .contenu_modal_body li .txt_lbl, #payer_favoris_transfert .contenu_modal_body li .txt_lbl { width: 100% !important } #action_center { text-align: center !important; padding-top: 10px !important; float: none !important; } .margin_dropdown { margin-left: 0; } .operateur .white_dropdown .chosen-container-single .chosen-single { width: 100% !important; height: 40px; } .info-bulle-margin-top { margin-top: 6px; } .txt_libelle { width: 60% !important; } .transfer_cords > div > label { /*width: 89px !important;*/ } .transfer_cords .simple_field { width: 100% !important; } .vir-libelle-width { width: 100% !important; } .widh-md-validate { width: 100% !important; } .favori_Secondbloc .favori_wrapper input, .favori_Secondbloc_1 .favori_wrapper input { width: 100%; } .display-tr { display: none } .faq_search_btn { min-height: 46px; min-width: 46px; text-align: center; cursor: auto; } .faq_img_btn { height: 45px; width: 46px; text-align: center; display: inline-block; padding: 10px; } .faq_search_btn { display: none; } .faq_search_zone { width: 80%; } .search_zone { padding: 15px 0px 20px 0px; } .faq_list { width: 96%; padding: 20px 0px; } .accordion_content2 { padding-left: 10px; padding-right: 2px; } .faq_liste_tirade_level2 { line-height: 1.4; } .faq { padding: 20px 5px !important; } .big_btns { width: 40%; } .attestation_table { width: 100%; margin-bottom: 10px; } .attestation_bottom { position: relative; bottom: 0; left: 0; margin-top: 15px; } .dashbord_infos .profil_info_detail { display: block; padding-top: 11px; padding-left: 17px; } .dashbord_infos .conseiller_info { display: none; } /***********LOT 3 responsive Cours devise*******/ .first_bar { padding: 0px 20px 25px 20px; } /* .first_bar .calender_group .calender_txt{ width: 46px; }*/ .libelle_text .input_fields { width: 140px; } .menu_fixe { display: none; } .table_devise { display: none; } .first_bar h4 { display: block; padding: 20px 0; } .table_devise_respo { display: block; } .table_devise_respo .simple_table { display: table; width: 100%; border: none; text-align: center; } .table_devise_respo .simple_table th { border: none; } .table_devise_respo .simple_table td { border: none; } .part_devise { width: 100%; padding-left: 0; } .table_devise_respo { overflow: hidden; padding: 30px; } .table_devise_respo h3 { font-weight: normal; font-size: 19px; color: #e99429; display: inline-block; font-family: 'roboto_regular', arial; padding-bottom: 7px; } .table_devise_respo table { width: 100%; /*border:2px solid #e6e4e3;*/ } .table_devise_respo .pl23 { font-weight: 900; } .simple_table_respo .pl20 { padding: 0 10px; text-align: center; } .table_devise_respo .pl23 span { display: inline-block; background-color: #b9b7b5; height: 20px; width: 30px; margin-right: 10px; vertical-align: middle; } .table_devise_respo .pl23 small { color: #cccccb; } .table_devise_respo .bold_style { font-weight: 900; } .detail_liste { padding: 10px 0; } .table_devise_dispo tr .accordion:after { content: '+'; font-size: 13px; color: #ea932c; float: right; position: absolute; right: 10px; top: 8px; } .table_devise_dispo tr .accordion.active:after { content: "-"; } .str span { font-weight: 600; } .hide_tr { display: none; } .blanc { background-color: #fff !important; } .gris { background-color: #f7f6f4 !important; } /***********LOT 3 responsive Cours devise*******/ .label_type { font-size: 15px; width: 40px; padding-top: 4px !important; text-align: left; } .part_devise .first_bar .operateur .white_dropdown .chosen-container { width: 100% !important; } .label_date { font-size: 15px; width: 40px; padding-top: 4px !important; } .label_libelle { font-size: 15px; width: 50px; padding-top: 4px !important; } .first_bar .label_placed { display: block; padding-left: 41px; width: auto; margin-right: 20px; } .first_bar .label_placed1 { display: block; padding-left: 40px; margin-right: 20px; } .first_bar .label_placed2 { display: block; padding-left: 53px; margin-right: 20px; } .second_content { padding-left: 0px; } /*.background_menu{ display: none; } .c-menu__items{ width: 70% }*/ .c-menu { top: 45px; } .c-menu__item { padding: 8px 0px 0px 24px; } .padding_Bottom { padding-bottom: 20px !important; } .modal_header span { float: none; text-align: left; } .modal_header span > button { padding: 0; } .align_j { text-align: left; padding-left: 30%; } .first_bar .align_center { display: block; } .first_bar .btn_inline { display: inline-block; } /*page_savoir_plus LOT3*/ .block_poket .white { width: 100%; display: block; min-height: auto; } .block_poket .white h4 { padding-top: 25px; } .block_poket .pocket_test { display: block; min-height: auto; width: 100%; } .bot_front_question .right_bot_size { width: 100%; display: block; padding: 18px 10px; } .bot_front_question .left_bot_size { width: 100%; display: block; } /*page_savoir_plus LOT3*/ /*page contact LOT3*/ .contact_area, .contact_bloc { padding: 0px 8px; } .transfer_cords .field_container { padding-left: 0; } .transfer_cords .field_container.check_mise { padding-left: 90px; } .white_info_detail { display: none; } .merchand_block_area .white_dropdown, #select_merchand, #select_service, .favori_wrapper input, .configuration_wrapper input { width: 100%; } .telecom_inter li { width: 100%; } .prd_cptl h3 { padding-right: 30px; } .cotis_lbl_1 { width: 19%; } .main_content, .aside_content { width: 100%; float: none; } .sortable1, .sortable2 { width: 100%; padding: 13px 0 0 5px !important; margin-bottom: 5px; } .left_bot_question form #search_field { width: 90%; } .abonnement_form .mini_input_fields { width: 100%; height: 40px; } .operateur .white_dropdown, .ville .white_dropdown, .agence .white_dropdown { width: 100% !important; height: 40px; } #ajouter_favoris .contenu_modal_body .type_lbl_txt, #editer_favoris .contenu_modal_body .type_lbl_txt, #ajouter_favoris .contenu_modal_body .simple_field, #editer_favoris .contenu_modal_body .simple_field, .form_bloc .white_dropdown { width: 100%; } .step_value { margin-left: 70px; } .result { top: 36px; } .ui-widget-content { /*height: 580px;*/ overflow: scroll; padding-bottom: 25px; } .fav_option { display: none; } .compte_name_part .compteName { font-size: 14px; } .table_with_left_bars tr.accordion_tr_dashbord td span, .table_with_left_bars tr.accordion_tr_dashbord td strong { display: block; } /*PAGE NOUS CONTACTER*/ .nc_cp_tp div.nc_cp_tp_1 { width: 100%; padding: 8px 25px; border-bottom: 1px solid #eaeaea; } .nc_cp_tp_1 h4 { font-size: 14px; } .nc_cp_tp > div { padding-left: 5px; padding-right: 5px; display: inline-block; } .nc_cp_tp > div.nc_cp_tp_3 { width: 25%; padding-top: 30px !important; } .nc_cp_tp > div.nc_cp_tp_4 { width: 25%; } .nc_cp_tp > div.nc_cp_tp_2 { display: none; } .nc_cp_tp_1 span { font-size: 11px; } .nc_cp_tp_1 small { font-size: 11px; } .nc_cp_details { padding: 15px 10px; } .nc_cp_tp_3, .nc_cp_tp_4 { padding: 11px 0px 10px !important; } .nc_cp_details.nc_cp_details p small, .nc_cp_details.nc_cp_details p span { font-size: 11px; } .nc_cp_vp button { padding: 0 15px; font-size: 14px; border-width: 1px; } .nc_cp_tp_3 button span, .nc_cp_tp_4 button span { font-size: 11px; } .nc_cp_vp button span { padding: 5px 20px; } div.ti-p { max-width: 100% !important; padding-top: 10px; } .ti-p span a { font-size: 12px; } .ti-p h3 { font-size: 25px; } .show_in_desktop { display: none; } .nc_cp_tp > div.nc_cp_tp_5 { display: block; width: 100%; padding: 10px; border-top: 1px solid #eaeaea; } .nc_cp_tp { display: flex; flex-wrap: wrap; } .nc-btn-load { height: 100%; } /*PAGE NOUS CONTACTER*/ .showInIpad { display: block; } .nc_cp_tp_4 button { position: absolute; top: 0%; right: 0%; height: 100%; width: 100%; } .nc_cp_tp_4.nc-btn-show { position: absolute; top: 0%; right: 0%; height: 100%; width: 100%; visibility: visible; opacity: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } } @media only screen and (max-width : 667px) { .first_bar .align_center { display: block; } .first_bar .btn_inline { display: inline-block; } .contact_txt { display: inline-block; margin-bottom: 10px; float: none; text-align: left; margin-top: 10px; } .contact_labels, .contact_second_label { width: 100%; margin-bottom: 15px; float: none; } .contact_second_label { text-align: left !important; } .contact_fields, .contact_small_fields, .contact_second_small_fields, .contact_notif { margin: 0 !important; } .contact_checkboxes { display: block; margin-left: 10px !important; margin-bottom: 10px; } .filter_agence button { margin-top: 16px; /*margin-left: -5%;*/ } .bourse_detail > li { display: block; width: 100%; } .bourse_detail > li + li { padding: 10px 0px; width: 100%; display: block; } .bourse_detail > li:first-child { padding-right: 0; } .bourse_detail > li li .txt_lbl { width: 30%; } /*===============================================================================*/ } @media only screen and (max-width : 640px) { /* Page Public*/ .content_infomation p span { display: block; } .slider_front .slick-next, .slider_front .slick-prev { display: none !important; } .slider_front .slid_texte h3 { font-size: 18px; } .slider_front .slid_texte p, .block_poket h4 { /*font-size:;*/ } .slider_front .slick-slide > div { padding: 30px 20px; } .slider_front .slick-slide > div.slid_image img { max-width: 60%; } .espace_front_deco .flat_btn + .flat_btn { margin-top: 0 !important; } .desktop_home_label { display: none; } .mobile_home_label { display: block; } /*Pocket bank*/ .block_poket { display: block; } .block_poket > div { display: block; width: 100%; padding: 20px; text-align: center; } .block_poket p { padding-bottom: 30px; } .pocket_right p.mobile_download_btns { text-align: center; } /*Contact*/ .block_front_question .faq_second_header { font-size: 18px; } .front_contact_area { margin: 0; } .front_contact_list { display: block; padding-top: 25px; } .front_contact_list > a { display: block; float: left; width: 48%; margin-bottom: 20px; } .front_contact_list > a:nth-child(2n + 1) { float: right; } /*.main_menu{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .main_menu li { order: 0; } .main_menu li.active{ order: -1; }*/ .help_tuto_icn { float: right; } .help_tuto_icn:before { left: inherit; right: 100%; margin-right: 14px; margin-left: 0; } .help_tuto_icn:after { left: inherit; right: 100%; background-image: url('/Images/neoxiaimg/notification_aide_arrow_toright.png'); margin-right: 3px; margin-left: 0; } .docs_list li { width: 45%; } .filter_type_section li { width: 45%; } .size16 { font-size: 12px; } .modal_dialog { margin-top: 50px; } #details_carte { width: 65%; margin: 0 auto; } #details_carte .flat_btn { width: 100%; margin-bottom: 20px; font-size: 24px; } /*Lot 2 à modifier*/ #details_carte .flat_btn + .flat_btn, .flat_btn + .flat_btn { margin-left: 0; margin-top: 10px; } .synthese_actions_area .flat_btn { width: auto; margin-bottom: 10px; } .download_actions_area .flat_btn { width: 80%; margin-bottom: 10px; } .download_actions_area .flat_btn + .flat_btn { margin-left: 0; } .rib_actions_area .flat_btn { width: 100%; margin-bottom: 10px; } .rib_actions_area .flat_btn + .flat_btn { margin-left: 0; } .details_carts_infos { display: block; } .added_comptes { font-size: 14px; } .details_carts_infos > li { width: 100%; display: block; } .details_carts_infos > li:first-child { padding-right: 0; margin-bottom: 10px; } .details_carts_infos > li + li { padding-left: 0; border-left: 0; } .details_carts_infos > li li .txt_lbl { width: 48%; font-size: 21px; } .details_carts_infos > li li .txt_lbl + span { width: 48%; font-size: 21px; } .type_lbl_txt { display: block; padding-top: 0; float: none; } .carnet_Firstbloc { margin-bottom: 30px; } .carnet_wrapper { padding-left: 82px; } .carnet_container { width: 100%; display: block; margin-bottom: 18px; } .carnet_container .txt_info { font-size: 16px; display: inline-block; *zoom: 1; padding-left: 16px; width: 175px; } .controls_container.account_block_area .white_dropdown { width: 100%; } .nature_control_container { display: block; float: none; padding-top: 20px; } .nature_control_container label { display: block; margin-right: 0; margin-bottom: 10px; } .nature_control_container .white_dropdown { width: 100%; } #carte_filter { width: 100%; } .carte_filter_bloc .carte_dropdown { width: 100%; margin-left: 0; } .carte_filter_bloc .carte_dropdown .chosen-container { width: 100%; } .carte_dropdown .chosen-container-single .chosen-single { width: 100%; } #cheque_filter { width: 100%; } .remise_control_block .white_dropdown { width: 100%; } .mobile_td { display: block !important; height: auto !important; } .expanded_tbody { display: block; } .detail_btn { display: block; } .confirmation_modal_body { padding: 35px 10px 20px 10px; } .modal_footer button { width: 100%; font-size: 21px; } .modal_footer .flat_btn + .flat_btn { margin-left: 0; } /* Public pages styles*/ .small_top_header { display: none; } /*.public_main_head{ display: none; }*/ .connect_tabs { display: none; } .login_area { float: none; padding-top: 50px; width: 100%; border-bottom: 1px solid #e6e4e3; } .security_advices_area > div { max-width: 85%; } .security_advices_area { float: none; padding-top: 35px; width: 100%; } .public_links_list { display: none; } .public_simple_footer { display: none; } .detail_folder ul { padding-left: 15px; } .detail_folder ul li .txt_lbl { width: 50%; font-size: 14px; } .detail_folder ul li .info_lbl { width: 50%; font-size: 14px; } .zibra_table tr .resume_forMobile { font-size: 14px; } .situation_credit_infos { display: inline-block; width: 100%; padding-left: 0; } .situation_credit_infos > li { width: 100%; display: block; } .situation_credit_infos > li + li { padding-left: 0; text-align: left; border-left: none; } .situation_credit_infos > li > ul { display: block; } .situation_credit_infos > li li .txt_lbl { width: 50%; font-size: 14px; } .simulator_item .lbl_for_mobile { font-size: 14px; } .situation_credit_infos > li li .txt_lbl + span { font-size: 14px; } .situation_credit_infos > li + li li .txt_lbl { width: 50%; } .amortization_block { display: none; } .amortissement_section { display: none; } .amortissement_btn { display: none; } .lists_fields { margin-right: 2px; } .cancel_btn { padding: 5px; } .marchands_section .filter_type_section li a .filter_type_title span { /*display: none;*/ } .white_dropdown.merchand_block_area .chosen-container .chosen-drop { width: 100%; } .radio_paiment .configuration_lbl_txt + div { width: 100%; float: left; } .responsive_plafond_table th + th .th_lbl { padding-left: 1px; padding-right: 1px; } /* page virements */ .transfer_operation h3 { text-align: left; } .transfer_operation .list_accounts { width: 100%; } .slick-vertical .slick-slide { width: 100% !important; } .carnet_container.txt_long { white-space: normal; } .txt_long .grey_radio_mask { vertical-align: top; } .txt_long .txt_info { width: 90%; } .parametres .modal_labels { width: 40%; } .parametres .modals_fields { margin-left: 0; margin-bottom: 25px; margin-top: 10px; float: left; } #editer_favoris .modal_dialog, #ajouter_favoris .modal_dialog { width: 80%; } #ajouter_favoris .contenu_modal_body .type_lbl_txt, #editer_favoris .contenu_modal_body .type_lbl_txt { width: 100%; } #ajouter_favoris .contenu_modal_body .simple_field, #editer_favoris .contenu_modal_body .simple_field { width: 100%; } #ajouter_favoris .contenu_modal_body li .txt_lbl, #editer_favoris .contenu_modal_body li .txt_lbl { text-transform: capitalize; padding-left: 0; width: 100%; } #ajouter_favoris .contenu_modal_body .white_dropdown, #editer_favoris .contenu_modal_body .white_dropdown { width: 100%; } .modal_dashbord .contenu_modal_body li .white_dropdown { width: 94% !important; } .transfer_operation_container .transfer_img { display: none; } .txt_confirmation { width: 100%; } .parametres .modal_labels { width: 100%; } .txt_inline { width: 15% !important; float: left !important; margin-top: 7px; } .modal_header h4 { font-size: 15px; display: block; } .newsStyle { font-family: 'numans_regular', arial; font-size: 15px !important; color: #ea932c !important; display: inline-block !important; font-weight: normal !important; text-transform: uppercase !important; } .transfer_cords .field_container.check_mise .checkbox_mask { float: left; } .transfer_cords .field_container.check_mise .txt_info { width: 100%; display: block; margin-top: -3px; } .transfer_operation h3 { padding-top: 20px; } .mobile_mainMenu { padding-bottom: 60px; } .menuTitle_area { padding: 6px; } .close_menuMobile { width: 45px; height: 33px; background-size: 14px; } .back_menuMobile { width: 45px; height: 33px; background-size: 8px; } .menuTitle_mobile { font-size: 16px; padding-left: 15px; padding-top: 8px; } .mobile_mainMenuItems { padding-bottom: 45px; } .mobile_optionsmenu ul { height: 60px; } .mobile_mainMenuItems li > div a { font-size: 14px; } .mobile_mainMenuItems li > div a img { margin-bottom: 10px; } .mobile_optionsmenu ul li a.mobile_fav_item { background-size: 20px; } .mobile_optionsmenu ul li a.mobile_aide_item { background-size: 14px; } .mobile_optionsmenu ul li a.mobile_notification_item { background-size: 16px; } .mobile_optionsmenu ul li a.mobile_param_item { background-size: 21px; } .mobile_optionsmenu ul li a.mobile_profile_item { background-size: 17px; } .mobile_optionsmenu ul li a.mobile_lang_item { font-size: 16px; } .mobile_optionsmenu ul li a.mobile_partners_item { background-size: 20px; } .empty_blocs { padding: 10px !important; } .step_line { margin: 10px auto; } .content_top_dashbord { padding: 10px 5px; } .profil_info_global.dashbord_infos { padding-left: 10px; height: 89px; } .profile_info_txt { max-width: 90%; } .profil_info_global.dashbord_infos .profile_img_zone { width: 20%; margin-right: 1%; } .profil_info_global.dashbord_infos .profile_info_txt { width: 90%; } .profil_info_global.dashbord_infos .profile_name { font-size: 16px; } .profil_info_global.dashbord_infos .profile_msg { font-size: 12px; } .main_content { width: 100%; float: none; } .multichartsFilter { display: none; } .multiEvolution_chart_zone { display: none; } .chart_filter_zone { display: none; } .table_with_left_bars tr.accordion_tr_dashbord td p { margin-bottom: 10px; } .show_inmobile { display: block; } .show_detail_graph { background-color: #f3f3f3; } .show_detail_graph a { background-color: #f3f3f3; } /*#muliComptesTable tr{ display: block; }*/ #muliComptesTable .mobileSoldeLink { display: table-cell; } .table_with_left_bars tr td { padding-left: 10px; padding-right: 10px; } #muliComptesTable tr td:first-child { padding-left: 10px; padding-right: 10px; } .evolutionCompteSolde { /*font-size: */ } .operations { height: 65% !important; } .plus_infos .real_time_txt { display: none; } .plus_infos img { width: 12px; } .plus_infos .grey_txt { font-size: 11px; } .comptes_filter_container, #comptes_filter { width: 100%; } #comptes_filter { height: 30px; } .aside_content { width: 100%; float: none; } .favori_Secondbloc .favori_lbl_txt, .favori_Secondbloc_1 .favori_lbl_txt { width: 100% !important; } .bloc_vir_cas .favori_wrapper.float_left { width: 100% !important; } /*page_introuvable*/ .container_page footer { position: static; } .container_style { padding: 20px 10px 0; } /*page_introuvable*/ .right_bot_question { width: 100%; border-left: none; padding: 0; padding-left: 3%; } .right_bot_question a { width: 44%; } .slider_front .slid_left p, .block_poket h4 { font-size: 16px; } .first_bar .align_center { display: inline-block; } /*LOT 3 COURS_DEVISES_VALEURS RESPO*/ .part_devise .first_bar .operateur .white_dropdown .chosen-container { width: 100% !important; } .first_bar label { width: 50px; } .first_bar .label_placed { padding-left: 50px; width: auto; margin-right: 20px; } .first_bar .label_placed1 { padding-left: 50px; margin-right: 20px; } .first_bar .label_placed2 { padding-left: 50px; margin-right: 88px; } .page_agence #details_carte { width: auto; margin: 0 auto; } .filter_agence { padding-left: 5%; padding-right: 5%; } .page_agence .faq_header { padding-left: 5%; padding-right: 5%; } .btn_padding { padding-top: 5px !important; padding-bottom: 5px !important; } .pdt_lbl_1 { /*lot 10*/ width: 100%; } .step_paiment_precedent { margin-bottom: 0px; } .period_assurance_span { width: 35% !important; } .size16 { font-size: 12px; } .bourse_table th { font-size: 12px; } .onglets_list li a, .onglets_list li a.active { font-size: 16px; } .simulator_slider .slider.slider-horizontal .slider-tick-label-container .slider-tick-label { font-size: 12px; } .zibra_table tr td.td_2 { padding: 8px 10px; } .hide_td_mobile { display: none !important; } .special_td_dashbord div:nth-child(2) { padding-left: 20px; } .hide_inMobile { display: none; } .bourse_detail > li li .txt_lbl { width: 50%; font-size: 14px; padding-left: 5%; } .right_popin_actualite .img_left { margin: 0 auto 20px; float: none; } .service_param .modal_labels { width: 100%; } .service_param .modals_fields { margin-left: 10px; } .tuto_filter_area { flex-direction: column; } .tuto_filter_area .tuto_lbl { margin-bottom: 15px; } .content_container { height: auto !important; } #payer_favoris .txt_lbl, #payer_favoris_transfert .txt_lbl { font-size: 14px; } .compte_name_part .compteName { font-size: 14px; } .help_tuto_icn.mobile_btn { vertical-align: unset !important; float: none; } .transfer_cords .help_tuto_icn.mobile_btn { position: absolute; right: 26px; } .transfer_cords .val-md { width: 100% !important; } .transfer_cords { padding-top: 20px; } .transfer_cords #infos_icn { position: relative; top: 10px; } .transfercashfavoris .simple_field { width: 100% !important; } .transfercashfavoris .form_bloc .white_dropdown { width: 100%; } #payer_favoris_transfert .txt_lbl { width: 100%; } #payer_favoris .contenu_modal_body ul + hr, #payer_favoris_transfert ul + hr { margin: 20px 0px; } .action_right { text-align: right; padding-right: 5px; } .panel p { display: table; width: 100%; } } @media only screen and (max-width : 570px) { .telecom_img { background-position: center; font-size: 15px; padding-top: 30%; } .telecom_img span { font-size: 16px; } .p_size { font-size: 10px; } .filter_agence .white_dropdown, .choix_service_agence { width: 98% !important; } .choix_service_agence label { width: 100%; padding: 0; float: left !important; text-align: left !important; } /********* PRODUIT_epargne_block*********/ #age_jouissance { /*lot3*/ width: 80%; } .depot_terme { padding: 0px 30px; } /* .pdt_epargne_block{ */ /* padding-top: 20px; */ /* text-align: left; */ /* } */ .depot_ipt_right { /*lot 10*/ width: 100%; } .depot_lbl_left { /*lot 10*/ width: 100%; } .simulator_item .lbl_for_mobile { /*lot 10*/ display: block; } .simulator_val_control label, .simulator_val_control span { /*lot 10*/ display: none; } .simulator_slider { padding-left: 120px; /*lot10*/ } .pdt_lbl_ipt { font-size: 14px; width: 100%; text-align: left; padding-bottom: 10px; } .pdt_lbl_ipt .help_tuto_icn { float: none; } .pdt_bgd { width: 45%; } .pdt_epargne_right { width: 100%; display: block; padding-left: 0px; } .pdt_result p small { width: 50%; font-size: 14px; } .pdt_result p span { width: 50%; font-size: 14px; } .pl_20 { padding-left: 0 !important; } .prd_cptl_srvc { padding: 30px 20px 35px; } .prd_cptl { display: block; width: 100%; float: none; } .prd_cptl_content { margin-bottom: 20px; margin-right: 0px; } .prd_cptl_info { padding-left: 0; } .prd_cptl_info small { font-size: 14px; } .prd_cptl_info span { font-size: 14px; } .pdt_epargne_left { float: none; width: 100%; } .prd_srvc_content p { padding-left: 0; } .prd_cptl_content p { padding-left: 0; } .pdt_result p { padding: 6px 5px; } .dt_depot_prd { width: 45%; font-size: 14px; padding-left: 5px; } .prd_cotis { margin-left: 0; border: 1px solid #e1e1e1; padding: 30px 40px; } .input_cotis { width: 100%; } .cotis_lbl_1 { width: 100%; margin-bottom: 15px; } .prd_cotis { margin-left: 0; } .prd_cotisation .depot_white_drop { width: 300px; } .cotis_lbl_1 { width: 100%; } .depot_lbl_left { padding-left: 0; } .calculate_area { padding-left: 10%; } #confirmationDenvoi .zibra_table { display: none; } .container_style .lien_contact { bottom: auto; padding-top: 35px; } .slider_front .slid_texte p, .block_poket h4 { font-size: 14px; padding-bottom: 20px; } .block_poket p { font-size: 14px; padding-bottom: 20px; } .slider_front .slid_texte li span { font-size: 10px; } .slider_front .slid_texte li span { font-size: 10px; } .slider_front .slick-slide > div { padding: 10px 20px 10px 20px; font-size: 16px; } .contrat_main_container { text-align: left; } } @media only screen and (max-width : 480px) { .slider_front .slid_texte li { padding-right: 5px; /*width: 110px;*/ } .espace_front_deco .flat_btn { margin-bottom: 10px; } .espace_front_deco .flat_btn:last-child { margin-bottom: 0; } .espace_front_deco h3 { font-size: 20px; } .block_front_question h3 { font-size: 20px; } .block_front_question h4 { padding-bottom: 30px; } .size11 { font-size: 12px !important; } .fontsize17 { font-size: 11px !important; } .fontsize22 { font-size: 12px !important; } .conseiller_solde { font-size: 13px; } /*.solde { font-size: 16px; }*/ .conseiller_previsionnel { font-size: 14px; /*width: 50%; float: left;*/ } .previsionnel { font-size: 12px; } .calender_section { width: 100%; } .docs_filter_options { float: none; width: 100%; clear: both; } .docs_filter_options .dropdown_area { width: 140px; padding-left: 0; padding-right: 0; } .calender_group { display: block; width: 100%; margin-bottom: 10px; } .calender_group .calender_txt { width: 140px; display: inline-block; *zoom: 1; } /*.fiche_signaletique{ display: block; width: 90%; }*/ /*.fiche_signaletique > li { display: block; width: 100% !important; }*/ /*.fiche_signaletique > li:first-child { margin-bottom: 15px; padding-right: 0; }*/ /*.fiche_signaletique > li + li { border-left: none; padding-left: 0; }*/ .fiche_signaletique { padding: 15px; padding-top: 20px; width: 100%; } .fiche_signaletique p { overflow: hidden; } .fiche_signaletique > li p .txt_lbl { display: block; width: 48%; float: left; } .fiche_signaletique > li p .txt_lbl + span { display: block; width: 48%; float: left; } .zibra_table tr td { padding: 8px 8px; } .zibra_table td.select-checkbox, .zibra_table td.radio-checkbox { width: 36px !important; } .docs_list li a .contract_infos { padding: 5px 10px; } .docs_list li a .doc_title { font-size: 11px; } .filter_type_section li a .contract_infos { padding: 5px 10px; } .filter_type_section li a .filter_type_title { font-size: 11px; } .marchands_section .filter_type_section li { height: 140px; } .big_radio .radio_mask { width: 18px; height: 18px; } .accounts_check_list label .txt_info { font-size: 15px; } #contract_filter { width: 140px; } .first_section { display: block; width: 50%; } .first_section.inline_class { width: 45%; } .second_section { display: block; margin-top: 10px; } .payment_section { display: block; margin-top: 10px; } .details_carts_infos { width: 100%; } .carte_dropdown { margin-left: 0; } .detail_carte_section .onglets_list li a { font-size: 12px; text-align: center; padding-left: 5px; } .detail_carte_section .onglets_list li.active a { font-size: 12px; } #details_carte { width: 90%; margin: 0 auto; } /*.statistics_wrapper{ display: none; }*/ .statistics_wrapper { display: none; } .mobile_statistics_wrapper { display: block; } .type_lbl_txt { margin-bottom: 10px; } .carnet_wrapper { padding-left: 0px; } .carnet_container .txt_info { font-size: 14px; width: 140px; } .chequier_icn { width: 30px; } .nombre_lbl_txt { display: block; margin-bottom: 10px; } .mobile_td { display: block !important; height: auto !important; } .expanded_tbody { display: block; } .detail_btn { display: block; } .controls_container { padding: 15px; } .details_carts_infos > li li .txt_lbl { font-size: 14px; } .details_carts_infos > li li .txt_lbl + span { font-size: 14px; } .simple_table th { font-size: 10px; } .simple_table .pl23 { padding-left: 5px; } .simple_table .pl20 { padding-left: 3px; } .simple_table td { font-size: 12px; height: 40px; } #details_carte .flat_btn { width: 100%; margin-bottom: 10px; font-size: 14px; } #details_carte .flat_btn + .flat_btn { margin-left: 0; } .confirmation_modal_body { padding: 28px 10px 20px 10px; } .modal_footer { padding: 10px; } .modal_footer button { font-size: 12px; margin-bottom: 10px; } /* .message_infos{ display: none; }*/ .mobile_message_infos { display: block; margin-bottom: 25px; } .code_notification { display: none; } /********** page rib **********/ .left_rib_top { width: 100%; } .right_rib_top { display: none; } .left_rib_bot { width: 100%; } .right_rib_bot { display: none; } .left_rib_top table, .rib_bot p { width: 90%; } /* Public pages styles */ .login_area > div h2 { font-size: 20px; } .security_advices_area > div h2 { font-size: 19px; margin-bottom: 20px; } .mobile_connect_tabs { height: 45px; } .mobile_connect_tabs ul li a { font-size: 12px; text-transform: uppercase; line-height: 44px; } .situation_credit_infos > li li .txt_lbl { display: inline-block; } .situation_credit_infos > li + li li .txt_lbl { display: inline-block; } .simulator_item .lbl_for_mobile { display: block; } .simulator_val_control label, .simulator_val_control span { display: none; } .simulator_slider { padding-left: 120px; } .calculate_area { /*padding-left: 120px;*/ } .simulator_desc { text-align: center; } .edoc_desc { text-align: center; } .plafond_titles { width: 100%; font-size: 12px; } .pub_desk { display: none; } .pub_mobile { display: block; } /*Modif Page_Synthese*/ .pub_left { line-height: 1.8; } .pub_left h2 { margin-bottom: 10px; line-height: 1.3; } .pub_left h3 { font-size: 18px; } /*Modif Page_Synthese*/ .statistics_descr { font-size: 14px } /*accordion*/ .accordion_title { padding: 19px 20px; font-size: 14px; padding-right: 60px; } .accordion_title_convention { padding: 19px 20px; font-size: 14px; padding-right: 60px; } .responsive_plafond_table .pl23 { width: 20%; } .white_dropdown.merchand_block_area .chosen-container { width: 50% !important; padding-left: 5%; } .paiment_steps .white_dropdown.merchand_block_area .chosen-container { width: 100% !important; float: left; margin-top: 10px; padding-left: 16%; } .paiment_steps .white_dropdown.merchand_block_area { width: 100% !important; margin-bottom: 60px; } .white_dropdown.merchand_block_area .chosen-container .chosen-drop { width: 70%; margin-left: 16%; } /*button.step_paiment { margin-bottom: 20px; }*/ .checkbox_paiment .lbl_paiment { margin-right: 20px; display: block; } .etape_facture li { font-size: 12px; } .white_dropdown.merchand_block_area #select_compte { width: 100%; } .white_dropdown.merchand_block_area label { width: 100%; text-align: left; } #fragment-4 .txt_sms input { margin-bottom: 20px; width: 100%; /* margin-top: 18px; margin-left: 16%;*/ } .white_dropdown.merchand_block_area + p button { margin-bottom: 10px; } .paiment_steps .step_button { width: 80%; } .transfer_cords .field_container { padding-left: 0; margin-left: 0; } .transfer_cords .field_container .txt_info { width: 80%; /*padding-top: 10px;*/ margin-top: 0; } .transfer_cords .field_container.check_mise .txt_info { margin-top: -3px; display: block; } .transfer_cords .field_container.check_virement .txt_info { margin-top: -1px; } .transfer_operation_container .field_container.check_mise .checkbox_mask { float: left; margin-top: 3px; } .txt_long .txt_info { width: 90%; } .group_yellow_btns .yellow_btn { width: 100%; } .group_yellow_btns .yellow_btn + .yellow_btn { margin-top: 15px; margin-left: 0; } .centred_mobile .numero_compte { width: 80px; float: left; } .centred_mobile .input_add_compte { width: 207px; } .centred_mobile button { margin-top: 10px; } .compte_contrat .added_comptes button { margin-top: 0px; } .transfer_cords .simple_field { width: 100% !important; } .transfer_operation_container .checkbox_mask { vertical-align: top; } .menuTitle_area { padding: 6px; } .close_menuMobile { width: 45px; height: 33px; background-size: 14px; } .menuTitle_mobile { font-size: 16px; padding-left: 15px; padding-top: 8px; } .mobile_mainMenuItems li > div a { font-size: 14px; } .mobile_mainMenuItems li > div a img { margin-bottom: 10px; } .txt_inline { width: 25% !important; } .zibra_table tr.total_final .resume_date, .zibra_table tr.total_final .resume_price { font-size: 14px !important; color: #fff; } .child_menu_action { width: 50%; } .compte_contrat .abonnement_fields { width: 86% !important; } .filter_type_section li a .filter_type_title span:after { top: -5px; } .centred_mobile button#ajouter { /*margin:5% 36%;*/ } .zibra_table tr.total_final td { border: 1px solid #f2f2f2; } .zibra_table tr.total_final td + td { border-left: 1px solid #e5e5e5; } .centred_mobile .input_add_compte { width: 54%; } #payer_favoris_transfert .contenu_modal_body li .txt_lbl { width: 100%; } #payer_favoris_transfert .datePicker_Style { width: 100%; } /*#payer_favoris_transfert .datePicker_Style{ width: 69%; }*/ .bloc_vir_cas .favori_Secondbloc .favori_lbl_txt, .bloc_vir_cas .favori_Secondbloc_1 .favori_lbl_txt { width: 100%; } .bloc_vir_cas .favori_Secondbloc .favori_wrapper input, .bloc_vir_cas .favori_Secondbloc_1 .favori_wrapper input { width: 100%; } #transfert_beneficiaire .carnet_container .txt_info { margin-left: 17px; } .favori_Secondbloc .favori_lbl_txt, .favori_Secondbloc .favori_wrapper input, .favori_Secondbloc_1 .favori_lbl_txt, .favori_Secondbloc_1 .favori_wrapper input { width: 100%; } .big_btns { width: 50%; } .steps { padding: 10px; } .steps_content { padding: 10px; } .steps_heading { font-size: 14px; text-align: center; } .step_value, .step_link, .step_title { font-size: 12px; } .step_notif { font-size: 12px; padding-left: 4px; } .liste_services { padding: 20px 0; } .liste_services ul li { text-align: center; } .liste_services ul li .service_text_content { display: block; width: 100%; } .liste_services ul li .service_text_content p { display: none; } .liste_services ul li > img { margin-right: 0; margin-left: 0; margin-bottom: 10px; max-width: none; } .liste_services ul li + li > img { margin-right: 0; margin-left: 0; } .container_style br { display: none; } .espace_front_deco .white_btn { margin-bottom: 20px; width: 90%; } /*********LOT 3 cours_valeurs Respo**********/ .table_devise_respo { padding: 5px 10px; } .first_bar { text-align: left; } .first_bar .float_right { float: none; display: inline-block; width: 100%; } .first_bar label { padding: 0; margin-left: 0px; margin-right: 0; width: auto !important; } #select_virement { width: 100%; height: 30px; } .part_devise .first_bar .ft_pl_mobile { width: 100% !important; padding-left: 75px; } .first_bar .calender_group .datePicker_Style { width: 100%; } .libelle_text .input_fields { width: 100%; } .libelle_text { margin-left: 0; } .first_bar .align_center { display: block; } .container_style .para_style { font-size: 22px; } .container_style h3 { font-size: 17px; } /*.medium_titles{ padding-top: 10px; }*/ .telecom_img { padding-top: 30%; font-size: 19px; background-position: center right; height: 200px; } .simulateur_img { padding-top: 30%; font-size: 19px; background-position: center right; height: 200px; } .telecom_inter li span { width: 45%; } .telecom_pays { font-size: 10px; padding-right: 0 !important; } .telecom_img span { display: none; } .telecom_img p { display: none; } .tel_num { font-size: 15px; padding-right: 0 !important; } .p_size { font-size: 10px; } .transfer_cords .field_container.check_mise { padding-left: 0px; } .bourse_valorisation { width: auto; } .bourse_title { padding: 15px; } .bourse_big_title { font-size: 13px; } .bourse_table th { padding: 5px; } .bourse_table td { font-size: 12px; padding: 10px; } .choix_service_agence label { width: 100%; float: left; } /********* page_simulateurs_LOT 3 ******/ /************ part_depot *******/ .depot_lbl_left { display: block; width: 100%; } .depot_lbl_left h3 { text-align: left; padding-bottom: 15px; font-size: 15px; } .depot_ipt_right { display: block; width: 100%; } .depot_white_drop { width: 100%; } .pdt_input .chosen-single { width: 100% !important; } .btn_padding { width: 100%; padding-top: 5px; padding-bottom: 5px; } .tel_num { font-size: 13px; } .bourse_detail { padding-top: 15px; } .bourse_detail > li li .txt_lbl { width: 100%; padding-left: 0px; } .bourse_detail .txt_lbl + span { padding-top: 5px } .left_bot_question form #search_field { width: 88%; } .contact_img { height: 200px; } .whole_bloc_btn { width: 100%; } .step_value { margin-left: 60px; } .white_block h2 { float: none; } .compte_prix_part { font-size: 12px; } .show_more { font-size: 11px; } .bourse_list .show_more { font-size: 12px } .slider_front .slid_texte .mobile_visu img { max-width: 65%; } .nc_cp_tp_3 button span, .nc_cp_tp_4 button span { font-size: 10px; } .right_tuto_btn span { display: none; } .left_tuto_btn span { display: none; } .centred_mobile .input_add_compte::-webkit-input-placeholder { font-size: 13px; } } /* BP */ @media only screen and (max-width: 425px) { .notification_txt { font-size: 14px; padding: 5px 5px 25px 5px; } .compte_name_part .compteName { font-size: 12px } .compte_prix_part { font-size: 12px; } #fv_montant_virement { width: 73%; } .action_center { text-align: center !important; padding-top: 10px !important; float: none !important; } .big_btns { width: 53%; } .input_dp_mt { width: 86%; } .depot_white_drop { width: 100%; } .depot_result p small { width: 60%; font-size: 14px; } .depot_result p span { width: 40%; font-size: 14px; } .depot_lbl_ipt { font-size: 15px; width: 100%; margin-bottom: 10px; text-align: left; } .depot_lbl_1 { font-size: 15px; text-align: left; width: 100%; display: block; margin-bottom: 10px; } .left_bot_question form #search_field { width: 85%; } .content_top_dashbord .onglets_list li a.active { font-size: 14px; } .centred_mobile .input_add_compte::-webkit-input-placeholder { font-size: 12px; } } @media only screen and (max-width : 375px) { #fv_montant_virement { width: 74% !important; } .align_j { padding-left: 9%; } .action_center { text-align: center !important; padding-top: 10px !important; float: none !important; } .big_btns { width: 60%; } .container_style .para_style { font-size: 15px; } .flech_latent { margin-right: 0px; } .bourse_detail { padding: 5px 0px; } .centred_mobile .input_add_compte::-webkit-input-placeholder { font-size: 11px; } } @media only screen and (max-width : 360px) { .responsive_plafond_table th + th .th_lbl { font-size: 11.6px; } .confirmation_personnalisation .code_section .input_fields { width: 70%; } #annuler .big_modal_body { padding: 48px 20px 20px 20px; } .txt_inline { width: 35% !important; } #personnaliser .demi_bloc { width: 100%; margin-bottom: 10px; } #personnaliser .demi_bloc .small_modal_fileds { text-align: left !important; padding-left: 5px; } .filter_type_section li a .filter_type_title { font-size: 13px; } .filter_type_section li { width: 100%; } #misedisposition .resume_forMobile .accordion + .show p span { margin-top: 2px; } .resume_forMobile .accordion + .show p span { margin-top: 2px; width: 40%; } .resume_forMobile .accordion + .show p span:nth-child(2) { width: 60%; } .resume_forMobile .accordion + .show p a { margin-top: -3px; font-size: 12px; } .transfer_cords .field_container.check_mise .txt_info { margin-top: -3px; } .transfer_cords .field_container.check_virement .txt_info { margin-top: -1px; } /*.favoris_etape_wrapper .txt_info{ font-size: 14px; }*/ .filter_type_title .txt_sup { display: none !important; } .filter_type_section li { width: 45%; } #nouveau_beneficiaire p.field_container label + label, #modifier_beneficiaire p.field_container label + label { margin-right: 18px; } .exemple_titre { padding-left: 0; } .page_title { font-size: 16px; } .total_final td.frais_utili_serv { font-size: 12px !important; } .big_btns { width: 63%; } .btn_320 { padding: 0 60px; } .cotis_lbl_1 { width: 100%; } .pdt_lbl_ipt { width: 100%; padding-bottom: 10px; } .dt_depot_prd { width: 100%; } .pdt_bgd { width: 86%; } .depot_terme { padding: 0px 10px; } .prd_cptl_info small { padding-right: 10px; font-size: 13px; } .prd_cptl_info span { font-size: 13px; } .pdt_result p small { font-size: 13px; padding-right: 10px; } .block_front_question h5 { font-size: 16px; } .left_bot_question h6 { font-size: 14px; } .acceuil_faq { font-size: 12px; } /*Modif Page_Synthese*/ .pub_left h2 { font-size: 18px; } .pub_left h3 { font-size: 15px; } .nopaddingright { padding-right: 0px !important; } /*Modif Page_Synthese*/ .mytd_dashbord { padding-left: 5px; } .special_td_dashbord div:nth-child(2) { padding-left: 15px; } .centred_mobile .input_add_compte::-webkit-input-placeholder { font-size: 10px; } } @media only screen and (max-width : 320px) { .slider_front .slick-slide > div { padding: 10px 20px 10px 20px; } .slider_front .slid_texte h3 { font-size: 16px; margin-bottom: 16px; } .slider_front .slid_texte li { padding-right: 5px; /*width: 90px;*/ } .slider_front .slid_texte li .offer_icn_area img { max-width: 60px; } .total_final td.frais_utili_serv { font-size: 11px !important; padding: 8px 7px; } .simple_footer { font-size: 9px; padding-top: 4px; } .first_section { display: block; width: 100% } .carte_modal { display: block; width: 100% } .carte_dropdown { width: 100%; } .second_section { display: block; margin-top: 10px; width: 100% } .mobile_td, .type_cart_mobile { display: block !important; height: auto !important; } .expanded_tbody { display: block; } .detail_btn { display: block; } /********** page rib **********/ .left_rib_top { width: 100%; } .right_rib_top { display: none; } .left_rib_bot { width: 100%; } .right_rib_bot { display: none; } .simulator_val_control .simple_field { width: 85px; font-size: 13px; padding-left: 5px; padding-right: 5px; } .simulator_slider { padding-left: 90px; } .liste_tirade li { font-size: 12px; } .size15 { font-size: 12px; } .costum_font_size { font-size: 12px; } /*accordion*/ .accordion_title { padding: 10px; font-size: 12px; } .accordion_title_convention { padding: 10px; font-size: 12px; } .plafond { font-size: 12px; padding: 0; padding-left: 5px; } .plafond-heading { font-size: 11px } .plafond_titles { font-size: 10px } .plafond_numbers { font-size: 10px } .responsive_plafond_table .pl23 { width: 26% !important; } .lists_fields { width: 100%; margin-bottom: 10px; } .added_comptes, .inlined_txt, .info_lbl { font-size: 12px; } .compte_contrat .abonnement_fields { margin-left: 0px; margin-bottom: 25px; } .medium_titles, .abonnement_txt, .validation_second_confirm .abonnement_confirmation, .validation_info { font-size: 15px } .step_button { width: 100%; } .yellow_download { padding: 10px 4px; padding-left: 30px; background: url(/Images/neoxiaimg/yellow_download.png) no-repeat 5% center; } /*.centred_mobile .input_add_compte { width: 181px; }*/ .centred_mobile .input_add_compte { width: 57%; font-size: 13px; margin-right: 0; } .confirmation_personnalisation .code_section .input_fields { width: 55%; } .transfer_cords .field_container.check_mise .txt_info { margin-top: -1px; } .centred_mobile button#ajouter { margin-top: 0; height: 40px; } .big_btns { width: 73%; } /***** BP */ .val-md { width: 141px !important; } .config-input-size { font-size: 13px; } .input-facture-width2 { width: 100% !important; } .val-md { width: 141px !important; } #fv_montant_virement { width: 74% !important; } .action_center { text-align: center !important; padding-top: 10px !important; float: none !important; } .slider_front .slick-next { right: 5px; background-size: 16px; } .slider_front .slick-prev { left: 5px; background-size: 16px; } .right_bot_question a span { font-size: 14px; } .telecom_img { padding-top: 40%; } .telecom_inter li { width: 100%; padding: 14px 10px; } .telecom_inter li span { width: 40%; } .bourse_title { padding: 10px 15px; } .bourse_big_title { font-size: 11px; } .bourse_title .light_txt { font-size: 10px; } .evolution_picture { width: 15px; } .bourse_title:after { width: 40px; } .bourse_table td { font-size: 10px; } .depot_white_drop { width: 100%; } .bourse_detail > li li .txt_lbl, .bourse_detail .txt_lbl + span { font-size: 14px; } .left_bot_question form #search_field { width: 80%; } .etape_facture li { font-size: 10px; } } @media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ } /* ========================================================================== Print styles. Inlined to avoid the additional HTTP request: http://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */ a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } /* * Printing Tables: * http://css-discuss.incutio.com/wiki/Printing_Tables */ thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /*Lot 2 à ajouter cette parte ========================================*/ @media only screen and (max-width: 768px) { .favori_Secondbloc .favori_wrapper input { width: 100%; } } .display-tr { display: none } /*====================================================================*/ @media only screen and (max-width: 800px) { .mobile_connectbtn_area { position: absolute; right: 0; top: 0; display: flex !important; width: 80px; justify-content: flex-end; } .mobile_connect_tabs ul li { width: 100% !important; } .mobile_connect_tabs ul li a { width: 100% !important; } .mobile_connect_tabs ul { display: flex; } #connect_btns_two { min-width: 36px; height: 45px; background-color: transparent; border: none; display: flex; align-items: center; justify-content: center; text-align: center; line-height: 42PX; } .mobile_connect_tabs__abonnement { display: none; } .mobile_connect_tabs__abonnement li { width: 100%; } .mobile_connect_tabs__abonnement.active { display: block; } .mobile_connect_tabs__abonnement ul li a { font-size: 12px; text-transform: uppercase; line-height: 44px; width: 100%; background-color: #854e56; border-right: 1px solid #fff; height: 100%; padding: 0 10px; display: block; text-align: center; color: white; } } .row-ligne-emprunt { width: 100%; } .row-ligne-emprunt .steps_heading { text-align: left !important; } .row-ligne-emprunt .content { border: 1px solid #ccc; padding: 15px 20px; } .row-ligne-emprunt .content .clearfix { display: flex; align-items: center; width: 100%; } .row-ligne-emprunt .content .clearfix label.val-md { color: #854d56; font-weight: 600; margin-right: 15px; min-width: 126px; width: 126px; } .row-ligne-emprunt .content .clearfix label.val-md span.red-text { color: red; } .row-ligne-emprunt .content .clearfix label.val-md span { font-size: 11px; width: 100%; font-weight: normal; display: block; } .row-ligne-emprunt .content .big_radio .txt_infoEmprunt:before { content: ""; width: 15px; height: 15px; position: absolute; left: 10px; border: 1px solid #e7e7e7; background: white; } .row-ligne-emprunt .content .big_radio input:checked + .radio_mask + .txt_infoEmprunt:after { content: ""; width: 8px; height: 8px; position: absolute; left: 13px; border: 1px solid #e7e7e7; background: #854d56; } .div_input { display: flex; width: 100%; justify-content: space-between; } .div_input .input { width: 50%; height: 40px; } .div_input .simple_field { width: 93% !important; height: 100%; display: flex; align-items: center; justify-content: flex-start; } .row-ligne-emprunt .content .big_radio { color: white; padding: 0px 0px; margin: 0 0px !important; margin-right: 8px !important; } .row-ligne-emprunt .content .big_radio .radio_mask { display: none; } .row-ligne-emprunt .content .big_radio .txt_infoEmprunt { padding: 0; color: white; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; background: #b9b7b5; padding: 9px 14px; color: white; position: relative; } .row-ligne-emprunt .content .big_radio input:checked + .radio_mask + .txt_infoEmprunt { background-color: #854d56; } @media only screen and (max-width : 1200px) { .bloc-emprunt { width: 70% !important; } } @media only screen and (max-width : 767px) { .bloc-emprunt .transfer_operation_container { padding: 0; } .row-ligne-emprunt .content .clearfix { flex-flow: wrap; } .row-ligne-emprunt .content .clearfix label.val-md { margin-bottom: 10px; width: 100%; } .row-ligne-emprunt .content .big_radio { margin-bottom: 10px !important; width: 45%; } } .transfer_cords.custom-width { max-width: 700px; } .custom-width .docs_list { display: flex; justify-content: center; flex-flow: wrap; } .espace_confirmer_sms.custum-sms h2 { text-align: center; } .espace_confirmer_sms.custum-sms .info_txt { text-align: center; font-size: 11px; margin-bottom: 20px; margin-top: 11px; max-width: 500px; margin: 17px auto 20px; } .espace_confirmer_sms.custum-sms { padding-bottom: 30px; } .content-msg .title { color: #e8900e; font-weight: 600; margin-bottom: 20px; } .content-msg p { font-family: 'roboto_medium'; } .content-msg .conseiller { display: flex; align-items: center; } .content-msg .conseiller img { width: 58px; margin-right: 15px; } .content-msg .conseiller .content { background-color: #e5e5e5; padding: 20px; border-radius: 8px; width: 90%; } .content-msg .conseiller .content h5 { color: #db8641; font-weight: 600; margin-bottom: 5px; } .content-msg .conseiller .content p { font-family: 'roboto_medium'; } .content-msg .conseiller .content h5 span { color: #a5a5a5; margin-left: 10px; font-size: 11px; } @media only screen and (max-width : 768px) { .nc_cp_tp_7, .nc_cp_tp_6 { width: 34% !important; } .nc_cp_tp_3 { width: 30% !important; } } .crc-block { background: #854e56; width: 50px; height: 50px; position: fixed; bottom: 35px; right: 26px; border-radius: 400px; z-index: 1; display: flex; align-items: center; transition: 0.5s all; overflow: hidden; cursor: pointer; } .crc-block label { color: white; opacity: 0; padding-left: 15px; font-weight: 500; font-size: 16px; cursor: pointer; white-space: nowrap; } .crc-block img { width: 29px; margin-left: 9px; } .crc-block:hover { width: 250px; } .crc-block:hover label { opacity: 1; } .modal-crc .image { background: #854e56; width: 80px; height: 80px; border-radius: 300px; padding: 17px; border: 5px solid #dfced0; margin: 0 auto 20px; } .modal-crc { text-align: center; padding: 0 80px; } .modal-crc h3 { font-size: 20px; margin-bottom: 20px; } .table_zibra { width: 100% !important; font-size: 13px; border-collapse: initial; } .table_zibra th { background-color: #b9b7b5; border-right: 1px solid #fff; color: #f2f2f2; font-size: 13px; height: 30px; text-align: left; font-weight: normal; background-clip: padding-box; border-spacing: 0px; } .table_zibra td { border: 1px solid #f2f2f2; } .table_zibra td + td { border-left: 1px solid #e5e5e5; } .table_zibra tr { height: 32px; } .table_zibra tr td { height: 55px; padding: 8px 15px; font-weight: bold; font-size: 13px; } .table_zibra > tbody > tr:nth-child(even) { background: #f2f2f2; } .table_zibra > tbody > tr:nth-child(odd) { background: #fff; } .table_zibra th:hover { background-color: #9C9C9C; } .comptes_liste > div, .comptes_liste > a { display: block; border: 1px solid #e6e4e3; padding: 10px 35px 10px 10px; background: url('/Images/neoxiaimg/compte_liste_bottom_arrow.png') no-repeat 100% center #f7f6f5; } .Upload_doc { border: 1px solid #dbd8d8; padding: 5px 0 5px 5px; margin: 15px 0 5px 55px; background-color: #fee8ce; } .purple_redirection { color: #854e56; font-size: 18px; font-family: 'roboto_regular'; text-decoration: underline; } .a_proprio { padding-right: 23px; }