/* inject:css */
/* Webfont: LatoLatin-Black */@font-face {
font-family: 'LatoLatinWebBlack';
src: url('../fonts/LatoLatin-Black.eot'); /* IE9 Compat Modes */
src: url('../fonts/LatoLatin-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/LatoLatin-Black.woff2') format('woff2'), /* Modern Browsers */
url('../fonts/LatoLatin-Black.woff') format('woff'), /* Modern Browsers */
url('../fonts/LatoLatin-Black.ttf') format('truetype');
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
/* Webfont: LatoLatin-BlackItalic */@font-face {
font-family: 'LatoLatinWebBlack';
src: url('../fonts/LatoLatin-BlackItalic.eot'); /* IE9 Compat Modes */
src: url('../fonts/LatoLatin-BlackItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/LatoLatin-BlackItalic.woff2') format('woff2'), /* Modern Browsers */
url('../fonts/LatoLatin-BlackItalic.woff') format('woff'), /* Modern Browsers */
url('../fonts/LatoLatin-BlackItalic.ttf') format('truetype');
font-style: italic;
font-weight: normal;
text-rendering: optimizeLegibility;
}
/* Webfont: LatoLatin-Bold */@font-face {
font-family: 'LatoLatinWeb';
src: url('../fonts/LatoLatin-Bold.eot'); /* IE9 Compat Modes */
src: url('../fonts/LatoLatin-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/LatoLatin-Bold.woff2') format('woff2'), /* Modern Browsers */
url('../fonts/LatoLatin-Bold.woff') format('woff'), /* Modern Browsers */
url('../fonts/LatoLatin-Bold.ttf') format('truetype');
font-style: normal;
font-weight: bold;
text-rendering: optimizeLegibility;
}
/* Webfont: LatoLatin-BoldItalic */@font-face {
font-family: 'LatoLatinWeb';
src: url('../fonts/LatoLatin-BoldItalic.eot'); /* IE9 Compat Modes */
src: url('../fonts/LatoLatin-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/LatoLatin-BoldItalic.woff2') format('woff2'), /* Modern Browsers */
url('../fonts/LatoLatin-BoldItalic.woff') format('woff'), /* Modern Browsers */
url('../fonts/LatoLatin-BoldItalic.ttf') format('truetype');
font-style: italic;
font-weight: bold;
text-rendering: optimizeLegibility;
}
/* Webfont: LatoLatin-Hairline */@font-face {
font-family: 'LatoLatinWebHairline';
src: url('../fonts/LatoLatin-Hairline.eot'); /* IE9 Compat Modes */
src: url('../fonts/LatoLatin-Hairline.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/LatoLatin-Hairline.woff2') format('woff2'), /* Modern Browsers */
url('../fonts/LatoLatin-Hairline.woff') format('woff'), /* Modern Browsers */
url('../fonts/LatoLatin-Hairline.ttf') format('truetype');
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
/* Webfont: LatoLatin-HairlineItalic */@font-face {
font-family: 'LatoLatinWebHairline';
src: url('../fonts/LatoLatin-HairlineItalic.eot'); /* IE9 Compat Modes */
src: url('../fonts/LatoLatin-HairlineItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/LatoLatin-HairlineItalic.woff2') format('woff2'), /* Modern Browsers */
url('../fonts/LatoLatin-HairlineItalic.woff') format('woff'), /* Modern Browsers */
url('../fonts/LatoLatin-HairlineItalic.ttf') format('truetype');
font-style: italic;
font-weight: normal;
text-rendering: optimizeLegibility;
}
/* Webfont: LatoLatin-Heavy */@font-face {
font-family: 'LatoLatinWebHeavy';
src: url('../fonts/LatoLatin-Heavy.eot'); /* IE9 Compat Modes */
src: url('../fonts/LatoLatin-Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/LatoLatin-Heavy.woff2') format('woff2'), /* Modern Browsers */
url('../fonts/LatoLatin-Heavy.woff') format('woff'), /* Modern Browsers */
url('../fonts/LatoLatin-Heavy.ttf') format('truetype');
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
/* Webfont: LatoLatin-HeavyItalic */@font-face {
font-family: 'LatoLatinWebHeavy';
src: url('../fonts/LatoLatin-HeavyItalic.eot'); /* IE9 Compat Modes */
src: url('../fonts/LatoLatin-HeavyItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/LatoLatin-HeavyItalic.woff2') format('woff2'), /* Modern Browsers */
url('../fonts/LatoLatin-HeavyItalic.woff') format('woff'), /* Modern Browsers */
url('../fonts/LatoLatin-HeavyItalic.ttf') format('truetype');
font-style: italic;
font-weight: normal;
text-rendering: optimizeLegibility;
}
/* Webfont: LatoLatin-Italic */@font-face {
font-family: 'LatoLatinWeb';
src: url('../fonts/LatoLatin-Italic.eot'); /* IE9 Compat Modes */
src: url('../fonts/LatoLatin-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/LatoLatin-Italic.woff2') format('woff2'), /* Modern Browsers */
url('../fonts/LatoLatin-Italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/LatoLatin-Italic.ttf') format('truetype');
font-style: italic;
font-weight: normal;
text-rendering: optimizeLegibility;
}
/* Webfont: LatoLatin-Light */@font-face {
font-family: 'LatoLatinWebLight';
src: url('../fonts/LatoLatin-Light.eot'); /* IE9 Compat Modes */
src: url('../fonts/LatoLatin-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/LatoLatin-Light.woff2') format('woff2'), /* Modern Browsers */
url('../fonts/LatoLatin-Light.woff') format('woff'), /* Modern Browsers */
url('../fonts/LatoLatin-Light.ttf') format('truetype');
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
/* Webfont: LatoLatin-LightItalic */@font-face {
font-family: 'LatoLatinWebLight';
src: url('../fonts/LatoLatin-LightItalic.eot'); /* IE9 Compat Modes */
src: url('../fonts/LatoLatin-LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/LatoLatin-LightItalic.woff2') format('woff2'), /* Modern Browsers */
url('../fonts/LatoLatin-LightItalic.woff') format('woff'), /* Modern Browsers */
url('../fonts/LatoLatin-LightItalic.ttf') format('truetype');
font-style: italic;
font-weight: normal;
text-rendering: optimizeLegibility;
}
/* Webfont: LatoLatin-Medium */@font-face {
font-family: 'LatoLatinWebMedium';
src: url('../fonts/LatoLatin-Medium.eot'); /* IE9 Compat Modes */
src: url('../fonts/LatoLatin-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/LatoLatin-Medium.woff2') format('woff2'), /* Modern Browsers */
url('../fonts/LatoLatin-Medium.woff') format('woff'), /* Modern Browsers */
url('../fonts/LatoLatin-Medium.ttf') format('truetype');
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
/* Webfont: LatoLatin-MediumItalic */@font-face {
font-family: 'LatoLatinWebMedium';
src: url('../fonts/LatoLatin-MediumItalic.eot'); /* IE9 Compat Modes */
src: url('../fonts/LatoLatin-MediumItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/LatoLatin-MediumItalic.woff2') format('woff2'), /* Modern Browsers */
url('../fonts/LatoLatin-MediumItalic.woff') format('woff'), /* Modern Browsers */
url('../fonts/LatoLatin-MediumItalic.ttf') format('truetype');
font-style: italic;
font-weight: normal;
text-rendering: optimizeLegibility;
}
/* Webfont: LatoLatin-Regular */@font-face {
font-family: 'LatoLatinWeb';
src: url('../fonts/LatoLatin-Regular.eot'); /* IE9 Compat Modes */
src: url('../fonts/LatoLatin-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/LatoLatin-Regular.woff2') format('woff2'), /* Modern Browsers */
url('../fonts/LatoLatin-Regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/LatoLatin-Regular.ttf') format('truetype');
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
/* Webfont: LatoLatin-Semibold */@font-face {
font-family: 'LatoLatinWebSemibold';
src: url('../fonts/LatoLatin-Semibold.eot'); /* IE9 Compat Modes */
src: url('../fonts/LatoLatin-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/LatoLatin-Semibold.woff2') format('woff2'), /* Modern Browsers */
url('../fonts/LatoLatin-Semibold.woff') format('woff'), /* Modern Browsers */
url('../fonts/LatoLatin-Semibold.ttf') format('truetype');
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
/* Webfont: LatoLatin-SemiboldItalic */@font-face {
font-family: 'LatoLatinWebSemibold';
src: url('../fonts/LatoLatin-SemiboldItalic.eot'); /* IE9 Compat Modes */
src: url('../fonts/LatoLatin-SemiboldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/LatoLatin-SemiboldItalic.woff2') format('woff2'), /* Modern Browsers */
url('../fonts/LatoLatin-SemiboldItalic.woff') format('woff'), /* Modern Browsers */
url('../fonts/LatoLatin-SemiboldItalic.ttf') format('truetype');
font-style: italic;
font-weight: normal;
text-rendering: optimizeLegibility;
}
/* Webfont: LatoLatin-Thin */@font-face {
font-family: 'LatoLatinWebThin';
src: url('../fonts/LatoLatin-Thin.eot'); /* IE9 Compat Modes */
src: url('../fonts/LatoLatin-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/LatoLatin-Thin.woff2') format('woff2'), /* Modern Browsers */
url('../fonts/LatoLatin-Thin.woff') format('woff'), /* Modern Browsers */
url('../fonts/LatoLatin-Thin.ttf') format('truetype');
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
/* Webfont: LatoLatin-ThinItalic */@font-face {
font-family: 'LatoLatinWebThin';
src: url('../fonts/LatoLatin-ThinItalic.eot'); /* IE9 Compat Modes */
src: url('../fonts/LatoLatin-ThinItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/LatoLatin-ThinItalic.woff2') format('woff2'), /* Modern Browsers */
url('../fonts/LatoLatin-ThinItalic.woff') format('woff'), /* Modern Browsers */
url('../fonts/LatoLatin-ThinItalic.ttf') format('truetype');
font-style: italic;
font-weight: normal;
text-rendering: optimizeLegibility;
}
/*! 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;
}
/*
* 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;
}
/*
* 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,
* images, 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
========================================================================== */
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Hide visually and from screen readers:
*/
.hidden {
display: none !important;
}
/*
* Hide only visually, but have it available for screen readers:
* http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* 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;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-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: "";
}
abbr[title]:after {
content: "";
}
/*
* 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;
}
}
.scrollable-fix {
display: table;
width: 100%;
height: 100%;
table-layout: fixed;
}
.scrollable-fix .non-scrollable-content-fix {
display: table-row;
}
.scrollable-fix .scrollable-content-fix {
display: table-row;
height: 100%;
position: relative;
}
.scrollable-fix .scrollable-content-cell-fix {
display: table-cell;
height: 100%;
position: relative;
}
.scrollable-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.scrollable-flex > .nano {
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
position: relative;
}
.scrollable-flex > .nano > .nano-content {
position: absolute;
left: 0;
top: 0;
bottom: 0;
overflow-x: hidden;
overflow-y: scroll;
margin-right: -15px;
}
@font-face {
font-family: "icons";
src: url('../fonts/icons.eot');
src: url('../fonts/icons.eot?#iefix') format('eot'),
url('../fonts/icons.woff2') format('woff2'),
url('../fonts/icons.woff') format('woff'),
url('../fonts/icons.ttf') format('truetype'),
url('../fonts/icons.svg#icons') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="fonticon-"], [class*=" fonticon-"] {
line-height: 0;
}
[class^="fonticon-"]:before,
[class*=" fonticon-"]:before {
display: inline-block;
font-family: "icons";
font-style: normal;
font-weight: normal;
line-height: 1;
speak:none;
text-decoration:inherit;
text-transform:none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: middle;
}
.fonticon-lg {
font-size: 1.3333333333333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fonticon-2x { font-size: 2em; }
.fonticon-3x { font-size: 3em; }
.fonticon-4x { font-size: 4em; }
.fonticon-5x { font-size: 5em; }
.fonticon-fw {
width: 1.2857142857142858em;
text-align: center;
}
.fonticon-calculator:before { content: "\EA01" }
/*
Icon classes can be used entirely standalone. They are named after their original file names.
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
.sprite.sprite-sprite {
background-image: url(../images/sprites.png);
background-position: 0px 0px;
width: 968px;
height: 800px;
}
.sprite.sprite-airplane_min {
background-image: url(../images/sprites.png);
background-position: -66px -802px;
width: 34px;
height: 21px;
}
.sprite.sprite-avatar {
background-image: url(../images/sprites.png);
background-position: -34px -802px;
width: 30px;
height: 29px;
}
.sprite.sprite-home_min {
background-image: url(../images/sprites.png);
background-position: 0px -838px;
width: 28px;
height: 25px;
}
.sprite.sprite-magnifier {
background-image: url(../images/sprites.png);
background-position: 0px -802px;
width: 32px;
height: 34px;
}
.sprite.sprite-road_min {
background-image: url(../images/sprites.png);
background-position: -30px -838px;
width: 27px;
height: 23px;
}
*/
@media print{
.operations-view,
.subpage-tabs,
.title-button,
.download-link{
display: none!important;
height: 0;
}
.print-main-body{
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.print-full-width{
width: 100%;
float: left;
}
.ca-icon{
display: block!important;
height: auto!important;
}
body, .main-content .content-box, .main-content .left-section, .operations-view {
background-color: #fff !important;
}
body{
padding:0!important;
}
}
html body .nano {
margin-left:0;
margin-right:0;
}
.subpage .subpage-scroll .nano {
position: relative;
width: 100%;
height: 100%;
}
.nano .nano-pane{
width: 10px!important;
border-radius:0!important;
}
.nano .nano-pane .nano-slider{
border-radius: 0!important;
}
.nano.extra-visible > .nano-pane > .nano-slider,
.nano.extra-visible:hover > .nano-pane:hover > .nano-slider:hover{
background: rgb(128,128,128);
}
.no-scroll-paddings > .nano-content,
.no-scroll-paddings > .nano > .nano-content{
padding: 0!important;
}
.no-scroll-paddings .nano-pane{
right: 9px;
}
.no-scroll-margin > .nano-content{
margin-right: 0!important;;
}
.hide-scroll-paddings > .nano > .nano-content {
padding-left: 0;
padding-right: 0;
}
.hide-right-scroll-padding > .nano > .nano-content {
padding-right: 0;
}
.nano.content-not-scrolled > .nano-content > *{
height: auto;
}
@media (max-width: 991px){
/* For small devices nano should be disabled, therefore it shouldn't change margin */
.nano > .nano-content{
margin-right: 0!important;
}
}
.donut-chart{
position: relative;
}
.donut-chart::before{
content: " ";
background: #fff;
width: 60%;
height: 60%;
position: absolute;
display: block;
z-index: 1;
border-radius: 50%;
margin-left: 20%;
margin-top: 20%;
box-shadow: 0 0 15px rgba(0,0,0,0.2);
}
.chart-legend{
display: inline;
}
.chart-legend .legend-row{
-webkit-transition: 0.3s;
transition: 0.3s;
margin-bottom: 2px;
margin-left: 2px;
clear:both;
display: block;
padding: 2px 5px;
text-align: left
}
.chart-legend .legend-row:hover{
background: #F5F5F5;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.chart-legend .legend-row .color{
width: 10px;
height: 10px;
display: block;
float: left;
margin: 3px 5px 0 0;
}
.chart-legend .legend-row .break-word{
display: inline-block;
white-space: nowrap;
overflow:hidden;
text-overflow: ellipsis;
text-align: left
}
.chart-legend .tooltip, .title-section-with-image .chart-legend .tooltip .tooltip-inner {
word-wrap: break-word;
white-space: normal;
background: #fff;
opacity: 1;
border-radius: 0;
text-align: justify;
}
.chart-legend .tooltip .tooltip-inner{
position: fixed;
}
.highcharts-container path{
stroke-opacity: 0;
}
.big-chart .highcharts-container path{
stroke-opacity: 1;
}
.highchart-placeholder{
display: block;
width: 100%;
padding: 50% 0;
border-radius: 50%;
position: relative;
margin: 20px 0;
}
.chart-container {
margin: 20px 0px;
}
.stack-bar-chart {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0px -1px 0px 0px;
}
.stack-bar-chart .stack-bar-chart-item {
color: white;
text-align: center;
height: 27px;
margin: 0px 1px 0px 0px;
vertical-align: middle;
line-height: 27px;
}
.stack-bar-chart .stack-bar-chart-item .stack-bar-chart-item-label {
width: 100%;
height: 27px;
display: block;
margin-bottom: 0px;
}
.stack-bar-chart .stack-bar-chart-item .tooltip {
border-radius: 2px !important;
box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2) !important;
border-style: none !important;
outline: 0px solid #666666 !important;
background-color: #ffffff; !important
opacity: 1.0 !important;
font-size: 10px !important;
margin: 5px 7px 7px 11px !important;
}
.stack-bar-chart .stack-bar-chart-item .tooltip.top {
padding: 5px 5px !important;
}
.stack-bar-chart .stack-bar-chart-item .tooltip.top .tooltip-arrow {
border-bottom-color: white !important;
border-top-color: transparent !important;
}
.stack-bar-chart .stack-bar-chart-item .tooltip-inner {
border: none !important;
white-space: normal !important;
padding: 0px !important;
}
.highcharts-series.highcharts-tracker rect {
width: 27px !important;
}
#container {
height: 120px;
}
.highchart-placeholder .sum-info{
position: absolute;
bottom: 10px;
display: block;
text-align: center;
width: 100%;
color: #fff;
text-shadow: 0 0 10px #000;
}
.confirm-member-actions .ce-timeline{
padding-right: 20px;
}
.confirm-member-actions .ce-timeline::before {
border-color: transparent;
}
.confirm-member-actions .ce-timeline .events-list{
background: #fff;
margin-bottom: 10px;
border: 1px solid #ccc;
}
.wf-glyphiconshalflings-n4-loading .glyphicon{
visibility: hidden;
}
.funds-confirmation .big-icon {
width: 120px;
margin: 0 auto;
}
.investment-profiles .investment-profile .fund-row {
margin-right: 0px;
}
.member-field-add .list-field-wrapper {
display: block;
position: relative;
padding-right: 25px;
}
.member-field-add .chosen-select {
width: 100%;
min-width: 100%;
}
.member-field-add .chosen-container {
width: 100% !important;
}
.member-field-add .ce-combobox a.chosen-single {
border: 1px solid #cccccc;
}
span.member-field-add .ce-combobox .chosen-select.ng-untouched + .chosen-container a.chosen-single {
border: 1px solid #cccccc !important;
}
ce-member-field-document-add .ce-combobox .chosen-select.ng-untouched + .chosen-container a.chosen-single {
border: 1px solid #cccccc !important;
}
ce-member-field-document-add .right-field {
padding-left: 2px;
}
.tiles{
width: 100%;
float: left;
margin-bottom: 30px;
}
.tiles .row.side-paddings{
padding: 0 15px;
}
.tiles .row > *{
}
.tiles .tile-container{
float: left;
width: 100%;
}
.tiles .tile-container .tile{
margin: 0 0 20px 0;
}
.tiles .tile-container .panel{
margin-bottom: 0;
}
.member-fund-performance .fund-name {
width: 100%;
text-align: center;
}
.member-fund-performance .centralize {
width: 100%;
text-align: center;
}
.member-fund-performance .fund-basic-info {
vertical-align: top;
}
.member-fund-performance .fund-basic-info .ca-icon-info-red::after {
margin-top: -7px;
}
.member-fund-performance .fund-basic-info span {
display: inline-block;
float: left;
vertical-align: top;
}
.member-fund-performance .provider, .member-fund-performance .unit-value {
width: 20%;
}
.member-fund-performance .additional-info {
display: block;
clear: both;
}
.member-fund-performance .diagram {
width: 100% !important;
height: 100% !important;
}
.member-policy-details-tile .policy-data:not(:last-child) {
margin-bottom: 40px;
}
.member-policy-details-tile .text-right {
white-space: normal;
}
.member-policy-details-tile .column-left {
width: 40%;
}
.member-policy-details-tile .column-right {
width: 60%;
}
.member-policy-details-tile .policy-details-row-non-bordered {
border-bottom: 0;
padding-bottom: 8px;
margin-bottom: 8px;
margin-right: -25px;
padding-right: 25px;
padding-left: 10px;
}
.member-policy-details-tile .policy-details-row {
border-bottom: 1px solid #d4d4d4;
padding-bottom: 8px;
margin-bottom: 8px;
margin-right: -25px;
padding-right: 25px;
padding-left: 10px;
}
/* endinject */
/* inject:less */
@-webkit-keyframes bounceInDown {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes moveRight {
to {
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
}
@keyframes moveRight {
to {
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
}
@-webkit-keyframes moveLeft {
to {
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
}
@keyframes moveLeft {
to {
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
}
@-webkit-keyframes transferSectionLeft {
0% {
-webkit-transform: translate3d(-20%, 0, 0);
transform: translate3d(-20%, 0, 0);
opacity: 0;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes transferSectionLeft {
0% {
-webkit-transform: translate3d(-20%, 0, 0);
transform: translate3d(-20%, 0, 0);
opacity: 0;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes transferSectionRight {
0% {
-webkit-transform: translate3d(20%, 0, 0);
transform: translate3d(20%, 0, 0);
opacity: 0;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes transferSectionRight {
0% {
-webkit-transform: translate3d(20%, 0, 0);
transform: translate3d(20%, 0, 0);
opacity: 0;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.devModeButton {
color: #FF33CC;
border-color: #FF33CC;
float: right;
}
.dev-resources {
-webkit-filter: drop-shadow(10px 10px 15px red);
filter: drop-shadow(10px 10px 15px red);
}
.dev-focused {
-webkit-filter: drop-shadow(5px 5px 7px blue);
filter: drop-shadow(5px 5px 7px blue);
}
.menu .dev-panel .badge {
text-align: left;
margin: 1px;
}
.menu .dev-panel .badge .glyphicon {
width: 16px;
color: #00ee00;
}
.menu .dev-panel .badge.meter {
width: 68px;
vertical-align: top;
}
.menu .dev-panel .badge.meter table td {
padding: 0 1px;
}
.menu .dev-panel .badge.toggle {
cursor: pointer;
}
.menu .dev-panel .badge .focused .resources {
color: #ffcccc;
}
.menu .dev-panel .badge .focused .focus {
color: #ccccff;
}
.ui-notification,
.events-panel {
position: absolute;
z-index: 2000;
width: calc(100% - 70px);
height: 40px;
}
.ui-notification .icon,
.events-panel .icon {
font-size: 14pt;
}
.ui-notification .event-message,
.events-panel .event-message {
font-family: "LatoLatinWebHeavy";
font-size: 12pt;
padding: 10px;
}
.ui-notification.error,
.events-panel.error {
color: white;
background-color: #D8431C;
}
.ui-notification.warning,
.events-panel.warning {
color: white;
background-color: #F5B11F;
}
.ui-notification.info,
.events-panel.info {
color: white;
background-color: #399F6D;
}
.ui-notification.success,
.events-panel.success {
color: white;
background-color: #399F6D;
}
.high-contrast {
text-shadow: 0 0 0 !important;
-webkit-filter: saturate(150%) !important;
filter: saturate(150%) !important;
}
* {
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
padding: 0;
margin: 0;
}
html {
-ms-overflow-style: scrollbar;
height: 100%;
overflow-y: hidden;
}
body {
height: 100%;
font-family: "LatoLatinWeb", sans-serif;
overflow-y: hidden;
padding-top: 50px;
padding-left: 70px;
background-color: #FFF;
}
a,
a:hover,
a:focus {
text-decoration: none;
color: #000;
}
.margin-top-05 {
margin-top: 0.5em;
}
.margin-top-10 {
margin-top: 1.0em;
}
.margin-top-15 {
margin-top: 1.5em;
}
.margin-top-20 {
margin-top: 2.0em;
}
.margin-top-25 {
margin-top: 2.5em;
}
.margin-top-30 {
margin-top: 3.0em;
}
.margin-right-05 {
margin-right: 0.5em;
}
.margin-right-10 {
margin-right: 1.0em;
}
.margin-right-15 {
margin-right: 1.5em;
}
.margin-right-20 {
margin-right: 2.0em;
}
.margin-right-25 {
margin-right: 2.5em;
}
.margin-right-30 {
margin-right: 3.0em;
}
.margin-left-05 {
margin-left: 0.5em;
}
.margin-left-10 {
margin-left: 1.0em;
}
.margin-left-15 {
margin-left: 1.5em;
}
.margin-left-20 {
margin-left: 2.0em;
}
.margin-left-25 {
margin-left: 2.5em;
}
.margin-left-30 {
margin-left: 3.0em;
}
.margin-top-standard {
margin-top: 15px;
}
.margin-bottom-05 {
margin-bottom: 0.5em;
}
.margin-bottom-10 {
margin-bottom: 1.0em;
}
.margin-bottom-15 {
margin-bottom: 1.5em;
}
.margin-bottom-20 {
margin-bottom: 2.0em;
}
.margin-bottom-25 {
margin-bottom: 2.5em;
}
.margin-bottom-30 {
margin-bottom: 3.0em;
}
.margin-bottom-50 {
margin-bottom: 5.0em;
}
.margin-bottom-standard {
margin-bottom: 15px;
}
.padding-20 {
padding: 2em;
}
h1.header,
h2.header,
h3.header,
h4.header,
h5.header,
h6.header {
font-family: "LatoLatinWebLight";
color: #7aafd3;
}
h1.header.bold,
h2.header.bold,
h3.header.bold,
h4.header.bold,
h5.header.bold,
h6.header.bold {
text-transform: uppercase;
}
h1.header.bold em,
h2.header.bold em,
h3.header.bold em,
h4.header.bold em,
h5.header.bold em,
h6.header.bold em {
font-family: "LatoLatinWebHeavy";
font-style: normal;
}
header h1:not(:first-child),
header h2:not(:first-child),
header h3:not(:first-child),
header h4:not(:first-child),
header h5:not(:first-child),
header h6:not(:first-child) {
margin-top: 0;
}
header h1:not(:last-child),
header h2:not(:last-child),
header h3:not(:last-child),
header h4:not(:last-child),
header h5:not(:last-child),
header h6:not(:last-child) {
margin-bottom: 0;
}
header.main-header {
margin-bottom: 15px;
}
header.main-header .icon {
color: #466696;
font-size: 28px;
font-weight: lighter;
padding: 10px 10px 20px 0;
float: left;
}
header.main-header h1,
header.main-header h2 {
font-family: inherit;
margin-bottom: 0;
margin-top: 0;
}
header.main-header h1 {
font-size: 42px;
font-family: "LatoLatinWebLight";
}
header.main-header h2 {
font-size: 14px;
font-family: "LatoLatinWebMedium";
color: #777777;
}
.container-view {
overflow-x: hidden;
overflow-y: auto;
min-width: 698px;
margin: 0;
padding: 0;
}
.full-height {
height: 100%;
}
.scrollable {
overflow: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.row.no-gutter {
margin-right: 0;
margin-left: 0;
}
.row.no-gutter > [class^="col-"],
.row.no-gutter > [class*=" col-"] {
padding-right: 0;
padding-left: 0;
}
.row.inverse {
margin-right: 15px;
margin-left: 15px;
}
.row-centered {
text-align: center;
}
.col-centered {
display: inline-block;
float: none;
text-align: left;
margin-right: -4px;
}
/*
* Global add-ons
*/
.sub-header {
padding: 5px 0;
color: #466696;
position: relative;
}
.sub-header .more {
font-size: 0.7em;
display: block;
float: right;
text-shadow: none;
}
.sub-header .more a {
color: #7aafd3;
}
.sub-header .more a:hover {
color: #7aafd3;
}
.with-transition {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.opacity-0 {
opacity: 0;
}
.opacity-1 {
opacity: 1;
}
/*
* Top navigation
* Hide default border to remove 1px line.
*/
.navbar-fixed-top {
border: 0;
margin-bottom: 0;
}
.navbar-inverse {
background-color: #303E4D;
height: 50px;
}
.navbar-inverse .navbar-collapse {
margin-left: 55px;
}
.navbar-inverse .navbar-brand {
color: #000000;
text-transform: uppercase;
font-family: "LatoLatinWebLight";
}
.navbar-inverse .navbar-brand em {
font-style: normal;
font-family: "LatoLatinWebHeavy";
}
.navbar-inverse .navbar-brand .glyphicon {
color: #466696;
margin-right: 10px;
}
.navbar-inverse .navbar-brand:active,
.navbar-inverse .navbar-brand:hover {
color: #7aafd3;
}
.navbar-inverse .navbar-brand:active em,
.navbar-inverse .navbar-brand:hover em {
color: #466696;
}
.navbar-nav .actions-button {
margin: 8px 20px 0;
}
.navbar-nav .tasks,
.navbar-nav .notifications,
.navbar-nav .user-profile {
height: 50px;
position: relative;
padding: 0 10px;
}
.navbar-nav .tasks a,
.navbar-nav .notifications a,
.navbar-nav .user-profile a {
cursor: pointer;
}
.navbar-nav .tasks .badge,
.navbar-nav .notifications .badge,
.navbar-nav .user-profile .badge {
position: absolute;
top: 7px;
right: 7px;
font-size: 0.8em;
background-color: #D8431B;
color: #ffffff;
padding: 3px 6px;
}
.navbar-nav .user-photo,
.navbar-nav .navbar-icon {
display: inline-block;
vertical-align: middle;
}
.navbar-nav .user-photo {
padding: 10px 0;
}
.navbar-nav .navbar-icon {
font-size: 20px;
line-height: 30px;
padding: 10px 7px;
color: #E0E9EE;
}
.navbar-nav .user-profile .navbar-icon {
font-size: 10px;
}
.navbar-nav .flag {
height: 15px;
width: 25px;
float: right;
}
.client-view {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 1049;
padding: 0 15px;
overflow: hidden;
margin: 0;
-webkit-overflow-scrolling: touch;
}
/*
* Main content
*/
.main-content {
position: relative;
}
.main-content.sidebar-opened-add,
.main-content.sidebar-opened-remove {
-webkit-transition: right 0.3s ease-in-out;
transition: right 0.3s ease-in-out;
}
.main-content.sidebar-opened {
right: -450px;
}
.main-content.sidebar-opened-add,
.main-content.sidebar-opened-remove.sidebar-opened-remove-active {
right: 0;
}
.main-content.sidebar-opened-remove,
.main-content.sidebar-opened-add.sidebar-opened-add-active {
right: -450px;
}
.main-content .content-box {
background: #fff;
}
.main-content .content-box .page-header:first-child {
margin-top: 15px;
margin-bottom: 0;
}
.main-content .content-box.content-box-panel {
padding-top: 15px;
}
.main-content .task-context table {
margin-bottom: 0;
}
.main-content .task-context table td {
border-top: none;
}
.main-content .task-context:empty {
display: none;
}
.main-content .bottom-bar {
width: 100%;
margin-top: 30px;
z-index: 1300;
}
.main-content .bottom-bar:before,
.main-content .bottom-bar:after {
content: " ";
display: table;
}
.main-content .bottom-bar:after {
clear: both;
}
.main-content .bottom-bar .left {
float: left;
}
.main-content .bottom-bar .right {
float: right;
}
.main-content .left-section,
.main-content .right-section {
background-color: #fff;
}
@media (min-width: 992px) {
.main-content .left-section,
.main-content .right-section {
height: 100%;
overflow: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.main-content .left-section {
background-color: #fff;
}
.main-content .left-section.color-section .nano {
background-color: #E0E9EE;
}
.main-content .left-section.color-section .colorless {
background-color: #fff !important;
}
.main-content .right-section.colorless {
background-color: #E0E9EE;
}
}
@media (min-width: 992px) {
.main-content .scrollable-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.main-content .scrollable-content > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.main-content .scrollable-content > .nano {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.main-content .scrollable-content > :not(.ps-container).margin-for-slider {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.container-view {
overflow: hidden;
}
.container-view > .main-content {
height: 100%;
overflow: hidden;
}
.container-view > .main-content:focus {
outline: none;
}
.container-view > .main-content > .tab-view {
display: table;
height: 100%;
width: 100%;
overflow: hidden;
}
.container-view > .main-content > .tab-view:not(.ng-hide) > .content-box {
display: table-row;
height: 100%;
overflow: hidden;
}
.container-view > .main-content > .tab-view:not(.ng-hide) > .content-box > .left-section,
.container-view > .main-content > .tab-view:not(.ng-hide) > .content-box > .right-section {
height: 100%;
}
}
/*
* Placeholder dashboard ideas
*/
.ae-boxes {
clear: both;
padding-top: 22px;
padding-bottom: 12px;
}
.ae-boxes .ae-box {
color: #7aafd3;
width: 145px;
height: 90px;
padding: 15px 0;
float: left;
text-align: center;
border: 1px solid #eeeeee;
}
.ae-boxes .ae-box:not(:first-child) {
margin-left: 3px;
}
.ae-boxes .ae-box .progress {
margin: 0 11px;
}
.ae-boxes .ae-box h4 {
color: #222222;
font-family: "LatoLatinWebLight";
font-size: 14pt;
margin-bottom: 15px;
}
.ae-boxes .ae-box img {
display: inline-block;
border-radius: 50%;
}
.ae-boxes .ae-box .counter .counter-value {
font-weight: bold;
}
.ae-boxes .ae-box .filter {
color: gray;
}
.ae-boxes .ae-box .filter:hover {
color: inherit;
}
.ae-boxes .ae-box:not(:first-child) {
border-left: thin solid #eeeeee;
}
.ae-boxes .ae-box:hover {
background: #7aafd3;
cursor: pointer;
color: #ffffff;
}
.ae-boxes .ae-box:hover h4 {
color: inherit;
}
.ae-boxes .ae-box.selected {
background: #466696;
background: -webkit-gradient(76deg, #466696, #7aafd3);
background: -webkit-linear-gradient(76deg, #466696, #7aafd3);
background: -webkit-linear-gradient(14deg, #466696, #7aafd3);
background: linear-gradient(76deg, #466696, #7aafd3);
color: #ffffff;
}
.ae-boxes .ae-box.selected:hover {
background: #5c7fb3;
background: -webkit-gradient(76deg, #5c7fb3, #a0c6e0);
background: -webkit-linear-gradient(76deg, #5c7fb3, #a0c6e0);
background: -webkit-linear-gradient(14deg, #5c7fb3, #a0c6e0);
background: linear-gradient(76deg, #5c7fb3, #a0c6e0);
color: #ffffff;
}
.ae-boxes .ae-box.selected h4 {
font-weight: bold;
color: inherit;
}
.ae-boxes .ae-box-2 {
color: #7aafd3;
width: 145px;
height: 90px;
padding: 15px 0;
float: left;
text-align: center;
border: 1px solid #eeeeee;
width: 50% !important;
}
.ae-boxes .ae-box-2:not(:first-child) {
margin-left: 3px;
}
.ae-boxes .ae-box-2 .progress {
margin: 0 11px;
}
.ae-boxes .ae-box-2 h4 {
color: #222222;
font-family: "LatoLatinWebLight";
font-size: 14pt;
margin-bottom: 15px;
}
.ae-boxes .ae-box-2 img {
display: inline-block;
border-radius: 50%;
}
.ae-boxes .ae-box-2 .counter .counter-value {
font-weight: bold;
}
.ae-boxes .ae-box-2 .filter {
color: gray;
}
.ae-boxes .ae-box-2 .filter:hover {
color: inherit;
}
.ae-boxes .ae-box-2:not(:first-child) {
border-left: thin solid #eeeeee;
}
.ae-boxes .ae-box-2:hover {
background: #7aafd3;
cursor: pointer;
color: #ffffff;
}
.ae-boxes .ae-box-2:hover h4 {
color: inherit;
}
.ae-boxes .ae-box-2.selected {
background: #466696;
background: -webkit-gradient(76deg, #466696, #7aafd3);
background: -webkit-linear-gradient(76deg, #466696, #7aafd3);
background: -webkit-linear-gradient(14deg, #466696, #7aafd3);
background: linear-gradient(76deg, #466696, #7aafd3);
color: #ffffff;
}
.ae-boxes .ae-box-2.selected:hover {
background: #5c7fb3;
background: -webkit-gradient(76deg, #5c7fb3, #a0c6e0);
background: -webkit-linear-gradient(76deg, #5c7fb3, #a0c6e0);
background: -webkit-linear-gradient(14deg, #5c7fb3, #a0c6e0);
background: linear-gradient(76deg, #5c7fb3, #a0c6e0);
color: #ffffff;
}
.ae-boxes .ae-box-2.selected h4 {
font-weight: bold;
color: inherit;
}
.form-horizontal-left-align .control-label {
text-align: left;
}
ul.tag-cloud {
margin-right: -5px;
}
ul.tag-cloud > li {
display: inline-block;
padding-right: 5px;
}
ul.tag-cloud > li.tag:not(.last)::after {
content: ',';
}
ul.tag-cloud > li:hover {
color: #7aafd3;
text-decoration: underline;
cursor: pointer;
}
.select-icons {
width: 100%;
text-align: center;
color: #777777;
font-family: "LatoLatinWebLight";
cursor: pointer;
}
.select-icons button {
background: none;
border: none;
outline: none;
}
.select-icons button:focus .select-icon {
background-color: #7aafd3;
border-color: #7aafd3;
color: #ffffff;
}
.select-icons .select-icon {
border: thin solid #7aafd3;
color: #7aafd3;
border-radius: 100px;
padding: 3px;
width: 44px;
height: 44px;
display: inline-block;
vertical-align: middle;
}
.select-icons .select-icon img {
height: 100%;
max-width: 100%;
}
.select-icons .select-icon .glyphicon {
line-height: 32px;
font-size: 20px;
margin: auto;
width: 100%;
height: 100%;
}
.select-icons .active .select-icon {
background-color: #466696;
border-color: #466696;
color: #ffffff;
}
.select-icons .active p {
color: #222222;
text-shadow: 0 0 0 #222222;
}
/*
- Style each label that is directly after the input
- position: relative; will ensure that any position: absolute children will position themselves in relation to it
*/
.custom-checkbox input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 17px;
height: 17px;
margin: 0 2px;
background-color: #fff;
color: #000000;
border: thin solid #7aafd3;
border-radius: 2px;
vertical-align: middle;
}
.custom-checkbox input:active,
.custom-checkbox input:focus,
.custom-checkbox input:active:focus {
outline: none;
}
.custom-checkbox input:focus {
border-color: #466696;
}
.custom-checkbox input:hover {
background-color: #eeeeee;
}
.custom-checkbox input:checked {
background-color: #466696;
border-color: #466696;
text-align: center;
}
.custom-checkbox input:checked:after {
font-family: "Glyphicons Halflings";
font-weight: 100;
content: "\e013";
color: #fff;
font-size: 11px;
vertical-align: top;
}
.inline-block {
display: inline-block;
}
.localePopover .flag {
height: 15px;
width: 25px;
margin-right: 5px;
}
.localePopover .editable-click,
.localePopover a.editable-click {
border: none;
}
label.localeLabel {
color: #428bca;
cursor: pointer;
}
label.localeLabel:hover {
color: #2a6496;
}
.navbar .navbar-icon.activeChangeLocale {
color: gold;
}
.hdw-acc {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.display-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.flex-direction-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-none {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.flex-auto {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.not-selectable {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.center-vertical {
position: relative;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
/*
* all styles in this file should be !important
*/
@media print {
.menu {
display: none !important;
}
.pageload-overlay {
display: none !important;
}
}
/*
* Sidebar
*/
/* Hide for mobile, show later */
@media (min-width: 768px) {
.menu {
z-index: 1000;
background-origin: content-box;
background: #303E4D url('../images/comarch-standard.svg') no-repeat bottom 14px left;
background-size: auto;
background-blend-mode: luminosity;
}
}
.custom-icon {
fill: #E0E9EE;
}
.menu {
display: block;
position: fixed;
top: 0;
bottom: 0;
left: 0;
width: 70px;
background-color: #303E4D;
z-index: 1032;
/* Sidebar navigation */
}
.menu .nav-sidebar.search {
font-size: 1.75em;
font-weight: 100;
padding: 5px 0;
}
.menu .nav-sidebar .value {
color: #E0E9EE;
font-size: 10px;
text-transform: uppercase;
text-align: center;
text-overflow: ellipsis;
max-width: 70px;
margin: 5px -12px 0;
overflow: hidden;
display: none;
}
.menu .nav-sidebar .value {
display: block;
}
.menu .nav-sidebar.bottom {
position: absolute;
bottom: 0;
width: 70px;
margin-bottom: 30px;
}
.menu .nav-sidebar .glyphicon {
color: #E0E9EE;
font-size: 1.2em;
}
.menu .nav-sidebar .fonticon {
color: #E0E9EE;
font-size: 1.5em;
}
.menu .nav-sidebar .active .glyphicon {
color: #ffffff;
text-shadow: 0 0 20px #000000;
}
.menu .nav-sidebar li > a {
text-align: center;
padding: 12px 15px;
display: block;
}
.menu .nav-sidebar li > a:hover,
.menu .nav-sidebar li > a:active,
.menu .nav-sidebar li > a:focus {
background-color: #1c252e;
}
.menu .nav-sidebar .active > a,
.menu .nav-sidebar .active > a:hover,
.menu .nav-sidebar .active > a:focus {
background-color: #1c252e;
}
.menu .version {
font-size: 8px;
color: rgba(255, 255, 255, 0.5);
position: absolute;
bottom: 0;
}
.sidebar {
background-color: #FFF;
box-shadow: 0 0 5px #777777;
position: fixed;
left: 70px;
width: 450px;
height: 100%;
overflow-y: hidden;
overflow-x: hidden;
z-index: 1031;
padding: 0;
top: 0;
}
.sidebar.ng-enter,
.sidebar.ng-leave {
-webkit-transition: left 0.3s ease-in-out;
transition: left 0.3s ease-in-out;
}
.sidebar.ng-enter,
.sidebar.ng-leave.ng-leave-active {
left: -380px;
}
.sidebar.ng-leave,
.sidebar.ng-enter.ng-enter-active {
left: 70px;
}
.sidebar .categories-container {
background-color: #303E4D;
color: #FFF;
font-size: 10pt;
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16), 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
}
.sidebar .categories-container .nav.nav-border {
padding: 0;
margin-left: -15px;
border: none;
}
.sidebar .categories-container .nav.nav-border li {
margin: 0 15px;
padding: 10px 0;
min-width: 40px;
text-align: center;
}
.sidebar .categories-container .nav.nav-border li:after {
border-bottom: 3px solid #FFF;
}
.sidebar .categories-container .nav.nav-border li:hover {
color: #FFF;
}
.sidebar .categories-container .nav.nav-border li.active {
color: #FFF !important;
}
.sidebar .nav {
border-bottom: thin solid #d5d5d5;
padding-bottom: 10px;
margin-bottom: 0;
}
.sidebar .nav > li > a {
padding: 5px 10px;
font-size: 0.9em;
}
.sidebar .search-container {
padding: 20px 10px 5px;
background-color: #303E4D;
}
.sidebar .search-container input {
padding: 5px;
font-size: 14pt;
color: #FFF;
font-family: "LatoLatinWeb";
}
.sidebar .search-container .glyphicon {
color: #FFF;
}
.sidebar .more-results {
z-index: 11111;
position: fixed;
width: 450px;
bottom: 0;
cursor: pointer;
height: 65px;
padding: 15px 0;
background: #466696;
background: -webkit-gradient(76deg, #466696, #7aafd3);
background: -webkit-linear-gradient(76deg, #466696, #7aafd3);
background: -webkit-linear-gradient(14deg, #466696, #7aafd3);
background: linear-gradient(76deg, #466696, #7aafd3);
color: #ffffff;
}
.sidebar .more-results:hover {
color: #466696;
background-color: #f0faff;
}
.sidebar .more-results h5,
.sidebar .more-results h4 {
text-align: center;
color: #FFF;
}
.sidebar .more-results h5 .desc,
.sidebar .more-results h4 .desc {
padding-left: 20px;
}
.sidebar .more-results h5 {
font-family: "LatoLatinWeb";
font-weight: bold;
}
.sidebar .more-results h4 {
font-family: "LatoLatinWebLight";
}
.sidebar .more-results .glyphicon {
padding: 0 10px;
}
.sidebar .custom-search.ng-enter {
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.sidebar .custom-search.ng-enter,
.sidebar .custom-search.ng-leave.ng-leave-active {
opacity: 0;
}
.sidebar .custom-search.ng-leave,
.sidebar .custom-search.ng-enter.ng-enter-active {
opacity: 1;
}
.sidebar .custom-search .scroll-hiden {
visibility: hidden;
}
.sidebar .custom-search .animated {
-webkit-animation-duration: 0.25s;
animation-duration: 0.25s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.sidebar .custom-search .fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.sidebar .custom-search .left-inner-addon {
position: relative;
}
.sidebar .custom-search .left-inner-addon input {
padding-left: 30px;
}
.sidebar .custom-search .left-inner-addon i {
position: absolute;
padding: 10px 12px;
pointer-events: none;
}
.sidebar .custom-search .transparent-result {
opacity: 0.1;
}
.sidebar .custom-search .result-list-container {
padding: 0 15px;
}
.sidebar .custom-search ul {
min-width: 160px;
text-align: left;
list-style: none;
border-radius: 4px;
background: none;
border: none;
box-shadow: none;
font-size: 0.9em;
margin: 10px -15px;
}
.sidebar .custom-search ul li {
margin: 0;
width: 100%;
cursor: pointer;
}
.sidebar .custom-search ul li.active {
color: #fff;
text-decoration: none;
background-color: rgba(223, 233, 238, 0.4);
outline: 0;
}
.sidebar .custom-search ul li.active a {
color: #000;
}
.sidebar .custom-search ul li a {
display: block;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
padding: 12px 10px;
margin: 0 10px;
}
.sidebar .custom-search ul li::after {
content: '';
display: block;
height: 1px;
background: #d6d6d6 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -webkit-linear-gradient(left, #fff 0, #d6d6d6 15%, #d6d6d6 85%, #fff 100%);
background: linear-gradient(to right, #fff 0, #d6d6d6 15%, #d6d6d6 85%, #fff 100%);
}
.sidebar .custom-search ul li .glyphicon {
margin-top: 5px;
font-size: 34px;
}
.sidebar .custom-search > .sub-header {
margin-bottom: 0;
padding-bottom: 0;
}
.sidebar .no-records {
font-family: "LatoLatinWebLight";
color: #609ba8;
font-size: 1.4em;
margin: 30px 0 0 0;
text-align: center;
display: block;
}
.sidebar .spinner-container {
position: fixed;
width: 370px;
top: 200px;
}
.ae-tiles-1 {
padding: 10px;
font-family: "LatoLatinWebLight";
}
.ae-tiles-1 .custom-button {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
margin-bottom: 15px;
padding: 10px 20px;
border-radius: 0;
border: none;
color: #466696;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.ae-tiles-1 .custom-button:hover {
color: #466696;
background-color: #f0faff;
}
.ae-tiles-1 .custom-button .head {
font-size: 24pt;
margin-bottom: 20pt;
}
.ae-tiles-1 .custom-button .read-more {
display: block;
margin-top: 15px;
font-weight: bold;
color: #7aafd3;
font-size: 10pt;
}
.ae-tiles-1 .custom-button .desc {
padding-top: 10px;
margin-top: 10px;
}
.ae-tiles-1 .custom-button .desc .content {
font-size: 14pt;
}
.ae-tiles-1 .custom-button .icon {
font-size: 8em;
width: 25%;
padding: 10px 20px;
padding-top: 0;
}
.ae-tiles-1 .custom-button .narrow {
font-size: 18pt;
}
.tooltip-inner {
border: solid 1px #ccc;
color: black;
background-color: white;
padding: 10px;
white-space: pre;
max-width: none;
}
.tooltip.top .tooltip-arrow {
border-top-color: #ccc;
border-width: 4px 4px 0 4px;
}
.tooltip.right .tooltip-arrow {
border-right-color: #ccc;
border-width: 4px 4px 4px 0;
}
.tooltip.bottom .tooltip-arrow {
border-bottom-color: #ccc;
border-width: 0 4px 4px 4px;
}
.tooltip.left .tooltip-arrow {
border-left-color: #ccc;
border-width: 4px 0 4px 4px;
}
.ux-gradient-hover {
background: #5c7fb3;
background: -webkit-gradient(76deg, #5c7fb3, #a0c6e0);
background: -webkit-linear-gradient(76deg, #5c7fb3, #a0c6e0);
background: -webkit-linear-gradient(14deg, #5c7fb3, #a0c6e0);
background: linear-gradient(76deg, #5c7fb3, #a0c6e0);
color: #ffffff;
}
.progress:not(.progress-striped) {
background-color: #E0E9EE;
height: 7px;
margin-bottom: 0;
box-shadow: none;
border-radius: 3.5px;
}
.progress:not(.progress-striped) .progress-bar {
background-color: #6fbfc8;
box-shadow: none;
border-radius: inherit;
}
.progress:not(.progress-striped) .progress-bar.progress-bar-warning {
background-color: #E8A62B;
}
.progress:not(.progress-striped) .progress-bar.progress-bar-success {
background-color: #0AAB7F;
}
.progress:not(.progress-striped) .progress-bar.progress-bar-striped {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 40px 40px;
}
.progress:not(.progress-striped) .progress-bar:not(.progress-bar-striped) {
background: #7aafd3;
background: -webkit-gradient(90deg, #7aafd3, #6fbfc8);
background: -webkit-linear-gradient(90deg, #7aafd3, #6fbfc8);
background: -webkit-linear-gradient(left, #7aafd3, #6fbfc8);
background: linear-gradient(90deg, #7aafd3, #6fbfc8);
}
.progress:not(.progress-striped) .progress-bar:not(.progress-bar-striped).progress-bar-warning {
background: #D8431B;
background: -webkit-gradient(90deg, #D8431B, #E8A62B);
background: -webkit-linear-gradient(90deg, #D8431B, #E8A62B);
background: -webkit-linear-gradient(left, #D8431B, #E8A62B);
background: linear-gradient(90deg, #D8431B, #E8A62B);
}
.progress:not(.progress-striped) .progress-bar:not(.progress-bar-striped).progress-bar-success {
background: #0AAB7F;
background: -webkit-gradient(90deg, #0AAB7F, #0ddba3);
background: -webkit-linear-gradient(90deg, #0AAB7F, #0ddba3);
background: -webkit-linear-gradient(left, #0AAB7F, #0ddba3);
background: linear-gradient(90deg, #0AAB7F, #0ddba3);
}
.progress:not(.progress-striped).progress-lg {
height: 20px;
border-radius: 10px;
}
.vertical-standard-spacer {
margin-bottom: 15px;
}
.vertical-spacer-50 {
margin-bottom: 50px;
}
.text-primary {
color: #466696;
}
.text-secondary {
color: #7aafd3;
}
.text-tertiary {
color: #6fbfc8;
}
.text-info {
color: #8493CA;
}
.text-success {
color: #0AAB7F;
}
.text-warning,
.text-accent-warning strong {
color: #E8A62B;
}
.text-danger,
.text-accent-danger strong {
color: #D8431B;
}
.text-light {
font-family: "LatoLatinWebLight";
}
.text-light strong {
font-family: "LatoLatinWebMedium";
}
.text-heavy {
font-weight: bold;
}
.text-monospaced {
font-family: monospace, monospace;
}
.nav-bold {
vertical-align: middle;
}
.nav-bold li {
border-right: thin solid #fff;
}
.nav-bold li a {
background: #E0E9EE;
}
.nav-bold li.active {
z-index: 3;
}
.nav-bold li.active a {
color: #466696;
background: #fff;
font-weight: bold;
font-size: 1.2em;
box-shadow: 0 -5px 10px #d5d5d5;
}
.nav-bold li.featured {
width: 2%;
}
.nav-bold li.featured a {
font-weight: bold;
font-size: 1.2em;
padding: 20px 0;
background: #466696;
background: -webkit-gradient(76deg, #466696, #7aafd3);
background: -webkit-linear-gradient(76deg, #466696, #7aafd3);
background: -webkit-linear-gradient(14deg, #466696, #7aafd3);
background: linear-gradient(76deg, #466696, #7aafd3);
color: #ffffff;
}
.nav-bold li.featured a:hover {
background: #5c7fb3;
background: -webkit-gradient(76deg, #5c7fb3, #a0c6e0);
background: -webkit-linear-gradient(76deg, #5c7fb3, #a0c6e0);
background: -webkit-linear-gradient(14deg, #5c7fb3, #a0c6e0);
background: linear-gradient(76deg, #5c7fb3, #a0c6e0);
color: #ffffff;
}
.nav-bold.nav-tabs {
border: none;
background: #fafafa;
}
.nav-bold.nav-tabs > li > a {
border: none;
padding: 10px 30px;
margin-right: 0;
border-radius: 0;
}
.nav.nav-border {
border-bottom: thin solid #eeeeee;
padding: 15px 30px 0;
}
.nav.nav-border > li {
position: relative;
display: inline-block;
padding: 15px 15px 8px;
margin: 0 15px;
cursor: pointer;
}
.nav.nav-border > li:after {
content: '';
position: absolute;
width: 100%;
left: 0;
bottom: 0;
height: 0;
border-bottom: 3px solid #466696;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: -webkit-transform 0.2s ease-in;
transition: -webkit-transform 0.2s ease-in;
transition: transform 0.2s ease-in;
transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
}
.nav.nav-border > li.active,
.nav.nav-border > li:hover {
color: #466696;
}
.nav.nav-border > li.active:after,
.nav.nav-border > li:hover:after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.input-group {
max-width: 316px;
}
.input-group .input-group-addon {
background: none;
border: none;
color: #466696;
}
.input-group .input-group-btn .btn {
background: none;
border: none;
color: #466696;
}
.input-group .input-group-btn .btn:hover {
color: #7aafd3;
}
.input-group p,
.input-group.ae-validations .ae-validation.ae-validation-show {
display: table-row;
}
.btn.btn-without-outline {
outline: none;
}
.btn.btn-without-outline:focus {
outline: none;
}
.control-label {
font-family: "LatoLatinWebLight";
text-shadow: 0 0 0 #222222;
font-weight: normal;
color: #466696;
}
.control-label .checkbox {
margin-left: 20px;
}
.form-vertical .form-horizontal .control-group > label {
text-align: left;
}
.form-horizontal .form-vertical .control-group > label {
float: none;
padding-top: 0;
text-align: left;
}
.form-horizontal .form-vertical .control-group {
margin-bottom: 10px;
}
.form-horizontal .form-vertical .controls {
margin-left: 0;
}
.form-horizontal .form-vertical.form-actions,
.form-horizontal .form-vertical .form-actions {
padding-left: 20px;
}
.control-group .control-group {
margin-bottom: 0;
}
.input-group input.form-control.offer-input {
margin-right: 0;
vertical-align: bottom;
}
input.form-control {
background: none;
border: none;
border-bottom: thin solid #E0E9EE;
border-radius: 0;
max-width: 275px;
}
input.form-control.offer-input {
color: #466696;
border-bottom-color: #466696;
font-family: "LatoLatinWeb";
font-size: 12pt;
width: 100%;
display: inline;
margin: 0 10px;
-webkit-transition: border 0.2s;
transition: border 0.2s;
}
input.form-control.offer-input[disabled] {
border-bottom: none;
opacity: 1;
}
input.form-control.offer-input[required].ng-invalid.ng-touched {
border-bottom-color: #D8431B;
}
input.form-control.offer-input ~ .input-group-addon {
border-bottom: thin solid #466696;
border-radius: 0;
padding: 0;
}
input.form-control[disabled] {
background: none;
opacity: 0.5;
}
input.form-control.inline-block {
display: inline-block;
}
input.form-control.centered {
text-align: center;
}
input.form-control.input-lg {
border-radius: 0;
max-width: 375px;
}
input.form-control::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
font-family: "LatoLatinWebLight";
font-size: 10pt;
}
input.form-control::-moz-placeholder {
/* Firefox 19+ */
font-family: "LatoLatinWebLight";
font-size: 10pt;
opacity: 1;
}
input.form-control:-ms-input-placeholder {
/* IE 10+ */
font-family: "LatoLatinWebLight";
font-size: 10pt;
}
input.form-control:-moz-placeholder {
/* Firefox 18- */
font-family: "LatoLatinWebLight";
font-size: 10pt;
opacity: 1;
}
textarea.form-control {
border: none;
border-bottom: thin solid #E0E9EE;
border-radius: 0;
box-shadow: none;
font-family: "LatoLatinWebLight";
text-shadow: 0 0 0 #222222;
padding: 3px;
}
textarea.form-control:focus {
box-shadow: none;
}
select.form-control {
background: none;
color: #466696;
border: thin solid #466696;
max-width: 300px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 50px;
}
select.form-control option {
background-color: #fff;
color: #000000;
font-family: "LatoLatinWeb";
}
select.form-control,
input.form-control {
font-family: "LatoLatinWebLight";
text-shadow: 0 0 0 #222222;
padding: 3px;
height: 30px;
box-shadow: none;
}
select.form-control:focus,
input.form-control:focus {
box-shadow: none;
}
.has-error select.form-control,
.has-success select.form-control,
.has-error-corpo select.form-control,
.has-error input.form-control,
.has-success input.form-control,
.has-error-corpo input.form-control {
box-shadow: none;
}
.has-error select.form-control:focus,
.has-success select.form-control:focus,
.has-error-corpo select.form-control:focus,
.has-error input.form-control:focus,
.has-success input.form-control:focus,
.has-error-corpo input.form-control:focus {
box-shadow: none;
}
.stripped-sections section {
padding: 15px;
}
.stripped-sections section:nth-child(even) {
background-color: #eeeeee;
}
.sections section {
padding: 15px;
}
.header-counter-reset {
counter-reset: header-counter;
}
header.section-header {
font-size: 12pt;
font-family: "LatoLatinWebMedium";
margin: 0 0 15px;
color: #466696;
}
header.section-header:not(.without-counter)::before {
content: counter(header-counter);
font-size: 14pt;
margin-right: 15px;
}
header.section-header:not(.without-increment) {
counter-increment: header-counter;
}
.insurance-table-directive {
margin: 5px 10px;
font-size: 0.9em;
background: #F4F4F8;
}
.insurance-table-directive table {
border: 2px solid #F4F4F8;
margin: 0;
width: 100%;
}
.insurance-table-directive thead {
border-collapse: inherit;
}
.insurance-table-directive tbody {
border-top: none;
}
.insurance-table-directive tbody:nth-of-type(2n - 1) {
background: #FEFEFF;
}
.insurance-table-directive tr {
border-collapse: inherit;
}
.insurance-table-directive tr.insurance-table-risk-extra td {
line-height: 80%;
}
.insurance-table-directive tr.insurance-table-risk-extra td:last-child {
font-size: 14px;
font-weight: normal;
}
.insurance-table-directive th {
padding: 8px;
border-bottom: none;
}
.insurance-table-directive th:last-child {
text-align: right;
padding-right: 40px;
}
.insurance-table-directive td:first-child {
text-align: center;
}
.insurance-table-directive td:nth-child(2) {
max-width: 300px;
}
.insurance-table-directive td {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
vertical-align: middle;
border-top: none;
padding: 9px;
max-width: 150px;
}
.insurance-table-directive td:last-child {
font-size: 16px;
font-weight: bold;
text-align: right;
padding-right: 40px;
}
.insurance-table-directive img {
height: 40%;
}
.insurance-table-directive .table-img {
margin: 5px 15px;
}
rzslider .rz-bar-wrapper {
margin-top: -5px;
padding-top: 0;
}
rzslider .rz-bar-wrapper .rz-bar {
height: 14px;
border-radius: 10px;
}
rzslider .rz-bar-wrapper .rz-bar.rz-selection {
background: #466696;
background: -webkit-gradient(76deg, #466696, #7aafd3);
background: -webkit-linear-gradient(76deg, #466696, #7aafd3);
background: -webkit-linear-gradient(14deg, #466696, #7aafd3);
background: linear-gradient(76deg, #466696, #7aafd3);
color: #ffffff;
border-radius: 10px;
}
rzslider .rz-bubble.rz-limit {
display: none;
}
rzslider .rz-pointer {
background-color: #7aafd3;
z-index: 4;
}
rzslider .rz-pointer::after {
display: none;
}
.boolean-buttons button {
background: none;
border: thin solid #7aafd3;
border-radius: 50px;
min-width: 90px;
outline: none;
padding: 2px 15px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.boolean-buttons button:not(:first-child) {
margin-left: 20px;
}
.boolean-buttons button:not(.active) {
color: #7aafd3;
}
.boolean-buttons button.active {
background: #466696;
border: thin solid #466696;
color: #ffffff;
}
.boolean-buttons button:disabled {
cursor: not-allowed;
opacity: .65;
}
.featured-box {
background-color: #E0E9EE;
color: black;
width: 100%;
font-family: "LatoLatinWebLight";
text-align: center;
padding: 15px;
margin-top: 15px;
}
.featured-box h3 {
margin-top: 0;
}
.featured-box .desc {
margin-top: 10px;
font-size: 9pt;
}
.featured-box .desc ul {
display: inline-block;
}
.featured-box .desc ul li {
text-align: left;
}
.featured-box .form-control {
color: #466696;
font-family: "LatoLatinWebLight";
}
.featured-box .form-control::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
color: rgba(70, 102, 149, 0.8);
}
.featured-box .form-control:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: rgba(70, 102, 149, 0.8);
opacity: 1;
}
.featured-box .form-control::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: rgba(70, 102, 149, 0.8);
opacity: 1;
}
.featured-box .form-control:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: rgba(70, 102, 149, 0.8);
}
.featured-box .boolean-buttons button {
border: thin solid #7aafd3;
font-size: 16pt;
min-width: 150px;
color: #7aafd3;
}
.featured-box .boolean-buttons button.active {
font-family: "LatoLatinWebMedium";
color: white;
background: #466696;
border: thin solid #ffffff;
}
.featured-box .boolean-buttons button:focus {
color: white;
background: #466696;
border: thin solid #ffffff;
}
.featured-box .search-box global-search-directive {
display: inline-block;
}
.featured-box .search-box .spinner-wrapper {
display: inline-block;
height: 30px;
vertical-align: middle;
padding: 8px 0;
position: absolute;
right: 0;
}
.featured-box .search-list-container {
position: relative;
}
.featured-box .search-list-container .search-list {
position: absolute;
left: 50%;
margin-left: -200px;
width: 400px;
background: #fff;
border: thin solid #eeeeee;
z-index: 1002;
box-shadow: 0 0 5px #555555;
}
.featured-box .search-list-container .search-list ae-search-person-tile .avatar {
width: 100%;
margin-top: 5px;
}
.featured-box .search-list-container .search-list ae-search-person-tile .primary,
.featured-box .search-list-container .search-list ae-search-person-tile .secondary {
margin-right: 0;
text-align: left;
}
.featured-box .search-list-container .search-list .result-block {
overflow: hidden;
}
.featured-box .search-list-container .search-list li.active {
background-color: #7aafd3;
color: #ffffff;
}
.featured-box .search-list-container .search-list li {
list-style-type: none;
}
.featured-box .search-list-container .search-list li .tile {
border-bottom: thin solid #eeeeee;
padding: 5px;
margin: 0;
}
.featured-box .search-list-container .search-list li .tile .glyphicon {
font-size: 24px;
}
.featured-box .search-list-container .search-list li .tile .highlightedText {
font-family: "LatoLatinWeb";
color: #D8431B;
}
.featured-box .no-records .not-found-text {
font-family: "LatoLatinWeb";
margin: 15px 0;
}
.featured-box .no-records .prop-container {
display: inline-block;
}
.featured-box .no-records .prop-container:not(:first-child) {
margin-left: 30px;
}
.featured-box .no-records .prop-container .badge {
background: #E0E9EE;
padding: 7px 20px;
margin-left: 10px;
border-radius: 50px;
border: thin solid #466696;
}
.featured-box .no-records .prop-container .badge a {
color: #466696;
}
.featured-box .no-records .confirm {
font-family: "LatoLatinWeb";
text-decoration: underline;
margin-top: 15px;
}
.featured-box .no-records .confirm span {
cursor: pointer;
}
.modal-dialog {
text-align: center;
}
.modal-dialog .modal-header {
border-bottom: none;
font-family: "LatoLatinWebLight";
}
.modal-dialog .modal-header h3,
.modal-dialog .modal-header h4 {
padding-top: 45px;
}
.modal-dialog .modal-body {
margin: auto;
}
.modal-dialog .modal-body .text-primary {
font-weight: bold;
}
.modal-dialog .modal-footer {
text-align: center;
border-top: none;
padding-top: 30px;
padding-bottom: 60px;
}
.ux-btn-link,
.ux-btn-primary {
font-family: "LatoLatinWeb";
}
.ux-btn-link:focus,
.ux-btn-primary:focus {
outline: none;
}
.ux-btn-link:focus:active,
.ux-btn-primary:focus:active {
outline: none;
}
.ux-btn-primary {
background: #466696;
color: #E0E9EE;
min-width: 200px;
border-radius: 50px;
}
.ux-btn-primary:disabled:hover {
color: #E0E9EE;
}
.ux-btn-primary:hover,
.ux-btn-primary:active {
color: #7aafd3;
}
.ux-btn-primary:focus {
background: #7aafd3;
color: #E0E9EE;
}
.ux-btn-danger {
background: #D8431B;
color: #E0E9EE;
min-width: 200px;
border-radius: 50px;
}
.ux-btn-danger:disabled:hover {
color: #E0E9EE;
}
.ux-btn-danger:hover {
color: #f2ac9a;
}
.ux-btn-danger:focus {
color: #E0E9EE;
}
.ux-btn-transparent {
background: transparent;
color: #fff;
border: thin solid #fff;
padding: 3px 15px;
border-radius: 50px;
}
.ux-btn-transparent.btn:hover {
color: #466696;
border-color: #fff;
background: #fff;
}
.ux-btn-transparent.btn.active,
.ux-btn-transparent.btn:focus {
color: #466696;
border-color: #fff;
background: #fff;
outline: none;
}
.ux-btn-transparent.btn:active:focus {
outline: none;
}
.ux-btn-transparent.btn[disabled],
.ux-btn-transparent.btn.disabled {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.ux-btn-main {
background: transparent;
color: #466696;
border: thin solid #7aafd3;
padding: 3px 15px;
border-radius: 50px;
}
.ux-btn-main.btn:hover {
color: #fff;
border-color: #466696;
background: #466696;
}
.ux-btn-main.btn.active,
.ux-btn-main.btn:focus {
color: #fff;
border-color: #466696;
background: #466696;
outline: none;
}
.ux-btn-main.btn:active:focus {
outline: none;
}
.ux-btn-main.btn[disabled],
.ux-btn-main.btn.disabled {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.ux-btn-link {
color: #466696;
background: none;
}
.ux-btn-link:focus:active,
.ux-btn-link:active,
.ux-btn-link:focus {
box-shadow: none;
}
.table tr.no-border td {
border: none;
padding: 2px 8px;
}
.ux-btn-round .btn {
border: none;
border-radius: 50px;
}
.ux-btn-round .btn:active,
.ux-btn-round .btn:focus {
outline: none;
}
.ux-btn-round .btn-primary {
font-family: "LatoLatinWeb";
background: #466696;
color: #E0E9EE;
min-width: 200px;
border-radius: 50px;
font-weight: normal;
min-width: initial;
min-width: inherit;
}
.ux-btn-round .btn-primary:focus {
outline: none;
}
.ux-btn-round .btn-primary:focus:active {
outline: none;
}
.ux-btn-round .btn-primary:disabled:hover {
color: #E0E9EE;
}
.ux-btn-round .btn-primary:hover,
.ux-btn-round .btn-primary:active {
color: #7aafd3;
}
.ux-btn-round .btn-primary:focus {
background: #7aafd3;
color: #E0E9EE;
}
.ux-btn-round.btn-group > .btn + .dropdown-toggle {
padding-right: 12px;
}
.ux-btn-round.btn-group > .btn + .dropdown-toggle.btn-primary {
border-left: thin solid #7f9ac3;
}
.panel.panel-square {
border-radius: 0;
}
.ux-close-button {
color: #777777;
font-size: 36px;
font-family: "LatoLatinWebLight";
line-height: 28px;
display: block;
float: right;
cursor: pointer;
}
.ux-close-button:hover {
color: #7aafd3;
}
.ux-close-button.no-height {
line-height: 0 !important;
}
a.no-pointer {
cursor: default;
}
.picture-inactive {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.icon-inactive {
color: darkgrey !important;
}
.text-inactive {
color: #cfcfcf !important;
}
.ux-top-buttons {
position: absolute;
top: 0;
right: 0;
}
.ux-top-buttons .btn-group {
margin-right: 15px;
}
.ux-top-buttons .dropdown-menu {
right: 0;
left: auto;
}
.ux-link {
color: #7aafd3;
cursor: pointer;
display: inline-block;
font-weight: bold;
}
.ux-link:hover {
text-decoration: underline;
}
.panel-list .list-item {
margin-bottom: 15px;
cursor: pointer;
}
.panel-list .list-item .inner {
font-family: "LatoLatinWebLight";
text-shadow: 0 0 0 #222222;
background-color: #fff;
padding: 7.5px 15px;
position: relative;
overflow: hidden;
-webkit-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
}
.panel-list .list-item .inner * {
z-index: 1;
}
.panel-list .list-item .inner .premium {
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
text-align: right;
}
.panel-list .list-item .inner .expiry-text {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
margin-top: 15px;
}
.panel-list .list-item .inner .expiry-text .remaining-days {
font-weight: bold;
}
.panel-list .list-item .inner .progress {
background-color: #E0E9EE;
}
.panel-list .list-item .inner header {
font-family: "LatoLatinWebLight";
color: #466696;
margin-bottom: 0;
}
.panel-list .list-item .inner header:before,
.panel-list .list-item .inner header:after {
content: " ";
display: table;
}
.panel-list .list-item .inner header:after {
clear: both;
}
.panel-list .list-item .inner header h3 {
margin: 0;
}
.panel-list .list-item .inner header h3 .right {
display: inline-block;
float: right;
font-size: 10pt;
margin-top: 3px;
line-height: 24px;
}
.panel-list .list-item .inner header h3 .right strong {
font-size: 12pt;
line-height: inherit;
}
.panel-list .list-item .inner header .product {
text-transform: uppercase;
font-size: 13pt;
}
.panel-list .list-item .inner header .signature {
font-family: "LatoLatinWebLight";
text-shadow: 0 0 0 #222222;
}
.panel-list .list-item .inner header .text-warning,
.panel-list .list-item .inner header .text-danger {
text-shadow: none;
}
.panel-list .list-item .inner .stars-control {
font-size: 25px;
}
.panel-list .list-item .inner .bottom-text {
font-size: 9pt;
margin-top: 3px;
min-height: 15px;
}
.panel-list .list-item .inner .top-text {
color: #466696;
text-align: right;
}
.panel-list .list-item .inner .background-image {
position: absolute;
top: 15px;
right: 15px;
opacity: 0.2;
z-index: 0;
}
.panel-list .list-item .inner .background-image img {
width: 90px;
}
.panel-list .list-item .bottom-bar {
background: #6fbfc8;
color: #fff;
font-size: 9pt;
padding: 10px 15px;
margin-top: 0;
height: auto;
box-shadow: inset 0 2px 7.5px #3a8e97;
}
.panel-list .list-item .bottom-bar .glyphicon {
margin-right: 7.5px;
}
.panel-list .list-item .bottom-bar .time-ago {
font-family: "LatoLatinWebLight";
float: right;
}
.panel-list .list-item:hover,
.panel-list .list-item.active {
box-shadow: 0 2px 5px #777777;
}
.panel-list .list-item:hover .inner,
.panel-list .list-item.active .inner {
background-color: #466696;
background: #466696;
background: -webkit-gradient(0deg, #466696, #7aafd3);
background: -webkit-linear-gradient(0deg, #466696, #7aafd3);
background: -webkit-linear-gradient(bottom, #466696, #7aafd3);
background: linear-gradient(0deg, #466696, #7aafd3);
color: #ffffff;
border-color: #466696;
}
.panel-list .list-item:hover .inner header,
.panel-list .list-item.active .inner header {
color: #ffffff;
}
.panel-list .list-item:hover .background-image,
.panel-list .list-item.active .background-image {
display: none;
}
.panel-list .list-item.expired .inner {
background-color: rgba(255, 255, 255, 0.2);
border: thin solid #7aafd3;
}
.panel-list .list-item.expired .inner header h1,
.panel-list .list-item.expired .inner header h2,
.panel-list .list-item.expired .inner header h3,
.panel-list .list-item.expired .inner header h4,
.panel-list .list-item.expired .inner header h5,
.panel-list .list-item.expired .inner header h6 {
color: inherit;
}
.panel-list .list-item.expired:hover,
.panel-list .list-item.expired.active {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.panel-list .list-item.expired:hover .inner,
.panel-list .list-item.expired.active .inner {
border-color: #466696;
}
/** nanoscroller initial setup **/
@media (min-width: 992px) {
.nano {
width: auto;
height: 100%;
position: relative;
margin: 0 -15px;
overflow: hidden;
}
.nano > .nano-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: scroll;
overflow-x: hidden;
padding: 0 15px;
}
.nano > .nano-content:focus {
outline: none;
}
.nano > .nano-content::-webkit-scrollbar {
display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
display: block;
}
.nano > .nano-pane {
background: rgba(0, 0, 0, 0.05);
position: absolute;
width: 8px;
right: 0;
top: 0;
bottom: 0;
visibility: hidden \9;
/* Target only IE7 and IE8 with this hack */
opacity: .01;
-webkit-transition: .2s;
transition: .2s;
border-radius: 5px;
z-index: 1030;
/* just below modals */
}
.nano > .nano-pane > .nano-slider {
background: #444;
background: rgba(0, 0, 0, 0.3);
position: relative;
margin: 0 1px;
border-radius: 3px;
-webkit-transition: background .2s;
transition: background .2s;
}
.nano:hover > .nano-pane,
.nano-pane.active,
.nano-pane.flashed {
visibility: visible \9;
/* Target only IE7 and IE8 with this hack */
opacity: 0.99;
}
.nano:hover > .nano-pane:hover {
background: rgba(0, 0, 0, 0.1);
}
.nano:hover > .nano-pane:hover > .nano-slider:hover {
background: rgba(0, 0, 0, 0.5);
}
}
.ui-select-container.ui-select-bootstrap {
min-width: 300px;
display: inline-block;
}
.ui-select-container.ui-select-bootstrap .ui-select-match > span {
background: none;
color: #466696;
border: thin solid #466696;
height: 30px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 50px;
}
.ui-select-container.ui-select-bootstrap .ui-select-match.btn-default-focus {
outline: none;
background-color: transparent;
border: none;
box-shadow: none;
}
.ui-select-container.ui-select-bootstrap .ui-select-match.btn-default-focus > span {
border-color: #7aafd3;
}
.ui-select-container.ui-select-bootstrap .ui-select-choices {
width: auto;
min-width: 100%;
}
.form-group.required .control-label:not(.without-asterisk)::after {
content: ' *';
color: #D8431B;
}
.form-group .error-message {
color: #D8431B;
}
.form-group .warning-message {
color: #E8A62B;
}
.multiSelect > button {
border: 1px solid #466696;
line-height: 14px;
min-height: 30px !important;
border-radius: 20px;
background-color: inherit;
}
pre {
text-align: left;
}
.modal-full {
width: 100%;
height: 100%;
margin: 0;
}
.modal-full .modal-header .ux-top-buttons {
top: 15px;
right: 15px;
}
.modal-full .modal-content {
height: 100%;
border-radius: 0;
}
.modal-full .modal-footer {
position: absolute;
bottom: 0;
width: 100%;
}
.dropdown-menu .dropdown-menu-element {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
}
.dropdown-menu .dropdown-menu-element:hover {
cursor: pointer;
color: #262626;
text-decoration: none;
background-color: #f5f5f5;
}
.sprite {
display: inline-block;
vertical-align: middle;
}
.modal-open .modal ~ .modal {
display: none !important;
}
.uib-datepicker-popup {
padding: 15px 30px;
border-radius: 0;
border: none;
font-family: "LatoLatinWebLight";
text-shadow: 0 0 0 #000;
}
.uib-datepicker-popup.dropdown-menu {
margin-top: -30px;
}
.uib-datepicker-popup .uib-datepicker thead tr:nth-child(2) {
visibility: hidden;
}
.uib-datepicker-popup .uib-datepicker .uib-yearpicker,
.uib-datepicker-popup .uib-datepicker .uib-monthpicker,
.uib-datepicker-popup .uib-datepicker .uib-daypicker {
border-spacing: 5px 5px;
border-collapse: separate;
}
.uib-datepicker-popup .uib-datepicker .uib-yearpicker:focus,
.uib-datepicker-popup .uib-datepicker .uib-monthpicker:focus,
.uib-datepicker-popup .uib-datepicker .uib-daypicker:focus {
outline: none;
}
.uib-datepicker-popup .uib-datepicker .uib-yearpicker .uib-title,
.uib-datepicker-popup .uib-datepicker .uib-monthpicker .uib-title,
.uib-datepicker-popup .uib-datepicker .uib-daypicker .uib-title {
font-family: "LatoLatinWeb";
font-size: 11pt;
}
.uib-datepicker-popup .uib-datepicker .uib-yearpicker .uib-title,
.uib-datepicker-popup .uib-datepicker .uib-monthpicker .uib-title,
.uib-datepicker-popup .uib-datepicker .uib-daypicker .uib-title,
.uib-datepicker-popup .uib-datepicker .uib-yearpicker .uib-right,
.uib-datepicker-popup .uib-datepicker .uib-monthpicker .uib-right,
.uib-datepicker-popup .uib-datepicker .uib-daypicker .uib-right,
.uib-datepicker-popup .uib-datepicker .uib-yearpicker .uib-left,
.uib-datepicker-popup .uib-datepicker .uib-monthpicker .uib-left,
.uib-datepicker-popup .uib-datepicker .uib-daypicker .uib-left {
border: none;
}
.uib-datepicker-popup .uib-datepicker .uib-yearpicker .uib-title:focus,
.uib-datepicker-popup .uib-datepicker .uib-monthpicker .uib-title:focus,
.uib-datepicker-popup .uib-datepicker .uib-daypicker .uib-title:focus,
.uib-datepicker-popup .uib-datepicker .uib-yearpicker .uib-right:focus,
.uib-datepicker-popup .uib-datepicker .uib-monthpicker .uib-right:focus,
.uib-datepicker-popup .uib-datepicker .uib-daypicker .uib-right:focus,
.uib-datepicker-popup .uib-datepicker .uib-yearpicker .uib-left:focus,
.uib-datepicker-popup .uib-datepicker .uib-monthpicker .uib-left:focus,
.uib-datepicker-popup .uib-datepicker .uib-daypicker .uib-left:focus {
outline: none;
}
.uib-datepicker-popup .uib-datepicker .uib-years .uib-year:focus,
.uib-datepicker-popup .uib-datepicker .uib-months .uib-month:focus,
.uib-datepicker-popup .uib-datepicker .uib-weeks .uib-day:focus {
outline: none;
}
.uib-datepicker-popup .uib-datepicker .uib-years .uib-year .btn,
.uib-datepicker-popup .uib-datepicker .uib-months .uib-month .btn,
.uib-datepicker-popup .uib-datepicker .uib-weeks .uib-day .btn {
border: none;
border-radius: 50%;
padding: 5px;
font-size: 11pt;
}
.uib-datepicker-popup .uib-datepicker .uib-years .uib-year .btn.active,
.uib-datepicker-popup .uib-datepicker .uib-months .uib-month .btn.active,
.uib-datepicker-popup .uib-datepicker .uib-weeks .uib-day .btn.active {
background: #466696;
color: #ffffff;
}
.uib-datepicker-popup .uib-datepicker .uib-years .uib-year .btn.active .text-info,
.uib-datepicker-popup .uib-datepicker .uib-months .uib-month .btn.active .text-info,
.uib-datepicker-popup .uib-datepicker .uib-weeks .uib-day .btn.active .text-info {
color: inherit;
}
.uib-datepicker-popup .uib-datepicker .uib-years .uib-year .btn:focus,
.uib-datepicker-popup .uib-datepicker .uib-months .uib-month .btn:focus,
.uib-datepicker-popup .uib-datepicker .uib-weeks .uib-day .btn:focus {
outline: none;
}
.uib-datepicker-popup .uib-datepicker .uib-years .uib-year .btn {
width: 45px;
height: 45px;
}
.uib-datepicker-popup .uib-datepicker .uib-months .uib-month .btn {
height: 30px;
border-radius: 15px;
}
.uib-datepicker-popup .uib-datepicker .uib-weeks .uib-day .btn {
width: 32px;
height: 32px;
}
.dropdown-menu {
z-index: 10000;
}
.ae-dropdown.dropdown .dropdown-toggle > span {
font-weight: bold;
background-color: transparent;
display: inline-block;
text-align: center;
border: thin solid #337ab7;
border-radius: 18px;
padding: 2px 20px;
color: #337ab7;
}
.ae-dropdown.dropdown .dropdown-menu {
margin-top: 0;
}
.ae-dropdown.dropdown span {
padding: 0;
margin-top: 2px;
}
.address-search {
/* display: flex;
max-width: 85%;
overflow:hidden;
//border-bottom: thin solid #E0E9EE;
padding-bottom: 6px;
ul {
left: 0;
overflow: visible;
position: relative;
cursor: text;
float: right;
white-space: nowrap;
//border-bottom: 2px solid @ux-light-color;
padding-top: 9px;
margin-bottom: 0;
margin-left: 5px;
li {
//overflow: hidden;
//color: #000;
&.active {
background-color: @ux-secondary-color;
}
white-space: nowrap;
list-style: none;
margin: 0 3px;
min-height: 20px;
}
}*/
/* .has-feedback .form-control {
padding-right: 20px;
}*/
}
.address-search .street {
width: 55%;
max-width: 210px;
}
.address-search .address-numbers {
vertical-align: top;
width: 44%;
max-width: 150px;
}
.address-search .address-numbers input {
display: inline;
width: 46%;
}
.address-search .postal-code {
display: inline;
width: 30%;
max-width: 150px;
}
.address-search .city {
display: inline;
width: 60%;
max-width: 200px;
}
.address-search .place-description {
font-size: 80%;
color: #777777;
}
.address-search .search-list-container {
position: relative;
}
.address-search .search-list-container .search-list {
display: block;
position: absolute;
background: #fff;
border: thin solid #eeeeee;
z-index: 1002;
box-shadow: 0 0 5px #555555;
}
.address-search .search-list-container .search-list .result-block {
overflow: hidden;
}
.address-search .search-list-container .search-list li.active {
background-color: #7aafd3;
color: #ffffff;
}
.address-search .search-list-container .search-list li {
padding: 3px;
list-style-type: none;
cursor: pointer;
}
.address-search .search-list-container .search-list li.powered-by-google {
float: right;
cursor: default;
}
.ae-alerts {
background: #fff;
}
.ae-alerts .alert {
color: #333333;
border: none;
margin-bottom: 15px;
border-radius: 0;
}
.ae-alerts .alert strong {
font-size: 12pt;
}
.ae-alerts .alert .glyphicon {
font-size: 24px;
line-height: 24px;
vertical-align: middle;
padding: 0 15px;
}
.ae-alerts .alert.alert-warning {
background: #F6E7D4;
}
.ae-alerts .alert.alert-warning .glyphicon {
color: #E8A62B;
}
.ae-alerts .alert:last-child {
margin-bottom: 0;
}
ae-auto-expander textarea {
box-sizing: content-box;
}
.ae-customer-avatar {
height: 0;
width: 100%;
padding-bottom: 100%;
text-align: center;
}
.date-and-time .clock {
font-size: 25px;
margin-top: -4px;
cursor: pointer;
}
.ae-date-tile {
display: inline-block;
position: relative;
text-align: center;
width: 137px;
height: 95px;
background-color: #F0F0F0;
border: 1px solid #ccc;
border-radius: 0.5em;
cursor: pointer;
}
.ae-date-tile:hover {
background-color: #E0E0E0;
}
.ae-date-tile .ae-date-tile-inner {
position: relative;
width: inherit;
height: inherit;
padding: 5px;
}
.ae-date-tile .ae-date-tile-title {
position: relative;
font-size: 14px;
font-weight: bold;
color: #888888;
text-align: left;
}
.ae-date-tile .ae-date-tile-day {
position: relative;
float: left;
width: 60%;
font-size: 45px;
text-align: center;
}
.ae-date-tile .ae-date-tile-monthyear {
position: relative;
float: left;
width: 40%;
font-size: 16px;
text-align: center;
top: 10px;
text-align: left;
}
.ae-datepick-old {
display: inline-block;
position: relative;
text-align: center;
width: 137px;
height: 95px;
background-color: #F0F0F0;
border: 1px solid #ccc;
border-radius: 0.5em;
cursor: pointer;
}
.ae-datepick-old:hover {
background-color: #E0E0E0;
}
.ae-datepick-old .ae-datepick-inner {
position: relative;
width: inherit;
height: inherit;
padding: 5px;
}
.ae-dms-list .drop-box {
height: auto;
font-size: 10pt;
line-height: 28pt;
}
.ae-dms-list .drop-box .text {
font-size: 16pt;
}
.ae-dms-list .files .file {
color: #466696;
padding: 15px;
margin: 15px 0;
background: #E0E9EE;
position: relative;
-webkit-transition: .2s linear all;
transition: .2s linear all;
overflow: hidden;
}
.ae-dms-list .files .file:hover {
background: #f0f5f7;
}
.ae-dms-list .files .file .header .name {
font-weight: bold;
}
.ae-dms-list .files .file .header .version,
.ae-dms-list .files .file .header .description {
font-family: "LatoLatinWebLight";
font-size: 9pt;
}
.ae-dms-list .files .file .header .info {
font-family: "LatoLatinWebLight";
color: #777777;
font-size: 9pt;
line-height: 15pt;
position: absolute;
top: 15px;
right: 0;
padding: 0 15px;
}
.ae-dms-list .files .file .header .info.warning {
background: #466696;
color: #ffffff;
}
.ae-dms-list .files .file .actions {
text-align: right;
}
.ae-dms-list .files .file .actions .link {
color: #7aafd3;
}
.ae-dms-list .files .file .actions .link:hover {
color: #466696;
}
.ae-dms-list .files .file .actions ul {
margin: 0;
}
.ae-dms-list .files .file .actions ul li:last-of-type {
padding-right: 0;
}
.ae-dms-checkin-popup,
.ae-dms-upload-popup {
color: #466696;
}
.ae-dms-checkin-popup .modal-body,
.ae-dms-upload-popup .modal-body {
text-align: left;
}
.ae-dms-checkout-popup {
color: #466696;
}
.ae-dms-checkout-popup .form .ae-datepick {
display: inline-block;
vertical-align: middle;
margin: 0 10px;
}
.ae-dms-checkout-popup .form .ae-datepick .input-group {
max-width: 200px;
margin: 0;
}
.ae-dms-icon {
width: 50px;
height: 50px;
overflow: hidden;
text-indent: -99999px;
background-color: rgba(0, 0, 0, 0.25);
}
.ae-dms-file-details {
text-align: left;
padding: 15px;
}
.documents-manager-grid {
clear: both;
width: 100%;
}
.documents-manager-grid .ag-group-expand {
margin-right: 5px;
}
.documents-manager-grid .ag-body-viewport {
font-size: 14px;
}
.documents-manager-grid .ag-row {
cursor: pointer;
}
.documents-manager-grid .ag-row:not(.ag-row-group):hover {
background-color: #f5f5f5;
}
.documents-manager-grid .ag-cell {
padding: 10px !important;
}
.documents-manager-grid .ag-group-cell-entire-row {
padding: 10px !important;
color: #466696;
font-family: "LatoLatinWeb";
font-weight: bold;
font-size: 12pt;
}
.documents-manager-grid .ag-group-cell-entire-row .ag-group-expand {
display: none !important;
}
.documents-manager-grid .ag-header-cell {
padding-top: 8px;
padding-left: 6px;
text-align: left;
font-size: 1.2em !important;
font-weight: bold !important;
}
.documents-manager-grid .ag-row-odd:not(.ag-row-group) {
background-color: #f9f9f9;
}
.documents-manager-grid .ag-row-even:not(.ag-row-group) {
background-color: #ffffff;
}
.documents-manager-grid .sprite {
display: inline-block;
margin-right: 10px;
}
.documents-manager-grid .ag-cell .doc-name {
margin-top: 5px;
margin-left: 5px;
}
.documents-manager-grid .ag-cell .fonticon {
font-size: 14pt;
display: inline-block;
}
.documents-manager-grid .ag-cell .grid-view {
font-size: 40pt;
}
.documents-manager-grid:not(.documents-manager-tiles-view) .ag-row,
.documents-manager-grid:not(.documents-manager-tiles-view) .ag-header-row {
width: 100% !important;
}
.documents-manager-grid:not(.documents-manager-tiles-view) .ag-cell.cell-col-0,
.documents-manager-grid:not(.documents-manager-tiles-view) .ag-header-cell[col='0'] {
width: 70% !important;
}
.documents-manager-grid:not(.documents-manager-tiles-view) .ag-cell.cell-col-0 {
padding-left: 50px !important;
}
.documents-manager-grid:not(.documents-manager-tiles-view) .ag-cell.cell-col-1,
.documents-manager-grid:not(.documents-manager-tiles-view) .ag-header-cell[col='1'] {
width: 15% !important;
}
.documents-manager-grid:not(.documents-manager-tiles-view) .ag-cell.cell-col-2,
.documents-manager-grid:not(.documents-manager-tiles-view) .ag-header-cell[col='2'] {
width: 15% !important;
}
.documents-manager-grid:not(.documents-manager-tiles-view) .ag-header {
background-color: #dddddddd;
}
.documents-manager-grid.documents-manager-tiles-view .ag-header {
display: none;
}
.documents-manager-grid.documents-manager-tiles-view .ag-header-cell {
border: none;
}
.documents-manager-grid.documents-manager-tiles-view .ag-cell:not(.grid-tile) {
display: none;
}
.documents-manager-grid.documents-manager-tiles-view .ag-row:not(.ag-row-group) {
white-space: normal;
word-wrap: break-word;
}
.documents-manager-grid.documents-manager-tiles-view .ag-row:not(.ag-row-group):not(.ag-row-selected):not(:hover) {
background-color: #ffffff;
}
.documents-manager-grid.documents-manager-tiles-view .ag-body {
background-color: #ffffff;
}
.documents-manager-grid.documents-manager-tiles-view .document {
text-align: center;
}
.documents-manager-grid.documents-manager-tiles-view .document .doc-name {
text-overflow: ellipsis;
overflow: hidden;
}
.documents-manager-tool-panel .right-buttons {
float: right;
width: 25%;
display: inline-block;
}
.documents-manager-tool-panel .right-buttons .dropdown-button,
.documents-manager-tool-panel .right-buttons .button {
float: right;
}
.documents-manager-tool-panel .right-buttons .dropdown-button ul {
list-style-type: none;
}
.documents-manager-tool-panel .right-buttons .dropdown-button ul li {
padding: 10px 0 10px 15px;
}
.documents-manager-tool-panel .right-buttons .dropdown-button ul li:hover {
background: #f5f5f5;
cursor: pointer;
}
.documents-manager-tool-panel .left-buttons {
float: left;
width: 20%;
display: inline-block;
}
.documents-manager-tool-panel .middle-section {
float: left;
width: 55%;
display: inline-block;
}
.documents-manager-tool-panel .middle-section .add-customer360-element {
float: right;
}
.documents-manager-tool-panel .middle-section .input-group {
max-width: unset;
position: relative;
width: 55%;
}
.documents-manager-tool-panel .middle-section .cancel-search-icon {
float: right;
cursor: pointer;
margin-top: 10px;
position: absolute;
right: -10px;
}
.documents-manager-tool-panel .document-action .right-inner-addon input {
padding-right: 30px;
border-bottom: thin solid #466696;
}
.documents-manager-tool-panel .document-action .right-inner-addon i {
position: absolute;
right: 0px;
padding: 10px 12px;
pointer-events: none;
}
.documents-manager-tool-panel .btn-default {
border: none;
color: #466696;
}
.editable-label .editable-label-link {
display: block;
min-height: 34px;
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
color: #337ab7;
}
.editable-label .btn-container {
padding-left: 0;
}
.editable-label .input-container {
padding-right: 0;
}
.feeds .feed-box {
background: #fff;
padding: 15px;
margin-bottom: 15px;
-webkit-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
}
.feeds .feed-box .media-left img {
max-width: 50px;
max-height: 50px;
}
.feeds .feed-box .tag-line {
color: #777777;
font-size: 7pt;
text-transform: uppercase;
margin-bottom: 7px;
}
.feeds .feed-box .tag-line .time-ago {
color: #466696;
float: right;
font-weight: bold;
}
.feeds .feed-box .tag-line .time-ago .glyphicon.glyphicon-time {
font-size: 14px;
vertical-align: bottom;
}
.feeds .feed-box .title {
font-size: 11pt;
margin: 0;
}
.feeds .feed-box .title a {
color: #466696;
}
.feeds .feed-box .title a:hover {
color: inherit;
}
.feeds .feed-box .content {
font-size: 9pt;
}
.feeds .feed-box:hover {
background-color: #466696;
background: #466696;
background: -webkit-gradient(0deg, #466696, #7aafd3);
background: -webkit-linear-gradient(0deg, #466696, #7aafd3);
background: -webkit-linear-gradient(bottom, #466696, #7aafd3);
background: linear-gradient(0deg, #466696, #7aafd3);
box-shadow: 0 2px 5px #777777;
color: #ffffff;
cursor: pointer;
}
.feeds .feed-box:hover .tag-line {
color: #eeeeee;
}
.feeds .feed-box:hover .tag-line .time-ago {
color: inherit;
}
.feeds .feed-box:hover .title a {
color: inherit;
}
.drop-box {
margin: 10px 0;
padding: 15px;
font-family: "LatoLatinWebLight";
font-size: 16pt;
background: #fafafa;
border: thin dashed #cfcfcf;
height: 77px;
text-align: center;
cursor: pointer;
}
.dragover {
background: #E0E9EE;
border: thin dashed #466696;
}
.attachment .thumb {
height: 60px;
width: 60px;
float: left;
}
.attachment {
margin: 10px 0;
padding: 15px;
background-color: #466696;
color: #fff;
text-align: left;
overflow: hidden;
}
.attachment .filename {
font-weight: bold;
}
.attachment .actions {
float: right;
}
.attachment .actions .icon {
cursor: pointer;
}
.attachment .description {
margin-top: 10px;
}
.attachment .description input {
width: 100%;
}
.attachment .description .audit {
font-size: 10px;
}
.attachment .description .audit .user {
font-weight: bold;
}
.attachment input {
color: #000000;
}
@-moz-document url-prefix() {
.global-search .filters .filters-wrapper ul:after {
margin-top: 5px !important;
}
}
.global-search .removable-filter {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.global-search .removable-filter .filters {
max-width: 85%;
}
.global-search .removable-filter .filters .filters-wrapper {
width: 100%;
overflow: hidden;
padding-bottom: 6px;
}
.global-search .removable-filter .filters .filters-wrapper ul {
left: 0;
overflow: visible;
position: relative;
cursor: text;
float: right;
min-height: 1px;
white-space: nowrap;
padding-top: 9px;
margin-bottom: 0;
margin-lfet: 5px;
}
.global-search .removable-filter .filters .filters-wrapper ul:after {
content: '';
display: block;
height: 1px;
background-color: #E0E9EE;
margin-top: 6px;
}
.global-search .removable-filter .filters .filters-wrapper ul li {
display: inline-block;
white-space: nowrap;
list-style: none;
margin: 0 3px;
}
.global-search .removable-filter .filters .filters-wrapper ul li .tokens {
cursor: pointer;
white-space: nowrap;
border: none;
color: #FFF;
font-size: 13pt !important;
}
.global-search .removable-filter .filters .filters-wrapper ul li .tokens .glyphicon {
font-size: 10pt !important;
margin: 0;
color: #FFF;
}
.global-search .removable-filter .filters .filters-wrapper ul li:nth-child(n) .tokens {
background-color: #E8A62B;
}
.global-search .removable-filter .filters .filters-wrapper ul li:nth-child(2n) .tokens {
background-color: #0AAB7F;
}
.global-search .removable-filter .filters .filters-wrapper ul li:nth-child(3n) .tokens {
background-color: #D8431B;
}
.global-search .removable-filter .filters .filters-wrapper ul li:nth-child(4n) .tokens {
background-color: #8493CA;
}
.global-search input {
max-width: none;
}
.global-search .right-inner-addon {
margin-left: 0;
margin-right: 0;
position: relative;
}
.global-search .right-inner-addon input {
padding-right: 30px;
}
.global-search .right-inner-addon i {
position: absolute;
padding: 10px 12px;
cursor: pointer;
}
.global-search .right-inner-addon i.remove {
right: 29px;
font-size: 0.9em;
display: none;
border-right: thin solid #E6E6E6;
padding: 6px;
margin: 4px;
}
.global-search .right-inner-addon i.remove .show {
display: block;
}
.global-search .right-inner-addon i.search {
right: 0;
}
.ae-info-button.badge {
margin-left: 10px;
background: rgba(255, 255, 255, 0);
color: #466696;
border: thin solid rgba(0, 0, 0, 0.2);
font-size: 11px;
position: absolute;
right: 0;
top: 50%;
height: 19px;
width: 19px;
margin-top: -10px;
margin-right: 15px;
}
.ae-info-button.badge:hover,
.ae-info-button.badge:focus {
background: #466696;
}
.ae-info-button + .form-control {
width: calc(100% - 30px);
}
.inline-container {
margin-left: 10px;
margin-right: 10px;
}
.inline-container .link {
display: block;
min-height: 34px;
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
color: #466696;
}
.inline-container input {
margin-left: 10px;
margin-right: 10px;
margin-bottom: -16px;
}
.inline-container .btn-container {
padding-left: 0;
}
.inline-container .input-container {
padding-right: 0;
}
.inline-container .from-outside {
cursor: text;
}
.inline-container .read-only .empty-value {
text-align: center;
border-bottom: thin solid black;
}
.ae-inline-switch {
display: inline-block;
}
.ae-inline-switch .editable {
border-radius: 10px;
padding: 8px;
text-align: center;
color: #466696;
font-size: 20px;
font-family: "LatoLatinWebLight";
text-decoration: underline;
}
.ae-inline-switch .editable:hover {
cursor: pointer;
cursor: hand;
}
.ae-number-tile {
display: inline-block;
position: relative;
text-align: center;
width: 90px;
background-color: #F0F0F0;
border-radius: 0.5em;
}
.ae-number-tile .ae-number-tile-content {
position: absolute;
width: 100%;
text-align: left;
}
.ae-number-tile .ae-number-tile-content .ae-number-tile-title {
position: relative;
font-size: 14px;
font-weight: bold;
color: #888888;
}
.ae-number-tile .ae-number-tile-content .ae-number-tile-value {
position: relative;
float: left;
width: 50%;
font-size: 40px;
text-align: center;
top: -7px;
}
.ae-number-tile .ae-number-tile-content .ae-number-tile-desc {
position: relative;
float: left;
width: 50%;
font-size: 12px;
top: 5px;
}
.ae-number-tile div:first-of-type {
position: absolute;
margin: 4px;
}
.ae-number-tile .ae-number-tile-more-btn {
position: relative;
width: 90px;
height: 40px;
font-size: 20px;
color: transparent;
background-color: Transparent;
border-bottom-left-radius: 0em;
border-bottom-right-radius: 0em;
border-bottom-width: 0;
}
.ae-number-tile .ae-number-tile-more-btn:hover {
color: #888888;
background-color: #E0E0E0;
opacity: .9;
border-bottom-width: 1px;
border-top-width: 1px;
}
.ae-number-tile .ae-number-tile-more-btn:focus {
outline: 0;
border-color: #ccc;
}
.ae-number-tile .ae-number-tile-less-btn {
position: relative;
width: 90px;
height: 40px;
font-size: 20px;
color: transparent;
background-color: Transparent;
border-top-left-radius: 0em;
border-top-right-radius: 0em;
border-top-width: 0;
}
.ae-number-tile .ae-number-tile-less-btn:hover {
color: #888888;
background-color: #E0E0E0;
opacity: .9;
border-bottom-width: 1px;
border-top-width: 1px;
}
.ae-number-tile .ae-number-tile-less-btn:focus {
outline: 0;
border-color: #ccc;
}
.ae-number-tile .ae-number-tile-btn {
position: relative;
width: 90px;
height: 40px;
font-size: 20px;
color: transparent;
background-color: Transparent;
}
.ae-number-tile .ae-number-tile-btn:hover {
color: #888888;
background-color: #E0E0E0;
opacity: .9;
border-bottom-width: 1px;
border-top-width: 1px;
}
.ae-number-tile .ae-number-tile-btn:focus {
outline: 0;
border-color: #ccc;
}
.ae-object-notes {
padding: 0px 20px;
}
.ae-popup-input {
display: inline-block;
position: relative;
}
.ae-popup-input > .popup {
padding: 15px 45px 15px 15px;
background: #fff;
box-shadow: 0 0 15px #555555;
position: absolute;
top: 0;
left: 0;
z-index: 1035;
}
.ae-popup-input > .popup > .ux-top-buttons {
top: 15px;
right: 15px;
}
.ae-presentation-warning {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 50px;
padding: 0 15px;
background-color: #E8A62B;
color: #000000;
opacity: 0.7;
line-height: 50px;
text-align: center;
z-index: 10000;
}
.ae-presentation-warning .close {
line-height: 50px;
text-shadow: none;
opacity: 1;
}
.ae-presentation-warning:hover {
opacity: 1;
}
.left-section.colorless .proposed-products .products .product,
.right-section.colorless .proposed-products .products .product {
border-color: #E0E9EE;
}
.proposed-products {
overflow-y: hidden;
}
.proposed-products.square .products {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.proposed-products.square .products .product .premium-amount {
font-size: 0.8em;
}
.proposed-products.rectangle .products .product header {
margin-bottom: 0;
}
.proposed-products.rectangle .products .product .amount {
font-size: 1.5em;
position: absolute;
right: 15px;
top: 15px;
}
.proposed-products.rectangle .products .product .premium-amount {
display: inline-block;
font-size: 1em;
}
.proposed-products .products {
background: url("../images/material-design-image.jpg") no-repeat right center;
background-size: cover;
color: #fff;
}
.proposed-products .products .product {
border-bottom: 10px solid #E0E9EE;
background: rgba(20, 50, 100, 0.6);
min-width: 175px;
position: relative;
-webkit-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
padding: 15px;
font-family: "LatoLatinWebThin";
}
.proposed-products .products .product header {
font-size: 18pt;
font-family: "LatoLatinWebLight";
}
.proposed-products .products .product .period {
font-size: 0.8em;
position: absolute;
bottom: 10px;
}
.proposed-products .products .product .icon {
position: absolute;
bottom: 0;
right: 0;
font-size: 4em;
color: #ffffff;
color: rgba(255, 255, 255, 0.2);
}
.proposed-products .products .product:hover {
background: rgba(20, 50, 100, 0.3);
cursor: pointer;
}
.quotations-list .quotation {
margin-bottom: 15px;
cursor: pointer;
}
.quotations-list .quotation:hover,
.quotations-list .quotation.selected {
box-shadow: 0 2px 5px #777777;
}
.quotations-list .quotation:hover .inner,
.quotations-list .quotation.selected .inner {
background-color: #466696 !important;
background: #466696;
background: -webkit-gradient(0deg, #466696, #7aafd3);
background: -webkit-linear-gradient(0deg, #466696, #7aafd3);
background: -webkit-linear-gradient(bottom, #466696, #7aafd3);
background: linear-gradient(0deg, #466696, #7aafd3);
color: #ffffff;
color: #ffffff !important;
}
.quotations-list .quotation:hover .inner .sub-header.header,
.quotations-list .quotation.selected .inner .sub-header.header {
color: #ffffff !important;
}
.quotations-list .quotation .inner {
background-color: #fff;
color: #466696;
text-shadow: 0 0 0 #222222;
font-family: "LatoLatinWebLight";
padding: 10px 15px;
position: relative;
-webkit-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
}
.quotations-list .quotation .inner h4,
.quotations-list .quotation .inner h5 {
padding: 0 0 5px;
}
.quotations-list .quotation .inner h6 {
font-size: 14px;
}
.quotations-list .quotation .inner .sub-header {
border-bottom: none;
font-family: "LatoLatinWebLight";
}
.quotations-list .quotation .inner .sub-header small {
color: rgba(0, 0, 0, 0.5);
}
.quotations-list .quotation .inner .sub-header .product {
text-transform: uppercase;
font-size: 13pt;
}
.quotations-list .quotation .inner .sub-header .signature {
font-size: 14px;
text-shadow: 0 0 0 #222222;
}
.quotations-list .quotation .inner .sub-header .more {
text-transform: none;
}
.quotations-list .quotation .inner .sub-header .more .glyphicon {
font-size: 20px;
margin-right: 5px;
margin-top: -10px;
vertical-align: middle;
}
.quotations-list .quotation .inner .sub-header.header {
color: #466696;
font-family: "LatoLatinWebMedium";
}
.quotations-list .quotation .inner .chart-container {
width: 100%;
position: absolute;
bottom: -6px;
left: 0;
}
.quotations-list .quotation .inner .chart-container canvas {
width: 100% !important;
}
.quotations-list .quotation .inner .notifications .badge {
background-color: #d8431b;
padding: 3px 6px;
}
.quotations-list .bottom-bar {
background: #6fbfc8;
color: #fff;
font-size: 9pt;
padding: 10px 15px;
margin-top: 0;
height: auto;
box-shadow: inset 0 2px 7.5px #3a8e97;
}
.quotations-list .bottom-bar .glyphicon {
margin-right: 7.5px;
}
.quotations-list .bottom-bar .time-ago {
font-family: "LatoLatinWebLight";
float: right;
}
.custom-search .tile,
.is-customer-search .tile {
font-family: "LatoLatinWeb";
line-height: 1.5;
}
.custom-search .tile .comma-before::before,
.is-customer-search .tile .comma-before::before {
content: ',';
}
.custom-search .tile .comma-after::after,
.is-customer-search .tile .comma-after::after {
content: ',';
}
.custom-search .tile .primary,
.is-customer-search .tile .primary {
font-size: 13pt;
color: #8A8A8A;
}
.custom-search .tile .secondary,
.is-customer-search .tile .secondary {
font-family: "LatoLatinWebLight";
font-size: 10pt;
}
.custom-search .tile .highlighted-section,
.is-customer-search .tile .highlighted-section {
color: #466696;
}
.custom-search .tile .highlightedText,
.is-customer-search .tile .highlightedText {
color: #303A40;
font-weight: 600;
}
.custom-search .tile .avatar,
.is-customer-search .tile .avatar {
width: 85%;
}
.custom-search .tile .fonticon,
.is-customer-search .tile .fonticon {
font-size: 28px;
color: #466696;
padding-top: 8px;
display: block;
}
.custom-search .tile .sprite,
.is-customer-search .tile .sprite {
display: inline-block;
margin-top: 10px;
margin-left: 5px;
}
.custom-search .tile.policy .insurance-type,
.is-customer-search .tile.policy .insurance-type {
font-size: 11pt;
font-family: "LatoLatinWebLight";
}
.custom-search .tile.quotation .insurance-type,
.is-customer-search .tile.quotation .insurance-type {
font-size: 11pt;
font-family: "LatoLatinWebLight";
}
.custom-search .tile.quotation .fonticon,
.is-customer-search .tile.quotation .fonticon {
color: #466696;
display: block;
}
.global-search .result-block {
padding: 1.1em !important;
border-radius: 3px;
background-color: #FFFFFF;
font-size: 95%;
}
.global-search .result-block ae-static-label-person p {
word-wrap: break-word;
margin-bottom: 0;
display: inline;
font-weight: 500;
line-height: 1;
/* color: #fff; */
text-align: center;
}
.global-search .result-block ae-static-label-person label {
color: #656565;
font-weight: 500;
}
.global-search div {
white-space: normal;
}
.global-search .type-icon {
font-size: 4em;
}
.ae-sidebar-item a {
cursor: pointer;
}
.spinner {
width: 100%;
text-align: center;
height: 200px;
}
.spinner .inner {
position: relative;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
padding: 30px;
}
.glyphicon-spin {
-webkit-animation: spin 1000ms infinite linear;
animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.ae-style-switcher {
padding: 0 20px;
}
.ae-style-switcher ul {
margin-left: 5px;
display: inline-block;
}
.ae-style-switcher .style {
font-family: 'Glyphicons Halflings';
}
.ae-style-switcher .style.basic-icon:before {
content: "\002a";
}
.ae-style-switcher .style.high-contrast-icon:before {
content: "\e063";
}
.ae-text-input {
position: relative;
}
.ae-text-input input {
z-index: 100;
}
.ae-text-input .help-block {
line-height: 15px;
font-size: 0.8em;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.ae-text-input .help-block.show {
opacity: 1;
}
.timeline .hidden {
display: block !important;
opacity: 0;
}
@media only screen and (min-width: 768px) {
.timeline timeline-event:nth-child(odd) timeline-panel.bounce-in {
-webkit-animation: cd-bounce-2 0.6s;
animation: cd-bounce-2 0.6s;
}
.timeline timeline-event:nth-child(even) timeline-panel.bounce-in {
-webkit-animation: cd-bounce-2-inverse 0.6s;
animation: cd-bounce-2-inverse 0.6s;
}
}
@media only screen and (max-width: 767px) {
.timeline timeline-event timeline-panel.bounce-in {
-webkit-animation: cd-bounce-2 0.6s;
animation: cd-bounce-2 0.6s;
}
}
.timeline timeline-event timeline-badge.bounce-in {
-webkit-animation: cd-bounce-1 0.6s;
animation: cd-bounce-1 0.6s;
}
@-webkit-keyframes cd-bounce-2 {
0% {
opacity: 0;
-webkit-transform: translate3d(-100px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
}
}
@keyframes cd-bounce-2 {
0% {
opacity: 0;
-webkit-transform: translate3d(-100px, 0, 0);
-ms-transform: translate3d(-100px, 0, 0);
transform: translate3d(-100px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
-ms-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes cd-bounce-2-inverse {
0% {
opacity: 0;
-webkit-transform: translate3d(100px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
}
}
@keyframes cd-bounce-2-inverse {
0% {
opacity: 0;
-webkit-transform: translate3d(100px, 0, 0);
-ms-transform: translate3d(100px, 0, 0);
transform: translate3d(100px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
-ms-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes cd-bounce-1 {
0% {
opacity: 0;
-webkit-transform: scale(0.5);
}
60% {
opacity: 1;
-webkit-transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
}
}
@keyframes cd-bounce-1 {
0% {
opacity: 0;
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
}
60% {
opacity: 1;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
/* animations based on animate.css used in examples in angular-timeline*/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
}
.animated.flipOutX,
.animated.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0px, -100%, 0px);
transform: translate3d(0px, -100%, 0px);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0px, -100%, 0px);
transform: translate3d(0px, -100%, 0px);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0px, -2000px, 0px);
transform: translate3d(0px, -2000px, 0px);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0px, -2000px, 0px);
transform: translate3d(0px, -2000px, 0px);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0px, 0px);
transform: translate3d(-100%, 0px, 0px);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0px, 0px);
transform: translate3d(-100%, 0px, 0px);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0px, 0px);
transform: translate3d(-2000px, 0px, 0px);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0px, 0px);
transform: translate3d(-2000px, 0px, 0px);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0px, 0px);
transform: translate3d(100%, 0px, 0px);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0px, 0px);
transform: translate3d(100%, 0px, 0px);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0px, 0px);
transform: translate3d(2000px, 0px, 0px);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0px, 0px);
transform: translate3d(2000px, 0px, 0px);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0px, 100%, 0px);
transform: translate3d(0px, 100%, 0px);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0px, 100%, 0px);
transform: translate3d(0px, 100%, 0px);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.add-customer360-element.inline {
display: inline-block;
}
.add-customer360-element a {
min-width: 130px;
padding: 3px;
}
.ae-timeline-full-container .ae-timeline {
margin-top: 15px;
}
.ae-timeline-full-container .ae-timeline ae-timeline-event:first-of-type .ae-timeline-panel {
box-shadow: none;
padding: 12px 10px;
}
.ae-timeline-full-container .ae-timeline .ae-timeline-inverted {
text-decoration: none;
list-style: none;
font-family: "LatoLatinWebMedium";
}
.ae-timeline-full-container .ae-timeline .ae-timeline-inverted .ae-timeline-panel {
box-shadow: inset 0px 3px 7px 0px rgba(0, 0, 0, 0.12);
padding: 12px 10px;
width: 100%;
background-color: #E0E9EE;
position: relative;
}
.ae-timeline-full-container .ae-timeline .ae-timeline-inverted .ae-timeline-panel .text-content .title {
font-size: 11pt;
opacity: 0.9;
}
.ae-timeline-full-container .ae-timeline .ae-timeline-inverted .ae-timeline-panel .text-content .content {
font-size: 10pt;
}
.ae-timeline-full-container .ae-timeline .ae-timeline-inverted .ae-timeline-panel .date {
position: absolute;
right: 10px;
top: 35%;
}
.ae-timeline-full-container .ae-timeline .ae-timeline-inverted .ae-timeline-panel .bold {
font-weight: bold;
}
.ae-timeline-full-container .ae-timeline .ae-timeline-inverted .ae-timeline-badge {
font-family: "LatoLatinWeb";
font-size: 12pt;
font-weight: bold;
color: #466696;
padding-left: 20px;
margin-top: 10px;
text-transform: uppercase;
}
.ae-timeline-full-container .ae-timeline .ae-timeline-inverted .contact-info {
padding: 10px;
color: #466696;
font-weight: bold;
font-family: "LatoLatinWeb";
}
.ae-timeline-full-container .ae-timeline .ae-timeline-inverted .contact-info .glyphicon {
font-size: 14pt;
vertical-align: text-bottom;
color: #6fbfc8;
width: 20px;
}
.ae-timeline-full-container .ae-timeline .ae-timeline-inverted .contact-info .contact-info-icons {
display: inline-block;
min-width: 100px;
}
.ae-timeline-full-container .ae-timeline .ae-timeline-inverted .event-type {
padding: 5px;
min-width: 80px;
margin-top: -2px;
}
.ae-timeline-full-container .ae-timeline .ae-timeline-inverted .event-type.Policy {
background-color: #0AAB7F;
}
.ae-timeline-full-container .ae-timeline .ae-timeline-inverted .event-type.Quotation {
background-color: #E8A62B;
}
.ae-timeline-full-container .ae-timeline-query-filter {
float: right;
margin-top: 5px;
}
.ae-timeline-full-container .ae-timeline-query-filter .filter {
position: relative;
min-width: 170px;
display: inline-block;
}
.ae-timeline-full-container .ae-timeline-query-filter .filter input {
border-bottom: thin solid #466696;
}
.ae-timeline-full-container .ae-timeline-query-filter .filter .filter-search {
position: absolute;
right: 5px;
top: 7px;
color: #466696;
}
.ae-timeline-full-container .ae-timeline-query-filter .inline {
display: inline-block;
vertical-align: top;
}
.ae-timeline-full-container .ae-timeline-query-filter .add-customer360-element.inline {
display: inline-block;
}
.ae-timeline-full-container .ae-timeline-query-filter .add-customer360-element a {
min-width: 130px;
padding: 3px;
}
.ae-timeline-full-container .ae-timeline-query-filter .sort .ui-select-container {
min-width: 160px;
}
.ae-timeline-full-container .ae-timeline-query-filter .sort .ui-select-container .ui-select-toggle {
padding: 3px 10px;
height: 27px;
}
@media screen and (max-width: 1650px) {
.ae-timeline-inverted .contact-info {
width: 27%;
padding: 10px 5px !important;
}
.ae-timeline-inverted .event-type {
margin-top: 5px;
}
}
@media screen and (max-width: 1415px) {
.ae-timeline-inverted .contact-info {
width: 15%;
padding: 0 5px !important;
}
}
.documentsLink {
color: #337ab7 !important;
}
.ae-toggle {
display: inline-block;
vertical-align: middle;
height: 28px;
}
.ae-toggle label {
display: block;
position: relative;
cursor: pointer;
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 2px;
width: 50px;
height: inherit;
background-color: #E0E9EE;
border-radius: 32px;
-webkit-transition: background 0.2s;
transition: background 0.2s;
}
.ae-toggle label::before,
.ae-toggle label::after {
display: block;
position: absolute;
content: "";
}
.ae-toggle label::before {
top: 2px;
left: 2px;
bottom: 2px;
right: 2px;
background-color: #fff;
border-radius: 30px;
-webkit-transition: background 0.2s;
transition: background 0.2s;
}
.ae-toggle label::after {
top: 4px;
left: 4px;
bottom: 4px;
width: 22px;
background-color: #E0E9EE;
border-radius: 26px;
-webkit-transition: margin 0.2s, background 0.2s;
transition: margin 0.2s, background 0.2s;
}
.ae-toggle label.active {
background-color: #E0E9EE;
}
.ae-toggle label.active::after {
margin-left: 20px;
background-color: #E0E9EE;
}
.top-buttons {
background: #fff;
height: 40px;
right: 15px;
}
.top-buttons .btn-group {
margin-right: 15px;
}
.ui-notification:hover {
opacity: 1;
}
.ae-validations .ae-validation {
display: none;
margin-top: 5px;
margin-bottom: 0;
}
.ae-validations .ae-validation.ae-validation-show {
display: block;
}
.ae-validations.ae-validations-asterisk .control-label::after {
content: '*';
color: #ab3515;
}
.ae-validations.has-error .ae-validation {
color: #ab3515;
}
.ae-validations.has-success .ae-validation {
color: #077b5b;
}
.ae-validations.has-error-corpo .ae-validation {
color: #ab3515;
font-size: 15px;
font-weight: bold;
}
.ae-wizard-indicator {
position: relative;
}
.ae-wizard-indicator ul {
text-align: center;
margin-bottom: 15px;
}
.ae-wizard-indicator ul .title {
display: inline-block;
text-align: center;
position: relative;
z-index: 1;
margin-top: 15px;
margin-right: 15px;
font-family: "SwissLife";
}
.ae-wizard-indicator li {
display: inline-block;
text-align: center;
position: relative;
z-index: 1;
margin: 0 25px;
vertical-align: top;
}
.ae-wizard-indicator li .left-gradient {
background: #466696;
background: -webkit-gradient(90deg, #466696, #cfcfcf);
background: -webkit-linear-gradient(90deg, #466696, #cfcfcf);
background: -webkit-linear-gradient(left, #466696, #cfcfcf);
background: linear-gradient(90deg, #466696, #cfcfcf);
}
.ae-wizard-indicator li .right-gradient {
background: #466696;
background: -webkit-gradient(-90deg, #466696, #7aafd3);
background: -webkit-linear-gradient(-90deg, #466696, #7aafd3);
background: -webkit-linear-gradient(right, #466696, #7aafd3);
background: linear-gradient(-90deg, #466696, #7aafd3);
}
.ae-wizard-indicator li.active {
z-index: 3;
}
.ae-wizard-indicator li.active .number {
border: none;
width: 48px;
height: 48px;
padding: 9px;
margin-top: 4px;
background: #466696;
background: -webkit-gradient(76deg, #466696, #7aafd3);
background: -webkit-linear-gradient(76deg, #466696, #7aafd3);
background: -webkit-linear-gradient(14deg, #466696, #7aafd3);
background: linear-gradient(76deg, #466696, #7aafd3);
color: #ffffff;
}
.ae-wizard-indicator li.active .number .inner {
color: #466696;
width: 30px;
height: 30px;
line-height: 30px;
box-shadow: 0 0 1px #466696;
}
.ae-wizard-indicator li.active .name {
font-family: "LatoLatinWeb";
color: #466696;
}
.ae-wizard-indicator li.active:first-child::before {
background: #466696;
background: -webkit-gradient(90deg, #466696, #cfcfcf);
background: -webkit-linear-gradient(90deg, #466696, #cfcfcf);
background: -webkit-linear-gradient(left, #466696, #cfcfcf);
background: linear-gradient(90deg, #466696, #cfcfcf);
}
.ae-wizard-indicator li.active:last-child::before {
background: #466696;
background: -webkit-gradient(-90deg, #466696, #7aafd3);
background: -webkit-linear-gradient(-90deg, #466696, #7aafd3);
background: -webkit-linear-gradient(right, #466696, #7aafd3);
background: linear-gradient(-90deg, #466696, #7aafd3);
}
.ae-wizard-indicator li.active:before {
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #7aafd3), color-stop(40%, #466696), color-stop(60%, #466696), color-stop(100%, #eeeeee));
background: -webkit-linear-gradient(left, #7aafd3 0%, #466696 40%, #466696 60%, #eeeeee 100%);
background: linear-gradient(to right, #7aafd3 0%, #466696 40%, #466696 60%, #eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@edgeColor', endColorstr='@step2Color',GradientType=1 );
}
.ae-wizard-indicator li.disabled:not(.active) .number {
background-color: #cfcfcf;
}
.ae-wizard-indicator li.disabled:not(.active) .number .inner {
color: #cfcfcf;
box-shadow: none;
}
.ae-wizard-indicator li.disabled:not(.active) .name {
color: #eeeeee;
}
.ae-wizard-indicator li.disabled:not(.active)::before {
background: #eeeeee;
}
.ae-wizard-indicator li:hover {
cursor: not-allowed;
}
.ae-wizard-indicator li:first-child::before {
width: 100%;
left: 50%;
}
.ae-wizard-indicator li:last-child::before {
width: 100%;
right: 50%;
}
.ae-wizard-indicator li:only-child::before {
content: none;
display: none;
}
.ae-wizard-indicator li::before {
content: '';
height: 1px;
width: 200%;
left: -50%;
display: block;
position: absolute;
top: 28px;
z-index: -1;
background: #7aafd3;
}
.ae-wizard-indicator li .number {
background-color: #7aafd3;
width: 38px;
height: 38px;
padding: 7px;
display: inline-block;
z-index: 30;
margin: 10px 0;
border-radius: 100px;
}
.ae-wizard-indicator li .number .inner {
background-color: #fff;
color: #7aafd3;
font-size: 12pt;
width: 24px;
height: 24px;
line-height: 24px;
z-index: 40;
display: inline-block;
padding: 0;
border-radius: 100px;
}
.ae-wizard-indicator li .name {
color: #7aafd3;
font-family: "LatoLatinWebLight";
text-shadow: 0 0 0 #7aafd3;
font-size: 10pt;
margin-top: 5px;
padding: 0 15px;
}
.ae-wizard-buttons .btn-wizard {
border-radius: 0;
border: none;
padding: 15px 90px;
font-size: 16pt;
}
.ae-wizard-buttons .btn-wizard.prev {
font-family: "LatoLatinWebLight";
text-shadow: 0 0 0 #000;
background-color: #E0E9EE;
color: black;
}
.ae-wizard-buttons .btn-wizard.next {
background: #466696;
background: -webkit-gradient(76deg, #466696, #7aafd3);
background: -webkit-linear-gradient(76deg, #466696, #7aafd3);
background: -webkit-linear-gradient(14deg, #466696, #7aafd3);
background: linear-gradient(76deg, #466696, #7aafd3);
color: #ffffff;
color: #FFF;
margin-top: -15px;
padding-top: 30px;
font-weight: 600;
}
.ae-wizard-buttons .btn-wizard[disabled] {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.ae-wizard-buttons .btn-wizard:hover,
.ae-wizard-buttons .btn-wizard:focus,
.ae-wizard-buttons .btn-wizard:active {
outline: none;
z-index: auto;
}
@media (min-width: 992px) {
[ae-wizard] .nano .nano-content,
ae-wizard .nano .nano-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
[ae-wizard] .nano .nano-content [ae-wizard-step],
ae-wizard .nano .nano-content [ae-wizard-step],
[ae-wizard] .nano .nano-content ae-wizard-step,
ae-wizard .nano .nano-content ae-wizard-step {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
[ae-wizard] .nano .nano-content [ae-wizard-button],
ae-wizard .nano .nano-content [ae-wizard-button],
[ae-wizard] .nano .nano-content ae-wizard-buttons,
ae-wizard .nano .nano-content ae-wizard-buttons {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
}
[ca-click],
[ui-sref] {
cursor: pointer;
}
.icon-info {
cursor: pointer;
font-size: 1.7rem !important;
}
.popover-overlay {
height: 100%;
width: 100%;
position: fixed;
left: 0;
top: 0;
background-color: #000;
opacity: 0.4;
z-index: 9999;
}
.popover-overlay.hides.hides-add {
display: block;
-webkit-transition: opacity 0.1s;
transition: opacity 0.1s;
opacity: 0.4;
visibility: visible;
}
.popover-overlay.hides.hides-add-active {
opacity: 0;
}
.popover-overlay.hides-remove {
-webkit-transition: opacity 0.1s;
transition: opacity 0.1s;
display: block;
opacity: 0;
visibility: visible;
}
.popover-overlay.hides-remove-active {
opacity: 0.4;
}
.popover-overlay.hides {
opacity: 0;
visibility: hidden;
}
.popover.hides.hides-add {
display: block;
-webkit-transition: opacity 0.1s;
transition: opacity 0.1s;
opacity: 1;
visibility: visible;
}
.popover.hides.hides-add-active {
opacity: 0;
}
.popover.hides-remove {
-webkit-transition: opacity 0.1s;
transition: opacity 0.1s;
display: block;
opacity: 0;
visibility: visible;
}
.popover.hides-remove-active {
opacity: 1;
}
.popover.hides {
opacity: 0;
visibility: hidden;
}
.popover {
display: block;
position: absolute;
border-radius: 0;
box-shadow: 0 0 15px -2px #555555;
background: white;
width: 349px;
z-index: 9999;
text-decoration: none;
font-family: "LatoLatinWeb";
white-space: normal;
color: #666666;
/*** bottom ***/
/*** top ***/
/*** left ***/
/*** right ***/
}
.popover .title {
border-radius: 10px 10px 0px 0px;
font-size: 2.1rem;
line-height: 20px;
padding: 16px 25px 10px 25px;
background: white;
color: #00a197;
font-family: "LatoLatinWeb";
}
.popover .content {
background: white;
font-size: 1.25rem;
padding: 0px 25px 20px 25px;
border-radius: 0px 0px 10px 10px;
}
.popover .content p {
margin: 3px 0 8px;
}
.popover .marker {
border-width: 10px;
border-style: solid;
display: block;
position: absolute;
z-index: 100;
width: 0;
height: 0;
}
.popover .marker-glow:before,
.popover .marker-glow:after {
content: '';
position: absolute;
width: 0;
box-shadow: 0px 0px 20px 5px rgba(60, 174, 100, 0.36);
z-index: -1;
border-top: 30px solid transparent;
border-left: 0px solid transparent;
}
.popover .close {
position: absolute;
top: 0;
right: 0;
cursor: pointer;
text-shadow: 0 1px 0 #ffffff;
text-decoration: none;
padding: 15px;
font-size: 2.5rem;
line-height: 20px;
color: #00a197;
}
.popover .close:hover {
text-decoration: none;
cursor: pointer;
}
.popover.bottom .marker,
.popover.bottomleft .marker,
.popover.bottomright .marker {
border-left: 18px solid transparent;
border-bottom: 35px solid white;
border-right: 18px solid transparent;
border-top: none;
left: 50%;
top: -34px;
}
.popover.bottom .marker-glow:before,
.popover.bottomleft .marker-glow:before,
.popover.bottomright .marker-glow:before,
.popover.bottom .marker-glow:after,
.popover.bottomleft .marker-glow:after,
.popover.bottomright .marker-glow:after {
top: -30px;
left: 50%;
}
.popover.bottom .marker-glow:before,
.popover.bottomleft .marker-glow:before,
.popover.bottomright .marker-glow:before {
-webkit-transform: rotate(28deg);
-ms-transform: rotate(28deg);
transform: rotate(28deg);
}
.popover.bottom .marker-glow:after,
.popover.bottomleft .marker-glow:after,
.popover.bottomright .marker-glow:after {
-webkit-transform: rotate(-28deg);
-ms-transform: rotate(-28deg);
transform: rotate(-28deg);
}
.popover.bottom .marker {
margin-left: -18px;
}
.popover.bottom .marker-glow:before {
margin-left: -9px;
}
.popover.bottom .marker-glow:after {
margin-left: 9px;
}
.popover.bottomleft .marker {
margin-left: -66px;
left: 100%;
}
.popover.bottomleft .marker-glow:before {
left: 100%;
margin-left: -57px;
}
.popover.bottomleft .marker-glow:after {
left: 100%;
margin-left: -39px;
}
.popover.bottomright .marker {
left: 0;
margin-left: 30px;
}
.popover.bottomright .marker-glow:before {
left: 0;
margin-left: 39px;
}
.popover.bottomright .marker-glow:after {
left: 0;
margin-left: 58px;
}
.popover.top .marker,
.popover.topleft .marker,
.popover.topright .marker {
border-left: 18px solid transparent;
border-top: 35px solid white;
border-right: 18px solid transparent;
border-bottom: none;
left: 50%;
bottom: -34px;
}
.popover.top .marker-glow:before,
.popover.topleft .marker-glow:before,
.popover.topright .marker-glow:before,
.popover.top .marker-glow:after,
.popover.topleft .marker-glow:after,
.popover.topright .marker-glow:after {
bottom: -30px;
left: 50%;
}
.popover.top .marker-glow:before,
.popover.topleft .marker-glow:before,
.popover.topright .marker-glow:before {
-webkit-transform: rotate(-28deg);
-ms-transform: rotate(-28deg);
transform: rotate(-28deg);
}
.popover.top .marker-glow:after,
.popover.topleft .marker-glow:after,
.popover.topright .marker-glow:after {
-webkit-transform: rotate(28deg);
-ms-transform: rotate(28deg);
transform: rotate(28deg);
}
.popover.top .marker {
margin-left: -18px;
}
.popover.top .marker-glow:before {
margin-left: -9px;
}
.popover.top .marker-glow:after {
margin-left: 9px;
}
.popover.topleft .marker {
margin-left: -66px;
left: 100%;
}
.popover.topleft .marker-glow:before {
left: 100%;
margin-left: -57px;
}
.popover.topleft .marker-glow:after {
left: 100%;
margin-left: -39px;
}
.popover.topright .marker {
left: 0;
margin-left: 31px;
}
.popover.topright .marker-glow:before {
left: 0;
margin-left: 40px;
}
.popover.topright .marker-glow:after {
left: 0;
margin-left: 58px;
}
.popover.left .marker,
.popover.leftbottom .marker,
.popover.lefttop .marker {
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 35px solid white;
border-right: none;
top: 50%;
right: -34px;
margin-top: -18px;
}
.popover.left .marker-glow:before,
.popover.leftbottom .marker-glow:before,
.popover.lefttop .marker-glow:before,
.popover.left .marker-glow:after,
.popover.leftbottom .marker-glow:after,
.popover.lefttop .marker-glow:after {
right: -20px;
top: 50%;
}
.popover.left .marker-glow:before,
.popover.leftbottom .marker-glow:before,
.popover.lefttop .marker-glow:before {
-webkit-transform: rotate(-62deg);
-ms-transform: rotate(-62deg);
transform: rotate(-62deg);
}
.popover.left .marker-glow:after,
.popover.leftbottom .marker-glow:after,
.popover.lefttop .marker-glow:after {
-webkit-transform: rotate(64deg);
-ms-transform: rotate(64deg);
transform: rotate(64deg);
}
.popover.left .marker-glow:before {
margin-top: -22px;
}
.popover.left .marker-glow:after {
margin-top: -8px;
}
.popover.lefttop .marker {
top: 0;
margin-top: 20px;
}
.popover.lefttop .marker-glow:before {
top: 0;
margin-top: 11px;
}
.popover.lefttop .marker-glow:after {
top: 0;
margin-top: 29px;
}
.popover.leftbottom .marker {
top: 100%;
margin-top: -58px;
}
.popover.leftbottom .marker-glow:before {
top: 100%;
margin-top: -67px;
}
.popover.leftbottom .marker-glow:after {
top: 100%;
margin-top: -46px;
}
.popover.right .marker,
.popover.righttop .marker,
.popover.rightbottom .marker {
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-right: 35px solid white;
border-left: none;
left: -34px;
margin-top: -18px;
top: 50%;
}
.popover.right .marker-glow:before,
.popover.righttop .marker-glow:before,
.popover.rightbottom .marker-glow:before,
.popover.right .marker-glow:after,
.popover.righttop .marker-glow:after,
.popover.rightbottom .marker-glow:after {
left: -20px;
top: 50%;
}
.popover.right .marker-glow:before,
.popover.righttop .marker-glow:before,
.popover.rightbottom .marker-glow:before {
-webkit-transform: rotate(-62deg);
-ms-transform: rotate(-62deg);
transform: rotate(-62deg);
}
.popover.right .marker-glow:after,
.popover.righttop .marker-glow:after,
.popover.rightbottom .marker-glow:after {
-webkit-transform: rotate(64deg);
-ms-transform: rotate(64deg);
transform: rotate(64deg);
}
.popover.right .marker-glow:before {
margin-top: -6px;
}
.popover.right .marker-glow:after {
margin-top: -23px;
}
.popover.righttop .marker {
top: 0;
margin-top: 20px;
}
.popover.righttop .marker-glow:before {
top: 0;
margin-top: 29px;
}
.popover.righttop .marker-glow:after {
top: 0;
margin-top: 11px;
}
.popover.rightbottom .marker {
top: 100%;
margin-top: -58px;
}
.popover.rightbottom .marker-glow:before {
top: 100%;
margin-top: -46px;
}
.popover.rightbottom .marker-glow:after {
top: 100%;
margin-top: -67px;
}
.ca-spinner {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 99999;
-webkit-transition: visibility 0.4s;
transition: visibility 0.4s;
}
.ca-spinner .overlay,
.ca-spinner .loader {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 1;
}
.ca-spinner .overlay {
background: #000;
-webkit-transition: opacity 0.4s;
transition: opacity 0.4s;
opacity: 0.4;
}
.ca-spinner .loader::after,
.ca-spinner .loader::before {
content: '';
position: fixed;
width: 20px;
height: 20px;
top: 50%;
left: 50%;
margin: -10px 0 0 -10px;
border-radius: 50%;
opacity: 1;
z-index: 1000;
-webkit-transition: opacity, 0.4s;
transition: opacity, 0.4s;
}
.ca-spinner .loader::after {
background: #fff;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
-webkit-animation: moveRight 0.6s linear infinite alternate;
animation: moveRight 0.6s linear infinite alternate;
}
.ca-spinner .loader::before {
background: #466696;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
-webkit-animation: moveLeft 0.6s linear infinite alternate;
animation: moveLeft 0.6s linear infinite alternate;
}
.ca-spinner.closed {
visibility: hidden;
}
.ca-spinner.closed .overlay {
opacity: 0;
}
.ca-spinner.closed .loader::after,
.ca-spinner.closed .loader::before {
opacity: 0;
}
.pageload-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
visibility: hidden;
z-index: 9999999999;
}
.pageload-overlay.show {
visibility: visible;
}
.pageload-overlay svg {
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}
.pageload-overlay svg path {
fill: #466696;
}
.pageload-overlay::after,
.pageload-overlay::before {
content: '';
position: fixed;
width: 20px;
height: 20px;
top: 50%;
left: 50%;
margin: -10px 0 0 -10px;
border-radius: 50%;
opacity: 0;
z-index: 1000;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.pageload-overlay::after {
background: #000;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
-webkit-animation: moveRight 0.6s linear infinite alternate;
animation: moveRight 0.6s linear infinite alternate;
}
.pageload-overlay::before {
background: #FFF;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
-webkit-animation: moveLeft 0.6s linear infinite alternate;
animation: moveLeft 0.6s linear infinite alternate;
}
.pageload-loading.pageload-overlay::after,
.pageload-loading.pageload-overlay::before {
opacity: 1;
}
.no-min-width .dictionary-item-selector .btn {
min-width: inherit;
}
.dictionary-item-selector {
display: inline-block;
}
.dictionary-item-selector .btn {
background: none;
color: #466696;
border: thin solid #466696;
min-width: 300px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 50px;
vertical-align: middle;
position: relative;
padding-right: 35px;
}
.dictionary-item-selector .btn:after {
content: 'â—Ł';
font-size: 8px;
position: absolute;
top: 50%;
margin-top: -8px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 15px;
}
.dictionary-item-selector .dropdown-menu {
min-width: 300px;
}
.dictionary-item-selector .dropdown-menu input {
max-width: 300px;
padding: 0 20px;
}
.dictionary-item-view {
font-weight: bold;
}
.rule-selector .dropdown-menu,
.dictionary-selector .dropdown-menu,
.dictionary-item-selector .dropdown-menu {
max-height: 300px;
overflow: hidden;
overflow-y: auto;
}
.rule-selector .dropdown-menu li > a,
.dictionary-selector .dropdown-menu li > a,
.dictionary-item-selector .dropdown-menu li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
}
.rule-selector .dropdown-menu li > a:hover,
.dictionary-selector .dropdown-menu li > a:hover,
.dictionary-item-selector .dropdown-menu li > a:hover {
background-color: #eeeeee;
}
.rule-selector .dropdown-menu .special,
.dictionary-selector .dropdown-menu .special,
.dictionary-item-selector .dropdown-menu .special {
font-style: italic;
}
.is-customer {
width: 50%;
margin: 0 auto;
}
.is-customer .content {
padding: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.is-customer .content .block {
cursor: pointer;
border: thin solid #888;
border-radius: 5px;
padding: 8px;
margin: 10px;
}
.is-customer .content .block.active {
border: 2px solid #466695;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.is-customer .content .block .img {
font-size: 1.7em;
text-align: center;
display: block;
}
.is-customer .content .block .yes {
width: 280px;
margin: 0 auto;
}
.is-customer .content .block .yes .main {
float: left;
}
.is-customer .content .block .yes .main .desc {
width: 25px;
margin: 5px auto;
}
.is-customer .content .block .yes .list {
margin-left: 80px;
}
.is-customer .content .block.no .desc {
width: 90%;
margin: 5px auto;
padding-left: 20px;
}
.is-customer .is-customer-search {
width: 75%;
margin: 0 auto;
position: relative;
}
.is-customer .is-customer-search .search-list {
position: absolute;
z-index: 1111111111;
float: left;
min-width: 160px;
padding: 0;
margin: 0 15px;
text-align: left;
list-style: none;
border-radius: 4px;
background: none;
border: none;
box-shadow: none;
font-size: 0.9em;
width: 93%;
overflow-y: auto;
overflow-x: hidden;
max-height: 350px;
}
.is-customer .is-customer-search .search-list li {
cursor: pointer;
margin: 0 auto;
padding: 5px;
border-bottom: thin solid #d5d5d5;
background-color: #f4f4f4;
overflow: hidden;
list-style-type: none;
}
.is-customer .is-customer-search .search-list li.active {
color: #fff;
text-decoration: none;
background-color: #337ab7;
outline: 0;
}
.is-customer .is-customer-search .search-list li.active a {
color: #FFF;
}
.is-customer .is-customer-search .search-list li a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
}
.is-customer .is-customer-search .search-list li .glyphicon {
margin-top: 5px;
font-size: 34px;
}
.is-customer .is-customer-search .search-list .not-selected {
text-align: center;
}
.is-customer .is-customer-search .spinner-container {
position: absolute;
top: 19px;
right: 50px;
}
.is-customer .is-customer-search .spinner-container .spinner {
height: auto;
}
.is-customer .is-customer-search .spinner-container .spinner .inner {
padding: 0;
}
.prospect.no-records .not-found-text {
font-family: "LatoLatinWeb";
margin: 15px 0;
}
.prospect.no-records .prop-container {
display: inline-block;
}
.prospect.no-records .prop-container:not(:first-child) {
margin-left: 30px;
}
.prospect.no-records .prop-container .badge {
padding: 7px 20px;
margin-left: 10px;
border-radius: 50px;
border: thin solid #466696;
}
.prospect.no-records .prop-container .badge a {
color: #466696;
}
.prospect.no-records .confirm {
font-family: "LatoLatinWeb";
text-decoration: underline;
margin-top: 15px;
}
.prospect.no-records .confirm span {
cursor: pointer;
}
.add-prospect-request {
font-family: "LatoLatinWeb";
text-decoration: underline;
color: #466696;
margin: 10px auto;
}
.add-prospect-request span {
cursor: pointer;
}
.admin img {
width: 100%;
}
.operations-panel .filter {
font-size: 12pt;
margin: 20px 0 10px 0;
}
.operations-panel .filter input {
display: inline-block;
}
.dropdown-input .ui-select-container .ui-select-match .ui-select-toggle {
border: none;
border-bottom: thin solid #466696;
border-radius: 0;
box-shadow: none;
}
.dropdown-input .ui-select-container .ui-select-match .ui-select-toggle .caret {
display: none;
}
.advanced-search-directive {
padding: 0 !important;
padding: 15px 0;
}
.advanced-search-directive .left-section {
padding-top: 10px;
}
.advanced-search-directive .right-section {
padding: 0;
overflow-y: auto !important;
}
.advanced-search-directive .categories {
font-size: 11pt;
color: #000;
width: 100%;
float: left;
}
.advanced-search-directive .categories .nav {
padding: 5px 0 0 0;
border: none;
}
.advanced-search-directive .categories .nav .category-item {
font-family: "LatoLatinWeb";
cursor: pointer;
min-width: 100px;
text-align: center;
display: inline-block;
padding: 10px;
margin: 0 5px 0 0;
border-bottom: none;
font-size: 11pt;
}
.advanced-search-directive .categories .nav .category-item.active {
color: #466696;
}
.advanced-search-directive .categories .nav .category-item .item-count {
font-size: 10pt;
color: #a2a2a2;
}
.advanced-search-directive .advanced-filters.ng-enter {
-webkit-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.advanced-search-directive .advanced-filters.ng-enter,
.advanced-search-directive .advanced-filters.ng-leave.ng-leave-active {
opacity: 0;
}
.advanced-search-directive .advanced-filters.ng-leave,
.advanced-search-directive .advanced-filters.ng-enter.ng-enter-active {
opacity: 1;
}
.advanced-search-directive .advanced-filters .search-filters {
padding: 20px;
margin: 0 auto;
}
.advanced-search-directive .advanced-filters .search-filters .inline-block {
display: inline-block;
}
.advanced-search-directive .advanced-filters .search-filters .date-container {
vertical-align: top;
}
.advanced-search-directive .advanced-filters .search-filters .btn-container {
width: 20%;
margin: 20px auto;
}
.advanced-search-directive .advanced-filters .search-filters .btn-container .add {
min-width: 150px;
}
.advanced-search-directive .advanced-filters .search-filters .ae-datepick {
display: inline-block;
vertical-align: middle;
width: 120px;
}
.advanced-search-directive .advanced-filters .search-filters .ui-select-container {
min-width: 160px;
margin-right: 10px;
}
.advanced-search-directive .advanced-filters .search-filters .right-filters {
padding-left: 50px;
border-left: thin solid #ECECEC;
}
.advanced-search-directive .advanced-filters .search-filters .add-new {
text-align: right;
}
.advanced-search-directive .advanced-filters .search-filters .add-new a {
color: #466696;
font-family: "LatoLatinWebHeavy";
font-size: 10pt;
}
.advanced-search-directive .advanced-filters .search-filters .remove-filter {
float: right;
margin-top: 5px;
cursor: pointer;
}
.advanced-search-directive .panel-view .form-control-static {
padding-top: 2px !important;
}
.advanced-search-directive .panel-view .more-info {
position: absolute;
right: 25px;
z-index: 100;
color: #337ab7;
text-decoration: underline;
cursor: pointer;
}
.advanced-search-directive .panel-view .person-panel .content,
.advanced-search-directive .panel-view .policy-panel .content {
position: absolute;
top: 15%;
left: 10%;
width: 100%;
}
.advanced-search-directive .panel-view .person-panel .content .avatar,
.advanced-search-directive .panel-view .policy-panel .content .avatar {
width: 100%;
}
.advanced-search-directive .panel-view .person-panel .content .ux-btn-primary,
.advanced-search-directive .panel-view .policy-panel .content .ux-btn-primary {
margin-left: 25%;
margin-top: 30px;
}
.advanced-search-directive .panel-view .policy-panel .avatar {
width: 85% !important;
}
.advanced-search-directive .panel-view .policy-panel .avatar.small {
width: 7% !important;
}
.advanced-search-directive .panel-view .policy-panel .fonticon {
font-size: 9vw;
color: #466696;
}
.advanced-search-directive .panel-view .policy-panel .form-control-static.policyholder {
display: inline-block;
}
.advanced-search-directive .panel-view .policy-panel .text-danger {
color: #D8431B !important;
}
.advanced-search-directive .tile {
font-family: "LatoLatinWeb";
line-height: 1.5;
}
.advanced-search-directive .tile .comma-before::before {
content: ',';
}
.advanced-search-directive .tile .comma-after::after {
content: ',';
}
.advanced-search-directive .tile .primary {
font-size: 13pt;
color: #8A8A8A;
}
.advanced-search-directive .tile .secondary {
font-family: "LatoLatinWebLight";
font-size: 10pt;
}
.advanced-search-directive .tile .highlighted-section {
color: #466696;
}
.advanced-search-directive .tile .highlightedText {
color: #303A40;
font-weight: 600;
}
.advanced-search-directive .tile .avatar {
width: 85%;
}
.advanced-search-directive .tile .fonticon {
font-size: 28px;
color: #466696;
padding-top: 8px;
display: block;
}
.advanced-search-directive .tile .sprite {
display: inline-block;
margin-top: 10px;
margin-left: 5px;
}
.advanced-search-directive .tile.policy .insurance-type {
font-size: 11pt;
font-family: "LatoLatinWebLight";
}
.advanced-search-directive .tile.quotation .insurance-type {
font-size: 11pt;
font-family: "LatoLatinWebLight";
}
.advanced-search-directive .tile.quotation .fonticon {
color: #466696;
display: block;
}
.advanced-search-directive .right-inner-addon i {
margin: 10px 0 !important;
padding: 7px !important;
}
.advanced-search-directive .right-inner-addon i .search {
right: 0;
font-size: 0.9em;
}
.advanced-search-directive .result-block .glyphicon {
font-size: 20pt;
margin-top: 10px;
}
.advanced-search-directive .content {
padding: 0 15px;
}
.advanced-search-directive .content .result-list-container {
margin-top: -9px;
}
.advanced-search-directive .content .tiles {
width: 80%;
}
.advanced-search-directive .content .tiles .tile {
margin-top: 12px;
margin-bottom: 12px;
padding-left: 10px;
}
.advanced-search-directive .content .tiles .tile-content {
display: inline-block;
margin-left: 30px;
}
.advanced-search-directive .content .tiles .tile-content .comma:after {
content: ",";
}
.advanced-search-directive .content .tiles .tile-content .primary {
font-size: 13pt;
margin-bottom: 3px;
}
.advanced-search-directive .content .tiles .tile-content .secondary {
font-size: 11pt;
}
.advanced-search-directive .content .tiles .tile-content .bold {
font-weight: 600;
}
.advanced-search-directive .content .tiles .avatar {
width: 70%;
}
.advanced-search-directive .content ul {
height: 100%;
text-decoration: none;
list-style: none;
}
.advanced-search-directive .content ul .result-list-item {
margin: 0;
cursor: pointer;
position: relative;
}
.advanced-search-directive .content ul .result-list-item.active {
text-decoration: none;
background-color: rgba(223, 233, 238, 0.4);
outline: 0;
}
.advanced-search-directive .content ul .result-list-item.active .checkbox-item {
display: block !important;
}
.advanced-search-directive .content ul .result-list-item:after {
content: '';
display: block;
height: 1px;
background: #d6d6d6 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -webkit-linear-gradient(left, #fff 0, #d6d6d6 15%, #d6d6d6 85%, #fff 100%);
background: linear-gradient(to right, #fff 0, #d6d6d6 15%, #d6d6d6 85%, #fff 100%);
}
.advanced-search-directive .content .suggestions {
margin: 25px 10px;
font-size: 14pt;
margin-left: 15%;
font-family: LatoLatinWebLight;
color: #333;
}
.advanced-search-directive .content .suggestions ul {
padding: 10px;
list-style: inherit;
font-size: 13pt;
}
.advanced-search-directive .customer-section {
padding: 20px 15px;
margin: 0;
background-color: #E0E9EE;
}
.advanced-search-directive .customer-section .form-group {
margin-bottom: 6px;
position: relative;
}
.advanced-search-directive .customer-section .form-group .control-label {
padding-top: 0;
color: #466696;
font-weight: normal;
font-family: "LatoLatinWebLight";
text-align: right;
}
.advanced-search-directive .customer-section .form-group .form-control-static {
padding-bottom: 0;
padding-top: 0;
min-height: 20px;
color: #000;
font-family: "LatoLatinWeb";
margin-top: -2px;
}
.advanced-search-directive .customer-section .form-group .form-control-static .email {
padding: 0 !important;
}
.advanced-search-directive .center-search {
position: fixed;
top: 35%;
right: 28%;
width: 40%;
font-size: 30pt;
font-family: "LatoLatinWebMedium";
}
.advanced-search-directive .center-search:before {
content: "Agent Essentials";
display: block;
margin-bottom: 5px;
right: 30%;
color: #466696;
text-align: center;
}
.advanced-search-directive .search-bar {
width: 100%;
position: relative;
float: left;
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16), 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
padding-top: 15px;
z-index: 10;
}
.advanced-search-directive .search-bar .add-customer360-element {
margin-top: 10px;
}
.advanced-search-directive .search-bar .global-search input {
font-size: 14pt;
height: 40px;
margin-bottom: 5px;
margin-top: 6px;
}
.advanced-search-directive .search-bar .global-search .glyphicon {
font-size: 13pt !important;
color: #466696;
}
.advanced-search-directive .filters {
margin: 0;
}
.advanced-search-directive .no-records {
font-family: "LatoLatinWebLight";
color: #609ba8;
display: block;
text-align: center;
padding-top: 30px;
font-size: 18pt;
}
.advanced-search-directive .checkbox-item {
position: absolute;
right: 0;
top: 35%;
}
.advanced-search-directive .multi-select-actions {
font-family: "LatoLatinWebLight";
font-weight: 600;
color: #000;
display: block;
font-size: 12pt;
background-color: #E0E9EE;
margin-bottom: 10px;
padding: 8px;
height: 40px;
}
.advanced-search-directive .multi-select-actions .select-action {
max-width: 100px;
}
.advanced-search-directive .multi-select-actions .inline {
display: inline-block;
margin: 0 15px;
}
.advanced-search-directive .multi-select-actions .right {
float: right;
}
.advanced-search-directive .multi-select-actions select {
height: 25px;
}
.advanced-search-directive .multi-select-actions .all-filter .custom-checkbox span {
margin: 3px;
}
.advanced-search-directive .selection-bar {
width: 100%;
height: 45px;
line-height: 45px;
text-align: right;
}
.advanced-search-directive .selection-bar .btn-group {
margin: 0 15px;
}
.advanced-search-directive .selection-bar .btn-group .dropdown-menu {
right: 0;
left: auto;
}
@media (max-width: 1300px) {
.person-panel .content {
position: absolute;
top: 13% !important;
left: 8% !important;
width: 100%;
}
.person-panel .content .avatar {
width: 100%;
}
}
@media (max-width: 1100px) {
.person-panel .content {
position: absolute;
top: 10% !important;
left: 5% !important;
width: 100%;
}
.person-panel .content .avatar {
width: 100%;
}
}
.collections .bold {
font-weight: bold;
}
.collections .clickable {
cursor: pointer;
}
.collections .text-higlighted {
color: #466696;
font-size: 32px;
font-weight: bold;
}
.collections .collected-cash-summary {
border: thin solid #cfcfcf;
padding: 20px;
margin-top: 50px;
margin-bottom: 50px;
}
.collections .collected-cash-summary .collected-cash-summary-list {
margin-left: 20px;
color: #777777;
}
.collections .collected-cash-summary .text-dark {
color: black;
}
.collections .collected-cash-summary .showDetails {
color: #7aafd3;
font-family: "LatoLatinWebLight";
margin-left: 10px;
}
.collections .action-selection-icons {
width: 70%;
}
.collections .blank-section {
margin: 0!important;
}
.collections .no-padding-bottom {
padding-bottom: 0!important;
}
.collections .no-margin-top {
margin-top: 0!important;
}
.collections-complete-steps {
margin-left: 70px;
margin-right: 70px;
}
ol.collections-complete-steps {
text-align: left;
padding: 15px;
}
ol.collections-complete-steps li {
padding: 5px 15px;
}
ol.collections-complete-steps li label {
display: block;
font-weight: normal;
}
ol.collections-complete-steps li label a {
font-family: "LatoLatinWeb";
color: #7aafd3;
}
ol.collections-complete-steps li label a:hover {
color: #466696;
}
.claims {
padding-left: 30px;
padding-right: 30px;
padding-top: 25px !important;
counter-reset: header-counter objects-counter;
}
.claims header.section-header {
margin-top: 20px;
}
.claims .div-readonly {
padding-top: 7px;
font-size: 11pt;
color: #466696;
font-weight: bold;
}
.claims .control-label {
text-align: left;
margin: 0;
}
.claims .top {
vertical-align: top;
}
.claims select {
min-width: 140px;
}
.claims .inline-element {
display: inline-block;
}
.claims .address-search .search-list-container .search-list {
top: 0;
min-width: 275px;
}
.claims textarea {
min-height: 33px;
max-width: 600px;
}
.claims textarea.with-label {
max-width: 350px;
}
.claims .col-md-9,
.claims .col-md-12 {
padding-left: 0;
}
.claims .date-title {
color: #fafafa;
}
.claims .custom-checkbox {
color: #466696;
}
.claims .inline-container {
display: inline-block;
font-weight: bold;
}
.claims .ng-animate-enabled.very-high-animation.ng-enter,
.claims .ng-animate-enabled.very-high-animation.ng-leave {
-webkit-transition: 0.75s linear all;
transition: 0.75s linear all;
}
.claims .ng-animate-enabled.very-high-animation.ng-leave.ng-leave-active,
.claims .ng-animate-enabled.very-high-animation.ng-enter {
max-height: 0;
}
.claims .ng-animate-enabled.very-high-animation.ng-enter.ng-enter-active,
.claims .ng-animate-enabled.very-high-animation.ng-leave {
max-height: 500px;
}
.claims .ng-animate-enabled.high-animation.ng-enter,
.claims .ng-animate-enabled.high-animation.ng-leave {
-webkit-transition: 0.75s linear all;
transition: 0.75s linear all;
}
.claims .ng-animate-enabled.high-animation.ng-leave.ng-leave-active,
.claims .ng-animate-enabled.high-animation.ng-enter {
max-height: 0;
}
.claims .ng-animate-enabled.high-animation.ng-enter.ng-enter-active,
.claims .ng-animate-enabled.high-animation.ng-leave {
max-height: 275px;
}
.claims .ng-animate-enabled.ng-enter,
.claims .ng-animate-enabled.ng-leave {
-webkit-transition: 0.5s linear all;
transition: 0.5s linear all;
overflow: hidden;
}
.claims .ng-animate-enabled.ng-leave.ng-leave-active,
.claims .ng-animate-enabled.ng-enter {
max-height: 0;
opacity: 0;
}
.claims .ng-animate-enabled.ng-enter.ng-enter-active,
.claims .ng-animate-enabled.ng-leave {
max-height: 100px;
opacity: 1;
}
.claims .ng-animate-enabled.low-animation.ng-enter,
.claims .ng-animate-enabled.low-animation.ng-leave {
-webkit-transition: 0.5s linear all;
transition: 0.5s linear all;
}
.claims .ng-animate-enabled.low-animation.ng-leave.ng-leave-active,
.claims .ng-animate-enabled.low-animation.ng-enter {
max-height: 0;
}
.claims .ng-animate-enabled.low-animation.ng-enter.ng-enter-active,
.claims .ng-animate-enabled.low-animation.ng-leave {
max-height: 50px;
}
.claims .ng-animate-enabled.form-group.ng-leave.ng-leave-active,
.claims .ng-animate-enabled.form-group.ng-enter {
margin-bottom: 0;
}
.claims .ng-animate-enabled.form-group.ng-enter.ng-enter-active,
.claims .ng-animate-enabled.form-group.ng-leave {
margin-bottom: 15px;
}
.claims claim-person-popup .ux-link {
margin-bottom: 10px;
}
.claims .emergency-services .no-margin {
margin-bottom: 0;
}
.claims .emergency-services .custom-checkbox {
padding-left: 0;
margin-top: 10px;
}
.claims .general-data .ux-link {
padding: 0;
}
.claims .general-data .ux-close-button {
float: none;
display: inline-block;
}
.claims .attachments .attachments-suggestions {
max-width: 600px;
color: #777777;
margin-top: -5px;
font-size: 13px;
margin-left: 30px;
}
.claims .attachments .attachments-suggestions span {
text-transform: lowercase;
}
.claims .attachments .attachments-suggestions .ux-link {
font-size: 12px;
font-weight: normal;
}
.claims .attachments .attachments-suggestions .interpunction {
margin-left: -3px;
margin-right: 2px;
}
.claims .attachments ae-file-attachments div {
max-width: 600px;
}
.claims .compensation input.form-control {
max-width: 120px;
display: inline;
}
.claims .beneficiaries .ux-close-button {
float: none;
display: inline-block;
}
.claims .claims-padding {
padding: 0 0 5px 5% !important;
}
.claims .subject-of-loss .input-group .input-group-btn .btn {
max-height: 30px;
}
.claims .subject-of-loss .form-group {
margin-bottom: 0;
}
.claims .property-loss .property-item-box {
max-width: 600px;
padding: 10px;
background-color: #e9f0f3;
margin-bottom: 15px;
}
.claims .property-loss .property-item-box .property-box-padding {
padding: 20px;
}
.claims .property-loss .property-item-box .property-box-header .property-box-object {
margin: 10px;
font-weight: bold;
color: #466696;
font-size: 110%;
}
.claims .property-loss .property-item-box .property-box-header .property-box-object::after {
content: ' ' counter(objects-counter);
counter-increment: objects-counter;
}
.claims .property-loss .property-item-box .property-box-description {
margin-bottom: 15px;
}
.claims .property-loss .property-item-box .property-box-description textarea {
background-color: inherit;
border-bottom-color: #466696;
}
.claims .property-loss .property-item-box .property-field {
width: 47%;
display: inline-block;
vertical-align: middle;
}
.claims .property-loss .property-item-box .property-field input.form-control {
max-width: 120px;
display: inline;
border-bottom-color: #466696;
}
.claims .property-loss .property-item-box .property-field .ui-select-container {
min-width: 150px;
max-width: 150px;
}
.claims .property-loss .property-item-box .property-field .control-label {
margin-right: 5px;
}
.claims .property-loss .property-item-box .property-field .center {
width: 200px;
margin-right: auto;
margin-left: auto;
height: 50px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.claims .car-victim .driving-licence .col-md-2,
.claims .car-responsible .driving-licence .col-md-2 {
max-width: 140px;
min-width: 120px;
padding-left: 0;
padding-right: 0;
}
.claims .car-victim .driving-licence .col-md-1,
.claims .car-responsible .driving-licence .col-md-1 {
max-width: 50px;
padding-left: 0;
padding-right: 0;
}
.claims .car-victim .driving-licence .ae-dropdown,
.claims .car-responsible .driving-licence .ae-dropdown {
float: left;
}
.claims .description .selected-car-part {
height: 30px;
padding-left: 15px;
color: #7aafd3;
font-weight: bold;
}
.claims .description .selected-car-part span {
display: inline-block;
vertical-align: middle;
}
.claims .description .selected-car-part .ux-close-button {
padding-top: 0;
font-size: 26px;
display: inline-block;
float: none;
}
.claims .cause-of-event textarea {
margin-left: 15px;
}
.modal-dialog .claims .modal-header {
padding: 0;
}
.modal-dialog .claims .modal-header h3 {
padding-top: 0;
text-align: left;
}
.claims-modal {
padding: 10px 15px 0 15px !important;
}
.claims-modal .form-group {
height: 40px;
margin-bottom: 10px;
}
.claims-modal .form-group input.form-control {
max-width: 200px;
}
.claims-modal li {
text-align: left;
}
.claims-modal .ux-link {
float: left;
}
.section {
counter-reset: corpo-counter;
}
.corpo-preview-data-directive,
.corpo-preview-decision-directive,
.corpo-preview-contract {
padding: 15px 0;
}
.corpo-preview-data-directive .section-subtitle,
.corpo-preview-decision-directive .section-subtitle,
.corpo-preview-contract .section-subtitle {
color: #466696;
font-weight: bold;
font-size: 12pt;
counter-increment: corpo-counter;
}
.corpo-preview-data-directive .section-subtitle::before,
.corpo-preview-decision-directive .section-subtitle::before,
.corpo-preview-contract .section-subtitle::before {
content: counter(corpo-counter);
margin-right: 15px;
}
.ae-file {
line-height: 14px;
margin-bottom: 10px;
padding: 5px;
color: #466696;
}
.ae-file .glyphicon {
font-size: 20px;
display: inline-block;
vertical-align: bottom;
margin-right: 15px;
}
.ae-file .name {
font-weight: lighter;
}
.ae-file:hover {
text-decoration: underline;
cursor: pointer;
}
.cover-graphics {
position: relative;
width: 100%;
overflow: hidden;
}
.cover-graphics .color-blue {
color: #68b2e5;
}
.cover-graphics .color-orange {
color: #ffad14;
}
.cover-graphics .color-violet {
color: #7289dc;
}
.cover-graphics .circle {
width: 300px;
height: 300px;
margin: 100px auto;
position: relative;
}
.cover-graphics .circle .section {
font-size: 48px;
line-height: 48px;
position: absolute;
}
.cover-graphics .circle .section.user {
top: 25%;
right: 25%;
}
.cover-graphics .circle .section.home {
top: 25%;
left: 25%;
}
.cover-graphics .circle .section.couch {
top: 75%;
left: 50%;
margin-top: -48px;
margin-left: -24px;
}
.cover-graphics .circle .colored-slice {
width: inherit;
height: inherit;
border: 10px solid transparent;
position: absolute;
top: 0;
left: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
border-radius: 50%;
}
.cover-graphics .circle .colored-slice.left {
border-left-color: inherit;
}
.cover-graphics .circle .colored-slice.right {
border-top-color: inherit;
}
.cover-graphics .circle .colored-slice.bottom {
border-right-color: inherit;
border-bottom-color: inherit;
}
.cover-graphics .circle .horizontal-line {
position: absolute;
background: #333333;
z-index: 1;
}
.cover-graphics .circle .horizontal-line.left,
.cover-graphics .circle .horizontal-line.right {
margin-top: -0.5px;
height: 1px;
width: 110%;
top: 50%;
}
.cover-graphics .circle .horizontal-line.left {
left: -60%;
}
.cover-graphics .circle .horizontal-line.right {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
right: -60%;
}
.cover-graphics .circle .horizontal-line.top {
height: 75%;
width: 1px;
top: -25%;
left: 50%;
margin-left: -0.5px;
}
.cover-graphics .circle .horizontal-line::before {
background: inherit;
height: 6px;
width: 6px;
margin: -3px;
content: '';
display: block;
border-radius: 6px;
}
.cover-graphics .group {
position: absolute;
max-width: 30%;
padding: 0 5px;
}
.cover-graphics .group .icon {
color: #7aafd3;
font-size: 24px;
height: 24px;
width: 24px;
float: left;
}
.cover-graphics .group .icon img {
width: 24px;
height: 24px;
vertical-align: top;
}
.cover-graphics .group .inner {
padding-left: 28px;
font-size: 9pt;
}
.cover-graphics .group .inner .name {
font-weight: bold;
text-transform: uppercase;
}
.cover-graphics .group .inner .sum .value {
color: #466696;
font-size: 12pt;
}
.cover-graphics .group .inner .premium {
color: #466696;
font-family: "LatoLatinWebLight";
font-size: 12pt;
}
.cover-graphics .group .inner .premium .value {
font-family: "LatoLatinWeb";
font-size: 14pt;
font-weight: bold;
}
.cover-graphics .group-0 {
top: 25%;
left: 0;
}
.cover-graphics .group-1 {
top: 0;
left: 20%;
}
.cover-graphics .group-2 {
top: 0;
left: 50%;
}
.cover-graphics .group-3 {
top: 25%;
left: 70%;
}
.cover-graphics .group-4 {
bottom: 25%;
left: 0;
}
.cover-graphics .group-5 {
bottom: 0;
left: 20%;
}
.cover-graphics .group-6 {
bottom: 0;
left: 50%;
}
.cover-graphics .group-7 {
bottom: 25%;
left: 70%;
}
ul.cover-graphics-extras {
list-style: none;
padding: 0 15px;
margin-top: 15px;
}
ul.cover-graphics-extras li {
font-size: 12pt;
}
ul.cover-graphics-extras li strong {
font-size: 14pt;
}
ul.cover-graphics-extras li .sprite {
display: inline-block;
vertical-align: top;
}
@media print {
.circle .horizontal-line {
background: #000 !important;
}
.circle .horizontal-line::before {
background: #000 !important;
}
}
.customer-section-right > .main-header {
margin-bottom: 0;
}
customer-tags-popup .tags-input .autocomplete {
width: 33%;
left: 33%;
}
.customer-section-left .nav-customer-tabs {
background-color: #E0E9EE;
margin: 10px 0;
}
.customer-section-left .nav-customer-tabs .nav {
margin-left: -15px;
width: 75%;
}
.customer-section-left .nav-customer-tabs .nav li:nth-of-type(3) {
border: none;
}
.customer-section-left .nav-customer-tabs .nav li.active a {
font-size: 1em;
box-shadow: 0px -10px 11px -8px rgba(0, 0, 0, 0.3);
}
.customer-section-left .nav-customer-tabs .nav li a {
padding: 13px;
}
.customer-section-left .nav-customer-tabs .nav .fonticon {
padding: 5px;
}
.customer-section-left .nav-customer-tabs .nav .nav-title {
vertical-align: middle;
}
.customer-section-left .nav-customer-tabs .nav .placeholder a {
background-color: #E0E9EE;
padding: 20px;
}
.person-contact {
padding: 15px 35px;
}
.person-contact .element {
cursor: pointer;
list-style: none;
color: #466696;
}
.person-contact .element:hover {
background-color: #E0E9EE;
}
.person-contact .element .item {
display: inline-block;
text-align: left;
padding: 10px 20px;
}
.person-contact .element .name {
font-weight: 600;
}
.person-contact .btn {
float: right;
}
.person-contact input {
margin-top: 10px;
}
.relations-panel .no-relations {
padding: 50px;
text-align: center;
}
.relations-panel h2 {
font-size: 11pt;
font-weight: bold;
font-family: "LatoLatinWeb";
color: #466696 !important;
margin-top: 0;
}
.relations-panel h2 .more {
font-size: 10pt;
color: #7aafd3;
margin-left: 20px;
cursor: pointer;
}
.relations-panel .relation-item {
cursor: pointer;
}
.relations-panel .relation-item .img-circle {
width: 30px;
margin: 0;
}
.relations-panel .relation-item .sprite {
/* border: thin solid #a9a9a9; */
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
}
.relations-panel .relation-item .media-body .media-heading {
font-family: "LatoLatinWeb";
font-size: 10pt;
padding-top: 3px;
margin-bottom: 3px;
}
.relations-panel .relation-item .media-body .media-heading .relation-type {
font-size: 9pt;
color: #999;
font-family: "LatoLatinWebLight";
}
.relations-panel .relation-item .media-body p {
font-size: 9pt;
}
.relations-panel .relation-item .collapse-button {
border-radius: 2px;
padding: 5px 10px;
margin: 4px 0;
}
.customer360-details {
overflow: hidden;
padding: 20px 0 0;
}
.customer360-details .old-version-icon {
font-size: 15pt;
color: #e00000;
cursor: pointer;
}
.customer360-details header.main-header {
margin-bottom: 15px;
}
.customer360-details header.main-header h1 {
font-size: 28px;
}
@media (min-width: 1170px) {
.customer360-details header.main-header h1 {
font-size: 30pt;
}
}
.customer360-details header.main-header h1 .full-data {
color: #7aafd3;
cursor: pointer;
display: inline-block;
font-weight: bold;
font-size: 10pt;
font-family: "LatoLatinWeb";
}
.customer360-details header.main-header h1 .full-data:hover {
text-decoration: underline;
}
.customer360-details header.main-header .icon {
padding: 3.75px 3.75px 3.75px 0;
font-size: 18px;
}
@media (min-width: 1170px) {
.customer360-details header.main-header .icon {
padding: 7.5px 7.5px 7.5px 0;
font-size: 28px;
}
}
.customer360-details header.main-header.align-with-details {
padding-left: 20.83333333%;
margin-left: -30px;
}
.customer360-details .client-info .form-horizontal {
margin-left: -30px;
}
.customer360-details .client-info:after {
content: "";
display: block;
margin: 15px;
width: 90%;
border-bottom: thin solid #E0E9EE;
padding-top: 5px;
}
.customer360-details .client-info .control-label {
text-align: right;
margin-left: -25px;
font-family: "LatoLatinWebLight";
color: #303a40;
font-size: 10pt;
}
.customer360-details .avatar {
width: 100%;
max-width: 190px;
display: inline-block;
}
.customer360-details .tags {
width: 100%;
display: block;
}
.customer360-details .relations {
position: absolute;
top: 20px;
left: 200px;
}
.customer360-details .relations .badge {
padding: 10px 12px 10px 12px;
border-radius: 20px;
border: 2px solid #466696;
background: #ffffff;
color: #466696;
}
.customer360-details .form-group {
margin-bottom: 6px;
}
.customer360-details .form-group .control-label {
padding-top: 0;
}
.customer360-details .form-group .form-control-static {
padding-bottom: 0;
padding-top: 0;
min-height: 20px;
color: #466696;
font-family: "LatoLatinWebLight";
margin-top: -2px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.customer360-details .form-group .form-control-static .email {
color: #466696 !important;
padding: 0 !important;
}
.customer360-details .control-label {
color: #466696;
font-weight: normal;
font-family: "LatoLatinWebLight";
}
.customer360-details .form-control-static {
font-weight: bold;
}
.customer360-details .consent {
overflow: hidden;
}
.customer360-details .consent h2 {
color: #466696;
font-size: 10.5pt;
font-family: "LatoLatinWebMedium";
margin-bottom: 0;
margin-top: 0;
}
.customer360-details .consent .consent-item {
display: block;
padding: 2px 0;
font-size: 10pt;
}
.customer360-details .consent .consent-item .fonticon-alert_info_ok {
color: #466696;
}
.customer360-details .consent .consent-item .fonticon-alert_info_x {
color: #cfcfcf;
}
.customer360-details .consent .custom-tooltip .tooltip-inner {
white-space: normal;
}
.customer360-details .consent .consent-info-header {
color: #466696;
}
.customer360-details .consent .consent-info-header.light {
font-weight: normal;
font-family: "LatoLatinWebLight";
}
.customer360-details .consent .consent-info-header.big {
font-size: 14pt;
}
.customer360-details .consent .text-info-icon {
font-size: 15px;
}
.customer360-details .consent .consent-info {
opacity: 0.6;
color: black;
font-size: 9pt;
margin-left: 7.5px;
}
.customer360-details .header-container {
padding-left: 0;
line-height: 1.1;
}
.customer360-details .header-container .custom-header {
margin-right: 10px;
font-size: 42px;
font-family: "LatoLatinWebLight";
}
.customer360-details .use-as {
display: inline-block;
}
.customer360-details .use-as.using {
padding-left: 38px;
font-size: 10pt;
}
.customer360-details .use-as.using .text {
color: #466696;
}
.customer360-details .use-as.using .value {
font-weight: 600;
}
.customer360-details .use-as.right {
float: right;
padding-top: 18px;
}
.customer360-details .use-as .close-use-as {
top: 3px;
font-size: 11pt;
color: #466696;
cursor: pointer;
}
.customer360-details .add {
color: #7aafd3;
cursor: pointer;
display: inline-block;
font-weight: bold;
font-size: 10pt;
}
.customer360-details .add:hover {
text-decoration: underline;
}
.customer360-details .tags header {
color: #466696;
font-weight: bold;
}
.customer360-details .tags .tag-cloud {
color: #777777;
font-size: 9pt;
display: inline-block;
padding: 0;
margin-bottom: 0;
font-family: "LatoLatinWebLight";
}
.customer360-details.dynamic .control-label {
padding-top: 3px;
padding-bottom: 3px;
}
.customer360-details.dynamic .inline input {
height: 25px;
}
.customer360-details.dynamic .big {
vertical-align: top;
}
.customer360-details.dynamic .big input {
font-size: 30pt;
height: 50px;
margin-top: -5px;
}
.customer360-details.dynamic .inline-container {
display: inline-block;
margin-right: 0;
padding: 0;
}
.customer360-details.dynamic .inline-container .link {
padding-top: 2px;
padding-bottom: 2px;
min-height: 25px;
}
.customer360-details.dynamic .add-more {
margin: 5px 40px;
}
.stars-control .control-label {
color: #466696;
font-family: "LatoLatinWeb";
font-weight: bold;
}
.stars-control .text-muted {
color: #eeeeee;
}
.stars-control .value,
.stars-control .text-primary {
color: #7aafd3;
}
.stars-control .value {
margin-right: 15px;
}
.property.ng-enter {
-webkit-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.property.ng-enter,
.property.ng-leave.ng-leave-active {
opacity: 0;
}
.property.ng-leave,
.property.ng-enter.ng-enter-active {
opacity: 1;
}
.property .title button:focus {
outline: none;
}
.property .more-less {
background: #fff;
margin-bottom: 20px;
height: 30px;
}
.property .more-less:hover {
background-color: #ffffff;
cursor: pointer;
}
.property .more-less span {
text-align: center;
width: 100%;
padding-top: 5px;
}
.property .list .item {
background-color: #fff;
color: #000000;
font-size: 0.9em;
padding: 10px 20px;
margin: 10px 0 20px;
display: block;
}
.property .list .item.ng-enter {
-webkit-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.property .list .item.ng-enter,
.property .list .item.ng-leave.ng-leave-active {
opacity: 0;
}
.property .list .item.ng-leave,
.property .list .item.ng-enter.ng-enter-active {
opacity: 1;
}
.property .list .item .media,
.property .list .item .media-body {
overflow: visible;
}
.property .list .item:hover {
background-color: #ffffff;
color: #000000;
}
.property .list .item .type {
text-align: center;
width: 30px;
}
.property .list .item .type .glyphicon {
color: #000000;
color: rgba(0, 0, 0, 0.5);
font-size: 2em;
display: block;
}
.property .list .item h5 {
margin-top: 0;
margin-bottom: 0;
}
.property .list .item h5 .label {
padding-bottom: 0;
}
.property .list .item h5 .label.label-danger {
background-color: #D8431B;
}
.property .list .item .property .badge {
background-color: rgba(0, 0, 0, 0.2);
color: #1a1a1a;
font-size: 0.85em;
margin-right: 3px;
}
.property .list .item .property label::after {
content: ":";
}
.property .list .item .details {
margin-top: 10px;
padding-top: 10px;
}
.property .list .item.not-active {
color: #777777;
background-color: #eeeeee;
}
.property .list .item.not-active .type .glyphicon {
color: #000000;
color: rgba(0, 0, 0, 0.5);
}
.property .list .item.not-active .property .badge {
background-color: rgba(0, 0, 0, 0.2);
color: #1a1a1a;
}
.person-details-modal .nav-tabs {
border: none;
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16), 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
margin-bottom: 15px;
}
.person-details-modal .nav-tabs li {
margin-top: 25px;
margin-bottom: -2px;
}
.person-details-modal .nav-tabs li:after {
content: '';
position: absolute;
width: 100%;
left: 0;
bottom: 0;
height: 0;
border-bottom: 3px solid transparent;
}
.person-details-modal .nav-tabs li a {
border: none;
padding: 15px 45px;
background-color: transparent;
}
.person-details-modal .nav-tabs li:hover:after,
.person-details-modal .nav-tabs li.active:after,
.person-details-modal .nav-tabs li.active:hover:after {
border-color: #466696;
}
.person-details-modal .nav-tabs li.active a {
color: #466696;
font-weight: bold;
border: none;
}
.person-details-modal .tab-content {
padding: 15px;
}
.person-details-modal .ux-close-button {
position: absolute;
right: 15px;
top: 15px;
}
.person-details-modal .img {
height: 100%;
background-size: contain;
background-repeat: no-repeat;
margin: 20px auto;
}
.person-details-modal .img.document-img {
background-image: url("../images/identity-card.jpg");
height: 400px;
width: 300px;
}
.person-details-modal .section-header {
text-align: left;
font-family: "LatoLatinWebLight";
font-size: 12pt;
border-bottom: thin solid #ddd;
}
.person-details-modal .section {
padding: 15px;
}
.person-details-modal .section .main-header {
text-align: left;
}
.person-details-modal .section .form-group {
margin-bottom: 0;
}
.person-details-modal .section .form-group .control-label {
text-align: left;
}
.person-details-modal .section .form-group .form-control-static,
.person-details-modal .section .form-group h1,
.person-details-modal .section .form-group div {
text-align: left;
min-height: 20px;
padding-bottom: 2px;
}
.person-details-modal .section.signature .sprite-signature {
margin: 30px 40px;
}
.person-details-modal .possessions {
padding: 15px 80px;
}
.person-details-modal .possessions .no-possessions {
padding: 50px;
}
.person-details-modal .possessions .content {
padding-left: 20px;
}
.person-details-modal .possessions .car .media-object img {
width: 60px;
}
.person-details-modal .possessions .home .media-object span {
font-size: 42pt;
}
.person-details-modal .possessions .form-group,
.person-details-modal .possessions .media-heading {
margin-bottom: 0;
}
.person-details-modal .possessions .form-group .control-label,
.person-details-modal .possessions .media-heading .control-label {
text-align: left;
}
.person-details-modal .possessions .form-group .form-control-static,
.person-details-modal .possessions .media-heading .form-control-static,
.person-details-modal .possessions .form-group h1,
.person-details-modal .possessions .media-heading h1 {
text-align: left;
}
.person-details-modal .possessions .view-policy {
float: right;
display: block;
color: #466696;
text-decoration: underline;
font-size: 11pt;
cursor: pointer;
}
.person-details-modal .relations-panel {
text-align: left;
padding: 15px 100px;
}
.person-details-modal .relations-panel .relation {
position: relative;
}
.person-details-modal .relations-panel .relation .relation-policy {
font-size: 12pt;
color: #7aafd3;
cursor: pointer;
width: 300px;
display: block;
margin-top: 15px;
}
.person-details-modal .relations-panel .relation-item {
padding: 20px 0;
}
.person-details-modal .relations-panel .relation-item .img-circle {
width: 70px;
}
.person-details-modal .relations-panel .relation-item.border-bottom {
border-bottom: thin solid #d6d6d6;
}
.person-details-modal .relations-panel .relation-item .media-body {
vertical-align: middle;
padding-left: 10px;
}
.person-details-modal .relations-panel .relation-item .media-body .media-heading {
font-size: 13pt;
}
.person-details-modal .relations-panel .relation-item .media-body .media-heading .relation-type {
font-size: 12pt;
}
.person-details-modal .relations-panel .relation-item .media-body p {
font-size: 12pt;
}
@media (min-width: 992px) {
.person-details-modal .relations-panel .relation-item {
float: none;
}
}
@media (max-width: 1200px) {
.customer360-details .client-info .form-horizontal {
margin-left: -50px;
}
.customer360-details .client-info .form-horizontal .first-col {
width: 100%;
}
.customer360-details .client-info .second-col {
display: none;
}
}
.customer-archived-policies .policy-box {
font-family: "LatoLatinWebLight";
background-color: #fff;
text-shadow: 0 0 0 #222222;
margin: 15px;
position: relative;
box-shadow: 0 2px 5px #cfcfcf;
}
.customer-archived-policies .policy-box .inner {
padding: 15px 30px;
}
.customer-archived-policies .policy-box .inner .left h1 {
color: #466696;
margin: 0;
font-size: 16pt;
}
.customer-archived-policies .policy-box .inner .right {
position: absolute;
right: 44px;
top: 15px;
}
.customer-archived-policies .policy-box .inner .right-icon {
position: absolute;
top: 50%;
right: 15px;
font-size: 14px;
height: 14px;
margin-top: -7px;
}
.customer-archived-policies .policy-box:hover {
background-color: #466696;
background: #466696;
background: -webkit-gradient(0deg, #466696, #7aafd3);
background: -webkit-linear-gradient(0deg, #466696, #7aafd3);
background: -webkit-linear-gradient(bottom, #466696, #7aafd3);
background: linear-gradient(0deg, #466696, #7aafd3);
color: #ffffff;
box-shadow: 0 2px 5px #555555;
cursor: pointer;
}
.customer-archived-policies .policy-box:hover .inner .left h1 {
color: inherit;
}
.customer-archived-policies .policy-box:hover .inner .left h1 .small {
color: #eeeeee;
}
.customer-notes-directive {
margin-top: 5px;
}
.customer-notes-directive .notes-toolbar .search,
.customer-notes-directive .notes-toolbar .user-data {
float: right;
}
.customer-notes-directive .notes-toolbar .search .inline,
.customer-notes-directive .notes-toolbar .user-data .inline {
display: inline-block;
}
.customer-notes-directive .notes-toolbar .search .filter,
.customer-notes-directive .notes-toolbar .user-data .filter {
position: relative;
}
.customer-notes-directive .notes-toolbar .search .filter input,
.customer-notes-directive .notes-toolbar .user-data .filter input {
border-bottom: thin solid #466696;
}
.customer-notes-directive .notes-toolbar .search .filter .filter-search,
.customer-notes-directive .notes-toolbar .user-data .filter .filter-search {
position: absolute;
right: 5px;
top: 7px;
color: #466696;
}
.customer-notes-directive .notes-list {
clear: both;
padding: 15px 0;
}
.customer-notes-directive .notes-list .note {
padding: 15px;
}
.customer-notes-directive .notes-list .note .note-header {
text-shadow: 0 0 0 #466696;
color: #466696;
}
.customer-notes-directive .notes-list .note .note-header .date {
padding: 2px;
}
.customer-notes-directive .notes-list .note .note-header .title {
float: left;
text-transform: uppercase;
}
.customer-notes-directive .notes-list .note .note-header .right {
float: right;
font-size: 9pt;
margin-top: 10px;
}
.customer-notes-directive .notes-list .note .note-content {
clear: left;
}
.customer-notes-directive .notes-list .note:hover {
background: #466696;
background: -webkit-gradient(0deg, #466696, #7aafd3);
background: -webkit-linear-gradient(0deg, #466696, #7aafd3);
background: -webkit-linear-gradient(bottom, #466696, #7aafd3);
background: linear-gradient(0deg, #466696, #7aafd3);
color: #ffffff;
box-shadow: 0 2px 5px #555555;
cursor: pointer;
}
.customer-notes-directive .notes-list .note:hover .note-header {
color: #ffffff;
}
.customer-notes-directive .notes-list .note:nth-child(2) {
background-color: rgba(223, 233, 238, 0.4);
border-top: thin solid rgba(223, 233, 238, 0.5);
border-bottom: thin solid #dfe9ee;
}
.customer-notes-directive .notes-list .empty-list {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
height: 100px;
width: 300px;
margin: -50px -150px;
}
.customer-notes-directive .notes-list .empty-list .add-new {
color: #7aafd3;
cursor: pointer;
padding: 15px 0;
}
.customer-notes-directive .add-note {
clear: both;
}
.customer-notes-directive .add-note .bottom-bar .btn {
padding: 15px 45px;
}
.customer-notes-directive .add-note .bottom-bar .btn-default,
.customer-notes-directive .add-note .bottom-bar .btn-primary {
border-radius: 0;
border: none;
}
.customer-notes-directive .add-note .bottom-bar .btn-default {
background: #eeeeee;
}
.customer-notes-directive .add-note .bottom-bar .btn-primary {
background: #466696;
background: -webkit-gradient(76deg, #466696, #7aafd3);
background: -webkit-linear-gradient(76deg, #466696, #7aafd3);
background: -webkit-linear-gradient(14deg, #466696, #7aafd3);
background: linear-gradient(76deg, #466696, #7aafd3);
color: #ffffff;
}
.customer-notes-directive .pin-icon {
color: #cfcfcf;
cursor: pointer;
}
.customer-notes-directive .pin-icon .glyphicon {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: -webkit-transform 0.2s;
transition: -webkit-transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s;
}
.customer-notes-directive .pin-icon.active {
color: #466696;
}
.customer-notes-directive .pin-icon.active .glyphicon {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.customer-consents-popup a {
color: #7aafd3;
}
.customer-consents-popup a:hover {
color: #466696;
}
.customer-relations-popup a {
color: #7aafd3;
}
.customer-relations-popup a:hover {
color: #466696;
}
.customer-relations-popup footer {
padding: 15px;
font-size: 9pt;
}
.customer-relations-popup .relation {
margin: 15px -15px;
font-family: "LatoLatinWebLight";
text-align: left;
}
.customer-relations-popup .relation:hover .user-name h1 .edit {
opacity: 1;
}
.customer-relations-popup .relation:not(:last-of-type):after {
content: '';
display: block;
margin: 0 30px;
padding-top: 15px;
border-bottom: thin solid #eeeeee;
}
.customer-relations-popup .relation .user-photo img {
padding: 0 15px;
}
.customer-relations-popup .relation .user-name h1 {
font-size: 18pt;
margin-bottom: 0;
margin-top: 15px;
}
.customer-relations-popup .relation .user-name h1 .edit {
float: right;
opacity: 0;
font-size: 12pt;
}
.customer-relations-popup .relation .user-name h2 {
font-size: 14pt;
margin-top: 0;
}
.customer-relations-popup .relation .policies .role {
margin-top: 21.4px;
}
.customer-relations-popup .relation .policies .policy {
font-family: "LatoLatinWeb";
font-size: 14pt;
margin: 5px 0;
}
.customer-relations-popup .relation .policies .policy small {
font-family: "LatoLatinWebLight";
}
.customer-relations-edit-popup .search-person .search-list-container {
height: 400px;
}
.customer-relations-edit-popup .search-person .search-list-container .highlightedText {
color: #466696;
font-weight: bold;
}
.customer-relations-edit-popup .search-person .search-list-container ul.search-list {
list-style-type: none;
font-family: "LatoLatinWebLight";
}
.customer-relations-edit-popup .search-person .search-list-container ul.search-list li {
margin: 15px 0;
text-align: left;
}
.customer-relations-edit-popup .search-person .search-list-container ul.search-list li:not(:last-of-type):after {
content: '';
display: block;
height: 1px;
margin-top: 15px;
background: #d6d6d6 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -webkit-linear-gradient(left, #fff 0, #d6d6d6 15%, #d6d6d6 85%, #fff 100%);
background: linear-gradient(to right, #fff 0, #d6d6d6 15%, #d6d6d6 85%, #fff 100%);
}
.customer-relations-edit-popup .search-person .search-list-container ul.search-list li .primary {
font-size: 18pt;
}
.customer-relations-edit-popup .search-person .search-list-container ul.search-list li img.avatar {
width: 100%;
}
.customer-relations-edit-popup .role-select > * {
vertical-align: middle;
display: inline-block;
}
.customer-relations-edit-popup .role-select .user-photo {
width: 80px;
margin-right: 15px;
}
.customer-relations-edit-popup .role-select .customer {
text-align: left;
margin-right: 15px;
font-family: "LatoLatinWebLight";
}
.customer-relations-edit-popup .role-select .customer h1 {
font-size: 18pt;
margin: 0;
}
.customer-relations-edit-popup .role-select .customer img.avatar {
width: 100%;
}
.customer-relations-edit-popup .role-select .role {
font-family: "LatoLatinWebLight";
height: 100%;
}
.customer-relations-edit-popup .role-select .role strong {
font-family: "LatoLatinWeb";
}
.customer-relations-edit-popup .role-select .dictionary-item-selector {
font-family: "LatoLatinWeb";
padding: 0 15px;
}
.customer-relations-edit-popup .role-select .dictionary-item-selector .btn {
width: 200px;
min-width: 200px;
}
.customer-relations > h2 .more {
font-size: 85%;
color: #7aafd3;
margin-left: 15px;
}
.customer-relations .item {
padding: 5px 0;
}
.customer-relations .item .photo,
.customer-relations .item .name {
display: table-cell;
}
.customer-relations .item .photo .avatar {
width: 30px;
vertical-align: top;
margin-right: 15px;
}
.customer-relations .item .name {
font-size: 10pt;
margin: 0;
}
.customer-relations .item .name .type {
font-size: 9pt;
color: black;
opacity: 0.6;
}
.customer-relations .item .name .role {
font-size: 8pt;
}
informations-panel .cms-content.scrollable-content {
display: inline;
}
.investment-simulation .modal-body {
width: 100%;
text-align: left;
}
.investment-simulation .modal-body h1 {
color: #466696;
font-weight: bold;
margin-bottom: 45px;
}
.investment-simulation .modal-body .form-horizontal .form-group {
margin-bottom: 5px;
}
.investment-simulation .modal-body .form-horizontal .control-label {
color: #333333;
font-size: 9pt;
}
.investment-simulation .modal-body .form-horizontal input.form-control {
color: #466696;
font-family: "LatoLatinWeb";
border-bottom: thin solid #466696;
margin: 0;
}
.investment-simulation .modal-body .form-horizontal .error-message {
font-size: 9pt;
}
.investment-simulation .modal-body .dictionary-item-selector {
width: 100%;
line-height: 30px;
}
.investment-simulation .modal-body .dictionary-item-selector .btn {
width: 100%;
min-width: 0;
}
.investment-simulation .modal-body .tab-container {
background-color: #f7f8fa;
padding: 0 30px 30px;
}
.investment-simulation .modal-body .tab-container .nav-bold li {
border-right: none;
}
.investment-simulation .modal-body .tab-container .nav-bold li a {
background: transparent;
padding: 30px 15px 15px;
top: -15px;
margin-bottom: -15px;
color: #222222;
font-size: 12pt;
font-weight: bold;
-webkit-transition: all 250ms;
transition: all 250ms;
}
.investment-simulation .modal-body .tab-container .nav-bold li.active a {
background: #fff;
box-shadow: 0 -5px 15px -3px #e7eaf0;
color: #466696;
}
.investment-simulation .modal-body .tab-container .nav-bold li:hover a {
color: #7aafd3;
}
.investment-simulation .modal-body .tab-container .nav-bold li.buttons {
text-align: right;
vertical-align: middle;
}
.investment-simulation .modal-body .tab-container .nav-bold li.buttons .glyphicon {
font-size: 20px;
color: #466696;
opacity: 0.5;
-webkit-transition: opacity 250ms;
transition: opacity 250ms;
}
.investment-simulation .modal-body .tab-container .nav-bold li.buttons .glyphicon:not(:last-of-type) {
padding-right: 15px;
}
.investment-simulation .modal-body .tab-container .nav-bold li.buttons .glyphicon:hover {
cursor: pointer;
opacity: 0.8;
}
.investment-simulation .modal-body .tab-container .nav-bold li.buttons .glyphicon.active {
opacity: 1;
}
.investment-simulation .modal-body .tab-container .inner {
background-color: #fff;
padding: 15px 15px;
box-shadow: 0 0 15px #e7eaf0;
}
.investment-simulation .modal-body .objective {
font-size: 9pt;
margin: 15px 0;
}
div[ag-grid].grid {
padding: 0 13px 0 30px;
}
div[ag-grid].grid .ag-root {
height: 400px;
width: 100%;
}
div[ag-grid].grid .ag-root .ag-header-cell {
text-align: left;
font-family: "LatoLatinWebLight";
}
div[ag-grid].grid .ag-root .ag-header-cell.text-right {
text-align: right;
}
div[ag-grid].grid .ag-root .ag-body {
font-size: 12pt;
}
div[ag-grid].grid .ag-root .ag-body .ag-row-odd {
background-color: #fafbfc;
}
div[ag-grid].grid .ag-root .ag-body .ag-cell {
line-height: 50px;
}
div[ag-grid].grid .ag-root .ag-body .currency {
color: #466696;
font-family: "LatoLatinWebMedium";
text-align: right;
}
div[ag-grid].grid .ag-root .ag-body .currency.bold {
font-weight: bold;
}
div[ag-grid].grid .ag-root .ag-body .percent {
font-family: "LatoLatinWebMedium";
color: #466696;
text-align: right;
font-weight: bold;
}
.leads-plugin .lead-view .lead-main-header {
margin-top: 0px;
}
.leads-plugin .lead-view .lead-section {
color: #466696;
background-color: #ffffff;
margin-bottom: 20px;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26) !important;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26) !important;
-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26) !important;
}
.leads-plugin .lead-view .lead-section .inner {
width: 100%;
padding: 10px 20px 18px 20px;
border: thin solid #eeeeee;
}
.leads-plugin .lead-view .lead-section .inner .subsection-name {
display: inline-block;
font-weight: bold;
font-size: 12pt;
font-family: "LatoLatinWeb";
margin-bottom: 10px;
}
.leads-plugin .lead-view .lead-section .inner .subsection-icon {
height: 20px;
padding-bottom: 6px;
margin-right: 10px;
display: inline-block;
}
.leads-plugin .lead-view .lead-section .lead-section-header {
font-size: 11pt;
}
.leads-plugin .lead-view .lead-details {
color: #466696;
}
.leads-plugin .lead-view .two-columns {
display: table;
width: 100%;
}
.leads-plugin .lead-view .two-columns .left {
display: table-cell;
width: 60%;
}
.leads-plugin .lead-view .two-columns .right {
display: table-cell;
width: 40%;
text-align: right;
padding-right: 10px;
}
.leads-plugin .lead-view .bottom {
margin-top: 20px;
}
.leads-plugin .lead-view .more {
font-size: 10pt;
}
.leads-plugin .lead-view .variant-name {
font-family: "LatoLatinWeb";
font-weight: bold;
font-size: 14pt;
text-transform: uppercase;
margin-right: 20px;
display: inline-block;
}
.leads-plugin .lead-view .lead-data {
margin-bottom: 5px;
}
.leads-plugin .lead-view .lead-data > span {
display: block;
}
.leads-plugin .lead-view .lead-label {
font-family: "LatoLatinWebLight";
}
.leads-plugin .lead-view .lead-value {
font-weight: bold;
font-size: 13pt;
font-family: "LatoLatinWebMedium";
}
.leads-plugin .lead-view .lead-commission-value {
font-weight: bold;
font-size: 12pt;
font-family: "LatoLatinWebMedium";
margin-left: 10px;
}
.ae-edit-input {
max-width: 200px;
}
.ae-edit-input .fonticon {
margin-right: 7px;
}
.needs-email {
background-color: #FFF !important;
}
.needs-email.ae-variant-details {
padding: 0 !important;
}
.needs-email .part-container {
padding: 2% !important;
}
.needs-email.needs-analysis .block {
box-shadow: none;
}
.needs-analysis .ui-select-container {
min-width: 200px;
}
.needs-analysis .error-message {
color: #D8431B;
}
.needs-analysis .ae-edit-input {
margin-right: 0px;
}
.needs-analysis .ae-edit-input input {
font-size: 12pt;
min-width: 25px;
}
.needs-analysis.client-view .notes {
display: none;
}
.needs-analysis ae-edit-input:first-child {
margin-right: 10px;
}
.needs-analysis .see-more {
border-radius: 10px;
height: 80px;
color: #466696;
text-align: left;
font-family: "LatoLatinWebLight";
padding-left: 25px;
padding-top: 40px;
}
.needs-analysis .see-more .title {
margin-top: 4px;
font-weight: bold;
font-size: 11pt;
}
.needs-analysis .see-more .fonticon {
font-size: 39pt;
opacity: 0.5;
}
.needs-analysis .areas-container {
width: 80%;
padding: 0;
margin: 40px 0 20px 20px;
}
.needs-analysis .areas-container.ng-enter {
-webkit-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.needs-analysis .areas-container.ng-enter,
.needs-analysis .areas-container.ng-leave.ng-leave-active {
opacity: 0;
}
.needs-analysis .areas-container.ng-leave,
.needs-analysis .areas-container.ng-enter.ng-enter-active {
opacity: 1;
}
.needs-analysis .areas-container .desc {
font-size: 11pt;
text-align: center;
margin-top: 10px;
font-family: "LatoLatinWebLight";
}
.needs-analysis .areas-container .img-container {
position: relative;
text-align: center;
}
.needs-analysis .areas-container .img-container img {
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
width: auto !important;
-webkit-filter: opacity(55%) brightness(1.6) !important;
filter: opacity(55%) brightness(1.6) !important;
}
.needs-analysis .areas-container .img-container.active img {
-webkit-filter: opacity(100%) !important;
filter: opacity(100%) !important;
}
.needs-analysis .areas-container .img-container.active .desc {
color: #466696;
font-family: "LatoLatinWeb";
}
.needs-analysis .areas-container .img-container.img-checked .desc:before {
display: block;
content: '';
height: 10px;
width: 10px;
background-color: #F5B11F;
position: absolute;
bottom: 5px;
left: 10px;
border-radius: 50%;
}
.needs-analysis .areas-container .custom-thumbnails {
background-color: #fff !important;
}
.needs-analysis .block {
width: 100%;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
padding: 30px;
margin: 15px 0;
}
.needs-analysis .block.ng-enter {
-webkit-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.needs-analysis .block.ng-enter,
.needs-analysis .block.ng-leave.ng-leave-active {
opacity: 0;
}
.needs-analysis .block.ng-leave,
.needs-analysis .block.ng-enter.ng-enter-active {
opacity: 1;
}
.needs-analysis .block .sub-header {
margin-top: 0;
}
.needs-analysis .needs-areas {
padding: 0 15px;
}
.needs-analysis .needs-areas .do-it {
color: #7aafd3;
margin-left: 5px;
font-weight: bold;
}
.needs-analysis .needs-areas .block .sub-header {
margin-top: 0;
}
.needs-analysis .needs-areas .protection-container .btn-sm {
min-width: 150px;
padding: 3px;
}
.needs-analysis .needs-areas .protection-container a:not(.ui-select-choices-row-inner) {
color: #7aafd3;
cursor: pointer;
display: inline-block;
font-weight: bold;
}
.needs-analysis .needs-areas .protection-container a:not(.ui-select-choices-row-inner):hover {
text-decoration: underline;
}
.needs-analysis .needs-areas .protection-container .set-proper-data {
font-size: 11pt;
color: #F5B11F;
margin: 0 20px;
}
.needs-analysis .needs-areas .protection-container .set-proper-data:before {
margin-right: 10px;
}
.needs-analysis .needs-areas .protection-container.ng-enter {
-webkit-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.needs-analysis .needs-areas .protection-container.ng-enter,
.needs-analysis .needs-areas .protection-container.ng-leave.ng-leave-active {
opacity: 0;
}
.needs-analysis .needs-areas .protection-container.ng-leave,
.needs-analysis .needs-areas .protection-container.ng-enter.ng-enter-active {
opacity: 1;
}
.needs-analysis .needs-areas .protection-container .protection {
position: relative;
}
.needs-analysis .needs-areas .protection-container .protection .protection-invalid {
color: #D8431B;
font-size: 10pt;
padding: 5px 5px 0 5px;
display: block;
}
.needs-analysis .needs-areas .protection-container .protection .ux-close-button {
position: absolute;
top: 5px;
right: 5px;
}
.needs-analysis .needs-areas .protection-container .protection .remove-person-btn {
display: none;
}
.needs-analysis .needs-areas .protection-container .protection:hover .remove-person-btn {
display: block;
}
.needs-analysis .needs-areas .protection-container .protection.ng-enter {
-webkit-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.needs-analysis .needs-areas .protection-container .protection.ng-enter,
.needs-analysis .needs-areas .protection-container .protection.ng-leave.ng-leave-active {
opacity: 0;
}
.needs-analysis .needs-areas .protection-container .protection.ng-leave,
.needs-analysis .needs-areas .protection-container .protection.ng-enter.ng-enter-active {
opacity: 1;
}
.needs-analysis .needs-areas .protection-container .protection .insurance-select {
margin: 15px 0;
position: relative;
}
.needs-analysis .needs-areas .protection-container .protection .insurance-select .ui-select-container {
display: inline-block;
margin-right: 15px;
vertical-align: bottom;
float: left;
}
.needs-analysis .needs-areas .protection-container .protection .insurance-select .insurance-addons {
line-height: 30px;
}
.needs-analysis .needs-areas .protection-container .protection .insurance-select .insurance-addons .protection-label {
margin: 0 8px 0 5px;
font-family: "LatoLatinWebLight";
}
.needs-analysis .needs-areas .protection-container .protection .insurance-select .insurance-addons .mifid-text {
overflow: hidden;
display: inline;
}
.needs-analysis .needs-areas .protection-container .new-person label {
margin-left: 15px;
padding-top: 5px;
}
.needs-analysis .needs-areas .protection-container .new-person input {
max-width: none;
}
.needs-analysis .needs-areas .protection-container .confirm-btn {
margin-top: 15px;
text-align: right;
}
.needs-analysis .needs-areas .protection-container .btn-container {
margin: 30px;
}
.needs-analysis .needs-areas .protection-container .notes {
margin-bottom: 15px;
color: #466696;
}
.needs-analysis .needs-areas .protection-container .notes .fonticon {
font-size: 17px;
margin-right: 5px;
}
.needs-analysis .needs-areas .protection-container .notes .note-label {
font-size: 10pt;
}
.needs-analysis .needs-areas .protection-container .notes .note-value {
font-size: 11pt;
font-weight: bold;
}
.needs-analysis .needs-areas .story-container .recommended {
float: right;
font-size: 12pt;
color: #F5B11F;
}
.needs-analysis .needs-areas .story-container .recommended span {
margin: 0 2px;
}
.needs-analysis .needs-areas .story-container .story-desc {
margin-bottom: 10px;
}
.needs-analysis .needs-areas .story-container .story-desc a {
color: #7aafd3;
margin-left: 5px;
font-weight: bold;
}
.needs-analysis .needs-areas .story-container .stories-header {
margin: 10px 0 0 0;
}
.needs-analysis .needs-areas .story-container .stories-container {
margin-top: 5px;
margin-right: 10px;
}
.needs-analysis .needs-areas .story-container .stories-container .title {
margin: 0;
text-align: center;
}
.needs-analysis .needs-areas .story-container .stories-container .stories-content {
width: 20%;
}
.needs-analysis .needs-areas .story-container .stories-container img {
width: 100%;
}
.needs-analysis .needs-summary {
padding: 0;
}
.needs-analysis .needs-summary .sub-header {
padding: 20px 30px;
margin: 0;
}
.needs-analysis .needs-summary .needs-summary-content {
counter-reset: section;
}
.needs-analysis .needs-summary .needs-summary-content .summary-section {
padding: 10px 30px 30px;
}
.needs-analysis .needs-summary .needs-summary-content .summary-section .areas-container {
padding-top: 0;
margin-top: 10px;
width: 100%;
}
.needs-analysis .needs-summary .needs-summary-content .summary-section .areas-container .img-container {
display: inline-block;
margin: 10px 25px;
}
.needs-analysis .needs-summary .needs-summary-content .summary-section .areas-container .img-container img {
-webkit-filter: grayscale(100%) opacity(50%) !important;
filter: grayscale(100%) opacity(50%) !important;
}
.needs-analysis .needs-summary .needs-summary-content .summary-section .areas-container .img-container.img-checked img {
-webkit-filter: grayscale(0%) !important;
filter: grayscale(0%) !important;
}
.needs-analysis .needs-summary .needs-summary-content .summary-section .areas-container .img-container.img-checked .title {
font-family: "LatoLatinWeb";
color: #466696;
}
.needs-analysis .needs-summary .needs-summary-content .summary-section .areas-container .img-container .title {
padding-top: 5px;
font-family: "LatoLatinWebLight";
font-size: 11pt;
}
.needs-analysis .needs-summary .needs-summary-content .summary-section .boxes .title {
font-family: "LatoLatinWebLight";
font-size: 10pt;
}
.needs-analysis .needs-summary .needs-summary-content .summary-section .boxes .inner .inner-container {
position: absolute;
bottom: 15px;
left: 20px;
}
.needs-analysis .needs-summary .needs-summary-content .summary-section .boxes.boxes-sm .value {
text-align: right;
margin-right: 5px;
}
.needs-analysis .needs-summary .needs-summary-content .summary-section:nth-child(odd) {
background-color: #fff;
}
.needs-analysis .needs-summary .needs-summary-content .summary-section:nth-child(even) {
background-color: #F5F5F5;
}
.needs-analysis .needs-summary .needs-summary-content .summary-section h4.sub-header:before {
counter-increment: section;
content: counter(section) " ";
}
.needs-analysis .needs-summary .needs-summary-content .summary-section .table .fonticon {
font-size: 25px;
color: #466696;
}
.needs-analysis .needs-summary .needs-summary-content .summary-section .table tbody td {
vertical-align: middle;
padding: 10px;
}
.needs-analysis .needs-summary .needs-summary-content .summary-section .table tbody tr:nth-child(even) {
background-color: #fff;
}
.needs-analysis .needs-summary .needs-summary-content .summary-section .table tbody tr:nth-child(odd) {
background-color: #F5F5F5;
}
.preliminary-modal {
padding: 20px;
}
.gallery-modal .modal-dialog {
width: 70%;
}
.gallery-modal .modal-dialog .modal-content {
background-color: #000;
}
.custom-cms-gallery {
position: relative;
}
.custom-slider .carousel-indicators li {
background-color: #7aafd3;
width: 13px;
height: 13px;
}
.custom-slider .carousel-indicators li.active {
background-color: #466696;
width: 15px;
height: 15px;
}
.custom-slider .custom-thumbnails {
position: relative;
background-color: #000;
overflow: hidden;
height: 130px;
margin-bottom: 5px;
}
.custom-slider .custom-thumbnails .carousel-control {
width: 7%;
}
.custom-slider .custom-thumbnails .thumbnails-inner {
position: absolute;
height: 100%;
-webkit-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform: transale3d(0, 0, 0);
-ms-transform: transale3d(0, 0, 0);
transform: transale3d(0, 0, 0);
left: 0;
}
.custom-slider .custom-thumbnails .thumbnails-inner .img-container {
background-color: #fff;
height: 100%;
float: left;
}
.custom-slider .custom-thumbnails .thumbnails-inner .img-container img {
width: 100%;
height: 100%;
-webkit-filter: opacity(50%);
filter: opacity(50%);
}
.custom-slider .custom-thumbnails .thumbnails-inner .img-container.active img {
-webkit-filter: opacity(100%);
filter: opacity(100%);
}
.custom-slider .custom-thumbnails .thumbnails-inner .desc {
text-align: center;
margin-top: 5px;
font-size: 12pt;
}
.modal-open .modal ~ .modal.needs-calc-modal {
display: block !important;
}
.needs-calc-modal .error-message {
color: #D8431B;
}
.needs-calc-modal .modal-dialog {
width: 100%;
height: 100%;
overflow: hidden;
margin: 0;
}
.needs-calc-modal .modal-dialog .modal-content {
height: 100%;
border: none;
border-radius: 0;
}
.needs-calc-modal .modal-dialog .modal-content .block {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
vertical-align: top;
}
.needs-calc-modal .modal-dialog .modal-content .calc-content .calc-custom-checkbox {
color: #7aafd3;
}
.needs-calc-modal .modal-dialog .modal-content .calc-content .calc-custom-checkbox .title {
color: #7aafd3;
}
.needs-calc-modal .modal-dialog .modal-content .calc-content .calc-custom-checkbox.active {
color: #466696;
}
.needs-calc-modal .modal-dialog .modal-content .calc-content .calc-custom-checkbox.active .title {
color: #466696;
}
.needs-calc-modal .modal-dialog .modal-content .calc-content .calc-custom-checkbox.block {
width: 18%;
margin: 5px;
padding: 50px 25px;
font-weight: bold;
}
.needs-calc-modal .modal-dialog .modal-content .calc-content .custom-checkbox span {
font-size: 12pt;
color: #466696;
}
.needs-calc-modal .modal-dialog .modal-content .calc-content .sub-header {
margin: 10px 0;
}
.needs-calc-modal .modal-dialog .modal-content .calc-content .sub-header.big {
font-size: 30pt;
font-weight: bold;
}
.needs-calc-modal .modal-dialog .modal-content .calc-content .calc-content-header {
margin: 0;
text-align: left;
font-family: "LatoLatinWebLight";
}
.needs-calc-modal .modal-dialog .modal-content .calc-content .calc-content-header span {
padding: 20px 5% 10px 5%;
display: block;
font-size: 25pt;
}
.needs-calc-modal .modal-dialog .modal-content .calc-content .calc-content-header .ux-close-button {
position: absolute;
right: 0;
top: 0;
color: #466696;
font-size: 30pt;
}
.needs-calc-modal .modal-dialog .modal-content .calc-content .calc-content-header:after {
content: '';
display: block;
height: 35px;
background-color: #466696;
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16), 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
}
.needs-calc-modal .modal-dialog .modal-content .calc-content .calc {
margin: 40px 0 20px 0;
min-height: 60%;
}
.needs-calc-modal .modal-dialog .modal-content .calc-content .calc .step-content {
margin: 30px 0;
}
.needs-calc-modal .modal-dialog .modal-content .calc-content .calc .step-content pension-chart > div {
margin: 0 auto;
}
.needs-calc-modal .modal-dialog .modal-content .calc-content .calc .step-content input {
margin: 0 15px;
font-size: 22pt;
}
.needs-calc-modal .modal-dialog .modal-content .calc-content .calc .step-content ul {
margin-left: 90px;
}
.needs-calc-modal .modal-dialog .modal-content .calc-content .calc .step-content .details-content {
margin-bottom: 15px;
}
.needs-calc-modal .modal-dialog .modal-content .calc-content .calc .step-content .details-content input {
vertical-align: bottom;
}
.needs-calc-modal .modal-dialog .modal-content .calc-content .calc .step-content .details-content .ui-select-container.ui-select-bootstrap {
vertical-align: middle;
}
.needs-calc-modal .modal-dialog .modal-content .calc-content .calc .step-content.domestic-service .ui-select-container.ui-select-bootstrap {
top: 6px;
}
.needs-calc-modal .modal-dialog .modal-content .calc-content .calc .step-content.domestic-service .ui-select-container.ui-select-bootstrap.small {
min-width: 50px;
}
.needs-calc-modal .modal-dialog .modal-content .calc-content .calc .step-content.domestic-service .ui-select-container.ui-select-bootstrap.small .ui-select-search {
max-width: 50px;
}
.needs-calc-modal .modal-dialog .modal-content .calc-content .calc .step-content.domestic-service .ui-select-container.ui-select-bootstrap.medium {
min-width: 150px;
}
.needs-calc-modal .modal-dialog .modal-content .calc-content .calc .step-content.domestic-service .ui-select-container.ui-select-bootstrap.medium .ui-select-search {
max-width: 150px;
}
.needs-calc-modal .modal-dialog .modal-content .calc-content .calc .step-content.domestic-service .ui-select-container.ui-select-bootstrap ul {
margin-left: 0;
top: 30px !important;
}
.needs-calc-modal .modal-dialog .modal-content .calc-content .calc .step-content.domestic-service .ui-select-container.ui-select-bootstrap input {
margin: 0;
}
.needs-calc-modal .modal-dialog .modal-content .calc-content .calc .step-content .add-next {
color: #7aafd3;
font-family: "LatoLatinWebHeavy";
}
.needs-calc-modal .modal-dialog .modal-content .calc-content .calc .no-needs {
width: 100%;
margin: 15px 0;
color: #7aafd3;
font-family: "LatoLatinWeb";
font-size: 16pt;
margin-bottom: 65px;
}
.needs-calc-modal .modal-dialog .modal-content .calc-content .bottom-bar .right {
text-align: right;
}
.needs-calc-modal .modal-dialog .modal-content .calc-content .calc-footer {
position: fixed;
width: 100%;
left: 0;
bottom: 0;
background-color: #f5f9fa;
}
.needs-calc-modal .modal-dialog .modal-content .calc-content .calc-footer .bottom-bar .right {
text-align: right;
}
.needs-calc-modal .modal-dialog .modal-content .calc-content .calc-footer.details-footer {
z-index: 10;
}
.needs-calc-modal .social-status-calc .occupation-content .inline-block,
.needs-calc-modal .social-status-calc .children .inline-block {
margin: 0 15px;
}
.needs-calc-modal .social-status-calc .occupation-content .inline-block .title,
.needs-calc-modal .social-status-calc .children .inline-block .title {
font-family: "LatoLatinWeb";
font-size: 16pt;
color: #466696;
}
.needs-calc-modal .social-status-calc .occupation-content img,
.needs-calc-modal .social-status-calc .children img {
width: 95%;
display: inline-block;
margin: 15px 0%;
}
.needs-calc-modal .family-situation .progress-content .situation {
width: 80%;
margin: 0 auto;
}
.needs-calc-modal .family-situation .progress-content .situation .progress-container {
width: 100%;
position: relative;
background-color: #7aafd3;
border-radius: 20px;
}
.needs-calc-modal .family-situation .progress-content .situation .progress-container span {
color: #FFF;
font-family: "LatoLatinWeb";
font-size: 13pt;
}
.needs-calc-modal .family-situation .progress-content .situation .progress-container .value {
position: absolute;
top: 3px;
right: 15px;
}
.needs-calc-modal .family-situation .progress-content .situation .progress-container .desc {
position: absolute;
top: 5px;
left: 15px;
}
.needs-calc-modal .family-situation .progress-content .situation .progress-container .progress {
border-radius: 20px;
width: 70%;
margin: 20px 0;
height: 30px;
background-color: #7aafd3;
}
.needs-calc-modal .family-situation .progress-content .situation .progress-container .progress .progress-bar {
background: none;
background-color: #466696;
border-radius: 20px;
}
.needs-calc-modal .family-situation .protection-scope img {
width: 80%;
}
.needs-calc-modal .family-situation .extra-need-desc {
margin: 25px 0 10px 0 !important;
}
.needs-calc-modal .family-situation .extra-need-desc input {
font-size: 20pt !important;
}
.needs-calc-modal .children .calc-custom-checkbox {
width: 14%;
vertical-align: top;
}
.needs-calc-modal .extra-income input,
.needs-calc-modal .regular-expanses input {
max-width: 150px;
margin-top: 10px !important;
font-size: 20px !important;
}
.needs-calc-modal .extra-income img,
.needs-calc-modal .regular-expanses img {
width: 70%;
}
.needs-calc-modal .summary .block {
width: 30%;
padding: 30px;
margin: 15px;
}
.needs-calc-modal .summary .block .sub-header {
margin-top: 0;
}
.needs-calc-modal .summary.small .block {
padding: 0;
}
.needs-calc-modal .summary.small.four-boxes .block {
margin: 10px 20px;
}
.needs-calc-modal .summary.small.five-boxes .block {
margin: 10px;
}
.needs-calc-modal .summary.small .sub-header {
padding: 0;
}
.needs-calc-modal .summary.small img {
height: 100px;
width: auto;
}
.needs-calc-modal .summary.small h3 {
font-size: 20px;
}
.needs-info .list-item .inner {
min-height: 80px;
}
.preliminary-analysis-summary div[class^="col-sm-"] {
margin-bottom: 30px;
}
.preliminary-analysis-summary div[class^="col-sm-"] .inner {
padding: 15px;
border: thin solid #466696;
}
.notify-directive .dropdown .dropdown-menu {
border: none;
border-radius: 0;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
width: 380px;
max-height: 600px;
min-height: 200px;
height: 40vh;
}
.notify-directive .dropdown .dropdown-menu .notify-section {
padding: 3px 0;
}
.notify-directive .dropdown .dropdown-menu .notify-section .section-title {
font-weight: bold;
font-size: 9pt;
color: #466696;
margin-left: 10px;
}
.notify-directive .dropdown .dropdown-menu .notify-section .date {
font-size: 8pt;
}
.notify-directive .dropdown .dropdown-menu .notify-section .media-heading {
color: #466696;
margin: 0;
}
.notify-directive .dropdown .dropdown-menu .notify-section .media-left {
font-size: 18pt;
color: #466696;
}
.notify-directive .dropdown .dropdown-menu .notify-section .media-left .important-icon {
color: #D8431B;
}
.notify-directive .dropdown .dropdown-menu .notify-section .media-body {
vertical-align: middle;
}
.notify-directive .dropdown .dropdown-menu .notify-section .notify-item {
padding: 10px;
}
.notify-directive .dropdown .dropdown-menu .notify-section .media-right {
min-width: 70px;
text-align: right;
}
.notify-directive .dropdown .dropdown-menu .notify-section .media-right span {
padding: 5px;
font-size: 8pt;
font-family: "LatoLatinWeb";
color: #466696;
}
.notify-directive .dropdown .dropdown-menu .notify-section.unread .notify-item {
background-color: #F7F7F7;
margin: 0;
}
.notify-directive .dropdown .dropdown-menu .notify-section.unread .notify-item .title {
font-weight: bold;
}
.notify-directive .dropdown .dropdown-menu .notify-section.unread .notify-item .important {
font-weight: bold;
}
.notify-directive .dropdown .dropdown-menu .notify-section.unread .notify-item .desc {
font-weight: bold;
}
.notify-directive .dropdown .dropdown-menu .notify-section li:last-child:after {
content: '';
height: 0px !important;
}
.notify-directive .dropdown .dropdown-menu .notify-section li:after {
content: '';
display: block;
height: 1px;
background: #d6d6d6 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -webkit-linear-gradient(left, #fff 0, #e0e0e0 10%, #e0e0e0 90%, #fff 100%);
background: linear-gradient(to right, #fff 0, #e0e0e0 10%, #e0e0e0 90%, #fff 100%);
}
.notify-directive .dropdown .dropdown-menu .notify-section li .title {
font-family: "LatoLatinWeb";
font-size: 9pt;
text-transform: uppercase;
}
.notify-directive .dropdown .dropdown-menu .notify-section li .important {
color: #D8431B;
font-family: "LatoLatinWeb";
font-size: 9pt;
text-transform: uppercase;
}
.notify-directive .dropdown .dropdown-menu .notify-section li .desc {
font-family: "LatoLatinWebLight";
font-size: 9pt;
}
.notify-directive .not-found {
height: 50%;
position: absolute;
top: 45%;
left: 100px;
font-weight: bold;
font-family: LatoLatinWebLight;
font-size: 12pt;
color: #6fbfc8;
}
.notify-directive .refresh {
cursor: pointer;
font-size: 16pt;
text-align: right;
padding: 5px 10px 0 10px;
margin-bottom: -15px;
color: #466696;
}
.notify-popup {
padding: 15px;
}
.notify-popup .control-label {
text-align: left;
}
.notify-tab {
font-size: 11pt;
padding: 35px;
}
.notify-tab .important {
color: #6fbfc8;
}
.desc-item-directive .dropdown input {
border-bottom: thin solid #466696;
padding: 0;
height: 28px;
color: #466696;
font-size: 12pt;
font-family: "LatoLatinWeb";
}
.desc-item-directive .dropdown .dropdown-menu {
margin: 0;
padding: 0;
}
.desc-item-directive .dropdown .dropdown-menu li {
padding: 5px 20px;
margin: 0;
border-bottom: thin solid #e2e2e2;
}
.desc-item-directive .dropdown .dropdown-menu li:hover {
background-color: rgba(223, 233, 238, 0.4);
}
.desc-item-directive .dropdown .dropdown-menu li span {
font-family: "LatoLatinWebMedium";
font-size: 10pt;
}
.desc-item-directive .ui-select-container {
margin: 0 10px;
}
.proposal .empty-list,
.policy-view-directive .empty-list,
.policy-edit-contractors-directive .empty-list {
color: #466696;
font-size: 14pt;
text-align: center;
font-weight: bold;
}
.proposal .share-attention,
.policy-view-directive .share-attention,
.policy-edit-contractors-directive .share-attention {
margin-bottom: 10px;
font-size: 12pt;
color: #F5B11F;
}
.proposal .share-attention .fonticon:before,
.policy-view-directive .share-attention .fonticon:before,
.policy-edit-contractors-directive .share-attention .fonticon:before {
padding-right: 5px;
}
.proposal .share-attention span,
.policy-view-directive .share-attention span,
.policy-edit-contractors-directive .share-attention span {
margin: 0 2px;
}
.proposal .offer-section,
.policy-view-directive .offer-section,
.policy-edit-contractors-directive .offer-section {
padding: 10px 20px;
background-color: #E0E9EE;
margin-bottom: 25px;
position: relative;
}
.proposal .offer-section .ux-top-buttons,
.policy-view-directive .offer-section .ux-top-buttons,
.policy-edit-contractors-directive .offer-section .ux-top-buttons {
display: none;
}
.proposal .offer-section:hover .ux-top-buttons,
.policy-view-directive .offer-section:hover .ux-top-buttons,
.policy-edit-contractors-directive .offer-section:hover .ux-top-buttons {
display: block !important;
}
.proposal .add-btns,
.policy-view-directive .add-btns,
.policy-edit-contractors-directive .add-btns {
margin-bottom: 20px;
}
.proposal hr,
.policy-view-directive hr,
.policy-edit-contractors-directive hr {
border-color: #7aafd3;
}
.life-plan {
padding: 5px 50px;
}
.life-plan .value {
color: #466696;
font-family: "LatoLatinWebHeavy";
}
.boxes {
margin-left: -7.5px;
margin-right: -7.5px;
}
.boxes .box {
padding-left: 7.5px;
padding-right: 7.5px;
margin-bottom: 15px;
}
.boxes .box .inner {
padding: 15px;
position: relative;
}
.boxes .box .inner .title {
font-size: 9pt;
font-family: "LatoLatinWebLight";
}
.boxes .box .inner .value {
font-size: 13pt;
}
.boxes .box .inner .value-lg {
font-size: 15pt;
}
.boxes .box .inner .small-icon {
position: absolute;
top: 15px;
right: 15px;
font-size: 0.75em;
}
.boxes .box .inner .small-icon a {
color: #FFF;
cursor: pointer;
text-decoration: underline;
}
.boxes .box .inner .inline-container {
padding: 0;
margin: 0;
display: inline-block;
}
.boxes .box .inner .inline-container a {
color: #fff;
}
.boxes .box .inner .inline-container input {
color: #fff;
min-width: 80px;
margin-top: 5px;
}
.boxes .box .inner .inline-container:not(:first-child) {
margin-left: 5px;
}
.boxes .box .inner .media .media-left .glyphicon {
font-size: 48px;
}
.boxes .box .inner .button-bar {
height: 28px;
margin-top: 10px;
text-align: right;
}
.boxes.boxes-lg .box .inner {
min-height: 120px;
}
.boxes.boxes-sm .box .inner {
min-height: 70px;
}
.boxes.main-color .box .inner {
background: #466696;
color: #ffffff;
}
.boxes.main-color .box .inner .header {
color: inherit;
text-transform: uppercase;
text-align: right;
}
.boxes.main-color .box .inner .form-control {
color: inherit;
}
.boxes.main-color .box .inner .form-control::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
color: rgba(255, 255, 255, 0.7);
font-size: 8pt;
}
.boxes.main-color .box .inner .form-control:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: rgba(255, 255, 255, 0.7);
font-size: 8pt;
opacity: 1;
}
.boxes.main-color .box .inner .form-control::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: rgba(255, 255, 255, 0.7);
font-size: 8pt;
opacity: 1;
}
.boxes.main-color .box .inner .form-control:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: rgba(255, 255, 255, 0.7);
font-size: 8pt;
}
.boxes.main-color .box .inner .input-group .input-group-btn .btn {
color: inherit;
}
.boxes.secondary-color .box .inner {
background: #7aafd3;
color: #ffffff;
}
.boxes.secondary-color .box .inner .header {
color: inherit;
text-transform: uppercase;
text-align: right;
}
.boxes.secondary-color .box .inner .form-control {
color: inherit;
}
.boxes.secondary-color .box .inner .form-control::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
color: rgba(255, 255, 255, 0.7);
font-size: 8pt;
}
.boxes.secondary-color .box .inner .form-control:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: rgba(255, 255, 255, 0.7);
font-size: 8pt;
opacity: 1;
}
.boxes.secondary-color .box .inner .form-control::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: rgba(255, 255, 255, 0.7);
font-size: 8pt;
opacity: 1;
}
.boxes.secondary-color .box .inner .form-control:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: rgba(255, 255, 255, 0.7);
font-size: 8pt;
}
.boxes.secondary-color .box .inner .input-group .input-group-btn .btn {
color: inherit;
}
.boxes.main-color-gradient .box:nth-of-type(1) .inner {
background: #466696;
color: #ffffff;
}
.boxes.main-color-gradient .box:nth-of-type(1) .inner .header {
color: inherit;
text-transform: uppercase;
text-align: right;
}
.boxes.main-color-gradient .box:nth-of-type(1) .inner .form-control {
color: inherit;
}
.boxes.main-color-gradient .box:nth-of-type(1) .inner .form-control::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
color: rgba(255, 255, 255, 0.7);
font-size: 8pt;
}
.boxes.main-color-gradient .box:nth-of-type(1) .inner .form-control:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: rgba(255, 255, 255, 0.7);
font-size: 8pt;
opacity: 1;
}
.boxes.main-color-gradient .box:nth-of-type(1) .inner .form-control::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: rgba(255, 255, 255, 0.7);
font-size: 8pt;
opacity: 1;
}
.boxes.main-color-gradient .box:nth-of-type(1) .inner .form-control:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: rgba(255, 255, 255, 0.7);
font-size: 8pt;
}
.boxes.main-color-gradient .box:nth-of-type(1) .inner .input-group .input-group-btn .btn {
color: inherit;
}
.boxes.main-color-gradient .box:nth-of-type(2) .inner {
background: #6c96d6;
color: #ffffff;
}
.boxes.main-color-gradient .box:nth-of-type(2) .inner .header {
color: inherit;
text-transform: uppercase;
text-align: right;
}
.boxes.main-color-gradient .box:nth-of-type(2) .inner .form-control {
color: inherit;
}
.boxes.main-color-gradient .box:nth-of-type(2) .inner .form-control::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
color: rgba(255, 255, 255, 0.7);
font-size: 8pt;
}
.boxes.main-color-gradient .box:nth-of-type(2) .inner .form-control:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: rgba(255, 255, 255, 0.7);
font-size: 8pt;
opacity: 1;
}
.boxes.main-color-gradient .box:nth-of-type(2) .inner .form-control::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: rgba(255, 255, 255, 0.7);
font-size: 8pt;
opacity: 1;
}
.boxes.main-color-gradient .box:nth-of-type(2) .inner .form-control:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: rgba(255, 255, 255, 0.7);
font-size: 8pt;
}
.boxes.main-color-gradient .box:nth-of-type(2) .inner .input-group .input-group-btn .btn {
color: inherit;
}
.boxes.main-color-gradient .box:nth-of-type(3) .inner {
background: #86b0ef;
color: #ffffff;
}
.boxes.main-color-gradient .box:nth-of-type(3) .inner .header {
color: inherit;
text-transform: uppercase;
text-align: right;
}
.boxes.main-color-gradient .box:nth-of-type(3) .inner .form-control {
color: inherit;
}
.boxes.main-color-gradient .box:nth-of-type(3) .inner .form-control::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
color: rgba(255, 255, 255, 0.7);
font-size: 8pt;
}
.boxes.main-color-gradient .box:nth-of-type(3) .inner .form-control:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: rgba(255, 255, 255, 0.7);
font-size: 8pt;
opacity: 1;
}
.boxes.main-color-gradient .box:nth-of-type(3) .inner .form-control::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: rgba(255, 255, 255, 0.7);
font-size: 8pt;
opacity: 1;
}
.boxes.main-color-gradient .box:nth-of-type(3) .inner .form-control:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: rgba(255, 255, 255, 0.7);
font-size: 8pt;
}
.boxes.main-color-gradient .box:nth-of-type(3) .inner .input-group .input-group-btn .btn {
color: inherit;
}
.boxes.boxes-right-value .value {
text-align: right;
}
.boxes.height-200 .box .inner {
min-height: 200px;
}
.boxes.height-150 .box .inner {
min-height: 150px;
}
@media print {
.box .inner {
border: thin solid #999 !important;
}
.box .inner .small-icon {
display: none;
}
.box .plan-calendar button {
display: none;
}
.box .plan-calendar input {
opacity: 1 !important;
font-size: 12pt !important;
font-weight: bold !important;
padding: 0 !important;
}
.dropdown .dropdown-toggle span {
border: none !important;
}
}
.payments-header small a {
color: #7aafd3;
}
.payments-header small a:hover {
color: #466696;
}
.payment-details {
border: thin solid #cfcfcf;
padding: 10px;
margin-left: 10%;
margin-right: 10%;
}
.payments-panel .payments-box {
text-align: center;
position: relative;
}
.payments-panel .payments-box .payments-content {
padding: 5px;
border: thin solid #eeeeee;
border-radius: 3px;
}
.payments-panel .payments-box .payments-content .payments-content-inner {
height: 125px;
width: 100%;
background-color: #eeeeee;
position: relative;
}
.payments-panel .payments-box .payments-content .payments-content-inner .sprite {
max-width: 100%;
max-height: 100%;
position: absolute;
padding: 15px;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.payments-panel .payments-box .payments-content .payments-content-inner .glyphicon {
color: #222222;
font-size: 75px;
line-height: 125px;
}
.payments-panel .payments-box .payments-description {
margin-top: 5px;
}
.payments-panel .payments-box:hover,
.payments-panel .payments-box-selected {
font-weight: bold;
color: #7aafd3;
cursor: pointer;
}
.payments-panel .payments-box:hover .payments-content,
.payments-panel .payments-box-selected .payments-content {
background: #466696;
background: -webkit-gradient(76deg, #466696, #7aafd3);
background: -webkit-linear-gradient(76deg, #466696, #7aafd3);
background: -webkit-linear-gradient(14deg, #466696, #7aafd3);
background: linear-gradient(76deg, #466696, #7aafd3);
color: #ffffff;
border-radius: 5px;
}
.payments-panel .payments-box:hover .payments-content .payments-content-inner .glyphicon,
.payments-panel .payments-box-selected .payments-content .payments-content-inner .glyphicon {
color: #222222;
font-weight: normal;
}
.payments-panel .payments-box:hover .payments-description,
.payments-panel .payments-box-selected .payments-description {
margin-top: 5px;
}
.payments-panel .payments-box:hover::before,
.payments-panel .payments-box-selected::before {
content: 'âś“';
position: absolute;
top: -12px;
right: 6px;
/* font-size: 24px; */
color: #fff;
background: #7aafd3;
border-radius: 12px;
width: 25px;
height: 25px;
font-size: 16px;
line-height: 25px;
text-shadow: 0 1px 1px #466696;
z-index: 10;
}
.payments-panel .row {
vertical-align: middle;
}
.payments-panel .row + .row {
margin-top: 15px;
}
ol.payments-checklist {
padding: 15px;
}
ol.payments-checklist li {
padding: 5px 15px;
}
ol.payments-checklist li a {
font-family: "LatoLatinWeb";
color: #7aafd3;
}
ol.payments-checklist li a:hover {
color: #466696;
}
ol.payments-checklist li a.disabled {
color: #777777;
cursor: not-allowed;
}
.policy-payments-directive .payment-calculation {
font-size: 34px;
}
.policy-payments-directive .payment-calculation-result {
font-weight: bold;
color: #466696;
}
.print-modal {
padding: 30px;
}
.print-modal button {
background-color: #466696;
}
.person-modal-content {
padding: 15px;
font-size: 90%;
}
.person-modal-content .tab-content {
margin-top: 5px;
padding: 5px;
}
.person-modal-content .section-header .header-content {
border-bottom: thin solid #D6D6D6;
margin-bottom: 5px;
width: 98%;
}
.person-modal-content .section-header .header-content .btn-file {
position: relative;
overflow: hidden;
margin-top: 5px;
}
.person-modal-content .section-header .header-content .btn-file span {
z-index: 100;
}
.person-modal-content .section-header .header-content .btn-file input[type=file] {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
font-size: 100px;
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
outline: none;
background: white;
cursor: inherit;
display: block;
z-index: 101;
}
.person-modal-content .section-header .header-content .header-action-button {
padding-left: 55px;
padding-right: 0;
margin-right: 0;
}
.person-modal-content .section-header .header-content button {
margin-top: 5px;
}
.person-modal-content .section-header .body-content button,
.person-modal-content .section-header .body-content input {
padding: 4px 9px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
height: 28px;
}
.person-modal-content .section-header .body-content img {
width: 80%;
margin: 10px auto;
display: block;
}
.person-modal-content .section-header label {
padding-top: 7px;
color: #656565;
font-weight: 500;
}
.person-modal-content .section-header p,
.person-modal-content .section-header a {
float: right;
padding-right: 20px;
}
header.page-header.ux-main-header {
height: 70px;
position: relative;
}
header.page-header.ux-main-header h3 {
font-family: "LatoLatinWebLight";
font-size: 28pt;
margin: 0;
}
header.page-header.no-border {
border: none;
}
.table.table-payments .glyphicon {
vertical-align: middle;
color: #333333;
}
.table.table-payments .bold {
font-weight: bold;
}
.table.table-payments .td-icon {
width: 28px;
}
.table.table-payments .ins-header {
padding-left: 35px;
font-size: 12pt;
}
.policy-view-directive,
.claims-summary-directive,
.policy-history-view-directive {
counter-reset: policy-summary-counter;
}
.policy-view-directive .view-tab,
.claims-summary-directive .view-tab,
.policy-history-view-directive .view-tab {
padding: 0 30px;
}
.policy-view-directive h4::before,
.claims-summary-directive h4::before,
.policy-history-view-directive h4::before {
counter-increment: policy-summary-counter;
content: counter(policy-summary-counter) " ";
}
.policy-view-directive .panel-footer,
.claims-summary-directive .panel-footer,
.policy-history-view-directive .panel-footer {
text-align: right;
padding: 5px 15px;
}
.policy-view-directive .panel-footer a,
.claims-summary-directive .panel-footer a,
.policy-history-view-directive .panel-footer a {
color: #7aafd3;
}
.policy-view-directive,
.policy-termination-view-directive,
.policy-edit-contractors-directive {
counter-reset: header-counter;
padding: 5px 0;
margin-bottom: 20px;
padding: 0;
margin: 0;
}
.policy-view-directive .natural-desc,
.policy-termination-view-directive .natural-desc,
.policy-edit-contractors-directive .natural-desc {
padding: 15px;
}
.policy-view-directive .natural-desc .custom-address,
.policy-termination-view-directive .natural-desc .custom-address,
.policy-edit-contractors-directive .natural-desc .custom-address {
display: inline;
}
.policy-view-directive .natural-desc .email-title-container,
.policy-termination-view-directive .natural-desc .email-title-container,
.policy-edit-contractors-directive .natural-desc .email-title-container {
margin-bottom: 20px;
}
.policy-view-directive .natural-desc .email-title-container .inline-container input,
.policy-termination-view-directive .natural-desc .email-title-container .inline-container input,
.policy-edit-contractors-directive .natural-desc .email-title-container .inline-container input {
font-size: 1.1em;
margin-top: 5px;
}
.policy-view-directive .natural-desc .email-title-container .email-title span,
.policy-termination-view-directive .natural-desc .email-title-container .email-title span,
.policy-edit-contractors-directive .natural-desc .email-title-container .email-title span {
font-weight: bold;
}
.policy-view-directive .natural-desc .calendar,
.policy-termination-view-directive .natural-desc .calendar,
.policy-edit-contractors-directive .natural-desc .calendar {
display: inline-block;
top: 10px;
margin-left: 15px;
margin-right: 20px;
max-width: 150px;
}
.policy-view-directive .natural-desc .calendar input,
.policy-termination-view-directive .natural-desc .calendar input,
.policy-edit-contractors-directive .natural-desc .calendar input {
width: 80%;
border-bottom: thin solid #337ab7;
}
.policy-view-directive .natural-desc .calendar button,
.policy-termination-view-directive .natural-desc .calendar button,
.policy-edit-contractors-directive .natural-desc .calendar button {
top: -10px;
}
.policy-view-directive .natural-desc .split-left,
.policy-termination-view-directive .natural-desc .split-left,
.policy-edit-contractors-directive .natural-desc .split-left {
margin-left: 2px;
padding-left: 0;
}
.policy-view-directive .natural-desc .split-right,
.policy-termination-view-directive .natural-desc .split-right,
.policy-edit-contractors-directive .natural-desc .split-right {
margin-right: 2px;
padding-right: 0;
}
.policy-view-directive .natural-desc span,
.policy-termination-view-directive .natural-desc span,
.policy-edit-contractors-directive .natural-desc span {
display: inline-block;
padding: 6px 0;
}
.policy-view-directive .natural-desc .dropdown,
.policy-termination-view-directive .natural-desc .dropdown,
.policy-edit-contractors-directive .natural-desc .dropdown {
margin: 0 10px;
}
.policy-view-directive .natural-desc .dropdown span,
.policy-termination-view-directive .natural-desc .dropdown span,
.policy-edit-contractors-directive .natural-desc .dropdown span {
padding: 1px 10px;
}
.policy-view-directive .natural-desc .inline-container,
.policy-termination-view-directive .natural-desc .inline-container,
.policy-edit-contractors-directive .natural-desc .inline-container {
min-width: 100px;
display: inline-block;
margin-bottom: 5px;
}
.policy-view-directive .natural-desc .inline-container .link,
.policy-termination-view-directive .natural-desc .inline-container .link,
.policy-edit-contractors-directive .natural-desc .inline-container .link {
border-radius: 0 !important;
margin-top: 2px;
font-size: 1.1em;
border-bottom: thin solid #337ab7;
height: 34px;
min-width: 95px;
margin-right: 8px;
text-decoration: none;
text-align: left;
min-height: 34px !important;
}
.policy-view-directive .natural-desc .inline-container input,
.policy-termination-view-directive .natural-desc .inline-container input,
.policy-edit-contractors-directive .natural-desc .inline-container input {
height: 31px;
margin-left: 15px;
margin-right: 23px;
min-width: 95px;
min-height: 31px !important;
}
.policy-view-directive .img-desc,
.policy-termination-view-directive .img-desc,
.policy-edit-contractors-directive .img-desc {
font-size: 8em;
}
.policy-view-directive svg,
.policy-termination-view-directive svg,
.policy-edit-contractors-directive svg {
height: 450px;
}
.policy-view-directive .inline-container.edit-false,
.policy-termination-view-directive .inline-container.edit-false,
.policy-edit-contractors-directive .inline-container.edit-false {
min-width: 50px;
margin-left: 0;
}
.policy-view-directive .inline-container .read-only p,
.policy-termination-view-directive .inline-container .read-only p,
.policy-edit-contractors-directive .inline-container .read-only p {
text-align: center;
font-weight: bold;
}
.policy-view-directive .dropdown.disabled .selected,
.policy-termination-view-directive .dropdown.disabled .selected,
.policy-edit-contractors-directive .dropdown.disabled .selected {
border: none !important;
color: black !important;
padding: 0px 0 0px 10px !important;
}
.policy-view-directive .section,
.policy-termination-view-directive .section,
.policy-edit-contractors-directive .section {
padding: 15px 0;
}
.policy-view-directive .section .form-control-static,
.policy-termination-view-directive .section .form-control-static,
.policy-edit-contractors-directive .section .form-control-static {
font-weight: bold;
padding: 7px 0 0;
min-height: initial;
}
.policy-view-directive .section .control-label,
.policy-termination-view-directive .section .control-label,
.policy-edit-contractors-directive .section .control-label {
margin-bottom: 0;
}
.policy-view-directive .section .empty-list,
.policy-termination-view-directive .section .empty-list,
.policy-edit-contractors-directive .section .empty-list {
color: #466696;
font-size: 14pt;
text-align: center;
font-weight: bold;
}
.policy-view-directive .section .table a,
.policy-termination-view-directive .section .table a,
.policy-edit-contractors-directive .section .table a {
color: #7aafd3;
}
.policy-view-directive .section .table .table-img,
.policy-termination-view-directive .section .table .table-img,
.policy-edit-contractors-directive .section .table .table-img {
height: 24px;
}
.policy-view-directive .section .table .table-icon,
.policy-termination-view-directive .section .table .table-icon,
.policy-edit-contractors-directive .section .table .table-icon {
font-size: 24px;
}
.policy-view-directive .section .table td.text-uppercase,
.policy-termination-view-directive .section .table td.text-uppercase,
.policy-edit-contractors-directive .section .table td.text-uppercase {
vertical-align: middle;
}
.policy-view-directive .panel .panel-heading,
.policy-termination-view-directive .panel .panel-heading,
.policy-edit-contractors-directive .panel .panel-heading {
text-transform: uppercase;
}
.policy-view-directive .panel .panel-heading .panel-title,
.policy-termination-view-directive .panel .panel-heading .panel-title,
.policy-edit-contractors-directive .panel .panel-heading .panel-title {
font-size: 10pt;
font-weight: bold;
}
.claims-summary-directive,
.policy-history-view-directive {
padding: 0;
}
.claims-summary-directive.form,
.policy-history-view-directive.form {
padding: 0 30px;
margin: 5px 20px;
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
}
.claims-summary-directive .section .section-title h3,
.policy-history-view-directive .section .section-title h3 {
margin-top: 0;
}
.claims-summary-directive .section .form-group,
.policy-history-view-directive .section .form-group {
margin-bottom: 0;
}
.claims-summary-directive .with-border,
.policy-history-view-directive .with-border {
border-bottom: thin solid #466696;
}
.claims-summary-directive .boxes,
.policy-history-view-directive .boxes {
padding: 0 20px;
color: #000;
font-family: "LatoLatinWeb";
}
.claims-summary-directive .boxes .claim-object,
.policy-history-view-directive .boxes .claim-object {
margin: 10px 20px;
}
.claims-summary-directive .boxes .panel-heading,
.policy-history-view-directive .boxes .panel-heading {
padding: 0 20px;
}
.claims-summary-directive .boxes .button-bar,
.policy-history-view-directive .boxes .button-bar {
text-align: center !important;
}
.claims-summary-directive .boxes .button-bar a,
.policy-history-view-directive .boxes .button-bar a {
background-color: #466696;
margin: 0 auto;
}
.claims-summary-directive .boxes .button-bar a:hover,
.policy-history-view-directive .boxes .button-bar a:hover {
color: #FFF;
}
.claims-summary-directive .boxes .box,
.policy-history-view-directive .boxes .box {
margin-bottom: 0;
}
.claims-summary-directive .boxes .box .inner,
.policy-history-view-directive .boxes .box .inner {
background-color: transparent;
}
.claims-summary-directive .boxes .box .inner .panel-body,
.policy-history-view-directive .boxes .box .inner .panel-body {
padding: 15px 0 0 0;
}
.claims-summary-directive .boxes .box .inner:nth-of-type(1),
.policy-history-view-directive .boxes .box .inner:nth-of-type(1) {
padding: 25px 0;
}
.claims-summary-directive .boxes .box .section-title h3,
.policy-history-view-directive .boxes .box .section-title h3 {
margin-top: 0;
color: #000;
}
.claims-summary-directive .boxes .box .section-title .small,
.policy-history-view-directive .boxes .box .section-title .small {
color: #303a40;
font-familt: "LatoLatinWeb";
}
.claims-summary-directive .boxes .box .title,
.policy-history-view-directive .boxes .box .title {
color: #000;
font-size: 10pt;
}
.claims-summary-directive .boxes .box .value,
.policy-history-view-directive .boxes .box .value {
float: left;
color: #466696;
font-weight: bold;
font-size: 14pt;
}
.claims-summary-directive .boxes .box .value-lg,
.policy-history-view-directive .boxes .box .value-lg {
font-weight: bold;
}
.claims-summary-directive .boxes .box .date-title,
.policy-history-view-directive .boxes .box .date-title {
color: #303a40;
font-family: "LatoLatinWeb";
}
.policy-list-directive .list-item {
margin-bottom: 15px;
cursor: pointer;
}
.policy-list-directive .list-item .inner {
font-family: "LatoLatinWebLight";
text-shadow: 0 0 0 #222222;
background-color: #fff;
padding: 7.5px 15px;
position: relative;
overflow: hidden;
-webkit-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
}
.policy-list-directive .list-item .inner * {
z-index: 1;
}
.policy-list-directive .list-item .inner .premium {
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
text-align: right;
}
.policy-list-directive .list-item .inner .expiry-text {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
margin-top: 15px;
}
.policy-list-directive .list-item .inner .expiry-text .remaining-days {
font-weight: bold;
}
.policy-list-directive .list-item .inner .progress {
background-color: #E0E9EE;
}
.policy-list-directive .list-item .inner header {
font-family: "LatoLatinWebLight";
color: #466696;
margin-bottom: 0;
}
.policy-list-directive .list-item .inner header:before,
.policy-list-directive .list-item .inner header:after {
content: " ";
display: table;
}
.policy-list-directive .list-item .inner header:after {
clear: both;
}
.policy-list-directive .list-item .inner header h3 {
margin: 0;
}
.policy-list-directive .list-item .inner header h3 .right {
display: inline-block;
float: right;
font-size: 10pt;
margin-top: 3px;
line-height: 24px;
}
.policy-list-directive .list-item .inner header h3 .right strong {
font-size: 12pt;
line-height: inherit;
}
.policy-list-directive .list-item .inner header .product {
text-transform: uppercase;
font-size: 13pt;
}
.policy-list-directive .list-item .inner header .signature {
font-family: "LatoLatinWebLight";
text-shadow: 0 0 0 #222222;
}
.policy-list-directive .list-item .inner header .text-warning,
.policy-list-directive .list-item .inner header .text-danger {
text-shadow: none;
}
.policy-list-directive .list-item .inner .stars-control {
font-size: 25px;
}
.policy-list-directive .list-item .inner .bottom-text {
font-size: 9pt;
margin-top: 3px;
min-height: 15px;
}
.policy-list-directive .list-item .inner .top-text {
color: #466696;
text-align: right;
}
.policy-list-directive .list-item .inner .background-image {
position: absolute;
top: 15px;
right: 15px;
opacity: 0.2;
z-index: 0;
}
.policy-list-directive .list-item .inner .background-image img {
width: 90px;
}
.policy-list-directive .list-item .bottom-bar {
background: #6fbfc8;
color: #fff;
font-size: 9pt;
padding: 10px 15px;
margin-top: 0;
height: auto;
box-shadow: inset 0 2px 7.5px #3a8e97;
}
.policy-list-directive .list-item .bottom-bar .glyphicon {
margin-right: 7.5px;
}
.policy-list-directive .list-item .bottom-bar .time-ago {
font-family: "LatoLatinWebLight";
float: right;
}
.policy-list-directive .list-item:hover,
.policy-list-directive .list-item.active {
box-shadow: 0 2px 5px #777777;
}
.policy-list-directive .list-item:hover .inner,
.policy-list-directive .list-item.active .inner {
background-color: #466696;
background: #466696;
background: -webkit-gradient(0deg, #466696, #7aafd3);
background: -webkit-linear-gradient(0deg, #466696, #7aafd3);
background: -webkit-linear-gradient(bottom, #466696, #7aafd3);
background: linear-gradient(0deg, #466696, #7aafd3);
color: #ffffff;
border-color: #466696;
}
.policy-list-directive .list-item:hover .inner header,
.policy-list-directive .list-item.active .inner header {
color: #ffffff;
}
.policy-list-directive .list-item:hover .background-image,
.policy-list-directive .list-item.active .background-image {
display: none;
}
.policy-list-directive .list-item.expired .inner {
background-color: rgba(255, 255, 255, 0.2);
border: thin solid #7aafd3;
}
.policy-list-directive .list-item.expired .inner header h1,
.policy-list-directive .list-item.expired .inner header h2,
.policy-list-directive .list-item.expired .inner header h3,
.policy-list-directive .list-item.expired .inner header h4,
.policy-list-directive .list-item.expired .inner header h5,
.policy-list-directive .list-item.expired .inner header h6 {
color: inherit;
}
.policy-list-directive .list-item.expired:hover,
.policy-list-directive .list-item.expired.active {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.policy-list-directive .list-item.expired:hover .inner,
.policy-list-directive .list-item.expired.active .inner {
border-color: #466696;
}
.policy-edit-contractors-directive {
padding: 0 30px;
}
.policy-edit-contractors-directive .section .offer-section {
position: relative;
}
.policy-termination-view-directive {
counter-reset: term-count;
}
.policy-termination-view-directive .inline-element {
display: inline-block;
margin-left: 5px;
}
.policy-termination-view-directive .reason-section {
padding: 0 30px;
}
.policy-termination-view-directive .reason-section .term-date label {
vertical-align: top;
margin-top: 5px;
}
.policy-termination-view-directive .reason-section .term-date p {
margin: 0;
}
.policy-termination-view-directive h4::before {
counter-increment: term-count;
content: counter(term-count) " ";
}
.policy-termination-view-directive .ae-variant-details {
background-color: #FFF;
border: none;
margin-top: 5px;
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
}
.policy-termination-view-directive .ae-variant-details .section {
padding: 15px 30px;
}
.payments-summary-directive .boxes,
.claims-no-boxes .boxes {
padding: 0 0 0 45px;
}
.payments-summary-directive .boxes .box .inner,
.claims-no-boxes .boxes .box .inner {
color: #000 !important;
background-color: transparent !important;
}
.payments-summary-directive .boxes .box .inner .title,
.claims-no-boxes .boxes .box .inner .title {
font-size: 13pt !important;
}
.payments-summary-directive .boxes .box .inner .value-lg,
.claims-no-boxes .boxes .box .inner .value-lg {
text-align: left;
color: #466696;
}
.payments-summary-directive .boxes .box .inner .mail-form,
.claims-no-boxes .boxes .box .inner .mail-form {
color: #466696;
font-size: 9pt;
}
.policy-counter-proposal-view .person .cover .badge {
padding: 5px 15px;
border-radius: 15px;
}
.policy-counter-proposal-view .person .cover .badge.premium,
.policy-counter-proposal-view .person .cover .badge.sum {
background: #8493CA;
}
.policy-counter-proposal-view .person .cover .badge.exclusion {
background: #D8431B;
}
.product-list .product {
position: relative;
cursor: pointer;
padding: 15px 45px;
font-family: "LatoLatinWebThin";
font-size: 14pt;
}
.product-list .product:before,
.product-list .product:after {
content: " ";
display: table;
}
.product-list .product:after {
clear: both;
}
.product-list .product header span {
font-size: 28pt;
font-family: "LatoLatinWebLight";
}
.product-list .product .glyphicon.right-arrow {
position: absolute;
right: 45px;
top: 50%;
margin-top: -7px;
}
.product-list .first-level {
color: #fff;
}
.product-list .first-level.day {
background: url("../images/material-design-image.jpg") no-repeat center center;
background-size: cover;
}
.product-list .first-level.night {
background: url("../images/material-design-image-night.jpg") no-repeat center bottom;
background-size: cover;
}
.product-list .first-level.halloween {
background: url("../images/happy-halloween.jpg") no-repeat center bottom;
background-size: cover;
}
.product-list .first-level.christmas {
background: url("../images/material-design-christmas.png") no-repeat center bottom;
background-size: cover;
}
.product-list .first-level.new-years-eve {
background: url("../images/new-years-eve.jpg") no-repeat center center;
background-size: cover;
}
.product-list .first-level .product {
border-bottom: 10px solid #fff;
background: rgba(20, 50, 100, 0.6);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.product-list .first-level .product:hover {
background: rgba(20, 50, 100, 0.3);
}
.product-list .first-level a {
color: inherit;
font-weight: bold;
font-family: "LatoLatinWebLight";
}
.product-list .first-level a:hover {
text-decoration: underline;
}
.product-list-tabs {
background-color: #E0E9EE;
margin-bottom: 30px;
}
.product-list-tabs .type-tab {
border-radius: 0;
border: none;
}
.product-list-tabs .type-tab.inactive {
background-color: #E0E9EE;
padding: 14px 45px;
color: #666;
font-size: 0.9em;
}
.product-list-tabs .type-tab.active {
padding: 14px 50px;
background: #FFF;
color: #466696;
margin-top: -4px;
font-size: 1.1em;
font-weight: 600;
box-shadow: 0 -2px 15px 0 rgba(0, 0, 0, 0.2);
}
.product-list-tabs .type-tab:after {
background-color: #fff;
height: 5px;
content: "";
position: absolute;
bottom: -5px;
left: -5px;
right: -5px;
}
.quotations .context {
height: 100%;
}
@media (min-width: 992px) {
.quotations .context {
background-color: #eeeeee;
position: fixed;
top: 50px;
left: 70px;
}
}
.ae-dresser:hover {
cursor: hand;
cursor: pointer;
}
.ae-dresser:hover div {
background-color: #fafafa;
}
.ae-drawer {
border: thin solid #cfcfcf;
border-bottom: 0px;
padding: 5px;
}
.ae-drawer-1 {
border: thin solid #cfcfcf;
border-bottom: 0px;
padding: 5px;
margin-left: 14%;
margin-right: 14%;
}
.ae-drawer-2 {
border: thin solid #cfcfcf;
border-bottom: 0px;
padding: 5px;
margin-left: 12%;
margin-right: 12%;
}
.homeplus-property {
counter-reset: header-counter;
}
.homeplus-property .property-currency span {
margin: 0;
padding: 0;
}
.homeplus-property .property-currency input {
width: 87%;
}
.travelplus-property {
counter-reset: header-counter;
}
.travelplus-property .animate-if.ng-enter,
.travelplus-property .animate-if.ng-leave {
-webkit-transition: 0.5s linear all;
transition: 0.5s linear all;
}
.travelplus-property .animate-if.ng-enter {
max-height: 0;
opacity: 0;
}
.travelplus-property .animate-if.ng-enter.ng-enter-active {
max-height: 50px;
opacity: 1;
}
.travelplus-property .animate-if.ng-leave {
max-height: 50px;
opacity: 1;
}
.travelplus-property .animate-if.ng-leave.ng-leave-active {
max-height: 0;
opacity: 0;
}
.travelplus-property .animate-if.form-group.ng-enter {
margin-bottom: 0;
}
.travelplus-property .animate-if.form-group.ng-enter.ng-enter-active {
margin-bottom: 15px;
}
.travelplus-property .animate-if.form-group.ng-leave {
margin-bottom: 15px;
}
.travelplus-property .animate-if.form-group.ng-leave.ng-leave-active {
margin-bottom: 0;
}
.travelplus-property input[readonly] {
background: none;
}
.travelplus-property .load-file-link {
padding-top: 7px;
}
.travelplus-property .control-label {
font-weight: normal;
color: #7aafd3;
padding-right: 30px;
}
.travelplus-property .dictionary-item-selector .btn {
min-width: 250px;
font-size: 13px;
}
.travelplus-property .date-picker {
max-width: 250px;
}
.travelplus-property .date-input {
position: relative;
font-size: 13pt;
color: #466696;
font-weight: bolder;
z-index: 1;
}
.travelplus-property .date-input.glyphicon {
right: 30px;
top: 4px;
font-size: 12pt;
z-index: 0;
font-weight: normal;
}
.travelplus-property input {
border-color: #466696;
}
.email-table-nobackground tr {
background-color: rgba(0, 0, 0, 0) !important;
}
.travelplus-variant-details .input-group {
max-width: none;
}
.travelplus-variant-details .ui-select-container.small {
width: 60%;
max-width: 180px;
min-width: 100px;
}
.travelplus-variant-details .dictionary-item-selector .btn {
padding: 4px;
max-width: 200px;
min-width: 200px;
font-size: 13px;
margin-bottom: 20px;
}
.travelplus-variant-details .animate-if.ng-enter,
.travelplus-variant-details .animate-if.ng-leave {
-webkit-transition: 0.6s linear all;
transition: 0.6s linear all;
}
.travelplus-variant-details .animate-if.ng-enter {
max-height: 300px;
opacity: 0;
}
.travelplus-variant-details .animate-if.ng-enter.ng-enter-active {
max-height: 300px;
opacity: 1;
}
.travelplus-variant-details .animate-if.ng-leave {
max-height: 300px;
opacity: 1;
}
.travelplus-variant-details .animate-if.ng-leave.ng-leave-active {
max-height: 300px;
opacity: 0;
}
.travelplus-variant-details #remove-button {
cursor: pointer;
font-size: 24px;
}
.variants {
margin-bottom: 15px;
}
.variants .selected .variant .inner {
background-color: #466696;
color: rgba(255, 255, 255, 0.9);
box-shadow: 0 0 10px #263750;
}
.variants .selected .variant .inner .control-label {
color: inherit;
}
.variants .selected .variant .inner .form-control {
color: #ffffff;
border-color: #ffffff;
}
.variants .selected .variant .inner .header {
color: inherit;
}
.variants .selected .variant .inner .header small {
color: rgba(255, 255, 255, 0.7);
}
.variants .variant .inner {
background-color: #eeeeee;
padding: 20px;
}
.variants .variant .inner .form-control {
border-color: #d5d5d5;
}
.variants .variant .inner .premium {
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
}
#travelplus-offer input::-webkit-calendar-picker-indicator {
display: none;
}
#travelplus-offer .dictionary-item-selector .btn {
padding: 4px;
max-width: 200px;
min-width: 200px;
font-size: 13px;
margin-top: 5px;
}
#travelplus-offer .insurance-sub-header {
padding-left: 35px;
padding-top: 5px;
vertical-align: middle;
}
#travelplus-offer .insurance-sub-header .sub-header {
margin-bottom: 7px;
}
#travelplus-offer .form-group {
margin-right: 15px;
}
#travelplus-offer .input-group {
width: 110%;
}
#travelplus-offer input {
border-color: #466696;
}
#travelplus-offer input[readonly] {
background: none;
}
#travelplus-offer .search-list-container {
width: 100%;
position: relative;
}
#travelplus-offer .search-list-container .search-list {
width: 100%;
display: block;
position: absolute;
background: #fff;
border: thin solid #eeeeee;
z-index: 1002;
box-shadow: 0 0 5px #555555;
}
#travelplus-offer .search-list-container .search-list .result-block {
overflow: hidden;
}
#travelplus-offer .search-list-container .search-list li.active {
background-color: #7aafd3;
color: #ffffff;
}
#travelplus-offer .search-list-container .search-list li {
padding: 3px;
list-style-type: none;
cursor: pointer;
}
.homeplus,
.email,
#homeplus-offer,
#life-offer,
#travelplus-offer,
#carplus-offer {
padding: 2% !important;
counter-reset: header-counter;
}
.homeplus .email-action-buttons,
.email .email-action-buttons,
#homeplus-offer .email-action-buttons,
#life-offer .email-action-buttons,
#travelplus-offer .email-action-buttons,
#carplus-offer .email-action-buttons {
float: right;
}
.homeplus .offer-input,
.email .offer-input,
#homeplus-offer .offer-input,
#life-offer .offer-input,
#travelplus-offer .offer-input,
#carplus-offer .offer-input {
max-width: 100% !important;
}
.homeplus.email-life,
.email.email-life,
#homeplus-offer.email-life,
#life-offer.email-life,
#travelplus-offer.email-life,
#carplus-offer.email-life {
counter-reset: email-section;
}
.homeplus.email-life .summary-section,
.email.email-life .summary-section,
#homeplus-offer.email-life .summary-section,
#life-offer.email-life .summary-section,
#travelplus-offer.email-life .summary-section,
#carplus-offer.email-life .summary-section {
padding: 10px 30px 30px;
background-color: transparent !important;
}
.homeplus.email-life .summary-section .areas-container,
.email.email-life .summary-section .areas-container,
#homeplus-offer.email-life .summary-section .areas-container,
#life-offer.email-life .summary-section .areas-container,
#travelplus-offer.email-life .summary-section .areas-container,
#carplus-offer.email-life .summary-section .areas-container {
padding-top: 0;
margin-top: 10px;
width: 100%;
}
.homeplus.email-life .summary-section .areas-container .img-container,
.email.email-life .summary-section .areas-container .img-container,
#homeplus-offer.email-life .summary-section .areas-container .img-container,
#life-offer.email-life .summary-section .areas-container .img-container,
#travelplus-offer.email-life .summary-section .areas-container .img-container,
#carplus-offer.email-life .summary-section .areas-container .img-container {
display: inline-block;
margin: 10px 25px;
}
.homeplus.email-life .summary-section .areas-container .img-container img,
.email.email-life .summary-section .areas-container .img-container img,
#homeplus-offer.email-life .summary-section .areas-container .img-container img,
#life-offer.email-life .summary-section .areas-container .img-container img,
#travelplus-offer.email-life .summary-section .areas-container .img-container img,
#carplus-offer.email-life .summary-section .areas-container .img-container img {
-webkit-filter: grayscale(100%) opacity(50%) !important;
filter: grayscale(100%) opacity(50%) !important;
}
.homeplus.email-life .summary-section .areas-container .img-container.img-checked img,
.email.email-life .summary-section .areas-container .img-container.img-checked img,
#homeplus-offer.email-life .summary-section .areas-container .img-container.img-checked img,
#life-offer.email-life .summary-section .areas-container .img-container.img-checked img,
#travelplus-offer.email-life .summary-section .areas-container .img-container.img-checked img,
#carplus-offer.email-life .summary-section .areas-container .img-container.img-checked img {
-webkit-filter: grayscale(0%) !important;
filter: grayscale(0%) !important;
}
.homeplus.email-life .summary-section .areas-container .img-container.img-checked .title,
.email.email-life .summary-section .areas-container .img-container.img-checked .title,
#homeplus-offer.email-life .summary-section .areas-container .img-container.img-checked .title,
#life-offer.email-life .summary-section .areas-container .img-container.img-checked .title,
#travelplus-offer.email-life .summary-section .areas-container .img-container.img-checked .title,
#carplus-offer.email-life .summary-section .areas-container .img-container.img-checked .title {
font-family: "LatoLatinWeb";
color: #466696;
}
.homeplus.email-life .summary-section .areas-container .img-container .title,
.email.email-life .summary-section .areas-container .img-container .title,
#homeplus-offer.email-life .summary-section .areas-container .img-container .title,
#life-offer.email-life .summary-section .areas-container .img-container .title,
#travelplus-offer.email-life .summary-section .areas-container .img-container .title,
#carplus-offer.email-life .summary-section .areas-container .img-container .title {
padding-top: 5px;
font-family: "LatoLatinWebLight";
font-size: 11pt;
}
.homeplus.email-life .summary-section .boxes .title,
.email.email-life .summary-section .boxes .title,
#homeplus-offer.email-life .summary-section .boxes .title,
#life-offer.email-life .summary-section .boxes .title,
#travelplus-offer.email-life .summary-section .boxes .title,
#carplus-offer.email-life .summary-section .boxes .title {
font-family: "LatoLatinWebLight";
font-size: 10pt;
}
.homeplus.email-life .summary-section .boxes .inner .inner-container,
.email.email-life .summary-section .boxes .inner .inner-container,
#homeplus-offer.email-life .summary-section .boxes .inner .inner-container,
#life-offer.email-life .summary-section .boxes .inner .inner-container,
#travelplus-offer.email-life .summary-section .boxes .inner .inner-container,
#carplus-offer.email-life .summary-section .boxes .inner .inner-container {
position: absolute;
bottom: 15px;
left: 20px;
}
.homeplus.email-life .summary-section .boxes.boxes-sm .value,
.email.email-life .summary-section .boxes.boxes-sm .value,
#homeplus-offer.email-life .summary-section .boxes.boxes-sm .value,
#life-offer.email-life .summary-section .boxes.boxes-sm .value,
#travelplus-offer.email-life .summary-section .boxes.boxes-sm .value,
#carplus-offer.email-life .summary-section .boxes.boxes-sm .value {
text-align: right;
margin-right: 5px;
}
.homeplus.email-life .summary-section:nth-child(odd),
.email.email-life .summary-section:nth-child(odd),
#homeplus-offer.email-life .summary-section:nth-child(odd),
#life-offer.email-life .summary-section:nth-child(odd),
#travelplus-offer.email-life .summary-section:nth-child(odd),
#carplus-offer.email-life .summary-section:nth-child(odd) {
background-color: #fff;
}
.homeplus.email-life .summary-section:nth-child(even),
.email.email-life .summary-section:nth-child(even),
#homeplus-offer.email-life .summary-section:nth-child(even),
#life-offer.email-life .summary-section:nth-child(even),
#travelplus-offer.email-life .summary-section:nth-child(even),
#carplus-offer.email-life .summary-section:nth-child(even) {
background-color: #F5F5F5;
}
.homeplus.email-life .summary-section h4.sub-header:before,
.email.email-life .summary-section h4.sub-header:before,
#homeplus-offer.email-life .summary-section h4.sub-header:before,
#life-offer.email-life .summary-section h4.sub-header:before,
#travelplus-offer.email-life .summary-section h4.sub-header:before,
#carplus-offer.email-life .summary-section h4.sub-header:before {
counter-increment: section;
content: counter(section) " ";
}
.homeplus.email-life .summary-section .table .fonticon,
.email.email-life .summary-section .table .fonticon,
#homeplus-offer.email-life .summary-section .table .fonticon,
#life-offer.email-life .summary-section .table .fonticon,
#travelplus-offer.email-life .summary-section .table .fonticon,
#carplus-offer.email-life .summary-section .table .fonticon {
font-size: 25px;
color: #466696;
}
.homeplus.email-life .summary-section .table tbody td,
.email.email-life .summary-section .table tbody td,
#homeplus-offer.email-life .summary-section .table tbody td,
#life-offer.email-life .summary-section .table tbody td,
#travelplus-offer.email-life .summary-section .table tbody td,
#carplus-offer.email-life .summary-section .table tbody td {
vertical-align: middle;
padding: 10px;
}
.homeplus.email-life .summary-section .table tbody tr:nth-child(even),
.email.email-life .summary-section .table tbody tr:nth-child(even),
#homeplus-offer.email-life .summary-section .table tbody tr:nth-child(even),
#life-offer.email-life .summary-section .table tbody tr:nth-child(even),
#travelplus-offer.email-life .summary-section .table tbody tr:nth-child(even),
#carplus-offer.email-life .summary-section .table tbody tr:nth-child(even) {
background-color: #fff;
}
.homeplus.email-life .summary-section .table tbody tr:nth-child(odd),
.email.email-life .summary-section .table tbody tr:nth-child(odd),
#homeplus-offer.email-life .summary-section .table tbody tr:nth-child(odd),
#life-offer.email-life .summary-section .table tbody tr:nth-child(odd),
#travelplus-offer.email-life .summary-section .table tbody tr:nth-child(odd),
#carplus-offer.email-life .summary-section .table tbody tr:nth-child(odd) {
background-color: #F5F5F5;
}
.homeplus.email-life h4.sub-header:before,
.email.email-life h4.sub-header:before,
#homeplus-offer.email-life h4.sub-header:before,
#life-offer.email-life h4.sub-header:before,
#travelplus-offer.email-life h4.sub-header:before,
#carplus-offer.email-life h4.sub-header:before {
counter-increment: email-section !important;
content: counter(email-section) " " !important;
}
.homeplus .part-container,
.email .part-container,
#homeplus-offer .part-container,
#life-offer .part-container,
#travelplus-offer .part-container,
#carplus-offer .part-container {
padding: 5px 0;
margin-bottom: 20px;
}
.homeplus .part-container .natural-desc,
.email .part-container .natural-desc,
#homeplus-offer .part-container .natural-desc,
#life-offer .part-container .natural-desc,
#travelplus-offer .part-container .natural-desc,
#carplus-offer .part-container .natural-desc {
padding: 15px;
}
.homeplus .part-container .natural-desc .custom-address,
.email .part-container .natural-desc .custom-address,
#homeplus-offer .part-container .natural-desc .custom-address,
#life-offer .part-container .natural-desc .custom-address,
#travelplus-offer .part-container .natural-desc .custom-address,
#carplus-offer .part-container .natural-desc .custom-address {
display: inline;
}
.homeplus .part-container .natural-desc .email-title-container,
.email .part-container .natural-desc .email-title-container,
#homeplus-offer .part-container .natural-desc .email-title-container,
#life-offer .part-container .natural-desc .email-title-container,
#travelplus-offer .part-container .natural-desc .email-title-container,
#carplus-offer .part-container .natural-desc .email-title-container {
margin-bottom: 20px;
}
.homeplus .part-container .natural-desc .email-title-container .inline-container input,
.email .part-container .natural-desc .email-title-container .inline-container input,
#homeplus-offer .part-container .natural-desc .email-title-container .inline-container input,
#life-offer .part-container .natural-desc .email-title-container .inline-container input,
#travelplus-offer .part-container .natural-desc .email-title-container .inline-container input,
#carplus-offer .part-container .natural-desc .email-title-container .inline-container input {
font-size: 1.1em;
margin-top: 5px;
}
.homeplus .part-container .natural-desc .email-title-container .email-title span,
.email .part-container .natural-desc .email-title-container .email-title span,
#homeplus-offer .part-container .natural-desc .email-title-container .email-title span,
#life-offer .part-container .natural-desc .email-title-container .email-title span,
#travelplus-offer .part-container .natural-desc .email-title-container .email-title span,
#carplus-offer .part-container .natural-desc .email-title-container .email-title span {
font-weight: bold;
}
.homeplus .part-container .natural-desc .calendar,
.email .part-container .natural-desc .calendar,
#homeplus-offer .part-container .natural-desc .calendar,
#life-offer .part-container .natural-desc .calendar,
#travelplus-offer .part-container .natural-desc .calendar,
#carplus-offer .part-container .natural-desc .calendar {
display: inline-block;
top: 10px;
margin-left: 15px;
margin-right: 20px;
max-width: 150px;
}
.homeplus .part-container .natural-desc .calendar input,
.email .part-container .natural-desc .calendar input,
#homeplus-offer .part-container .natural-desc .calendar input,
#life-offer .part-container .natural-desc .calendar input,
#travelplus-offer .part-container .natural-desc .calendar input,
#carplus-offer .part-container .natural-desc .calendar input {
width: 80%;
border-bottom: thin solid #337ab7;
}
.homeplus .part-container .natural-desc .calendar button,
.email .part-container .natural-desc .calendar button,
#homeplus-offer .part-container .natural-desc .calendar button,
#life-offer .part-container .natural-desc .calendar button,
#travelplus-offer .part-container .natural-desc .calendar button,
#carplus-offer .part-container .natural-desc .calendar button {
top: -10px;
}
.homeplus .part-container .natural-desc .split-left,
.email .part-container .natural-desc .split-left,
#homeplus-offer .part-container .natural-desc .split-left,
#life-offer .part-container .natural-desc .split-left,
#travelplus-offer .part-container .natural-desc .split-left,
#carplus-offer .part-container .natural-desc .split-left {
margin-left: 2px;
padding-left: 0;
}
.homeplus .part-container .natural-desc .split-right,
.email .part-container .natural-desc .split-right,
#homeplus-offer .part-container .natural-desc .split-right,
#life-offer .part-container .natural-desc .split-right,
#travelplus-offer .part-container .natural-desc .split-right,
#carplus-offer .part-container .natural-desc .split-right {
margin-right: 2px;
padding-right: 0;
}
.homeplus .part-container .natural-desc span,
.email .part-container .natural-desc span,
#homeplus-offer .part-container .natural-desc span,
#life-offer .part-container .natural-desc span,
#travelplus-offer .part-container .natural-desc span,
#carplus-offer .part-container .natural-desc span {
display: inline-block;
padding: 6px 0;
}
.homeplus .part-container .natural-desc .dropdown,
.email .part-container .natural-desc .dropdown,
#homeplus-offer .part-container .natural-desc .dropdown,
#life-offer .part-container .natural-desc .dropdown,
#travelplus-offer .part-container .natural-desc .dropdown,
#carplus-offer .part-container .natural-desc .dropdown {
margin: 0 10px;
}
.homeplus .part-container .natural-desc .dropdown span,
.email .part-container .natural-desc .dropdown span,
#homeplus-offer .part-container .natural-desc .dropdown span,
#life-offer .part-container .natural-desc .dropdown span,
#travelplus-offer .part-container .natural-desc .dropdown span,
#carplus-offer .part-container .natural-desc .dropdown span {
padding: 1px 10px;
}
.homeplus .part-container .natural-desc .inline-container,
.email .part-container .natural-desc .inline-container,
#homeplus-offer .part-container .natural-desc .inline-container,
#life-offer .part-container .natural-desc .inline-container,
#travelplus-offer .part-container .natural-desc .inline-container,
#carplus-offer .part-container .natural-desc .inline-container {
min-width: 100px;
display: inline-block;
margin-bottom: 5px;
}
.homeplus .part-container .natural-desc .inline-container .link,
.email .part-container .natural-desc .inline-container .link,
#homeplus-offer .part-container .natural-desc .inline-container .link,
#life-offer .part-container .natural-desc .inline-container .link,
#travelplus-offer .part-container .natural-desc .inline-container .link,
#carplus-offer .part-container .natural-desc .inline-container .link {
border-radius: 0 !important;
margin-top: 2px;
font-size: 1.1em;
border-bottom: thin solid #337ab7;
height: 34px;
min-width: 95px;
margin-right: 8px;
text-decoration: none;
text-align: left;
min-height: 34px !important;
}
.homeplus .part-container .natural-desc .inline-container input,
.email .part-container .natural-desc .inline-container input,
#homeplus-offer .part-container .natural-desc .inline-container input,
#life-offer .part-container .natural-desc .inline-container input,
#travelplus-offer .part-container .natural-desc .inline-container input,
#carplus-offer .part-container .natural-desc .inline-container input {
height: 31px;
margin-left: 15px;
margin-right: 23px;
min-width: 95px;
min-height: 31px !important;
}
.homeplus .part-container .img-desc,
.email .part-container .img-desc,
#homeplus-offer .part-container .img-desc,
#life-offer .part-container .img-desc,
#travelplus-offer .part-container .img-desc,
#carplus-offer .part-container .img-desc {
font-size: 8em;
}
.homeplus .part-container svg,
.email .part-container svg,
#homeplus-offer .part-container svg,
#life-offer .part-container svg,
#travelplus-offer .part-container svg,
#carplus-offer .part-container svg {
height: 450px;
}
.homeplus .part-container .inline-container.edit-false,
.email .part-container .inline-container.edit-false,
#homeplus-offer .part-container .inline-container.edit-false,
#life-offer .part-container .inline-container.edit-false,
#travelplus-offer .part-container .inline-container.edit-false,
#carplus-offer .part-container .inline-container.edit-false {
min-width: 50px;
margin-left: 0;
}
.homeplus .part-container .inline-container .read-only p,
.email .part-container .inline-container .read-only p,
#homeplus-offer .part-container .inline-container .read-only p,
#life-offer .part-container .inline-container .read-only p,
#travelplus-offer .part-container .inline-container .read-only p,
#carplus-offer .part-container .inline-container .read-only p {
text-align: center;
font-weight: bold;
}
.homeplus .part-container .dropdown.disabled .selected,
.email .part-container .dropdown.disabled .selected,
#homeplus-offer .part-container .dropdown.disabled .selected,
#life-offer .part-container .dropdown.disabled .selected,
#travelplus-offer .part-container .dropdown.disabled .selected,
#carplus-offer .part-container .dropdown.disabled .selected {
border: none !important;
color: black !important;
padding: 0px 0 0px 10px !important;
}
.homeplus .switch-view,
.email .switch-view,
#homeplus-offer .switch-view,
#life-offer .switch-view,
#travelplus-offer .switch-view,
#carplus-offer .switch-view {
float: right;
cursor: pointer;
font-size: 0.9em;
}
.homeplus .section,
.email .section,
#homeplus-offer .section,
#life-offer .section,
#travelplus-offer .section,
#carplus-offer .section {
padding: 0 !important;
}
.homeplus.ae-variant-details .inline-container,
.email.ae-variant-details .inline-container,
#homeplus-offer.ae-variant-details .inline-container,
#life-offer.ae-variant-details .inline-container,
#travelplus-offer.ae-variant-details .inline-container,
#carplus-offer.ae-variant-details .inline-container {
min-width: 100px;
display: inline-block;
margin-bottom: 5px;
}
.homeplus.ae-variant-details .inline-container .link,
.email.ae-variant-details .inline-container .link,
#homeplus-offer.ae-variant-details .inline-container .link,
#life-offer.ae-variant-details .inline-container .link,
#travelplus-offer.ae-variant-details .inline-container .link,
#carplus-offer.ae-variant-details .inline-container .link {
border-radius: 0 !important;
padding-left: 8px;
margin-top: 2px;
font-size: 1.1em;
height: 34px;
min-width: 95px;
margin-right: 8px;
text-decoration: none;
text-align: left;
min-height: 34px !important;
}
.homeplus.ae-variant-details .inline-container input,
.email.ae-variant-details .inline-container input,
#homeplus-offer.ae-variant-details .inline-container input,
#life-offer.ae-variant-details .inline-container input,
#travelplus-offer.ae-variant-details .inline-container input,
#carplus-offer.ae-variant-details .inline-container input {
height: 31px;
margin-left: 15px;
margin-right: 23px;
min-width: 95px;
min-height: 31px !important;
}
.homeplus .offer-logo,
.email .offer-logo,
#homeplus-offer .offer-logo,
#life-offer .offer-logo,
#travelplus-offer .offer-logo,
#carplus-offer .offer-logo {
background-image: url('../images/comarch-standard.svg');
background-origin: content-box;
background-repeat: no-repeat;
background-size: auto;
height: 30px;
float: right;
}
.optional-covers .table-header {
font-weight: bold;
}
.read-more-popover-content div:hover {
text-decoration: underline;
cursor: pointer;
}
.insurance-selection {
padding: 10px;
font-family: "LatoLatinWebLight";
}
.insurance-selection .custom-button {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
margin-bottom: 15px;
padding: 10px 20px;
border-radius: 0;
border: none;
color: #466696;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.insurance-selection .custom-button:hover {
color: #466696;
background-color: #f0faff;
}
.insurance-selection .custom-button .head {
font-size: 24pt;
}
.insurance-selection .custom-button .read-more {
display: block;
margin-top: 15px;
font-weight: bold;
color: #7aafd3;
font-size: 10pt;
}
.insurance-selection .custom-button .read-more:hover {
text-decoration: underline;
}
.insurance-selection .custom-button .desc {
padding-top: 10px;
text-align: left;
}
.insurance-selection .custom-button .desc .content {
font-size: 13pt;
}
.insurance-selection .custom-button .icon {
font-size: 8em;
width: 25%;
padding: 10px 20px;
padding-top: 0;
}
.insurance-selection .custom-button .narrow {
font-size: 18pt;
}
ae-svg-image.home text.cover {
font-size: 10pt;
font-weight: bold;
text-transform: uppercase;
}
ae-svg-image.home text.cover + text {
font-size: 0.8em;
}
ae-svg-image.home .cover-group path.line {
stroke: #466696;
stroke-width: 1px;
}
ae-svg-image.home .cover-group.right {
text-align: end;
text-anchor: end;
}
ae-svg-image.home .cover-group:hover {
fill: #466696;
}
ae-svg-image.home .cover-group:hover .sum {
fill: #466696;
}
ae-svg-image.home .cover-group:hover path.line {
stroke: #466696;
stroke-width: 2px;
}
ae-svg-image.home .cover-group .svg-button {
fill: #7aafd3;
cursor: pointer;
}
ae-svg-image.home .cover-group .svg-button:hover {
fill: #466696;
}
ae-svg-image.home .premium {
font-size: 10pt;
font-weight: bold;
fill: #466696;
}
ae-svg-image.home .sum {
font-size: 10pt;
font-weight: bold;
fill: #466696;
}
.customer-found-popup .media-left {
padding-right: 30px;
}
.customer-found-popup .customer360-details .icon {
display: none;
}
.customer-found-popup .customer360-details header.main-header h1 {
font-size: 13pt;
font-weight: normal;
font-family: "LatoLatinWebMedium";
}
.customer-found-popup .customer360-details .form-horizontal {
font-size: 9pt;
}
.page-header .needs-header {
font-size: 11pt;
font-family: "LatoLatinWeb";
margin: 2px 0;
display: inline-block;
}
.page-header .needs-header .do-it {
color: #7aafd3;
margin-left: 5px;
}
@media print {
.homeplus .switch-view,
.email .switch-view,
#homeplus-offer .switch-view,
#travelplus-offer .switch-view,
#life-offer .switch-view,
#carplus-offer .switch-view {
display: none !important;
}
.homeplus input,
.email input,
#homeplus-offer input,
#travelplus-offer input,
#life-offer input,
#carplus-offer input {
border-bottom: none !important;
}
.homeplus .dropdown,
.email .dropdown,
#homeplus-offer .dropdown,
#travelplus-offer .dropdown,
#life-offer .dropdown,
#carplus-offer .dropdown {
border: none !important;
}
.homeplus .inline-container,
.email .inline-container,
#homeplus-offer .inline-container,
#travelplus-offer .inline-container,
#life-offer .inline-container,
#carplus-offer .inline-container {
min-width: 10px !important;
}
.homeplus .inline-container .link,
.email .inline-container .link,
#homeplus-offer .inline-container .link,
#travelplus-offer .inline-container .link,
#life-offer .inline-container .link,
#carplus-offer .inline-container .link {
font-weight: bold !important;
text-align: center !important;
border: none !important;
min-width: 10px !important;
}
.homeplus .inline-container input,
.email .inline-container input,
#homeplus-offer .inline-container input,
#travelplus-offer .inline-container input,
#life-offer .inline-container input,
#carplus-offer .inline-container input {
min-width: 10px !important;
}
.homeplus .offer-logo,
.email .offer-logo,
#homeplus-offer .offer-logo,
#travelplus-offer .offer-logo,
#life-offer .offer-logo,
#carplus-offer .offer-logo {
background: url('../images/comarch-standard.svg') no-repeat !important;
background-origin: content-box !important;
background-size: auto !important;
}
.homeplus .add-btns,
.email .add-btns,
#homeplus-offer .add-btns,
#travelplus-offer .add-btns,
#life-offer .add-btns,
#carplus-offer .add-btns {
display: none !important;
}
.main-content .client-view {
overflow: hidden !important;
}
.task-view-container {
display: none !important;
}
}
.primary-box {
color: #466696;
}
.primary-box h1,
.primary-box h2,
.primary-box h3,
.primary-box h4,
.primary-box h5,
.primary-box h6 {
font-weight: bold;
}
.primary-box a {
color: #7aafd3;
font-weight: bold;
}
.primary-box a:hover {
color: #466696;
}
.variant-header-params {
text-align: right;
}
.variant-header-params .dictionary-item-selector .btn {
width: 90px;
min-width: 90px;
}
.variant-header-params .form-control {
width: 80px;
}
.variant-header-params .input-group input.form-control.offer-input {
width: 35px;
}
.offer-table {
padding: 20px;
}
.offer-table table tbody:not(:first-child) {
border-top: none;
}
.offer-table .offer-header {
font-family: "LatoLatinWeb";
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
font-size: 12pt;
}
.offer-table .offer-row {
padding: 5px 0;
}
.offer-table .offer-row .value {
color: #466696;
font-weight: bold;
}
.reports-panel-header {
font-family: "LatoLatinWebLight";
font-size: 18pt;
padding: 45px 15px;
}
.reports-panel-header .icon {
margin: 5px 15px 5px 0;
display: block;
float: left;
background-color: #466696;
height: 50px;
width: 50px;
border-radius: 50%;
}
.reports-panel-header .icon .glyphicon {
font-size: 25px;
font-weight: normal;
display: block;
margin: 12.5px;
color: #ffffff;
}
.reports-panel-header .tasks {
font-family: "LatoLatinWebHeavy";
font-weight: bold;
}
.reports-goal-view .reports-goal-view-filters .year-filter {
font-size: 12pt;
}
.reports-goal-view .reports-goal-view-filters .year-filter .btn.ux-btn-main {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
min-width: 20%;
}
.reports-goal-view .reports-goal-view-filters .year-filter .btn.ux-btn-main.active-not-uib {
color: #fff;
border-color: #466696;
background: #466696;
outline: none;
}
.reports-goal-view .reports-goal-view-filters .year-filter .year {
font-family: "LatoLatinWebLight";
display: inline-block;
padding: 0 15px;
cursor: pointer;
}
.reports-goal-view .reports-goal-view-filters .year-filter .year.active {
font-family: "LatoLatinWebHeavy";
font-weight: bold;
color: #466696;
}
.reports-goal-view .goal-details {
margin-top: 15px;
margin-bottom: 15px;
font-family: "LatoLatinWebLight";
font-size: 16pt;
}
.reports-goal-view .goal-details strong {
font-family: "LatoLatinWebMedium";
}
.reports-goal-view .selling-by {
color: #777777;
padding: 0 45px;
}
.reports-goal-view .reports-aggregation-panel .nav.nav-border {
padding-top: 0;
}
.reports-chart-funnel {
padding-right: 10%;
}
.reports-chart-funnel .title .text {
padding: 15px 15px 15px 0;
}
.reports-chart-funnel .title .number {
font-weight: bold;
color: #466696;
width: 10%;
padding: 15px;
text-align: right;
}
.reports-chart-funnel .title .text,
.reports-chart-funnel .title .number {
display: inline-block;
}
.reports-chart-funnel .tile .bar {
width: 90%;
margin-left: 10%;
margin-bottom: 15px;
}
.reports-chart-funnel .tile .bar .outer {
background-color: #E0E9EE;
position: relative;
-webkit-transition: width 0.2s ease-in;
transition: width 0.2s ease-in;
}
.reports-chart-funnel .tile .bar .outer .inner {
height: 60px;
position: relative;
width: 0;
-webkit-transition: width 0.2s ease-in;
transition: width 0.2s ease-in;
background: #7aafd3;
background: -webkit-gradient(90deg, #7aafd3, #6fbfc8);
background: -webkit-linear-gradient(90deg, #7aafd3, #6fbfc8);
background: -webkit-linear-gradient(left, #7aafd3, #6fbfc8);
background: linear-gradient(90deg, #7aafd3, #6fbfc8);
}
.reports-chart-funnel .tile .bar .outer .inner > .value {
color: #fff;
position: absolute;
right: 15px;
top: 50%;
line-height: 20px;
margin-top: -10px;
}
.reports-chart-funnel .tile .bar .outer .inner:before {
content: '';
position: absolute;
right: 0;
top: 0;
height: 125px;
border-right: thin dotted #466696;
}
.reports-chart-funnel .tile .bar .outer .inner:after {
content: attr(data-days) ' days';
text-indent: 10px;
line-height: 6px;
position: absolute;
right: -2px;
bottom: -65px;
height: 6px;
width: 6px;
color: #466696;
background-color: #466696;
border: thin solid #466696;
white-space: nowrap;
border-radius: 10px;
}
.reports-chart-funnel .tile .bar .outer > .value {
color: #333333;
position: absolute;
left: 110%;
top: 50%;
line-height: 20px;
margin-top: -10px;
}
.reports-chart-funnel .tile:last-of-type .bar .outer .inner:before,
.reports-chart-funnel .tile:last-of-type .bar .outer .inner:after {
display: none;
}
.reports-achievements-view > .header {
font-size: 12pt;
}
.reports-achievements-view > .header .title {
display: inline-block;
font-size: 14pt;
margin-bottom: 15px;
}
.reports-achievements-view > .header .rank {
color: #6fbfc8;
}
.reports-achievements-view > .header .rank .name {
font-size: 24pt;
font-weight: bold;
}
.reports-achievements-view > .header .rank .level {
font-size: 14pt;
font-weight: bold;
margin-left: 15px;
}
.reports-achievements-view > .header .stars-control {
font-size: 32px;
}
.reports-achievements-view > .header .text {
font-family: "LatoLatinWebLight";
text-shadow: 0 0 0 #000;
}
.reports-achievements-view > .header .text strong {
font-family: "LatoLatinWeb";
}
.reports-achievements-view > .header .leaderboard-link {
font-size: 10pt;
font-weight: bold;
color: #7aafd3;
float: right;
margin-top: 15px;
}
.reports-achievements-view > .header .leaderboard-link:hover {
color: #466696;
}
.reports-achievements-view .specials > .header {
font-size: 14pt;
}
.reports-achievements-view .specials > .level > .header {
color: #466696;
text-transform: uppercase;
margin-bottom: 15px;
}
.reports-achievements-view .specials > .level .achievement {
margin-bottom: 30px;
}
.reports-achievements-view .specials > .level .achievement > .inner {
vertical-align: middle;
height: 120px;
padding: 15px;
box-shadow: 0 2px 5px #cfcfcf;
}
.reports-achievements-view .specials > .level .achievement > .inner .header {
color: #466696;
font-size: 16pt;
font-family: "LatoLatinWebLight";
text-shadow: 0 0 0 #466696;
}
.reports-achievements-view .specials > .level .achievement > .inner .image {
text-align: center;
}
.reports-achievements-view .specials > .level .achievement > .inner .image .sprite {
display: inline-block;
}
.reports-leaderboard-view .table.leaderboard thead {
font-family: "LatoLatinWebLight";
}
.reports-leaderboard-view .table.leaderboard tbody tr {
height: 60px;
}
.reports-leaderboard-view .table.leaderboard tbody tr td {
font-size: 12pt;
vertical-align: middle;
}
.reports-leaderboard-view .table.leaderboard tbody tr td.rank {
text-align: center;
}
.reports-leaderboard-view .table.leaderboard tbody tr td.rank span {
display: inline-block;
color: #466696;
font-weight: bold;
width: 24px;
height: 24px;
text-align: center;
}
.reports-leaderboard-view .table.leaderboard tbody tr td.specials .square-badge {
font-size: 10pt;
display: inline-block;
padding: 10px 7px 5px;
width: 30px;
color: #fff;
position: relative;
text-align: center;
background: #7aafd3;
background: -webkit-gradient(0deg, #7aafd3, #6fbfc8);
background: -webkit-linear-gradient(0deg, #7aafd3, #6fbfc8);
background: -webkit-linear-gradient(bottom, #7aafd3, #6fbfc8);
background: linear-gradient(0deg, #7aafd3, #6fbfc8);
}
.reports-leaderboard-view .table.leaderboard tbody tr td.specials .square-badge:after {
content: '';
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 7.5px solid #7aafd3;
position: absolute;
bottom: -6.5px;
left: 0;
}
.reports-leaderboard-view .table.leaderboard tbody tr.divider td {
text-align: center;
font-size: 18pt;
font-weight: bold;
color: #466696;
}
.reports-leaderboard-view .table.leaderboard tbody tr.current-user td.rank span {
background-color: #466696;
color: #ffffff;
border-radius: 50%;
}
.reports-leaderboard-view .table.leaderboard tbody tr.current-user td.name {
font-weight: bold;
color: #466696;
}
.reports-leaderboard-view .table.leaderboard tbody tr.no-border td,
.reports-leaderboard-view .table.leaderboard tbody tr.divider td {
border-top: none;
}
.reports-leaderboard-view .table.leaderboard tbody tr:not(.hidden) + tr.hidden {
display: table-row !important;
}
.reports-leaderboard-view .table.leaderboard tbody tr:not(.hidden) + tr.hidden td {
position: relative;
padding-top: 60px;
border-top: none;
}
.reports-leaderboard-view .table.leaderboard tbody tr:not(.hidden) + tr.hidden td * {
display: none;
}
.reports-leaderboard-view .table.leaderboard tbody tr:not(.hidden) + tr.hidden td.rank:before {
content: '…';
position: absolute;
top: 15px;
left: 15px;
color: #466696;
font-weight: bold;
font-size: 14pt;
}
.reports-leaderboard-view .table.leaderboard tbody tr.hidden + tr:not(.hidden) td {
border-top: none;
}
.trophies {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.trophies .trophy {
width: 33%;
text-align: center;
margin: auto auto 15px;
}
.trophies .trophy-image {
background-color: #6fbfc8;
text-align: center;
display: inline-block;
width: 100px;
height: 100px;
padding-top: 25px;
position: relative;
border-radius: 50%;
}
.trophies .trophy-image .sprite {
margin: 0 auto;
}
.trophies .trophy-image .badge {
vertical-align: middle;
line-height: 2px;
font-size: 12pt;
padding: 16.5px 0;
width: 35px;
height: 35px;
position: absolute;
bottom: 0;
right: 0;
border-radius: 50%;
background: #466696;
background: -webkit-gradient(0deg, #466696, #7aafd3);
background: -webkit-linear-gradient(0deg, #466696, #7aafd3);
background: -webkit-linear-gradient(bottom, #466696, #7aafd3);
background: linear-gradient(0deg, #466696, #7aafd3);
color: #ffffff;
box-shadow: 0 2px 5px #777777;
}
.trophies .trophy-image:hover {
cursor: pointer;
background-color: #466696;
}
.trophies .name {
display: block;
color: #466696;
font-weight: bold;
}
.trophies .date {
font-family: "LatoLatinWebLight";
color: #466696;
}
.trophies.small.left,
.trophies.left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.trophies.small {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.trophies.small .trophy-image {
cursor: inherit;
background-color: transparent;
height: 50px;
width: 60px;
margin: 0 5px;
padding-top: 0;
}
.trophies.small .trophy-image .sprite {
zoom: 0.65;
-moz-transform: scale(0.65);
-moz-transform-origin: 0 0;
}
.trophies.small .trophy-image img {
height: 40px;
}
.trophies.small .trophy-image .badge {
padding: 11.5px 0;
width: 25px;
height: 25px;
font-size: 9pt;
}
.reports-commissions-view .time-span {
color: #777777;
padding: 0 45px;
height: 30px;
}
.reports-commissions-view .time-span .selector {
text-align: right;
}
.reports-commissions-view .time-span .selector select.form-control {
display: inline-block;
width: auto;
margin-left: 15px;
}
.reports-commissions-view ul.nav.nav-border {
padding-top: 0;
}
.reports-commissions-view ul.nav.nav-border > li {
padding-top: 0;
}
.reports-commissions-view .group-list {
margin-top: 15px;
}
.reports-commissions-view .group-list .group-list-item {
margin-bottom: 15px;
box-shadow: 0 2px 5px #cfcfcf;
}
.reports-commissions-view .group-list .group-list-item .inner {
padding: 15px 30px;
}
.reports-commissions-view .group-list .group-list-item .inner .header {
color: #466696;
margin: 0;
}
.reports-detailed-progress-bar .bar {
width: 100%;
height: 60px;
margin: 30px 0;
background-color: #E0E9EE;
position: relative;
}
.reports-detailed-progress-bar .bar .completed {
height: inherit;
}
.reports-detailed-progress-bar .bar .bar-danger {
background: #D8431B;
background: -webkit-gradient(90deg, #D8431B, #E8A62B);
background: -webkit-linear-gradient(90deg, #D8431B, #E8A62B);
background: -webkit-linear-gradient(left, #D8431B, #E8A62B);
background: linear-gradient(90deg, #D8431B, #E8A62B);
}
.reports-detailed-progress-bar .bar .bar-primary {
background: #7aafd3;
background: -webkit-gradient(90deg, #7aafd3, #6fbfc8);
background: -webkit-linear-gradient(90deg, #7aafd3, #6fbfc8);
background: -webkit-linear-gradient(left, #7aafd3, #6fbfc8);
background: linear-gradient(90deg, #7aafd3, #6fbfc8);
}
.reports-detailed-progress-bar .bar .bar-success {
background: #0AAB7F;
background: -webkit-gradient(90deg, #0AAB7F, #0ddba3);
background: -webkit-linear-gradient(90deg, #0AAB7F, #0ddba3);
background: -webkit-linear-gradient(left, #0AAB7F, #0ddba3);
background: linear-gradient(90deg, #0AAB7F, #0ddba3);
}
.reports-detailed-progress-bar .bar .today {
position: absolute;
left: 100%;
top: 0;
height: 60px;
background: -webkit-repeating-linear-gradient(45deg, transparent, rgba(0, 0, 0, 0.2) 2px, transparent 5px);
background: repeating-linear-gradient(45deg, transparent, rgba(0, 0, 0, 0.2) 2px, transparent 5px);
-webkit-transition: left 0.2s ease-in-out;
transition: left 0.2s ease-in-out;
}
.reports-detailed-progress-bar .bar .today:before {
content: '';
border-left: thin dotted #466696;
height: 66px;
display: block;
margin-top: -3px;
}
.reports-detailed-progress-bar .bar .today-badge {
color: #466696;
font-family: "LatoLatinWebLight";
text-transform: uppercase;
position: absolute;
top: -29px;
left: 100%;
height: 29px;
margin-left: -13px;
-webkit-transition: left 0.2s ease-in-out;
transition: left 0.2s ease-in-out;
}
.reports-detailed-progress-bar .bar .today-badge .glyphicon {
font-size: 26px;
}
.reports-goal-view-list table.table thead {
font-family: "LatoLatinWebLight";
}
.reports-goal-view-list table.table tbody tr:first-of-type td {
border-top: none;
}
.reports-goal-view-list table.table tbody td {
vertical-align: middle;
}
.reports-goal-view-list table.table .price {
font-weight: bold;
color: #466696;
}
#navbar {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.navbar-right {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: auto;
}
.navbar-tabs {
border: none;
position: relative;
-webkit-transition: margin-left 0.3s ease-in-out;
transition: margin-left 0.3s ease-in-out;
}
.navbar-tabs.sidebar-opened {
margin-left: 450px;
}
.navbar-tabs.sidebar-opened-add,
.navbar-tabs.sidebar-opened-remove.sidebar-opened-remove-active {
margin-left: 0px;
}
.navbar-tabs.sidebar-opened-remove,
.navbar-tabs.sidebar-opened-add.sidebar-opened-add-active {
margin-left: 450px;
}
tabs {
min-width: 0;
}
.tabs {
overflow-y: hidden;
overflow-x: visible;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.tabs .navbar-default {
background-color: transparent;
border: none;
}
.tabs .glyphicon {
padding-right: 7px;
}
.tabs ul {
overflow: hidden;
white-space: nowrap;
}
.tabs .navbar-nav {
float: none;
display: inline-block;
}
.tabs .navbar-nav .close {
opacity: 1;
color: #000000;
outline: none;
position: absolute;
top: 3px;
right: 3px;
font-family: "LatoLatinWebThin";
font-size: 18px;
}
.tabs .navbar-nav li {
float: none;
display: inline-block;
vertical-align: middle;
}
.tabs .navbar-nav li > a {
color: #000000;
background-color: #E0E9EE;
border-right: thin solid #fff;
}
.tabs .navbar-nav li > a:hover,
.tabs .navbar-nav li > a:focus {
background-color: #E0E9EE;
color: #000000;
}
.tabs .navbar-nav .active > a {
color: #466696;
background-color: #fff;
z-index: 1;
font-weight: bold;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.tabs .navbar-nav .active > a:hover,
.tabs .navbar-nav .active > a:focus {
background-color: #fff;
color: #466696;
}
.tabs .navbar-nav .active > a:hover .close,
.tabs .navbar-nav .active > a:focus .close {
color: #466696;
}
.tabs .navbar-nav .active > a .close {
color: #466696;
font-size: 26px;
}
@media (min-width: 1025px) {
.tabs .navbar-nav .active > a .close {
font-size: 18px;
}
}
.tabs .nav > li > a {
padding: 15px 25px;
}
.tabs .nav-tabs {
border: none;
}
.tabs .nav-tabs li a {
border-radius: 0;
background-color: #E0E9EE;
border: none;
border-right: thin solid #fff;
height: 50px;
}
.tabs .nav-tabs li.active > a {
background-color: #fff;
border: none;
border-right: thin solid #fff;
}
.tabs .nav .tab-with-subtitle {
display: table;
padding-top: 5px;
padding-bottom: 5px;
}
.tabs .nav .tab-with-subtitle .vertical-align {
display: table-cell;
vertical-align: middle;
}
.tabs-slider {
display: none;
background-color: #E0E9EE;
cursor: pointer;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 5px;
line-height: 50px;
}
.tabs-slider.disabled {
color: #cfcfcf;
cursor: default;
}
.tabs-slider.tabs-slider-left {
border-right-style: solid;
border-right-color: white;
border-right-width: 1px;
}
.tabs-slider.tabs-slider-left {
border-left-style: solid;
border-left-color: white;
border-left-width: 1px;
}
.task-view-container {
display: block ;
z-index: 111;
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16), 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
position: relative;
}
.table.table-tasks {
margin-bottom: 0;
width: 100%;
font-size: 9pt;
}
.table.table-tasks tbody tr {
cursor: pointer;
}
.table.table-tasks tbody tr td {
vertical-align: middle;
}
.table.table-tasks tbody tr td.category {
width: 120px;
}
.table.table-tasks tbody tr td.category .badge {
width: 120px;
padding: 7px 15px;
margin: -4px 0;
border-radius: 15px;
}
.table.table-tasks tbody tr td.form {
text-align: left;
}
.table.table-tasks tbody tr td.form .badge {
background-color: #0AAB7F;
}
.table.table-tasks tbody tr td.icon {
width: 14px;
}
.table.table-tasks tbody tr td .badge {
font-weight: normal;
font-family: "LatoLatinWebLight";
padding: 5px 15px;
}
.table.table-tasks tbody tr.warning .badge {
background-color: #D8431B;
}
.table.table-tasks tbody tr.warning .due-date {
color: #D8431B;
}
.table.table-tasks tbody tr.info .badge {
background-color: #8493CA;
}
@media (min-width: 1170px) {
.table.table-tasks {
font-size: 10pt;
}
}
.tasks .badge {
font-family: "LatoLatinWebLight";
font-weight: normal;
padding: 5px 15px;
}
.tasks select.choose {
background: none;
color: #466696;
border: thin solid #466696;
max-width: 300px;
-moz-appearance: none;
border-radius: 50px;
padding: 2px;
margin: -3px -3px -3px -7px;
}
.tasks select.choose option {
background-color: #fff;
color: #000000;
font-family: "LatoLatinWeb";
}
.task-context .table.table-tasks tr {
cursor: auto;
}
.task-context .table.table-tasks tr .subject {
margin-right: 10px;
}
.task-context .table.table-tasks tr.warning .toggle {
color: #f8f800;
font-weight: bolder;
cursor: pointer;
}
.task-context .table.table-tasks tr.warning td,
.task-context .table.table-tasks tr.info td,
.task-context .table.table-tasks tr.success td {
background-color: #E8A62B;
color: #000000;
}
.task-context .table.table-tasks tr.warning td .badge,
.task-context .table.table-tasks tr.info td .badge,
.task-context .table.table-tasks tr.success td .badge {
background-color: #777777;
}
.task-context .last-preview-subject {
margin-right: 20px;
}
.task-context .actions {
text-align: right;
}
.task-context .actions .more-actions {
position: absolute;
left: auto !important;
right: 0 !important;
}
.task-context .actions .btn {
margin: -2px 0px -2px 5px;
}
.task-context .actions .disabled-item {
color: dimgray;
cursor: no-drop;
}
.task-context .subject .due-date {
font-weight: bolder;
}
.task-context .subject .agent-name {
font-style: italic;
}
.task-context .due-date {
width: 100px;
}
@media (min-width: 1170px) {
.task-context .context {
max-width: 150px;
}
.task-context .actions {
min-width: 160px;
}
.narrow-btn {
display: none;
}
}
@media (max-width: 1169px) {
.task-context .context {
max-width: 150px;
}
.task-context .actions {
min-width: 75px;
}
.wide-btn {
display: none;
}
}
.task-popup .wide-search {
max-width: 100%;
}
.task-popup .active {
color: darkblue;
}
.task-popup .terminated {
color: darkgray;
}
.task-popup .ui-select-search {
margin-top: 4px;
}
.task-popup .is-customer.wide-search,
.task-popup .is-customer .is-customer-search.wide-search {
width: 100%;
}
.task-popup .is-customer.wide-search {
margin-bottom: 4px;
margin-left: -15px;
padding-bottom: 11px;
}
.task-popup .search-toggle {
color: #555555;
cursor: pointer;
margin-left: -36px;
padding-top: 10px;
}
.task-popup .wait-spinner {
color: #555555;
left: 45%;
margin-top: -116px;
position: absolute;
}
.task-popup .no-records {
width: 100%;
float: left;
}
.task-popup .no-records .not-found input {
min-width: 40px;
width: auto;
display: inline-block;
}
.task-popup .no-records .not-found .prop-container {
display: block;
margin: 3px 10px;
float: left;
}
.task-popup .no-records .not-found .badge {
background-color: #FFF;
margin-left: 5px;
}
.task-popup .register-full-form .inline-container {
min-width: 100px;
display: inline-block;
margin-bottom: 5px;
}
.task-popup .register-full-form .inline-container .link {
border-radius: 0 !important;
padding-left: 8px;
margin-top: 2px;
font-size: 1.1em;
border-bottom: thin solid #337ab7;
height: 34px;
min-width: 95px;
margin-right: 8px;
text-decoration: none;
text-align: left;
min-height: 34px !important;
}
.task-popup .register-full-form .inline-container input {
height: 31px;
margin-left: 15px;
margin-right: 23px;
min-width: 95px;
min-height: 31px !important;
}
.task-popup .register-full-form.ng-enter,
.task-popup .register-full-form.ng-leave {
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.task-popup .register-full-form.ng-enter,
.task-popup .register-full-form.ng-leave.ng-leave-active {
opacity: 0;
}
.task-popup .register-full-form.ng-leave,
.task-popup .register-full-form.ng-enter.ng-enter-active {
opacity: 1;
}
.task-popup input.form-control {
max-width: 100%;
}
.task-popup input.form-control.ng-invalid-required {
border-bottom-color: #D8431B;
}
.task-popup .left-align {
text-align: left;
}
.task-popup .clickable {
cursor: pointer;
}
.task-popup .radio-padding {
padding-top: 10px;
}
.task-popup .radio-select {
padding-right: 10px;
padding-left: 10px;
color: #cfcfcf;
cursor: pointer;
}
.task-popup .radio-select .row-tile {
display: inline-block;
}
.task-popup .radio-select .active {
color: #7aafd3;
border: medium solid #7aafd3;
border-radius: 50px;
padding: 6px;
margin: -9px;
}
.task-popup .radio-select .bigger {
font-size: 90px;
}
.task-popup .radio-select .big {
font-size: 60px;
}
.task-popup .radio-select .glyph-label-caption {
margin: 20px;
}
.task-popup .radio-select :hover {
color: #466696;
}
.task-popup .not-centered {
text-align: left;
}
.expandable-tasks {
position: absolute;
z-index: 500;
width: 100%;
background: white;
box-shadow: 0 5px 10px #454545;
}
.expandable-tasks.ng-hide-add {
-webkit-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
-webkit-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
opacity: 1;
}
.expandable-tasks.ng-hide-add.ng-hide-add-active {
-webkit-transform: translate3d(0, -240px, 0);
transform: translate3d(0, -240px, 0);
opacity: 0;
}
.expandable-tasks.ng-hide-remove {
-webkit-transform: translate3d(0, -240px, 0);
transform: translate3d(0, -240px, 0);
-webkit-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
display: block !important;
opacity: 0;
}
.expandable-tasks.ng-hide-remove.ng-hide-remove-active {
-webkit-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
opacity: 1;
}
.expandable-tasks .group {
padding-left: 8px;
padding-top: 2px;
font-weight: bold;
}
.expandable-tasks .task-group table.table.table-tasks tr td:nth-of-type(1) {
padding-left: 24px;
}
.expandable-tasks .others .table.table-tasks tr {
cursor: no-drop;
}
.expandable-tasks .expanded-menu-pin {
padding-top: 3px;
position: absolute;
left: 98%;
z-index: 500;
}
.assignee-popover {
min-width: 250px;
}
.popover {
max-width: 100%;
}
.ag-body-viewport {
position: relative;
}
.margin-for-slider {
margin-right: -15px;
}
.margin-for-slider.ps-container > :first-child {
padding-right: 15px;
}
.margin-for-slider .ps-container > :first-child {
padding-right: 15px;
margin-right: 15px;
}
.task-grid .task-row:hover:not(.task-separator) {
opacity: 0.8;
cursor: pointer;
}
.task-grid .task-row:hover:not(.task-separator).others {
cursor: no-drop;
}
.task-separator + .task-current:after,
.task-separator + .task-delayed:after,
.task-separator + .task-very-delayed:after,
.task-separator + .task-future:after {
display: none;
}
.task-very-delayed {
color: #466696;
}
.task-very-delayed > div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.task-very-delayed:before {
content: '';
height: 65px;
width: 10px;
display: block;
background-color: #DA431B;
position: absolute;
bottom: 0;
}
.task-very-delayed[row="1"]:after {
display: none;
}
.task-very-delayed:first-child:after {
display: none;
}
.task-very-delayed .task-due-date {
color: #962e13;
font-family: "LatoLatinWebMedium";
}
.task-very-delayed .category .badge.group-sale {
background-color: #18777D;
}
.task-very-delayed .category .badge.group-service {
background-color: #91268F;
}
.task-very-delayed .category .badge.group-termination {
background-color: #002056;
}
.task-very-delayed:after {
content: '';
display: block;
height: 1px;
background: #d6d6d6 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -webkit-linear-gradient(left, #fff 0, #d6d6d6 15%, #d6d6d6 85%, #fff 100%);
background: linear-gradient(to right, #fff 0, #d6d6d6 15%, #d6d6d6 85%, #fff 100%);
}
.task-delayed {
color: #466696;
}
.task-delayed > div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.task-delayed:before {
content: '';
height: 65px;
width: 10px;
display: block;
background-color: #E6552E;
position: absolute;
bottom: 0;
}
.task-delayed[row="1"]:after {
display: none;
}
.task-delayed:first-child:after {
display: none;
}
.task-delayed .task-due-date {
color: #b23715;
font-family: "LatoLatinWebMedium";
}
.task-delayed .category .badge.group-sale {
background-color: #18777D;
}
.task-delayed .category .badge.group-service {
background-color: #91268F;
}
.task-delayed .category .badge.group-termination {
background-color: #002056;
}
.task-delayed:after {
content: '';
display: block;
height: 1px;
background: #d6d6d6 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -webkit-linear-gradient(left, #fff 0, #d6d6d6 15%, #d6d6d6 85%, #fff 100%);
background: linear-gradient(to right, #fff 0, #d6d6d6 15%, #d6d6d6 85%, #fff 100%);
}
.task-current {
color: #466696;
}
.task-current > div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.task-current:before {
content: '';
height: 65px;
width: 10px;
display: block;
background-color: #F6B11F;
position: absolute;
bottom: 0;
}
.task-current[row="1"]:after {
display: none;
}
.task-current:first-child:after {
display: none;
}
.task-current .task-due-date {
color: #c18508;
font-family: "LatoLatinWebMedium";
}
.task-current .category .badge.group-sale {
background-color: #18777D;
}
.task-current .category .badge.group-service {
background-color: #91268F;
}
.task-current .category .badge.group-termination {
background-color: #002056;
}
.task-current:after {
content: '';
display: block;
height: 1px;
background: #d6d6d6 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -webkit-linear-gradient(left, #fff 0, #d6d6d6 15%, #d6d6d6 85%, #fff 100%);
background: linear-gradient(to right, #fff 0, #d6d6d6 15%, #d6d6d6 85%, #fff 100%);
}
.task-future {
color: #466696;
}
.task-future > div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.task-future:before {
content: '';
height: 65px;
width: 10px;
display: block;
background-color: #DEE8ED;
position: absolute;
bottom: 0;
}
.task-future[row="1"]:after {
display: none;
}
.task-future:first-child:after {
display: none;
}
.task-future .task-due-date {
color: #adc5d2;
font-family: "LatoLatinWebMedium";
}
.task-future .category .badge.group-sale {
background-color: #18777D;
}
.task-future .category .badge.group-service {
background-color: #91268F;
}
.task-future .category .badge.group-termination {
background-color: #002056;
}
.task-future .contact .fonticon {
color: #737373;
}
.task-future .contact .contact-label {
color: #466695;
}
.task-future:after {
content: '';
display: block;
height: 1px;
background: #d6d6d6 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -webkit-linear-gradient(left, #fff 0, #d6d6d6 15%, #d6d6d6 85%, #fff 100%);
background: linear-gradient(to right, #fff 0, #d6d6d6 15%, #d6d6d6 85%, #fff 100%);
}
.task-separator {
color: #466696;
color: #466695;
padding-left: 26px;
}
.task-separator > div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.task-separator:before {
content: '';
height: 65px;
width: 10px;
display: block;
background-color: inherited;
position: absolute;
bottom: 0;
}
.task-separator[row="1"]:after {
display: none;
}
.task-separator:first-child:after {
display: none;
}
.task-invisible {
color: #466696;
height: 0 !important;
}
.task-invisible > div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.task-invisible:before {
content: '';
height: 65px;
width: 10px;
display: block;
background-color: inherited;
position: absolute;
bottom: 0;
}
.task-invisible[row="1"]:after {
display: none;
}
.task-invisible:first-child:after {
display: none;
}
.task-normal-line {
font-family: "LatoLatinWebMedium";
font-size: 9pt;
}
.task-emphasized-line {
font-family: "LatoLatinWebHeavy";
font-size: 12pt;
}
.task-date-group-label .counter {
font-size: 10pt;
padding-left: 10px;
}
.task-filter {
position: absolute;
right: 30px;
bottom: 15px;
width: 30%;
}
.task-filter span {
position: relative;
}
.task-filter span .form-control {
float: none;
}
.task-filter span i {
position: absolute;
padding: 0px 3px;
cursor: pointer;
z-index: 3;
font-size: 13pt;
}
.task-filter span .cancel-search-icon {
right: 24px;
border-right: thin solid;
}
.task-filter span .search-icon {
right: 0px;
}
.task-filter .add-task {
margin-left: 20px;
margin-top: 6px;
width: 120px;
height: 24px;
}
.task-grid .avatar,
.task-bar .avatar,
.radio-select .avatar {
width: 34px;
margin: auto;
}
.task-grid .category .badge,
.task-bar .category .badge,
.radio-select .category .badge,
.task-grid .buttons .badge,
.task-bar .buttons .badge,
.radio-select .buttons .badge {
font-family: "LatoLatinWebMedium";
font-size: 10pt;
font-weight: normal;
width: 100px;
padding-top: 7px;
padding-bottom: 5px;
border-radius: 15px;
}
.task-grid .contact .fonticon,
.task-bar .contact .fonticon,
.radio-select .contact .fonticon {
font-size: 12pt;
padding-right: 10px;
}
.task-grid .contact .contact-label,
.task-bar .contact .contact-label,
.radio-select .contact .contact-label {
font-family: "LatoLatinWebHeavy";
font-size: 10pt;
}
.task-grid .task-due-date,
.task-bar .task-due-date,
.radio-select .task-due-date {
text-align: right;
padding: 20px;
}
.task-bar {
height: 66px;
background-color: #FFF;
}
.task-bar .task-overview {
padding-left: 20px;
}
.task-bar:after {
display: none;
}
.task-bar:before {
display: none;
}
.task-bar .toggle {
color: #7BB0D4;
cursor: pointer;
}
.modal-dialog .underwriting-header {
background-color: #466696;
color: #ffffff;
text-align: left;
padding: 45px 90px;
box-shadow: 0 0 5px #222222;
}
.modal-dialog .underwriting-header h3 {
font-size: 24pt;
padding-top: 0;
}
.modal-dialog .underwriting-header .ux-top-buttons .ux-close-button {
color: #cfcfcf;
}
.modal-dialog .underwriting-footer {
background-color: #f5f9fa;
padding: 0 15px;
}
.modal-dialog .underwriting-footer .btn {
padding: 15px 90px;
font-size: 16pt;
opacity: 1;
}
.modal-dialog .underwriting-footer .btn.prev {
font-family: "LatoLatinWebLight";
text-shadow: 0 0 0 #000;
}
.modal-dialog .underwriting-footer .btn.next {
padding: 30px 90px 15px;
margin-top: -15px;
font-weight: bold;
z-index: 3;
}
.underwriting-page .underwriting-question {
color: #466696;
}
.underwriting-page .underwriting-question .title {
font-size: 36pt;
font-weight: bold;
margin-bottom: 15px;
}
.underwriting-page .underwriting-question .description {
font-size: 13pt;
margin-bottom: 15px;
}
.underwriting-page .underwriting-question input.form-control {
border-color: #466696;
}
.underwriting-page .underwriting-question .divider {
height: 15px;
}
.underwriting-page .underwriting-question .single-choice label {
box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.16);
text-align: center;
display: inline-block;
padding: 45px 15px;
margin-bottom: 30px;
width: 100%;
}
.underwriting-page .underwriting-question .single-choice label:hover,
.underwriting-page .underwriting-question .single-choice label.active {
box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.56);
background-color: #466696;
color: #ffffff;
cursor: pointer;
}
.calculation {
text-align: center;
}
.calculation .calculation-element {
display: inline-block;
margin-right: 10px;
margin-left: 10px;
}
.calculation .calculation-element-value {
font-size: 30px;
}
.calculation .calculation-element-equal {
font-size: 30px;
color: #466696;
}
.calculation .calculation-element-final {
font-size: 34px;
color: #466696;
font-weight: bold;
}
.calculation .calculation-element-group {
display: inline-block;
break-inside: avoid-column;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
}
.calculation .calculation-element-group:first-child .plus {
display: none;
}
.calculation .no-margin {
margin-left: 0;
}
.calculation .calc-premium-per-month-label {
color: #466696;
font-size: 28px;
font-family: "LatoLatinWebLight";
}
.calculation .calc-premium-per-month-label::before {
content: '/';
}
.ae-variant-details .risk .icon {
width: 30%;
text-align: center;
}
.ae-variant-details .risk .fonticon {
font-size: 70px;
color: #466696;
}
.ae-variant-details.life .risk .icon {
width: 45%;
}
.ae-variant-details {
border: thin solid #cfcfcf;
background-color: #dfe9ee;
margin-left: 10%;
margin-right: 10%;
counter-reset: variant-count header-counter;
}
@media (max-width: 768px) {
.ae-variant-details {
margin-left: 0 !important;
margin-right: 0 !important;
}
}
.ae-variant-details .bold_14_n {
font-family: "LatoLatinWeb";
font-weight: bold;
font-size: 14px;
color: #466696;
}
.ae-variant-details .bold_16_n {
font-family: "LatoLatinWeb";
font-weight: bold;
font-size: 16px;
color: #466696;
}
.ae-variant-details .variantTopButtons {
display: inline-block;
float: right;
text-align: right;
}
.ae-variant-details .section {
padding: 10px 30px 10px 30px;
}
.ae-variant-details .section .sub-header.insured {
font-weight: bold;
border-bottom: thin solid #466696;
margin-bottom: 25px;
}
.ae-variant-details .section-even {
background-color: #e9f0f3;
}
.ae-variant-details input {
text-align: center;
}
.ae-variant-details .input-like {
border-bottom: thin solid #cfcfcf;
}
.ae-variant-details .input-like:focus {
border-bottom-color: #7aafd3;
}
.ae-variant-details .variant-name {
font-family: "LatoLatinWebLight";
font-size: 26px;
margin-left: 0 !important;
padding-left: 0 !important;
border-bottom: thin solid #cfcfcf;
}
.ae-variant-details .variant-name:focus {
border-bottom-color: #7aafd3;
}
.ae-variant-details .variant-name input {
font-size: 26px;
min-width: 400px;
}
.ae-variant-details .exception-name {
font-family: "LatoLatinWebLight";
font-size: 16px;
text-align: left;
}
.ae-variant-details .name-badges-and-amounts-block {
display: table;
width: 100%;
}
.ae-variant-details .variant-name-and-badges {
display: table-cell;
width: 50%;
}
.ae-variant-details .variant-name-and-badges .link {
padding-left: 0 !important;
}
.ae-variant-details .premium-amounts {
display: table-cell;
width: 50%;
text-align: right;
}
.ae-variant-details .premium-per-month-value {
font-size: 34px;
font-family: "LatoLatinWeb";
font-weight: bold;
color: #466696;
}
.ae-variant-details .premium-per-month-label {
font-family: "LatoLatinWebLight";
font-size: 14px;
color: #466696;
}
.ae-variant-details .premium-per-year-value {
font-size: 20px;
font-family: "LatoLatinWeb";
font-weight: bold;
color: #466696;
}
.ae-variant-details .premium-per-year-label {
font-size: 18px;
font-family: "LatoLatinWebLight";
color: #466696;
}
.ae-variant-details .section-header {
margin-bottom: 20px;
}
.ae-variant-details .section-title {
font-family: "LatoLatinWeb";
font-weight: bold;
font-size: 16px;
color: #466696;
margin-bottom: 20px;
}
.ae-variant-details .section-title::before {
counter-increment: variant-count;
content: counter(variant-count) " ";
margin-right: 5px;
}
.ae-variant-details .section-content {
padding-left: 5%;
padding-right: 5%;
}
.ae-variant-details .risks-section-content .risk-container {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
padding: 15px 0;
}
.ae-variant-details .new-person {
margin: 25px 0;
padding: 10px 20px;
background-color: #fff;
}
.ae-variant-details .new-person .confirm-btn {
margin: 15px 0;
}
.ae-variant-details .add-new-person {
margin: 35px 0;
}
.ae-variant-details .risk {
position: relative;
padding: 15px;
width: 100%;
background-color: #fff;
}
.ae-variant-details .risk .sum-template a,
.ae-variant-details .risk .duration-template a {
color: #466696;
display: inline-block;
}
.ae-variant-details .risk .sum-template a:hover,
.ae-variant-details .risk .duration-template a:hover {
color: #7aafd3;
}
.ae-variant-details .risk .sum-template .btn,
.ae-variant-details .risk .duration-template .btn {
min-width: 100%;
}
.ae-variant-details .risk .input-group-position-fix {
margin-left: 8%;
}
.ae-variant-details .risk .form-group {
width: 100%;
margin-bottom: 5px;
}
.ae-variant-details .risk .form-group .input-group {
width: 100%;
}
.ae-variant-details .risk .form-group label.control-label {
text-align: left;
font-size: 9pt;
color: #555555;
font-family: "LatoLatinWeb";
}
.ae-variant-details .risk .form-group input.form-control {
text-align: left;
font-size: 10pt;
max-width: 100%;
margin: 0;
}
.ae-variant-details .risk .form-group .ae-popup-input {
width: 100%;
}
.ae-variant-details .risk .form-group .ae-popup-input .input {
overflow: hidden;
}
.ae-variant-details .risk .form-group span[ng-message] {
font-size: 9pt;
}
.ae-variant-details .risk .form-group .dictionary-item-selector {
width: 100%;
}
.ae-variant-details .risk .form-group .dictionary-item-selector .btn {
min-width: 100%;
}
.ae-variant-details .risk .investment-simulation-recommended-profile .alert {
background: none;
border: none;
}
.ae-variant-details .risk .investment-simulation-recommended-profile .alert-link {
float: none;
}
.ae-variant-details .risk .sum-popup {
font-family: "LatoLatinWebLight";
font-size: 10pt;
color: #466696;
}
.ae-variant-details .risk .sum-popup .popup-value {
font-size: 12pt;
font-weight: bold;
margin: 0 5px;
}
.ae-variant-details .risk .ae-popup-input input {
font-family: "LatoLatinWebMedium";
}
.ae-variant-details .risk .risk-image-box {
vertical-align: middle;
text-align: center;
position: relative !important;
}
.ae-variant-details .risk .risk-image-box:hover {
cursor: hand;
cursor: pointer;
}
.ae-variant-details .risk .risk-image-box.life:hover {
cursor: auto;
}
.ae-variant-details .risk .risk-image-box .risk-add-icon {
margin: 0 auto;
}
.ae-variant-details .risk .risk-image-box .risk-image {
margin: 0 auto;
}
.ae-variant-details .risk .risk-image-box .analysis-suggest {
font-family: "LatoLatinWebLight";
font-size: 11pt;
color: #466696;
}
.ae-variant-details .risk .risk-image-box .analysis-suggest .analysis-value {
font-weight: bold;
}
.ae-variant-details .risk .risk-image-box .analysis-suggest .analysis-value.do-it {
color: #6fbfc8;
font-size: 10pt;
}
.ae-variant-details .risk .risk-image-box .risk-remove {
opacity: 0.5;
margin-top: 16px;
margin-bottom: 17px;
}
.ae-variant-details .risk .risk-remove.right {
position: absolute;
top: 5px;
right: 5px;
font-size: 14pt;
cursor: pointer;
display: none;
}
.ae-variant-details .risk:hover .risk-remove.right {
display: table-cell;
}
.ae-variant-details .risk .image-readonly:hover {
cursor: auto;
}
.ae-variant-details .risk .risk-description {
vertical-align: top;
}
.ae-variant-details .risk .risk-description .risk-name {
font-family: "LatoLatinWeb";
font-weight: bold;
font-size: 14px;
}
.ae-variant-details .risk .risk-description .risk-sum-insured {
font-family: "LatoLatinWebMedium";
font-size: 12px;
display: inline-block;
width: auto;
}
.ae-variant-details .risk .risk-description .risk-sum-insured-value {
font-family: "LatoLatinWebMedium";
font-size: 18px;
font-color: #466696;
}
.ae-variant-details .risk .risk-description .risk-premium-per-month-value {
font-family: "LatoLatinWeb";
font-weight: bold;
font-size: 14px;
color: #466696;
}
.ae-variant-details .risk .risk-description .risk-description-label {
font-family: "LatoLatinWebMedium";
font-size: 12px;
display: inline-block;
width: 83px;
}
.ae-variant-details .risk .risk-description .risk-description {
font-family: "LatoLatinWeb";
font-weight: bold;
font-size: 14px;
color: #466696;
display: inline-block;
}
.ae-variant-details .risk .risk-description .add-extra-risks-title {
font-family: "LatoLatinWeb";
font-weight: bold;
font-size: 12px;
margin-top: 15px;
}
.ae-variant-details .risk .risk-description .extra-risk-name {
font-family: "LatoLatinWeb";
font-weight: bold;
font-size: 14px;
color: #466696;
margin-right: 20px;
}
.ae-variant-details .risk .risk-description .extra-risk-value {
font-family: "LatoLatinWeb";
font-weight: bold;
font-size: 14px;
color: #466696;
}
.ae-variant-details .risk .risk-description .nat-desc {
counter-reset: valuables-count;
}
.ae-variant-details .risk .risk-description .nat-desc .nat-desc-item .inline-container {
min-width: 1px;
display: inline-block;
margin-bottom: 5px;
}
.ae-variant-details .risk .risk-description .nat-desc .nat-desc-item input {
height: 31px;
margin-left: 15px;
margin-right: 23px;
min-width: 200px;
min-height: 31px !important;
margin-bottom: 0 !important;
padding-top: 5px;
}
.ae-variant-details .risk .risk-description .nat-desc .nat-desc-item::before {
counter-increment: valuables-count;
content: counter(valuables-count) " ";
background-color: #466696;
border-radius: 20px;
padding: 3px 3px 3px 6px;
color: #FFF;
margin-right: 5px;
}
.ae-variant-details .risk .risk-description .nat-desc .nat-desc-item .inline-container .link {
border-radius: 0 !important;
margin-top: 2px;
font-size: 1.1em;
border-bottom: thin solid #337ab7;
height: 34px;
min-width: 200px;
margin-right: 8px;
text-decoration: none;
text-align: left;
min-height: 34px !important;
}
.ae-variant-details .risk .risk-description .nat-desc .nat-desc-item .icon {
text-align: left;
}
.ae-variant-details .risk .risk-description .sum-fixed-desc {
display: block;
}
.ae-variant-details .risk > .media {
overflow: visible;
}
.ae-variant-details .risk > .media > .media-body {
overflow: visible;
}
.ae-variant-details .options-checkbox {
display: inline-block;
width: 5%;
text-align: right;
padding-right: 20px;
}
.ae-variant-details .options-label {
display: inline-block;
text-align: left;
}
.ae-variant-details .options-name {
font-family: "LatoLatinWeb";
font-weight: bold;
font-size: 14px;
color: #466696;
}
.ae-variant-details .options-premium-per-month-value {
font-family: "LatoLatinWeb";
font-weight: bold;
font-size: 16px;
color: #466696;
}
.ae-variant-details .options-discount-value {
font-family: "LatoLatinWeb";
font-weight: bold;
font-size: 16px;
color: #466696;
border-bottom: thin solid #cfcfcf;
}
.ae-variant-details .options-discount-value:focus {
border-bottom-color: #7aafd3;
}
.ae-variant-details .options-discount-calculated-value {
font-family: "LatoLatinWeb";
font-weight: bold;
font-size: 14px;
color: #466696;
}
.ae-variant-details .excess-selection .description {
margin-right: 20px;
}
.ae-variant-details .excess-selection .ui-select-container.ui-select-bootstrap {
top: 6px;
}
.ae-variant-details .excess-selection .ui-select-container.ui-select-bootstrap.small {
min-width: 100px;
}
.ae-variant-details .excess-selection .ui-select-container.ui-select-bootstrap.small .ui-select-search {
max-width: 100px;
}
.ae-variant-details .extra-selection {
margin-left: 10px;
}
.ae-variant-details .extra-selection .ui-select-container.ui-select-bootstrap {
top: 6px;
}
.ae-variant-details .extra-selection .ui-select-container.ui-select-bootstrap.small {
min-width: 150px;
}
.ae-variant-details .extra-selection .ui-select-container.ui-select-bootstrap.small .ui-select-search {
max-width: 150px;
}
.ae-variant-details .extra-selection .options-name {
margin-right: 20px;
}
.cancelled .calculation-element-final {
color: darkgrey !important;
}
.cancelled .calc-premium-per-month-label {
color: darkgrey !important;
}
.cancelled-risk-details {
background-color: rgba(245, 245, 245, 0.49) !important;
}
.cancelled-section-even {
background-color: #F5F5F5 !important;
}
.annex-variant .ae-variant-details {
border: none;
background-color: #fff;
margin-left: 0;
margin-right: 0;
}
.ae-variants .default-variant {
background-image: -webkit-repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(255, 255, 255, 0.5) 2px, rgba(255, 255, 255, 0.5) 4px);
background-image: repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(255, 255, 255, 0.5) 2px, rgba(255, 255, 255, 0.5) 4px);
}
.ae-variants .ae-variant {
color: #466696;
background-color: #ffffff;
margin-bottom: 20px;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26) !important;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26) !important;
-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26) !important;
}
.ae-variants .ae-variant:hover {
background-color: #f0faff;
cursor: pointer;
cursor: hand;
}
.ae-variants .ae-variant .risk-name {
font-family: "LatoLatinWebLight";
font-size: 10pt;
color: #333;
}
.ae-variants .ae-variant .risk-value {
font-family: "LatoLatinWebLight";
font-size: 11pt;
font-weight: bold;
}
.ae-variants .ae-variant .inner {
width: 100%;
padding: 10px 20px 18px 20px;
border: thin solid #eeeeee;
}
.ae-variants .ae-variant .inner .top {
display: table;
width: 100%;
}
.ae-variants .ae-variant .inner .top .left {
display: table-cell;
width: 60%;
}
.ae-variants .ae-variant .inner .top .right {
display: table-cell;
width: 40%;
text-align: right;
padding-right: 10px;
}
.ae-variants .ae-variant .inner .bottom {
margin-top: 20px;
}
.ae-variants .ae-variant .inner .variant-name {
font-family: "LatoLatinWeb";
font-weight: bold;
font-size: 14pt;
text-transform: uppercase;
margin-right: 20px;
display: inline-block;
}
.ae-variants .ae-variant .inner .badge {
margin-bottom: 5px;
}
.ae-variants .ae-variant .inner .risk-label {
text-align: left;
font-family: "LatoLatinWebLight";
}
.ae-variants .ae-variant .inner .risk-sum {
font-weight: bold;
font-family: "LatoLatinWebMedium";
}
.ae-variants .ae-variant .inner .insurance-name {
display: inline-block;
font-weight: bold;
font-size: 14pt;
font-family: "LatoLatinWeb";
margin-bottom: 10px;
}
.ae-variants .ae-variant .inner .insurance-icon {
height: 20px;
padding-bottom: 6px;
margin-right: 10px;
display: inline-block;
}
.ae-variants .ae-variant .inner .available-extras {
font-size: 16pt;
font-family: "LatoLatinWebLight";
}
.ae-variants .ae-variant .inner .first-available-extra-name {
font-size: 16pt;
font-weight: bold;
font-family: "LatoLatinWeb";
}
.ae-variants .ae-variant .inner .other-available-extras {
font-size: 14pt;
font-family: "LatoLatinWebLight";
}
.ae-variants .ae-variant .inner .other-available-extras-count {
font-size: 14pt;
font-weight: bold;
font-family: "LatoLatinWeb";
}
.ae-variants .ae-variant .inner .extras-icon {
width: 16px;
height: 16px;
margin-bottom: 8px;
}
.ae-variants .ae-variant .inner .extra-label {
font-size: 14pt;
font-family: "LatoLatinWebMedium";
}
.ae-variants .ae-variant .inner .extra-name {
display: inline-block;
font-family: "LatoLatinWebLight";
font-size: 14pt;
}
.ae-variants .ae-variant .inner .compare-label {
display: inline-block;
font-weight: bold;
font-size: 14pt;
font-family: "LatoLatinWeb";
}
.ae-variants .ae-variant .inner .premium-per-month-value {
font-size: 30pt;
font-weight: bold;
}
.ae-variants .ae-variant .inner .premium-per-year-value {
margin-left: 15px;
font-family: "LatoLatinWebMedium";
font-size: 14pt;
}
.ae-variants .ae-variant .inner .premium-per-year-label {
font-family: "LatoLatinWebLight";
font-size: 13pt;
}
.ae-variants .ae-variant .inner .premium-per-month-label-big {
font-size: 24pt;
font-family: "LatoLatinWebLight";
}
.ae-variants .ae-variant .inner .premium-per-month-label-big::before {
content: '/';
}
.ae-variants .selected {
background-color: #dfe9ee;
}
.ae-variants .selected .variant-name {
font-family: "LatoLatinWebMedium" !important;
}
.variant-drawer {
background-color: #dfe9ee;
}
.ae-variants .error-message,
.ae-variant-details .error-message {
color: #D8431B;
}
.ae-variants .list-switch,
.ae-variant-details .list-switch {
color: #7aafd3;
}
.ae-variants .list-switch:hover,
.ae-variant-details .list-switch:hover {
color: #5c7fb3;
cursor: pointer;
}
.ae-variants .list-switch-selected,
.ae-variant-details .list-switch-selected {
color: #466696;
font-weight: bold;
cursor: default;
}
.ae-variants .list-switch-selected:hover,
.ae-variant-details .list-switch-selected:hover {
color: #466696;
cursor: default;
}
.ae-variants .variant-badge,
.ae-variant-details .variant-badge {
color: #7aafd3;
}
.ae-variants .alert-link,
.ae-variant-details .alert-link {
float: right;
text-decoration: underline;
}
.ae-variants .cancelled,
.ae-variant-details .cancelled {
color: darkgrey !important;
}
.ae-variants .ins-building,
.ae-variant-details .ins-building {
color: #4F9CD1;
}
.ae-variants .ins-contents,
.ae-variant-details .ins-contents {
color: #8F93C2;
}
.ae-variants .ins-bicycle,
.ae-variant-details .ins-bicycle {
color: #4F9CD1;
}
.ae-variants .ins-valuables,
.ae-variant-details .ins-valuables {
color: #17B5BA;
}
.variants-compare-heading {
margin-bottom: 15px;
}
.variants-compare .compare-header {
border-bottom: thin solid #eeeeee;
}
.variants-compare .compare-header .page-header:first-child {
margin-top: 30px;
border-bottom: none;
}
.variants-compare .media .fonticon {
font-size: 50px;
color: #466696;
}
.variants-compare .person-row {
background-color: #fff !important;
font-size: 16pt;
color: #466696;
padding: 0px 0 10px 0 !important;
vertical-align: top;
border-bottom: thin solid #466696;
}
.variants-compare .total-row {
background-color: #E0E9EE !important;
}
.variants-compare .variant-details {
color: #466696;
margin-top: 15px;
}
.variants-compare .variant-details .sum {
font-size: 28pt;
font-family: "LatoLatinWebMedium";
font-weight: bold;
}
.variants-compare .variant-details .extras_min.small {
display: inline-block;
vertical-align: middle;
}
.variants-compare .variant-details .premium {
font-family: "LatoLatinWebLight";
font-size: 18pt;
}
.variants-compare .variant-details .premium .value {
font-family: "LatoLatinWebMedium";
font-weight: bold;
}
.variants-compare .media-body {
vertical-align: middle;
text-transform: uppercase;
}
.variants-compare .risk-name {
margin-left: 20px;
line-height: 100px;
text-transform: uppercase;
}
.variants-compare .striped-rows > .row {
padding-top: 30px;
padding-bottom: 30px;
}
.variants-compare .striped-rows > .row:nth-of-type(even) {
background: #fafafa;
}
.variants-total-difference-directive .section {
padding: 10px 30px;
}
.variants-total-difference-directive .section .section-title {
font-size: 13pt;
color: #466696;
}
.variants-total-difference-directive .section .premium-per-month-value {
font-size: 28pt;
font-weight: bold;
display: block;
color: #466696;
}
ce-documents .button-add-document {
margin-left: 30px;
}
ce-documents .search-bar .bar .search-icon {
margin-top: 14px;
}
ce-documents .search-bar {
padding: unset;
}
ce-documents .option-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
ce-documents .page-panel .panel-title {
height: 70px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
ce-documents .page-panel .panel-title .right-section {
width: unset;
min-width: unset;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.ce-document-manager {
clear: both;
margin-top: 10px;
width: 100%;
}
.ce-document-manager * {
border: none !important;
}
.ce-document-manager .ag-group-expand {
margin-right: 5px;
}
.ce-document-manager .ag-body-viewport {
overflow-y: hidden !important;
font-size: 15px;
}
.ce-document-manager .ag-body-container {
width: 100% !important;
height: 100% !important;
}
.ce-document-manager .ag-row {
position: static;
display: block;
cursor: pointer;
height: 40px !important;
}
.ce-document-manager .ag-row:not(.ag-row-group):hover {
background-color: #f5f5f5;
}
.ce-document-manager .ag-row-group {
width: 100% !important;
}
.ce-document-manager .ag-header,
.ce-document-manager .ag-header-row {
height: auto !important;
display: block;
position: static;
}
.ce-document-manager .ag-body {
padding: 0px !important;
}
.ce-document-manager .ag-cell {
padding: 10px !important;
}
.ce-document-manager .ag-cell:focus {
outline: none;
}
.ce-document-manager .ag-group-cell-entire-row {
padding: 10px !important;
color: #466696;
font-family: "LatoLatinWeb";
font-weight: bold;
font-size: 12pt;
}
.ce-document-manager .ag-group-cell-entire-row .ag-group-expand {
display: none !important;
}
.ce-document-manager .ag-header-cell {
padding-top: 8px;
padding-left: 6px;
text-align: left;
}
.ce-document-manager .ag-row-odd:not(.ag-row-group) {
background-color: #f9f9f9;
}
.ce-document-manager .ag-row-even:not(.ag-row-group) {
background-color: #ffffff;
}
.ce-document-manager .sprite {
display: inline-block;
margin-right: 10px;
}
.ce-document-manager .ag-cell .doc-name {
margin-top: 5px;
margin-left: 5px;
white-space: pre-line;
}
.ce-document-manager .ag-cell .fonticon {
font-size: 14pt;
display: inline-block;
}
.ce-document-manager .ag-cell .grid-view {
font-size: 40pt;
}
.ce-document-manager:not(.documents-manager-tiles-view) .ag-row,
.ce-document-manager:not(.documents-manager-tiles-view) .ag-header-row {
width: 100% !important;
}
.ce-document-manager:not(.documents-manager-tiles-view) .ag-cell.cell-col-0,
.ce-document-manager:not(.documents-manager-tiles-view) .ag-header-cell[col='0'] {
width: 70% !important;
}
.ce-document-manager:not(.documents-manager-tiles-view) .ag-cell.cell-col-0 {
padding-left: 50px !important;
}
.ce-document-manager:not(.documents-manager-tiles-view) .ag-cell.cell-col-1,
.ce-document-manager:not(.documents-manager-tiles-view) .ag-header-cell[col='1'] {
width: 15% !important;
}
.ce-document-manager:not(.documents-manager-tiles-view) .ag-cell.cell-col-2,
.ce-document-manager:not(.documents-manager-tiles-view) .ag-header-cell[col='2'] {
width: 15% !important;
}
.ce-document-manager:not(.documents-manager-tiles-view) .ag-header {
background-color: #dddddddd;
}
.ce-document-manager.documents-manager-tiles-view .ag-header {
display: none;
}
.ce-document-manager.documents-manager-tiles-view .ag-header-cell {
border: none;
}
.ce-document-manager.documents-manager-tiles-view .ag-cell:not(.cell-col-0) {
display: none;
}
.ce-document-manager.documents-manager-tiles-view .ag-header-cell-label {
display: none;
}
.ce-document-manager.documents-manager-tiles-view .ag-row:not(.ag-row-group) {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
width: 20% !important;
margin-top: 0px !important;
white-space: normal;
word-wrap: break-word;
}
.ce-document-manager.documents-manager-tiles-view .ag-row:not(.ag-row-group):not(.ag-row-selected):not(:hover) {
background-color: #ffffff;
}
.ce-document-manager.documents-manager-tiles-view .ag-row:not(.ag-row-group) .ag-cell {
width: 100% !important;
}
.ce-document-manager.documents-manager-tiles-view .ag-body {
background-color: #ffffff;
}
.ce-document-manager.documents-manager-tiles-view .document {
text-align: center;
}
.ce-document-manager.documents-manager-tiles-view .document .doc-name {
white-space: pre-line;
}
.documents-manager-tool-panel .right-buttons {
float: right;
width: 25%;
display: inline-block;
}
.documents-manager-tool-panel .right-buttons .dropdown-button,
.documents-manager-tool-panel .right-buttons .button {
float: right;
}
.documents-manager-tool-panel .right-buttons .dropdown-button ul {
list-style-type: none;
}
.documents-manager-tool-panel .right-buttons .dropdown-button ul li {
padding: 10px 0 10px 15px;
}
.documents-manager-tool-panel .right-buttons .dropdown-button ul li:hover {
background: #f5f5f5;
cursor: pointer;
}
.documents-manager-tool-panel .left-buttons {
float: left;
width: 20%;
display: inline-block;
}
.documents-manager-tool-panel .middle-section {
float: left;
width: 55%;
display: inline-block;
}
.documents-manager-tool-panel .middle-section .add-customer360-element {
float: right;
}
.documents-manager-tool-panel .middle-section .input-group {
max-width: unset;
position: relative;
width: 55%;
}
.documents-manager-tool-panel .middle-section .cancel-search-icon {
float: right;
cursor: pointer;
margin-top: 10px;
position: absolute;
right: -10px;
}
.documents-manager-tool-panel .document-action .right-inner-addon input {
padding-right: 30px;
border-bottom: thin solid #466696;
}
.documents-manager-tool-panel .document-action .right-inner-addon i {
position: absolute;
right: 0px;
padding: 10px 12px;
pointer-events: none;
}
.documents-manager-tool-panel .btn-default {
border: none;
color: #466696;
}
.document-download .ce-document-manager:not(.documents-manager-tiles-view) .ag-cell.cell-col-0 {
padding-left: 0 !important;
}
.disclaimer-list {
padding-top: 3px;
padding-bottom: 3px;
}
.disclaimers-section-header {
font-weight: bold;
margin-bottom: 10px;
margin-top: 7px;
}
.file-name {
width: 80%;
text-align: center;
}
.not-removable-topic {
color: #d82034;
}
.new-topic {
color: #d82034;
font-weight: bold;
}
.disclaimer {
padding-left: 10px;
}
.reset-style ul {
-webkit-padding-start: 40px;
}
.chosen-disclaimer {
background-color: #e2e2e2;
}
.chapter-static {
color: #bcbcbc;
}
.chapter-static-disable-pointer {
pointer-events: none;
}
.document-button {
margin-bottom: 5px;
float: right;
}
.backoffice-doc-title {
border: 0;
width: 100%;
}
.document-row {
display: table;
height: 48px;
}
.disclaimer-section {
padding-bottom: 20px;
}
.document-row-element {
float: none;
display: table-cell;
vertical-align: middle;
padding-right: 0;
}
.edit-help-language {
padding-bottom: 10px;
}
.edit-help-language .delete-page {
float: right;
}
.htmlEditor {
margin-bottom: 20px;
}
.backoffice-menu-glyphicon {
color: #d82034;
float: right;
}
.backoffice-section-header {
font-size: 15px;
font-weight: bold;
margin-left: 5px;
margin-bottom: 5px;
margin-top: 25px;
}
.disclaimer-menu .search-bar {
padding: 0;
margin-bottom: 30px;
}
.disclaimer-menu .search-bar .bar {
border: solid 1px #606162;
}
.subpage-content .full-height .no-padding {
padding: 0;
}
.invalid-language {
color: #d82034;
}
.delete-page-button {
float: right;
}
.disclaimer-menu .search-bar .bar .cancel-search-icon {
position: absolute;
right: 15px;
top: 12px;
cursor: pointer;
}
.disclaimer-menu .search-bar .bar .with-cancel-search-icon {
padding-right: 30px;
}
.last-modification {
color: grey;
font-size: 12px;
}
.document-content-upload .title {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-style: italic;
}
.title-big {
font-weight: bold;
margin-bottom: 20px;
font-size: 15px;
}
.backoffice-body-class {
height: 200px !important;
}
#customer-service-view {
margin-left: -70px;
position: absolute;
top: 0;
}
.backoffice-page {
position: relative;
}
.backoffice-page .dev-panel {
position: fixed;
top: 5px;
z-index: 1050;
left: 5px;
opacity: 0.5;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.backoffice-page .dev-panel:hover {
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.backoffice-page .page-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 400px;
background: url('../styles/img/backoffice-background.jpg') center center no-repeat;
background-size: cover;
z-index: 0;
}
.backoffice-page:not(.without-navbar) .page-background {
top: 70px;
}
.backoffice-page .page-content {
position: relative;
}
.backoffice-page:not(.without-navbar) .page-content {
padding-top: 115px;
}
.backoffice-page.without-navbar .page-content {
padding-top: 50px;
}
.backoffice-page .spinner {
background: #fff;
box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, 0.3);
}
.backoffice-page .spinner-no-shadow .spinner {
box-shadow: none;
}
/* Navbar */
.backoffice-page .ce-navbar .change-language-picker {
display: inline-block;
}
.backoffice-page .ce-navbar .change-language-picker .language-container {
padding-right: 10px;
cursor: pointer;
}
.backoffice-page .ce-navbar .change-language-picker .language-container .open-menu-icon {
font-size: 10px;
margin: 0 20px;
}
.context-popover.language-popover {
width: 200px;
margin-top: 22px!important;
}
.language-popover .change-language-list {
list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid #e6e6e6;
}
.language-popover .change-language-list li {
padding: 10px 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.language-popover .change-language-list li:not(:last-child) {
border-bottom: 1px solid #e6e6e6;
}
.language-popover .change-language-list li:hover {
background: #f5f5f5;
cursor: pointer;
}
/* Title */
.backoffice-page .page-content .black-background {
background: rgba(0, 0, 0, 0.6);
padding: 30px 20px;
color: #fff;
}
.backoffice-page .page-content .black-background h1 {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-style: italic;
font-size: 40px;
font-weight: normal;
margin: 0;
}
.backoffice-page .page-content .black-background .buttons {
white-space: nowrap;
}
.backoffice-page .page-content .black-background .buttons button {
color: #fff;
font-size: 15px;
}
.backoffice-page .page-content .black-background .buttons button .glyphicon {
font-size: 12px;
margin-right: 5px;
}
/* Searching */
.backoffice-page .page-content .search-body {
background: #fff;
padding: 10px 15px;
box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, 0.3);
}
.backoffice-page .page-content .search-body .search-bar {
padding: 0;
}
.backoffice-page .page-content .search-body .search-bar .bar {
position: relative;
padding: 3px;
}
.backoffice-page .page-content .search-body .search-bar input {
padding-right: 25px;
}
.backoffice-page.searching-members header.search-headers h3 {
font-size: 17px;
font-weight: normal;
}
.backoffice-page.searching-members header.search-headers {
border-bottom: 1px solid #ccc;
padding-top: 1%;
padding-bottom: 1%;
background: #fff;
}
@media (max-width: 1199px) {
.backoffice-page.searching-members header.search-headers h3 {
padding: 5px;
margin: 0;
}
.backoffice-page.searching-members header.search-headers .small-on-lower-resolutions {
font-size: 15px;
}
}
.backoffice-page.searching-members .columns-container {
font-size: 0;
}
.backoffice-page.searching-members .columns-container > * {
display: inline-block;
font-size: 15px;
vertical-align: middle;
}
.backoffice-page.searching-members .columns-container .avatar-column {
width: 15%;
}
.backoffice-page.searching-members .columns-container .data-column {
width: 85%;
}
.backoffice-page.searching-members .bordered-bottom {
border-bottom: 1px solid #ccc;
}
.backoffice-page.searching-members .result.hoverable {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.backoffice-page.searching-members .result.hoverable:hover {
background: #f5f5f5;
}
.backoffice-page.searching-members .result > .avatar-column > .avatar-container {
margin: 0 auto;
text-align: center;
}
.backoffice-page.searching-members .result .data-column {
border-bottom: 1px solid #ccc;
padding-top: 2.5%;
padding-bottom: 2.5%;
}
.backoffice-page.searching-members .result .dropdown-button .bordered-button {
width: 80%;
min-width: 0;
}
.backoffice-page.searching-members .result .dropdown-button .bordered-button .button-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.backoffice-page.searching-members .result .dropdown-button .bordered-button .arrow-icon {
color: #d82034;
}
.backoffice-page.searching-members .result .dropdown-button.right .dropdown-menu {
right: 20%;
}
/* Main page tiles */
.backoffice-page .page-content .tiles {
padding-top: 0;
}
.backoffice-page .page-content .tiles .tile-container {
background: #fff;
margin-top: 25px;
color: #000;
box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, 0.3);
}
.backoffice-page .page-content .tiles .tile-container .tile > header {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 24px;
padding: 25px 20px 15px;
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
}
.backoffice-page .page-content .tiles .tile-container .tile .tile-icon {
width: 45px;
}
.backoffice-page .page-content .tiles .tile-container .tile .tile-content {
padding-top: 15px;
padding-bottom: 15px;
padding-right: 25px;
}
/* Page panels */
.backoffice-page .page-content .part-of-page {
background: #fff;
margin-bottom: -1px;
padding: 0 20px;
box-shadow: 0 5px 23px #000;
}
.backoffice-page .page-content .part-of-page > h1 {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 30px;
}
.backoffice-page .small-side {
padding-right: 0;
}
.backoffice-page .big-side {
padding-left: 0;
}
.backoffice-page .page-content .page-panel {
background: #fff;
color: #000;
box-shadow: 10px 20px 30px 0 rgba(0, 0, 0, 0.3);
}
.backoffice-page.no-body .page-content .page-panel {
background: transparent;
box-shadow: none;
}
.backoffice-page .page-content .page-header {
background: #fff;
margin: 0;
border-top: 1px solid #aaa;
border-bottom: 1px solid #ccc;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 30px;
padding: 20px 20px 15px;
white-space: normal;
word-wrap: break-word;
word-break: break-all;
}
.backoffice-page .page-content .search-title strong {
color: #de822b;
font-weight: normal;
}
.backoffice-page .page-content .list-data .avatar-container {
width: 100px;
padding: 0!important;
}
.backoffice-page .page-content .list-data th,
.backoffice-page .page-content .list-data td {
vertical-align: middle;
}
.backoffice-page .page-content .list-data td:first-child {
border: none;
}
.backoffice-page .page-content .list-data td .avatar-container {
display: block;
max-width: 50%;
margin: 0 auto;
}
.backoffice-page .page-content .list-data td.employer-name {
word-wrap: break-word;
max-width: 200px;
}
.backoffice-page .page-content .list-data td.administrator-name {
word-wrap: break-word;
max-width: 150px;
}
.backoffice-page .page-content .list-data td .member-documents > span {
display: block;
margin-top: 0;
}
.backoffice-page .page-content .list-data td .avatar-container img {
max-height: 100px;
max-width: 100%;
}
.backoffice-page .page-content .list-data td .bordered-button {
margin: 0;
min-width: 0;
}
.backoffice-page .page-content .list-data td .bordered-button > span:not(.right-icon) {
float: left;
padding-right: 5px;
}
.backoffice-page .page-content .list-data td .bordered-button > .right-icon {
margin-top: 4px;
}
/* Page menu */
.backoffice-page .page-content .page-menu .disclaimers-section-header {
padding-left: 10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.backoffice-page .page-content .page-menu .disclaimers-section-header > *:first-child {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.backoffice-page .page-content .page-menu .chosen-disclaimer {
position: relative;
background: none;
}
.backoffice-page .page-content .page-menu .chosen-disclaimer .not-removable-topic::before {
position: absolute;
content: "";
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid #d82034;
display: block;
top: 6px;
left: -5px;
}
.backoffice-page .page-content .page-menu .chosen-disclaimer::before {
position: absolute;
content: "";
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid #000;
display: block;
top: 6px;
left: -5px;
}
.backoffice-page .page-content .page-menu .search-bar {
margin-top: 10px;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #e6e6e6;
}
.backoffice-page .page-content .page-menu .search-bar .search-icon {
margin: 12px 0 0 4px;
font-size: 15px;
}
.backoffice-page .page-content .page-menu .search-bar input {
padding-left: 25px;
padding-right: 25px;
}
.backoffice-page .page-content .search-bar .cancel-search-icon {
color: #d82034;
position: absolute;
margin: 0 8px 0 0;
right: 0;
top: 3px;
cursor: pointer;
}
.backoffice-page .page-content .chapter-header {
padding: 15px 10px 23px 10px;
border-bottom: 1px solid #e6e6e6;
}
.backoffice-page .page-content .chapter-header .buttons > * {
display: inline-block;
vertical-align: middle;
}
.backoffice-page .page-content .chapter-header .header-positioner {
display: table;
width: 100%;
}
.backoffice-page .page-content .chapter-header .header-positioner > * {
display: table-cell;
vertical-align: middle;
}
.backoffice-page .page-content .chapter-header .header-positioner .chapter-title {
width: 50%;
}
.backoffice-page .page-content .chapter-header .header-positioner .buttons {
white-space: nowrap;
}
.backoffice-page .page-content .chapter-header .buttons .button {
min-width: 0;
font-family: "Standard", Calibri, sans-serif;
font-size: 15px;
padding: 7px 20px;
font-weight: bold;
margin-left: 5px;
margin-right: 5px;
}
.backoffice-page .page-content .chapter-header .buttons .button .ca-icon {
width: 20px;
float: left;
margin: -2px 5px 0 0;
}
.backoffice-page .page-content .chapter-header .language-selector > span {
color: #808080;
display: inline-block;
margin-right: 5px;
}
.backoffice-page .page-content .chapter-header .languages.language-selector > span {
margin-right: 25px;
}
.backoffice-page .page-content .chapter-header .language-selector > select {
border: 1px solid #ccc;
padding: 5px;
}
.backoffice-page .page-content .chapter-header .chapter-title {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 24px;
max-width: 50%;
}
.backoffice-page .page-content .chapter-header .form-group {
margin: 0;
}
.backoffice-page .page-content .chapter-header .form-group > label {
color: #808080;
font-weight: normal;
width: 10%;
}
.backoffice-page .page-content .chapter-header .form-group > *:not(label) {
width: 85%;
display: inline-block;
}
.backoffice-page .page-content .chapter-content {
padding: 15px 15px 0 0;
}
.backoffice-page .page-content .disclaimer-file {
font-weight: bold;
font-size: 17px;
}
.backoffice-page .page-content .footer-container {
margin-top: 10px;
margin-bottom: 10px;
}
.backoffice-page .page-content .footer-buttons button {
min-width: 0;
margin-right: 25px;
}
/* HTML Editor */
.backoffice-page .page-content .chapter-content .htmlEditor .cke_contents {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
min-height: 400px;
}
.backoffice-page .page-content .chapter-content .htmlEditor .cke_bottom {
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.backoffice-page .page-content .chapter-content .htmlEditor .cke {
border: none;
}
.backoffice-page .page-content .chapter-content .htmlEditor .cke-resizer {
border-color: #d82034;
}
.backoffice-page .page-content .chapter-content .htmlEditor .cke_button:hover {
border-radius: 0;
background: #e6e6e6;
cursor: pointer;
}
.backoffice-page .page-content .chapter-content .htmlEditor .cke_button_on {
background: #e6e6e6;
border-radius: 0;
box-shadow: none;
}
.backoffice-page .page-content .chapter-content .htmlEditor .cke_combo_button {
border: 1px solid #ccc;
border-radius: 0;
}
.backoffice-page .page-content .chapter-content .htmlEditor .cke_combo_button:hover {
background: transparent;
}
.backoffice-page .page-content .chapter-content .htmlEditor .cke_combo_arrow {
border-top-color: #d82034;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.backoffice-page .page-content .chapter-content .htmlEditor .cke_combo_on .cke_combo_button {
box-shadow: none;
background: transparent;
}
.backoffice-page .page-content .chapter-content .htmlEditor .cke_combo_on .cke_combo_arrow {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
/* Editor popup */
body .cke_dialog .cke_dialog_footer .cke_dialog_ui_button_ok {
border-radius: 0;
border: 0;
background: #d82034;
}
body .cke_dialog .cke_dialog_footer .cke_dialog_ui_button_cancel {
background: transparent;
border: 0;
border-radius: 0;
color: #d82034;
}
/* Settings page */
.settings-page {
padding: 20px;
}
.settings-page .setting {
padding-top: 20px;
padding-bottom: 20px;
-webkit-transition: 0.3s;
transition: 0.3s;
border-bottom: 1px solid #ccc;
}
.settings-page .setting:hover {
background: #f5f5f5;
}
.settings-page .setting .error-info {
display: block;
clear: both;
color: #d82034;
}
.settings-page .setting .remove-link {
color: #d82034;
font-size: 12px;
display: inline-block;
margin: 5px 0 0 5px;
}
.settings-page .setting input.has-error {
border: 1px solid #d82034;
}
.settings-page .setting input {
width: 90%;
padding: 3px 2px;
}
.settings-page .setting .form-group {
position: relative;
}
.settings-page .setting .form-group .remove-link {
position: absolute;
right: -5px;
top: 5px;
margin: 0;
}
.settings-page .setting .setting-name {
color: #000;
}
.settings-page .setting .settings-description {
color: #808080;
}
/* Documents grid */
.backoffice-page .page-content .documents-grid .documents-manager-tool-panel .right-buttons .arrange-options-button {
padding: 20px 25px;
}
.backoffice-page .page-content .documents-grid .ce-document-manager.documents-manager-tiles-view .doc-lang {
display: block;
}
.backoffice-page .page-content .documents-grid .ce-document-manager:not(.documents-manager-tiles-view) .doc-lang {
border: 1px solid #000!important;
padding: 3px 20px;
margin: 0 4px;
display: inline-block;
vertical-align: middle;
}
.backoffice-page .page-content .documents-grid .ce-document-manager:not(.documents-manager-tiles-view) .fonticon.fonticon-general-document {
top: 4px;
margin-right: 3px;
}
.ca-backoffice-modal-icon {
width: 200px;
margin: 25px 0;
}
/* Page footer */
.backoffice-page .page-footer {
text-align: right;
font-size: 8px;
background: #f5f5f5;
}
.backoffice-page .page-footer .app-version {
margin-right: 10px;
}
.ca-glyphicon-close {
font-family: "LatoLatinWebThin", sans-serif !important;
margin-right: 0px !important;
font-weight: bold;
}
.ca-glyphicon-close:before {
content: "\00d7";
font-size: 150%;
position: relative;
top: 1px;
}
.ca-icon {
position: relative;
display: inline-block;
vertical-align: -5%;
}
.ca-icon::after {
background-size: 100% 100%;
display: inline-block;
width: 100%;
padding: 50% 0;
float: left;
content: "";
}
.ca-icon-center::after {
margin-left: 50%;
}
.ca-icon-plus::after {
content: "\002B";
font-family: "LatoLatinWebThin", sans-serif;
font-size: 150%;
display: inline-block;
margin-right: 2px;
vertical-align: inherit;
float: none;
padding: 0;
width: auto;
position: relative;
}
.ca-icon-close::after {
content: "\00d7";
font-family: "LatoLatinWebThin", sans-serif;
font-size: 150%;
display: inline-block;
margin-right: 2px;
vertical-align: inherit;
float: none;
padding: 0;
width: auto;
position: relative;
}
.ca-icon-asterisks::after {
background-image: url('../styles/img/icons/asterisks.png');
}
.ca-icon-document-circle::after {
background-image: url('../styles/img/icons/document-circle.png');
}
.ca-icon-download-circle::after {
background-image: url('../styles/img/icons/download-circle.png');
}
.ca-icon-help-circle::after {
background-image: url('../styles/img/icons/help-circle.png');
}
.ca-icon-logout-dark::after {
background-image: url('../styles/img/icons/logout-dark.png');
}
.ca-icon-settings-circle::after {
background-image: url('../styles/img/icons/settings-circle.png');
}
.ca-icon-star-circle::after {
background-image: url('../styles/img/icons/star-circle.png');
}
.ca-icon-printer-red::after {
background-image: url('../styles/img/icons/printer-red.png');
}
.ca-icon-search-question::after {
background-image: url('../styles/img/icons/search-question.png');
}
.ca-icon-error::after {
background-image: url('../styles/img/icons/error.png');
}
.ca-icon-umbrella-red::after {
background-image: url('../styles/img/icons/umbrella-red.png');
}
.ca-icon-paper-red::after {
background-image: url('../styles/img/icons/paper-red.png');
}
.ca-icon-pencil::after {
background-image: url('../styles/img/icons/pencil.png');
}
.ca-icon-change::after {
background-image: url('../styles/img/icons/change.png');
}
.ca-icon-search::after {
background-image: url('../styles/img/icons/search-red.png');
}
.ca-icon-filter::after {
background-image: url('../styles/img/icons/filter.png');
}
.ca-icon-alert-danger::after {
background-image: url('../styles/img/icons/alert_danger.png');
}
.ca-icon-alert-warning::after {
background-image: url('../styles/img/icons/alert_warning.png');
}
.ca-icon-alert-success::after {
background-image: url('../styles/img/icons/alert_success.png');
}
.ca-icon-ok::after {
background-image: url('../styles/img/icons/ok.png');
}
.ca-icon-ok-green::after {
background-image: url('../styles/img/icons/ok_green.png');
}
.ca-icon-info::after {
background-image: url('../styles/img/icons/info_white.png');
}
.ca-icon-info-red::after {
background-image: url('../styles/img/icons/info_red.png');
}
.ca-icon-info-mini-red::after {
background-image: url('../styles/img/icons/info_mini_red.png');
}
.ca-icon-info-green::after {
background-image: url('../styles/img/icons/info-green.png');
}
.ca-icon-link::after {
background-image: url('../styles/img/icons/download.png');
}
.ca-icon-settings::after {
background-image: url('../styles/img/icons/settings.png');
}
.ca-icon-more::after {
background-image: url('../styles/img/icons/more.png');
}
.ca-icon-signout::after {
background-image: url('../styles/img/icons/signout.png');
}
.ca-icon-bell::after {
background-image: url('../styles/img/icons/bell.png');
}
.ca-icon-bell-red::after {
background-image: url('../styles/img/icons/bell_red.png');
}
.ca-icon-book::after {
background-image: url('../styles/img/icons/book.png');
}
.ca-icon-members::after {
background-image: url('../styles/img/icons/members.png');
}
.ca-icon-contract::after {
background-image: url('../styles/img/icons/contract.png');
}
.ca-icon-calendar::after {
background-image: url('../styles/img/icons/calendar.png');
}
.ca-icon-no-data::after {
background-image: url('../styles/img/icons/no_data.png');
}
.ca-icon-confirmation::after {
background-image: url('../styles/img/icons/ok.png');
}
.ca-icon-confirmation-big-green::after {
background-image: url('../styles/img/icons/confirmation-big-green.png');
}
.ca-icon-ambulance-red::after {
background-image: url('../styles/img/icons/ambulance-red.png');
}
.ca-icon-refresh-red::after {
background-image: url('../styles/img/icons/refresh-red.png');
}
.ca-icon-chart-up-red::after {
background-image: url('../styles/img/icons/chart-up-red.png');
}
.ca-icon-error-page::after {
background-image: url('../styles/img/icons/no_data.png');
}
.ca-icon-groups::after,
.ca-icon-groups-red::after {
background-image: url('../styles/img/icons/members-red.png');
-webkit-transition: 0.3s;
transition: 0.3s;
}
.ca-icon-groups:hover::after,
.ca-icon-groups-white::after,
.operations .operation:hover .ca-icon-groups::after,
.operations .operation.operation-selected .ca-icon-groups::after {
background-image: url('../styles/img/icons/members-red-hover.png');
-webkit-transition: 0.3s;
transition: 0.3s;
}
.ca-icon-piggy-bank::after,
.ca-icon-piggy-bank-red::after {
background-image: url('../styles/img/icons/piggy-bank-red.png');
-webkit-transition: 0.3s;
transition: 0.3s;
}
.ca-icon-piggy-bank:hover::after,
.ca-icon-piggy-bank-white::after,
.operations .operation:hover .ca-icon-piggy-bank::after,
.operations .operation.operation-selected .ca-icon-piggy-bank::after {
background-image: url('../styles/img/icons/piggy-bank-white.png');
-webkit-transition: 0.3s;
transition: 0.3s;
}
.ca-icon-pie-chart::after {
background-image: url('../styles/img/icons/pie-chart.png');
-webkit-transition: 0.3s;
transition: 0.3s;
}
.ca-icon-pie-chart:hover::after,
.operations .operation:hover .ca-icon-pie-chart::after,
.operations .operation.operation-selected .ca-icon-pie-chart::after {
background-image: url('../styles/img/icons/pie-chart-hover.png');
-webkit-transition: 0.3s;
transition: 0.3s;
}
.ca-icon-pdf::after {
background-image: url('../styles/img/icons/pdf.png');
}
.ca-icon-pdf-white::after {
background-image: url('../styles/img/icons/pdf-white.png');
}
.ca-icon-document::after {
background-image: url('../styles/img/icons/document.png');
}
.ca-icon-copy::after {
background-image: url('../styles/img/icons/copy.png');
}
.ca-icon-key::after {
background-image: url('../styles/img/icons/key.png');
}
.ca-icon-trash::after {
background-image: url('../styles/img/icons/trash.png');
}
/* Tab icons */
.ca-tab-icon-book::after {
background-image: url('../styles/img/icons/tab_book.png');
}
.ca-tab-icon-table::after {
background-image: url('../styles/img/icons/tab_book.png');
}
.ca-tab-icon-cog::after {
background-image: url('../styles/img/icons/tab_cog.png');
}
.ca-tab-icon-home::after {
background-image: url('../styles/img/icons/tab_home.png');
}
.ca-tab-icon-members::after {
background-image: url('../styles/img/icons/tab_members.png');
}
.ca-tab-icon-member::after {
background-image: url('../styles/img/icons/tab_member.png');
}
.ca-tab-icon-search::after {
background-image: url('../styles/img/icons/tab_search.png');
}
.ca-tab-icon-contract::after {
background-image: url('../styles/img/icons/tab_contract.png');
}
.ca-tab-icon-add-member::after {
background-image: url('../styles/img/icons/tab_add_member.png');
}
.ca-tab-icon-member-data::after {
background-image: url('../styles/img/icons/tab_member_data.png');
}
.ca-tab-icon-bell::after {
background-image: url('../styles/img/icons/tab_bell.png');
}
/* Language icons */
.ca-lang-icon-deu::after {
background-image: url('../styles/img/icons/lang_icon_de.png');
}
.ca-lang-icon-fra::after {
background-image: url('../styles/img/icons/lang_icon_fr.png');
}
.ca-lang-icon-eng::after {
background-image: url('../styles/img/icons/lang_icon_en.png');
}
/* Event icons */
.ca-event-document::after {
background-image: url('../styles/img/icons/event_document.png');
}
.ca-event-dollar::after {
background-image: url('../styles/img/icons/event_dollar.png');
}
.ca-event-exclamation::after {
background-image: url('../styles/img/icons/event_exclamation.png');
}
.ca-event-plus::after {
background-image: url('../styles/img/icons/event_plus.png');
}
.ca-event-user::after {
background-image: url('../styles/img/icons/event_user.png');
}
.ca-icon-user-red::after {
background-image: url('../styles/img/icons/user-red.png');
}
.ca-icon-bank-red::after {
background-image: url('../styles/img/icons/bank-red.png');
}
.ca-icon-company-red::after {
background-image: url('../styles/img/icons/company-red.png');
}
.ca-icon-document-red::after {
background-image: url('../styles/img/icons/document-red.png');
}
.ca-icon-email-red::after {
background-image: url('../styles/img/icons/email-red.png');
}
.ca-icon-family-red::after {
background-image: url('../styles/img/icons/family-red.png');
}
.ca-icon-home-red::after {
background-image: url('../styles/img/icons/home-red.png');
}
.ca-icon-phone-red::after {
background-image: url('../styles/img/icons/phone-red.png');
}
.ca-icon-users-red::after {
background-image: url('../styles/img/icons/users.png');
}
.ca-icon-dolar-red::after {
background-image: url('../styles/img/icons/dolar.png');
}
.ca-icon-actions-red::after {
background-image: url('../styles/img/icons/list_of_actions.png');
}
.ca-icon-medical-red::after {
background-image: url('../styles/img/icons/medical.png');
}
.ca-icon-performance-red::after {
background-image: url('../styles/img/icons/performance_chart.png');
}
.ca-icon-policy-red::after {
background-image: url('../styles/img/icons/policy.png');
}
.ca-icon-request-red::after {
background-image: url('../styles/img/icons/request_2.png');
}
.ca-statistics-icon::after {
background-image: url('../styles/img/icons/statistics.png');
}
.ca-icon-arrow-right::after {
background-image: url('../styles/img/icons/arrow-right.png');
}
.ca-icon-red-arrow-down::after {
background-image: url('../styles/img/icons/red-arrow-down.png');
}
.ca-icon-red-arrow-up::after {
background-image: url('../styles/img/icons/red-arrow-up.png');
}
.ca-icon-gray-arrow-down::after {
background-image: url('../styles/img/icons/gray-arrow-down.png');
}
.ca-icon-gray-arrow-up::after {
background-image: url('../styles/img/icons/gray-arrow-up.png');
}
.modal-dialog {
margin: 5% auto auto auto;
}
/* Transculent modal */
.ca-modal-translucent .modal-dialog,
.ca-modal-opaque .modal-dialog {
height: 80%;
}
.ca-modal-translucent.auto-height .modal-dialog,
.ca-modal-opaque.auto-height .modal-dialog {
height: auto;
}
.ca-modal-wide .modal-dialog {
width: 65%!important;
min-height: 80%!important;
}
.ca-modal-wide .modal-dialog .modal-content {
height: 90%!important;
}
.ca-modal-translucent .modal-dialog .modal-content {
background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
}
.ca-modal-translucent .modal-dialog .modal-content,
.ca-modal-opaque .modal-dialog .modal-content {
border-radius: 0;
box-shadow: none;
height: 70%;
}
.ca-modal-translucent header,
.ca-modal-opaque header {
width: 100%;
text-align: center;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
position: relative;
}
.ca-modal-translucent header.italic,
.ca-modal-opaque header.italic {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-style: italic;
}
.ca-modal-translucent header h3,
.ca-modal-opaque header h3 {
font-size: 30px;
display: block;
}
.ca-modal-translucent header title,
.ca-modal-opaque header .title {
margin-top: 3%;
font-size: 30px;
}
.ca-modal-translucent header .subtitle,
.ca-modal-opaque header .subtitle {
font-family: "Standard", Calibri, sans-serif;
}
.ca-modal-translucent header .close-button,
.ca-modal-opaque header .close-button {
position: absolute;
top: 9px;
right: 10px;
}
.ca-modal-translucent .modal-menu,
.ca-modal-opaque .modal-menu {
list-style-type: none;
width: 100%;
}
.ca-modal-translucent .modal-menu li,
.ca-modal-opaque .modal-menu li {
display: block;
width: 100%;
padding: 15px;
}
.ca-modal-translucent .modal-menu li:hover,
.ca-modal-opaque .modal-menu li:hover {
background: #fff;
cursor: pointer;
}
.ca-modal-translucent .user-photo,
.ca-modal-opaque .user-photo {
width: 60px;
font-size: 50px;
}
.ca-modal-translucent .context-info .context-details,
.ca-modal-opaque .context-info .context-details {
text-align: left;
}
.ca-modal-translucent .context-info h5,
.ca-modal-opaque .context-info h5 {
font-weight: bold;
margin: 10px 0 0 10px;
padding: 0;
font-size: 20px;
float: left;
}
.ca-modal-translucent .context-info small,
.ca-modal-opaque .context-info small {
font-size: 12px;
float: left;
clear: both;
margin: 1px 0 0 10px;
}
.ca-modal-translucent .buttons,
.ca-modal-opaque .buttons {
text-align: center;
margin-top: 20px;
padding: 20px 0;
}
.ca-modal-translucent .buttons.extra-top-space,
.ca-modal-opaque .buttons.extra-top-space {
clear: both;
margin-top: 50px;
}
.ca-modal-translucent .buttons .button:link,
.ca-modal-translucent .buttons .button:visited,
.ca-modal-opaque .buttons .button:link,
.ca-modal-opaque .buttons .button:visited {
padding: 10px;
text-decoration: none;
color: #d82034;
}
.ca-modal-translucent .buttons .button-action:link,
.ca-modal-translucent .buttons .button-action:visited,
.ca-modal-opaque .buttons .button-action:link,
.ca-modal-opaque .buttons .button-action:visited {
padding: 10px 40px;
text-decoration: none;
color: #fff;
}
.ca-modal-translucent .buttons .button-action.with-left-space,
.ca-modal-opaque .buttons .button-action.with-left-space {
margin-left: 5%;
}
.ca-modal-opaque .buttons .button-disabled {
background: #606162;
color: #c4d9e0;
border: none;
cursor: not-allowed;
-webkit-transition: 0.2s;
transition: 0.2s;
}
/* Modal with pickable data */
.pickable-table-data .nano {
min-height: 300px;
}
.pickable-table-data .data-table {
text-align: left;
}
.pickable-table-data .data-table .data-row {
-webkit-transition: 0.3s;
transition: 0.3s;
text-align: left;
padding: 2%;
margin: 1% 0;
display: inline-block;
width: 90%;
clear: both;
}
.pickable-table-data.full-sized .data-table .data-row {
width: auto;
}
.pickable-table-data .data-table.normal .data-row {
border: 1px solid #808080;
}
.pickable-table-data .data-table.selected .data-row {
border: 1px solid #d82034;
}
.pickable-table-data .data-table .data-row:hover {
background: #f5f5f5;
-webkit-transition: 0.3s;
transition: 0.3s;
cursor: pointer;
}
.pickable-table-data .data-table.selected .data-row:hover {
cursor: auto;
}
.pickable-table-data .data-table .data-row:not(.with-columns) > * {
display: inline-block;
}
.pickable-table-data .data-table .data-row.with-columns {
display: inline-block;
vertical-align: middle;
}
.pickable-table-data .data-table .data-row .light {
display: block;
color: #808080;
font-size: 12px;
}
.pickable-table-data .data-table .data-row .light.remove-asterisk-space {
padding-right: 7px;
}
.pickable-table-data .data-table .data-row.data-disabled {
cursor: not-allowed;
border-color: #ccc;
color: #aaa;
}
.pickable-table-data .data-table .data-row.data-disabled .light {
color: #aaa;
}
.pickable-table-data .data-table .data-row.data-disabled .premium-label,
.pickable-table-data .data-table .data-row.data-disabled .premium {
color: #d82034;
}
.pickable-table-data .data-table .data-row .data-right {
text-align: right;
float: right;
}
.pickable-table-data .data-table .data-row .data-right {
text-align: right;
}
.pickable-table-data .data-table .data-row .description {
color: #8c8c8c;
clear: both;
display: block;
}
.pickable-table-data .data-table .data-row a.external-link {
color: #d82034;
display: inline-block;
font-weight: bold;
}
.pickable-table-data .data-table .data-row a.external-link .ca-icon {
width: 25px;
float: left;
margin: -5px 0 0 0;
}
.pickable-table-data .data-table .data-buttons {
display: inline-block;
vertical-align: middle;
}
.pickable-table-data h2 {
font-size: 17px;
text-align: left;
clear: both;
}
.pickable-table-data.full-sized .subpage-bottom-buttons {
padding: 0;
}
.pickable-table-data.full-sized .subpage-bottom-buttons .button {
float: none;
}
.pickable-table-data.full-sized .subpage-bottom-buttons .button:last-child {
margin-right: 0;
}
.pickable-table-data .subpage-bottom-buttons {
padding: 0 7%;
}
.pickable-table-data .with-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-right: 10%;
}
.pickable-table-data .with-button .action {
font-family: "Standard", Calibri, sans-serif;
font-size: 15px;
font-weight: bold;
padding-right: 3px;
}
.pickable-table-data .with-button .action > * {
display: inline-block;
vertical-align: middle;
}
.pickable-table-data .with-button .action .glyphicon-search {
font-size: 15px;
top: 0;
margin-right: 3px;
}
.pickable-table-data .with-button .search {
width: 60%;
}
.pickable-table-data .with-button .search .search-bar {
padding-right: 0;
}
.pickable-table-data .with-button .search .search-bar .bar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.pickable-table-data .with-button .search .search-bar .bar input {
display: inline-block;
}
.pickable-table-data .with-button .search .search-bar .bar .cancel-search-icon {
color: #d82034;
cursor: pointer;
font-weight: bold;
outline: none;
}
.pickable-table-data .disclaimers {
margin: 10px 0;
width: 90%;
}
.pickable-table-data .disclaimers .disclaimer {
padding: 0;
}
.ca-modal-opaque .modal-disclaimer {
text-align: justify;
padding: 0 15%;
}
.ca-modal-opaque .modal-disclaimer p {
padding: 8px 0;
margin: 0;
}
.ca-modal-opaque .modal-scrollable .nano-pane {
right: 13%;
}
.ca-modal-opaque .modal-switch-internal-fee {
padding: 0 10%;
}
.ca-modal-opaque .modal-switch-internal-fee .text-highlight {
color: #d82034;
font-weight: bold;
}
.ca-modal-opaque .modal-switch-internal-fee .text-break {
padding: 10px;
}
.modal-welcome.modal-disclaimer {
text-align: center;
padding: 0 7.5%;
}
.modal-welcome.modal-disclaimer h1 {
font-size: 40px;
font-style: italic;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
}
.modal-welcome.modal-disclaimer .welcome-logo-container {
display: inline-block;
height: 240px;
width: 240px;
border: 1px solid #ccc;
border-radius: 50%;
}
.modal-welcome.modal-disclaimer .welcome-logo {
display: inline-block;
height: 100%;
width: 140px;
background: center center no-repeat;
background-size: contain;
border-radius: 100%;
}
.modal-welcome.modal-disclaimer .description {
text-align: left;
white-space: pre-line;
}
.modal-welcome.modal-disclaimer .description strong {
color: #d82034;
}
.modal-welcome.modal-disclaimer .check-option {
text-align: left;
}
.modal-welcome.modal-disclaimer .check-option > input[type="checkbox"] {
margin-right: 10px;
}
.modal-welcome.modal-disclaimer .check-option > span {
vertical-align: top;
}
.modal-welcome.modal-disclaimer .risk-profile-and-pension-projection-description {
text-align: center;
padding: 0px !important;
line-height: 1.2;
}
.modal-welcome.modal-disclaimer .modal-option-buttons {
padding-top: 30px !important;
}
.risk-profile-and-pension-projection-description-box {
padding-left: 113px;
padding-right: 113px;
}
.risk-profile-and-pension-projection-options-box {
padding-top: 30px;
width: 100%;
}
.risk-profile-and-pension-projection-options-box .button {
margin: 0px 20px;
min-width: 195px !important;
}
.disclaimer-risk-profiler-and-pension-projection .modal-welcome.modal-disclaimer {
padding: 0 0;
}
.disclaimer-risk-profiler-and-pension-projection .modal-welcome.modal-disclaimer h1 {
font-size: 24px;
font-style: italic;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
margin: 24px 0 24px;
}
.disclaimer-risk-profiler-and-pension-projection .ca-icon {
color: #d82034;
height: 24px;
width: 24px;
font-size: 100% ;
vertical-align: unset;
font-weight: bold;
}
.disclaimer-risk-profiler-and-pension-projection .ca-icon-close::after {
content: "\00d7";
font-family: "LatoLatinWebThin", sans-serif;
font-size: 130%;
display: inline-block;
height: 24px;
width: 24px;
margin-right: 0px;
float: none;
font-weight: bold;
}
.disclaimer-risk-profiler-and-pension-projection.ca-modal-opaque header {
min-height: 30px;
}
.disclaimer-risk-profiler-and-pension-projection.ca-modal-opaque header .close-button {
position: absolute;
top: 0px;
right: 15px;
}
.disclaimer-risk-profiler-and-pension-projection .subpage .subpage-part {
max-height: 30px;
}
.disclaimer-risk-profiler-and-pension-projection .ca-modal-translucent header,
.disclaimer-risk-profiler-and-pension-projection .ca-modal-opaque header {
min-height: 24px;
}
.disclaimer-risk-profiler-and-pension-projection .check-option {
padding-top: 40px;
padding-left: 15px;
padding-bottom: 15px;
}
.disclaimer-risk-profiler-and-pension-projection .check-option span {
padding-left: 30px;
}
.disclaimer-risk-profiler-and-pension-projection .modal-welcome.modal-disclaimer .check-option > input[type="checkbox"] {
display: none;
}
.disclaimer-risk-profiler-and-pension-projection .modal-welcome.modal-disclaimer .check-option > input[type=checkbox] + label:before {
content: "\00d7";
display: block;
width: 20px;
height: 20px;
color: white;
top: 0;
left: 0;
background-color: white;
border: 2px solid #d82034;
}
.disclaimer-risk-profiler-and-pension-projection .modal-welcome.modal-disclaimer .check-option > input[type=checkbox] ~ label {
margin-bottom: 0px;
}
.disclaimer-risk-profiler-and-pension-projection .modal-welcome.modal-disclaimer .check-option > input[type=checkbox]:checked + label {
background-color: #2196F3;
}
.disclaimer-risk-profiler-and-pension-projection .modal-welcome.modal-disclaimer .check-option > input[type=checkbox]:checked + label:before {
padding-left: 4px;
display: block;
padding-bottom: 13px;
content: "\00d7";
font-family: "LatoLatinWebThin", sans-serif;
font-size: 99%;
height: 20px;
width: 20px;
font-weight: bold;
color: black;
}
.disclaimer-switch-from-internal-fund .modal-welcome.modal-disclaimer {
padding: 20px 20px;
text-align: justify;
}
.disclaimer-switch-from-internal-fund .modal-welcome.modal-disclaimer h1 {
font-size: 24px;
font-style: italic;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
margin: 24px 0 24px;
}
.disclaimer-switch-from-internal-fund .ca-icon {
color: #d82034;
height: 24px;
width: 24px;
font-size: 100% ;
vertical-align: unset;
font-weight: bold;
}
.disclaimer-switch-from-internal-fund .ca-icon-close::after {
content: "\00d7";
font-family: "LatoLatinWebThin", sans-serif;
font-size: 130%;
display: inline-block;
height: 24px;
width: 24px;
margin-right: 0px;
float: none;
font-weight: bold;
}
.disclaimer-switch-from-internal-fund.ca-modal-opaque header {
min-height: 30px;
}
.disclaimer-switch-from-internal-fund.ca-modal-opaque header .close-button {
position: absolute;
top: 0px;
right: 15px;
}
.disclaimer-switch-from-internal-fund .ca-modal-translucent header,
.disclaimer-switch-from-internal-fund .ca-modal-opaque header {
min-height: 24px;
}
.alerts-container .alert {
margin: 0;
padding: 15px 45px 15px 25px;
border-radius: 0;
border: 0;
}
.alerts-container .alert-icon {
width: 30px;
display: block;
}
.alerts-container .alert .close {
color: #fff;
opacity: 0.6;
text-shadow: none;
-webkit-transition: 0.3s;
transition: 0.3s;
position: static;
}
.alerts-container .alert:hover .close {
opacity: 1;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.alerts-container .alert.alert-warning {
background: #ffa800;
color: #fff;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.alerts-container .alert.alert-warning + .alert {
border-top: 1px solid #fd9528;
}
.alerts-container .alert.alert-warning ~ .alert.alert-warning {
padding: 0;
border-top: none;
}
.alerts-container .alert.alert-warning:hover {
-webkit-transition: 0.3s;
transition: 0.3s;
background: #fd9528;
}
.alerts-container .alert.alert-success {
background: #01a767;
color: #fff;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.alerts-container .alert.alert-success + .alert {
border-top: 1px solid #00c177;
}
.alerts-container .alert.alert-success:hover {
-webkit-transition: 0.3s;
transition: 0.3s;
background: #00c177;
}
.alerts-container .alert.alert-danger {
background: #fe0000;
color: #fff;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.alerts-container .alert.alert-danger + .alert {
border-top: 1px solid #e44638;
}
.alerts-container .alert.alert-danger:hover {
-webkit-transition: 0.3s;
transition: 0.3s;
background: #ea2323;
}
/* Group alerts */
.alerts-container .alert.group-alert {
padding-top: 5px;
padding-bottom: 5px;
padding-right: 35px;
}
.alerts-container .group-alert .alert-data {
padding: 5px 10px;
width: 100%;
display: block;
}
.alerts-container .group-alert.alert-warning .alert-data:hover {
background: #ffa800;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.alerts-container .group-alert.alert-danger .alert-data:hover {
background: #fe0000;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.alerts-container .group-alert.alert-success .alert-data:hover {
background: #01a767;
-webkit-transition: 0.3s;
transition: 0.3s;
}
/* Member big alerts container */
.member-alerts-container .alerts-container {
margin: 30px 0 0;
text-align: center;
}
.member-alerts-container .alerts-container .alert {
background: #01a767;
text-align: center;
padding: 2% 5%;
margin: 0 auto;
display: inline-block;
-webkit-transition: 1s;
transition: 1s;
}
.member-alerts-container .alerts-container .alert:hover {
-webkit-transition: 0.5s;
transition: 0.5s;
background: #00c177;
}
.member-alerts-container .alerts-container .alert .media-left,
.member-alerts-container .alerts-container .alert .media-right {
display: none;
}
.member-alerts-container .alerts-container .alert .media-body {
display: block;
width: auto;
padding: 0 20px;
text-align: center;
}
.member-alerts-container .alerts-container .alert .close {
display: none;
}
/* Member small alerts */
.member-small-alerts-container .alerts-container .alert {
background: #e6e6e6;
color: #000;
-webkit-transition: 1s;
transition: 1s;
padding: 5px 45px 5px 25px;
}
.member-small-alerts-container .alerts-container .alert.alert-danger {
color: #d82034;
}
.member-small-alerts-container .alerts-container .alert .close {
color: #000;
}
.member-small-alerts-container .alerts-container .alert:hover {
background: #cecece;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.member-small-alerts-container .alerts-container .alert .media-left,
.member-small-alerts-container .alerts-container .alert .media-right {
display: none;
}
.member-small-alerts-container .alerts-container .alert .alert-data {
padding: 0.5% 2%;
display: block;
}
.member-small-alerts-container .alerts-container .alert .alert-data:hover {
background: #e6e6e6;
}
.backoffice-alert .alerts-container .alert {
padding: 15px 45px 15px 25px;
}
/* Alerts links */
.alerts-container .alert .alert-body {
display: table;
width: 100%;
}
.alerts-container .alert .alert-data > .media {
background: transparent;
color: inherit;
padding: 0;
}
.alerts-container .alert .alert-body > * {
display: table-cell;
vertical-align: middle;
text-align: left;
}
.alerts-container .alert .alert-body > *:first-child {
width: 100%;
}
.alerts-container .alert .alert-body a.download-link {
color: #fff;
font-weight: bold;
margin-right: 20px;
white-space: nowrap;
text-align: left;
}
.alerts-container .alert .download-link .ca-icon-pdf {
width: 30px;
vertical-align: middle;
top: -2px;
}
.alerts-container .alert .download-link .ca-icon-pdf::after {
background-image: url('../styles/img/icons/pdf-white.png');
position: absolute;
float: none;
top: -15px;
}
.member-subpage .alerts-container .alert .alert-body a {
color: #d82034;
}
.ce-avatar .avatar-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 30px;
min-width: 30px;
overflow: hidden;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 2px;
margin: 0 auto;
}
.ce-avatar .avatar-container .avatar {
display: inline-block;
height: 100%;
width: 100%;
background: center center no-repeat;
background-size: contain;
margin: 0!important;
border-radius: 100%;
}
/*.ce-avatar .avatar-container.big-avatar .avatar{
height: 75%;
width: 75%;
}*/
.ce-avatar .normal-avatar {
width: 50px;
height: 50px;
font-size: 30px;
}
.ce-avatar .important-avatar {
width: 45px;
height: 45px;
font-size: 30px;
}
.ce-avatar .small-avatar {
width: 40px;
height: 40px;
font-size: 20px;
}
.ce-avatar .big-avatar {
width: 140px;
height: 140px;
}
.ce-avatar .big-avatar:not(.member-avatar) > .avatar {
height: 75%;
width: 75%;
border-radius: 0;
}
.ce-avatar .avatar-loading-placeholder {
display: inline-block;
}
.ce-avatar .with-white-background:not(.avatar-loading-placeholder) {
background-color: #fff;
border: 2px solid #ccc;
}
.ce-avatar .bordered {
border-width: 1px;
border-style: solid;
background-color: #fff;
}
.ce-avatar .bordered.default-border {
border-color: #ccc;
}
.ce-avatar .with-white-background.small-avatar,
.ce-avatar .with-white-background.normal-avatar,
.ce-avatar .with-white-background.user-avatar {
border-width: 1px;
}
.ce-avatar .with-right-margin {
margin-right: 10px;
}
.beneficiary-icon.rank-1 svg,
.beneficiary-icon svg {
fill: #a21c35;
}
.beneficiary-icon.rank-2 svg {
fill: #b42c30;
}
.beneficiary-icon.rank-3 svg {
fill: #ca3c2e;
}
.beneficiary-icon.rank-4 svg {
fill: #d94d2a;
}
.beneficiary-icon.rank-5 svg {
fill: #f45f25;
}
.beneficiary-icon.rank-6 svg {
fill: #c6c6c4;
}
.beneficiary-list-table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
.beneficiary-list-table .beneficiary-icon-container {
width: 20%;
text-align: center;
max-width: 400px;
}
.beneficiary-list-table .beneficiary-icon {
width: 80%;
padding: 0 10%;
margin: 0 auto;
}
.beneficiary-list-table .rank-icon {
width: 35px;
height: 35px;
font-size: 17px;
border-radius: 50%;
display: block;
margin: 10px auto;
line-height: 35px;
}
.beneficiary-list-table .rank-icon.rank-1 {
background: #a21c35;
color: #fff;
}
.beneficiary-list-table .rank-icon.rank-2 {
background: #b42c30;
color: #fff;
}
.beneficiary-list-table .rank-icon.rank-3 {
background: #ca3c2e;
color: #fff;
}
.beneficiary-list-table .rank-icon.rank-4 {
background: #d94d2a;
color: #fff;
}
.beneficiary-list-table .rank-icon.rank-5 {
background: #f45f25;
color: #fff;
}
.beneficiary-list-table .rank-icon.rank-6 {
background: #c6c6c4;
color: #fff;
}
.beneficiary-list-table .beneficiary-list-row > td {
padding: 30px 0;
border-bottom: 1px solid transparent;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.beneficiary-list-table .beneficiary-list-row > td:not(.without-border) {
border-color: #ccc;
}
.beneficiary-list-table .beneficiary-list-row:hover > td {
background: #f5f5f5;
}
.beneficiaries .page-panel .panel-content.beneficiary-panel {
margin-right: -20px;
}
.beneficiaries .page-panel .panel-content.beneficiary-panel .panel-title {
margin: -20px 0 0 -20px;
clear: both;
}
.beneficiaries .beneficiary-list {
padding-left: 4%;
}
.beneficiary-list-table .beneficiary-list-row .beneficiary-data {
width: 80%;
}
.beneficiary-list-table .beneficiary-list-row .beneficiary-data .extra-space {
padding: 0 0 5px;
}
.beneficiary-list-table .beneficiary-list-row .beneficiary-data .light {
color: #8e8e8e;
}
.beneficiary-list-table .beneficiary-list-row .beneficiary-data .basic-data,
.beneficiary-list-table .beneficiary-list-row .beneficiary-data .address-data,
.beneficiary-list-table .beneficiary-list-row .beneficiary-data .share-info {
padding-top: 10px;
padding-bottom: 10px;
}
.beneficiary-list-table .beneficiary-list-row .beneficiary-data .basic-data > div,
.beneficiary-list-table .beneficiary-list-row .beneficiary-data .address-data > div {
padding-right: 10px;
word-wrap: break-word;
}
.beneficiary-list-table .beneficiary-list-row .beneficiary-data .basic-data > div > ::after,
.beneficiary-list-table .beneficiary-list-row .beneficiary-data .address-data > div > ::after {
content: " ";
}
.beneficiary-list-table .beneficiary-list-row .beneficiary-data .share-info strong {
font-size: 17px;
color: #de822b;
}
.beneficiary-list-table .show-more-link {
display: inline-block;
margin-top: 15px;
cursor: pointer;
}
.beneficiaries .action-link {
font-weight: bold;
font-size: 15px;
font-family: "Standard", Calibri, sans-serif;
}
.beneficiaries .beneficiary-info {
display: block;
margin: 15px 0;
}
.beneficiaries .beneficiary-table-with-image .table-content {
padding: 0 40px;
}
.beneficiaries .beneficiary-table-with-image img {
width: 100%;
}
.beneficiaries .beneficiary-table-with-image .clause-text {
padding: 0 2% 2% 0;
}
.beneficiaries .beneficiary-table-with-image .with-top-text {
vertical-align: top;
}
.beneficiaries .beneficiary-table-with-image .with-top-text .clause-text {
padding-top: 10px;
}
.beneficiaries .sub-header {
padding: 15px 30px;
display: block;
color: #000;
}
/* Edit panel */
.beneficiaries .beneficiary-edit-panel {
width: 70%;
margin: 0 auto;
border: 1px dashed #d82034;
background: #fff;
padding: 0 1%;
}
.beneficiaries .beneficiary-edit-panel .buttons {
padding: 10px;
}
.beneficiaries .beneficiary-edit-panel .buttons button {
float: none;
display: inline-block;
}
.beneficiaries .beneficiary-edit-panel .buttons .title-button {
font-weight: bold;
}
.beneficiaries .beneficiary-edit-panel .beneficiary-edit-body {
padding: 3% 5%;
}
.beneficiaries .beneficiary-edit-panel .field-section {
padding: 0 50px;
float: none;
}
.beneficiaries .beneficiary-edit-panel .field-section .input-group {
width: 100%;
min-width: 0;
max-width: none;
display: block;
clear: both;
}
.beneficiaries .beneficiary-edit-panel .field-section .empty-label .control-label {
opacity: 0;
}
.beneficiaries .beneficiary-edit-panel .field-section .empty-label .control-label::before {
content: " ";
display: inline-block;
}
.beneficiaries .beneficiary-edit-panel.form-with-editable-data .field-section .field-container {
padding-right: 25px;
}
.beneficiaries .beneficiary-edit-panel.form-with-editable-data .field-section.lesser-space-between-columns {
padding-right: 70px;
}
.beneficiaries .beneficiary-edit-panel.form-with-editable-data .field-section.lesser-space-between-columns .field-container {
padding-right: 5px;
}
.beneficiaries .beneficiary-edit-panel.form-with-editable-data .field-section .field-container input {
width: 100%;
padding-left: 10px;
}
.beneficiaries .beneficiary-edit-panel.form-with-editable-data .field-section .field-container .ce-combobox .chosen-single {
padding-left: 10px;
}
.beneficiaries .beneficiary-edit-panel.form-with-editable-data .field-section .bordered {
margin-bottom: 15px;
padding-top: 0;
}
.beneficiaries .beneficiary-edit-panel.form-with-editable-data .field-section .inline-radio {
margin-left: 10px;
}
.beneficiaries .beneficiary-edit-panel.form-with-editable-data .field-section .label-container {
padding: 5px 0 5px 10px;
}
.beneficiaries .beneficiary-edit-panel.form-with-editable-data .field-section header {
margin-bottom: 10px;
margin-top: 25px;
}
.beneficiaries .beneficiary-edit-panel.form-with-editable-data .field-section header h4 {
padding: 0;
margin: 0;
font-size: 17px;
}
.beneficiaries .beneficiary-edit-panel.form-with-editable-data .field-section .with-top-space {
margin-top: 10px;
}
.beneficiaries .buttons .main-action-button {
margin-top: 20px;
min-width: 300px;
padding-top: 10px;
padding-bottom: 10px;
font-family: "Standard", Calibri, sans-serif;
font-size: 15px;
font-weight: bold;
}
.beneficiaries .beneficiary-header {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
padding: 30px 10px;
margin: 0;
font-size: 24px;
clear: both;
}
.beneficiaries .beneficiary-header.small {
font-size: 17px;
}
.beneficiaries .beneficiary-header.bordered {
border-bottom: 1px solid #ccc;
margin-left: -20px;
}
.beneficiaries .beneficiaries-wizard-indicator {
margin: 0 -20px;
}
.beneficiaries .beneficiary-clause-option {
padding-left: 10px;
}
.beneficiaries .beneficiary-clause-option > .row > .col-md-1 {
width: 5%;
}
.beneficiaries .beneficiary-clause-option > .row > .col-md-11 {
width: 90%;
}
.beneficiaries .beneficiary-clause-option .option-description .beneficiary-clause-option-title {
margin: 0 0 10px;
font-weight: bold;
display: block;
cursor: pointer;
}
.beneficiaries .beneficiary-clause-option .option-description .clause-text {
padding-top: 10px;
}
.beneficiaries .beneficiaries-summary {
padding: 0 20px;
}
.beneficiaries .beneficiaries-summary .panel-title {
clear: both;
margin: -20px -20px 0;
}
.beneficiaries .page-panel .panel-title.italic {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-style: italic;
font-size: 24px;
font-weight: normal;
}
.beneficiaries .page-panel .panel-title .download-link {
font-size: 15px;
font-weight: bold;
font-style: normal;
font-family: "Standard", Calibri, sans-serif;
color: #d82034;
}
.beneficiaries .page-panel .panel-title .download-link .ca-icon {
width: 30px;
vertical-align: middle;
top: -1px;
}
.beneficiaries .beneficiaries-confirmation {
text-align: center;
margin-top: 20px;
}
.beneficiaries .beneficiaries-confirmation .icon-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
width: 200px;
height: 200px;
background: #fff;
border-radius: 50%;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.beneficiaries .beneficiaries-confirmation .icon-container .ca-icon {
width: 50%;
}
.beneficiaries .beneficiaries-confirmation h1 {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-style: italic;
}
.beneficiaries textarea.custom-clause {
width: 100%;
outline: none;
padding: 10px;
}
.beneficiaries .beneficiary-edit-panel div.form-group span.error-info {
display: block;
clear: both;
}
.beneficiaries .beneficiary-edit-panel .ae-validations.ae-validations-asterisk .control-label::after {
content: none;
}
.beneficiaries .member-subpage .page-panel .panel-content .ae-wizard-buttons .btn-wizard.next,
.beneficiaries .member-subpage .page-panel .panel-content .ae-wizard-buttons button.btn-wizard.prev {
font-size: 17px!important;
margin-top: 30px!important;
}
.clause-text {
white-space: pre-line;
}
.beneficiaries .beneficiaries-page-main-buttons .button-action {
margin: 10px 0 0 0;
}
.beneficiaries .beneficiaries-page-main-buttons.with-right-margin {
padding-right: 5px;
}
/* Tile */
.my-beneficiares-tile .list-view .row {
-webkit-transition: 0.3s;
transition: 0.3s;
padding-top: 10px;
padding-bottom: 10px;
}
.my-beneficiares-tile .list-view > .row {
margin-right: -25px;
margin-left: 0;
}
.my-beneficiares-tile .list-view > .row:hover {
background: #F5F5F5;
}
.my-beneficiares-tile .list-view > .row:not(:last-child) {
border-bottom: 1px solid #ccc;
}
.my-beneficiares-tile .list-view > .show-more-link {
padding-top: 10px;
}
.my-beneficiares-tile .tile-body header {
border-bottom: #ccc 1px solid;
padding: 0 20px 20px;
margin: 0 -25px 15px;
}
.my-beneficiares-tile .tile-body header h3 {
font-size: 24px;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
}
.my-beneficiares-tile .clause-view img {
max-width: 100%;
max-height: 250px;
margin: 20px 0;
}
.my-beneficiares-tile .tile-body .space-between-text strong,
.my-beneficiares-tile .tile-body .space-between-text span {
padding-right: 5px;
}
.my-beneficiares-tile .clause-view .top {
vertical-align: top;
}
.benefitName:not(:last-child):after {
content: ", ";
}
.benefits-view header {
padding: 20px 25px 15px;
}
.benefits-view header h4 {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 24px;
font-weight: normal;
}
.benefits-view header .big-value,
.benefits-header .big-value {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-weight: normal;
font-size: 30px;
margin-right: 20px;
}
.benefits-view .benefits-list {
margin-bottom: 20px;
padding: 0 25px;
}
.benefits-view .benefits-list.bordered {
border-top: 1px solid #ccc;
padding-top: 20px;
}
.benefits-view .benefits-list .highlighted-benefit {
background: #f5f5f5;
margin: 4px 0;
padding: 3px 0;
-webkit-transition: background 0.5s;
transition: background 0.5s;
}
.benefits-view .benefits-list .highlighted-benefit.gray {
color: #808080;
}
.benefits-view .benefits-list .highlighted-benefit strong:not(.higlight-warning):not(.higlight-success),
.benefits-view .benefits-list .highlighted-benefit b:not(.higlight-success):not(.higlight-success) {
color: #000;
}
.benefits-view .benefits-list .highlighted-benefit:hover {
background: #f0f0f0;
}
.benefits-view .benefits-list .indented-benefit {
color: #808080;
margin: 10px 0 10px 20px;
padding: 3px 0;
-webkit-transition: background 0.5s;
transition: background 0.5s;
}
.benefits-view .benefits-list .indented-benefit:hover {
background: #f5f5f5;
}
.benefits-view .benefits-list .indented-benefit strong {
color: #000;
}
.benefits-view header.subtitle {
padding: 20px 50px 15px 40px;
font-weight: normal;
color: #808080;
}
.benefits-view header.subtitle h5 {
font-weight: normal;
font-size: 17px;
}
.benefits-view header.subtitle.bordered {
border-top: 1px solid #ccc;
margin-left: -15px;
}
.benefits-view .benefits-list .indented-benefit .fix-indent {
padding-right: 4px;
}
.benefits-view .benefits-list .action-link {
color: #d82034;
font-weight: bold;
cursor: pointer;
}
.benefits-view .benefits-list .action-link.separate {
display: block;
margin-left: 15px;
margin-top: 15px;
}
.benefits-view .benefits-list .action-link .glyphicon {
top: 2px;
margin-right: 3px;
}
/* Member colors */
.color-index-0 {
background: transparent;
color: #d82034;
}
.color-index-0.bordered,
.border-color-index-0 {
border-color: #d82034;
}
.color-index-0:hover,
.color-index-0:active,
.color-index-0.active {
background: #d82034;
color: #fff;
}
.color-index-1 {
color: #A11C36;
background: transparent;
}
.color-index-1.bordered,
.border-color-index-1 {
border-color: #A11C36;
}
.color-index-1:hover,
.color-index-1:active,
.color-index-1.active {
background: #A11C36;
color: #fff;
}
.color-index-2 {
color: #3D3D3D;
background: transparent;
}
.color-index-2.bordered,
.border-color-index-2 {
border-color: #3D3D3D;
}
.color-index-2:hover,
.color-index-2:active,
.color-index-2.active {
background: #3D3D3D;
color: #fff;
}
.color-index-3 {
color: #C4B350;
background: transparent;
}
.color-index-3.bordered,
.border-color-index-3 {
border-color: #C4B350;
}
.color-index-3:hover,
.color-index-3:active,
.color-index-3.active {
background: #C4B350;
color: #fff;
}
.color-index-4 {
color: #DE822B;
background: transparent;
}
.color-index-4.bordered,
.border-color-index-4 {
border-color: #DE822B;
}
.color-index-4:hover,
.color-index-4:active,
.color-index-4.active {
background: #DE822B;
color: #fff;
}
.color-index-5 {
color: #6D1874;
background: transparent;
}
.color-index-5.bordered,
.border-color-index-5 {
border-color: #6D1874;
}
.color-index-5:hover,
.color-index-5:active,
.color-index-5.active {
background: #6D1874;
color: #fff;
}
/* Funds colors */
.fund-filled-color-0 {
background-color: #d82034;
}
.fund-filled-color-1 {
background-color: #3D3D3D;
}
.fund-filled-color-2 {
background-color: #A11C36;
}
.fund-filled-color-3 {
background-color: #808080;
}
.fundColor0 {
background-color: #A11C36;
}
.fundColor1 {
background-color: #003374;
}
.fundColor2 {
background-color: #40752A;
}
.fundColor3 {
background-color: #F4C800;
}
.fundColor4 {
background-color: #5B2859;
}
.fundColor5 {
background-color: #0097DB;
}
.fundColor6 {
background-color: #95AE00;
}
.fundColor7 {
background-color: #DE822B;
}
.fundColor8 {
background-color: #808080;
}
.fundColor {
width: 15px;
height: 15px;
}
/* Color bar */
.color-bar {
height: 15px;
margin: 20px;
display: block;
clear: both;
background: #808080;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.color-bar.simple {
background: transparent;
margin: 0;
}
.color-bar.bordered {
border: 1px solid rgba(255, 255, 255, 0.6);
}
.color-bar.bordered .part {
height: 13px;
}
.color-bar.light {
background: #f5f5f5;
margin: 5px 0;
}
.color-bar.resize-to-text {
height: auto;
}
.color-bar.resize-to-text .part {
padding: 5px 0 3px;
font-size: 13px;
}
.color-bar .part {
float: left;
height: inherit;
}
.color-bar .part.clickable {
cursor: pointer;
}
.color-bar .show-zeros {
min-width: 10px;
}
.color-bar .part::after {
content: " ";
width: 1px;
display: block;
float: right;
height: 100%;
background: #fff;
}
.color-bar .part span {
padding-left: 20px;
padding-right: 20px;
height: 100%;
}
.color-bar .part.striped {
min-width: 15px;
border: 1px solid;
box-sizing: border-box;
}
.color-bar .part.striped.red {
border-color: #d82034;
background-image: -webkit-repeating-linear-gradient(60deg, #d82034, #d82034 0.12em, transparent 0.11em, transparent 0.3em);
background-image: repeating-linear-gradient(30deg, #d82034, #d82034 0.12em, transparent 0.11em, transparent 0.3em);
}
.color-bar .part.striped.gray {
border-color: #808080;
background-image: -webkit-repeating-linear-gradient(60deg, #808080, #808080 0.12em, transparent 0.1em, transparent 0.3em);
background-image: repeating-linear-gradient(30deg, #808080, #808080 0.12em, transparent 0.1em, transparent 0.3em);
}
.color-bar .part:last-child::after {
background: transparent;
}
.ce-combobox {
display: block;
white-space: nowrap;
}
.ce-combobox .chosen-select {
-moz-appearance: none;
-webkit-appearance: none;
text-indent: 0.01px;
text-overflow: '';
}
.ce-combobox .chosen-select::-ms-expand {
display: none;
}
.ce-combobox .chosen-select {
border-radius: 0;
background: none;
color: #555!important;
font-family: "Standard", Calibri, sans-serif;
font-weight: normal!important;
font-size: 15px;
border: 1px solid transparent;
-webkit-transition: 0.3s;
transition: 0.3s;
height: 30px;
padding-top: 2px;
padding-left: 3px;
box-shadow: none;
}
.ce-combobox .chosen-container .chosen-single {
border-radius: 0;
background: none;
color: #000;
font-family: "Standard", Calibri, sans-serif;
font-weight: bold;
font-size: 15px;
border: 1px solid transparent;
-webkit-transition: 0.3s;
transition: 0.3s;
height: 30px;
padding-top: 3px;
padding-left: 3px;
box-shadow: none;
}
.ce-combobox .chosen-container:hover .chosen-single,
.ce-combobox .chosen-container.chosen-container-active .chosen-single,
.ce-combobox:hover .chosen-container .chosen-single {
border-color: #ccc;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.always-show-comboboxes .ce-combobox .chosen-container:hover .chosen-single,
.always-show-comboboxes .ce-combobox .chosen-container.chosen-container-active .chosen-single,
.always-show-comboboxes .ce-combobox:hover .chosen-container .chosen-single,
.always-show-comboboxes .ce-combobox .chosen-container .chosen-single {
border-color: #ccc;
}
.ce-combobox .select-clear {
color: #d82034;
cursor: pointer;
margin-left: 10px;
visibility: visible;
font-size: 12px;
opacity: 1;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.ce-combobox:not(:hover) .select-clear {
visibility: hidden;
opacity: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.ce-combobox .chosen-container .chosen-search {
text-align: center;
}
.ce-combobox .chosen-container .chosen-search > input {
border: 1px solid #ccc!important;
width: 95%!important;
margin: 5px auto;
}
.ce-combobox .chosen-drop .chosen-results {
margin: 0;
padding: 0;
}
.ce-combobox .chosen-drop .chosen-results .result-selected {
background: #d82034;
color: #fff;
}
.ce-combobox .chosen-drop .chosen-results li {
-webkit-transition: 0.5s;
transition: 0.5s;
}
.ce-combobox .chosen-drop .chosen-results li.highlighted {
background: #e6e6e6;
color: #555;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.ce-combobox .chosen-select.ng-invalid + div.chosen-container:not(:hover):not(.chosen-with-drop) a.chosen-single:not(:hover) {
border-color: #d82034;
}
.chosen-container .chosen-results li {
overflow: hidden;
text-overflow: ellipsis;
}
.chosen-container .chosen-results li em {
text-decoration: none;
color: #de822b;
font-weight: bold;
}
.ce-combobox .select-arrow {
pointer-events: none;
margin-left: -25px;
visibility: visible;
opacity: 1;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.ce-combobox:not(:hover) .select-arrow {
visibility: hidden;
opacity: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.contract-update-member-data ol.guide {
padding-left: 0;
list-style-position: inside;
}
.contract-update-member-data ol.guide li {
margin-top: 30px;
font-weight: normal;
}
.contract-update-member-data ol.guide li > * {
margin-left: 10px;
}
.ce-datepick {
position: relative;
display: inline-block;
white-space: nowrap;
}
@media print {
.ce-datepick {
display: -ms-grid;
display: grid;
}
}
.ce-datepick .clear-button {
position: static;
top: 3px;
right: -19px;
font-size: 12px;
color: #d82034;
cursor: pointer;
font-weight: bold;
visibility: hidden;
opacity: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.ce-datepick:hover .clear-button {
visibility: visible;
opacity: 1;
}
.ce-datepick .uib-datepicker-popup .uib-datepicker .uib-yearpicker .uib-years > .uib-year > .btn.active,
.ce-datepick .uib-datepicker-popup .uib-datepicker .uib-monthpicker .uib-months > .uib-month > .btn.active,
.ce-datepick .uib-datepicker-popup .uib-datepicker .uib-daypicker .uib-weeks > .uib-day > .btn.active {
background: #d82034;
box-shadow: none;
border-radius: 0;
}
.ce-datepick .uib-datepicker-popup .uib-datepicker .uib-years .uib-year .btn,
.ce-datepick .uib-datepicker-popup .uib-datepicker .uib-months .uib-month .btn,
.ce-datepick .uib-datepicker-popup .uib-datepicker .uib-weeks .uib-day .btn {
border-radius: 0;
}
.ce-datepick .uib-datepicker-popup .uib-datepicker .uib-years .uib-year .btn-info,
.ce-datepick .uib-datepicker-popup .uib-datepicker .uib-months .uib-month .btn-info,
.ce-datepick .uib-datepicker-popup .uib-datepicker .uib-weeks .uib-day .btn-info {
background: #F5F5F5;
}
.ce-datepick .uib-datepicker-popup .uib-datepicker .uib-years .uib-year .btn-default:not(.active) span.text-info,
.ce-datepick .uib-datepicker-popup .uib-datepicker .uib-months .uib-month .btn-default:not(.active) span.text-info,
.ce-datepick .uib-datepicker-popup .uib-datepicker .uib-weeks .uib-day .btn-default:not(.active) span.text-info {
font-weight: bold;
color: #000;
}
.ce-datepick .uib-datepicker-popup .uib-datepicker .uib-monthpicker .uib-months > .uib-month > .btn {
width: 100px;
}
.ce-datepick .uib-datepicker-popup .uib-button-bar .uib-close {
display: none;
}
.ce-datepick .uib-datepicker-popup .uib-button-bar > .btn-group {
float: none;
display: block;
width: 100%;
margin: 0;
padding: 0;
}
.ce-datepick .uib-datepicker-popup .uib-button-bar > .btn-group > .btn {
padding: 8px 20px;
font-size: 15px;
border: none;
border-radius: 0;
color: #d82034;
background: transparent;
}
.ce-datepick .uib-datepicker-popup .uib-button-bar > .btn-group .uib-clear {
float: right;
background: #d82034;
color: #fff;
}
.ce-datepick.hide-clear-button .uib-datepicker-popup .uib-button-bar > .btn-group .uib-clear {
display: none;
}
.ce-datepick .uib-datepicker-popup .uib-datepicker .uib-daypicker .uib-day .btn-sm .text-muted {
color: #ccd;
font-style: italic;
}
.ce-datepick .small-label {
font-size: 12px;
text-align: left !important;
color: #808080;
position: static;
display: inline-block;
}
@media print {
.ce-datepick .small-label {
font-size: 12px !important;
text-align: left !important;
}
}
.ce-datepick .hide-on-screen {
display: none;
}
.ce-download-as-pdf .download-summary .download-pdf {
width: 30%;
height: 30%;
}
.ce-download-as-pdf .download-summary .download-link {
color: #d82034;
font-weight: bold;
font-size: 15px;
}
.dropdown-button .dropdown-menu {
box-shadow: rgba(0, 0, 0, 0.4) 0 0 25px;
border-radius: 0;
margin: 0;
padding: 0;
z-index: 1050;
border: 0;
font-size: 15px;
}
.dropdown-button > button .arrow-icon {
-webkit-transition: 0.3s;
transition: 0.3s;
font-size: 80%;
}
.dropdown-button.open > button .arrow-icon {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.dropdown-button.right .dropdown-menu {
right: 0;
left: auto;
}
.dropdown-button .dropdown-menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.dropdown-button .dropdown-menu ul li {
display: block;
padding: 15px 65px 15px 25px;
white-space: nowrap;
}
.dropdown-button .dropdown-menu ul li:hover {
background: #e6e6e6;
cursor: pointer;
}
.dropdown-button .glyphicon-chevron-down {
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.dropdown-button.open .glyphicon-chevron-down {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
/* White dropdown button with shadow */
.white-dropdown-with-shadow {
display: inline-block;
}
.white-dropdown-with-shadow .dropdown-menu {
min-width: 0;
}
.white-dropdown-with-shadow .dropdown-menu ul li {
padding: 15px 5% 15px 25px;
white-space: normal;
}
.white-dropdown-with-shadow > button,
.white-dropdown-button {
padding: 20px 40px;
color: #d82034;
margin: 0;
font-weight: bold;
border: 0;
border-radius: 0;
outline: 0;
background: #fff;
}
.white-dropdown-with-shadow > button:hover,
.white-dropdown-with-shadow > button:focus,
.white-dropdown-with-shadow > button:active,
.white-dropdown-with-shadow > button:active:hover {
background: #fff;
outline: 0;
box-shadow: none;
color: #d82034;
}
.white-dropdown-with-shadow.open {
box-shadow: rgba(0, 0, 0, 0.4) -5px -5px 25px;
z-index: 1051;
}
.white-dropdown-with-shadow.open .dropdown-menu {
left: 0;
right: 0;
box-shadow: rgba(0, 0, 0, 0.4) -5px 5px 25px;
padding-top: 5px;
}
.white-dropdown-with-shadow.open .dropdown-menu::after {
content: "";
display: block;
position: absolute;
background: #fff;
left: 0;
right: 0;
top: -10px;
height: 15px;
}
.dropdown-button .bordered-button {
border: 1px solid #ccc;
background: #fff;
padding: 5px 10px;
min-width: 150px;
}
.dropdown-button .bordered-button > * {
display: inline-block;
vertical-align: middle;
}
.dropdown-button .bordered-button .glyphicon-chevron-down {
color: #d82034;
top: 3px;
font-size: 12px;
}
/* Simple white dropdown */
.dropdown-button.white-dropdown > button {
background: #fff;
border: none;
outline: none;
color: #d82034;
padding: 5px 10px;
font-weight: bold;
}
.dropdown-button.white-dropdown > button > .right-icon {
font-size: 13px;
margin-top: 2px;
top: 3px;
}
.dropdown-button.white-dropdown .dropdown-menu ul li {
white-space: normal;
color: #000;
font-size: 17px;
-webkit-transition: 0.3s;
transition: 0.3s;
padding: 15px 55px 15px 38px;
}
.dropdown-button.white-dropdown .dropdown-menu ul li .small {
font-size: 15px;
white-space: nowrap;
}
/* Form with editable data */
input::-ms-clear {
display: none;
}
.long-fields .form-with-editable-data.fixed-form-controls .field-section .form-control {
max-width: 75%;
}
.form-with-editable-data .field-section .control-label.bordered-label {
padding-top: 30px;
}
.form-with-editable-data .field-section .bordered {
padding-bottom: 25px;
padding-top: 25px;
border-bottom: 1px solid #cccccc;
}
.form-with-editable-data .field-section:last-child .bordered {
border-bottom: transparent;
}
.form-with-editable-data .field-section .header-remove-link {
color: #d82034;
margin-top: 3px;
float: left;
}
.form-with-editable-data .field-section .field-example-values {
background: #e6e6e6;
width: auto;
padding: 0 0 3px;
word-wrap: break-word;
}
.form-with-editable-data .field-section .field-example-values * {
padding: 0 10px;
font-weight: bold;
text-shadow: none;
color: #000 !important;
}
.form-with-editable-data .field-section .inline-radio input {
width: auto;
float: left;
margin-left: 5px;
margin-right: 7px;
margin-top: 3px;
}
.form-with-editable-data .field-section .inline-radio {
margin-top: 5px;
margin-right: 30px;
}
.form-with-editable-data .field-section .inline-radio .radio-label {
display: block;
white-space: nowrap;
float: left;
}
.form-with-editable-data .field-section .control-label-subtitle {
float: left;
clear: both;
font-size: 12px;
width: 100%;
}
.form-with-editable-data .field-section.field-subsection {
margin-top: 0;
}
.form-with-editable-data .field-section.field-subsection .control-label {
padding-left: 9px;
}
.form-with-editable-data .field-section .field-action-link {
padding-left: 9px;
color: #d82034;
text-align: left;
font-weight: bold;
text-shadow: none;
float: left;
clear: both;
padding-top: 6px;
}
.form-with-editable-data .field-section .button-action-link {
border: none;
background: transparent;
font-weight: bold;
}
.form-with-editable-data .field-section .button-action-link .glyphicon {
color: #d82034;
display: inline-block;
bottom: 0;
font-weight: bold;
text-shadow: none;
float: left;
clear: both;
font-size: 15px !important;
}
.form-with-editable-data .field-section .button-action-link .button-action-link-text {
font-size: 15px;
}
.form-with-editable-data .field-section .field-action-link .glyphicon {
display: inline-block;
vertical-align: middle;
top: 0;
}
.form-with-editable-data .field-section .information-row .information-row-title {
padding-left: 5px;
}
.form-with-editable-data .field-section .information-row .information-row-data {
padding: 0 0 0 5px;
}
.form-with-editable-data .field-section input {
width: auto;
display: inline;
}
.form-with-editable-data .field-section {
float: left;
width: 100%;
margin: 10px 0;
padding: 0;
}
.form-with-editable-data .field-section .field-section-header {
padding: 20px 0 18px 3px;
display: block;
font-size: 17px;
}
.form-with-editable-data .field-section .small-field-section-header {
padding: 5px 0 10px 3px;
display: block;
font-size: 15px;
font-weight: bold;
}
.form-with-editable-data .field-section .remove-link {
color: #d82034 !important;
display: inline-block;
}
.form-with-editable-data .field-section .remove-link.padding-left {
margin-left: 65%;
}
.form-with-editable-data .field-section .remove-link .glyphicon {
font-size: 10px;
}
.form-with-editable-data .field-section .form-group {
margin-bottom: 5px;
}
.form-with-editable-data .field-section .control-label {
text-align: left;
color: #808080;
padding-left: 20px;
padding-top: 6px;
word-wrap: break-word;
}
.form-with-editable-data .add-field,
.form-with-editable-data .add-field:link,
.form-with-editable-data .add-field:visited {
padding-left: 0 !important;
color: #d82034;
text-align: left;
font-weight: bold;
text-shadow: none;
display: inline-block;
}
.form-with-editable-data .add-field:hover,
.form-with-editable-data .add-field:active {
text-decoration: none;
cursor: pointer;
}
.form-with-editable-data .add-field:hover > *:not(.link-icon),
.form-with-editable-data .add-field:active > *:not(.link-icon) {
text-decoration: none;
}
.button-empty:hover .ca-text-icon,
.form-with-editable-data .add-field:hover .ca-text-icon {
text-decoration: none;
}
.button-empty:hover .ca-text-icon *:not(.link-icon),
.form-with-editable-data .add-field:hover .ca-text-icon *:not(.link-icon) {
text-decoration: underline !important;
}
.form-with-editable-data .field-section select {
border-radius: 0;
color: #000;
text-shadow: none;
}
.form-with-editable-data .field-section .ca-field-icon {
width: 25px;
}
.form-with-editable-data .field-section .form-control,
.form-with-editable-data .field-section .ui-select-container .ui-select-toggle {
border: 1px solid #cccccc;
border-radius: 0;
font-size: 15px;
}
.form-with-editable-data .field-section .ui-select-container .ui-select-toggle,
.form-with-editable-data .field-section .ui-select-container.open {
margin-bottom: 8px;
}
.form-with-editable-data .field-section .ui-select-container .ui-select-toggle a {
position: absolute;
margin: 1px 0 0 0;
padding: 0;
right: -35px;
text-decoration: none !important;
}
.form-with-editable-data .field-section .select-like-textbox .ui-select-container span {
color: initial;
}
.form-with-editable-data .field-section .select-like-textbox .ui-select-container .ui-select-toggle {
border: none;
cursor: auto;
}
.form-with-editable-data .field-section .select-like-textbox .ui-select-container .caret {
display: none;
}
.date-input,
.date-input:hover,
.date-input:not([disabled]):active,
.date-input:focus {
cursor: default;
background: no-repeat scroll center right !important;
background-image: url('../styles/img/icons/calendar.png') !important;
background-size: 25px 25px !important;
padding-right: 30px !important;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.date-input:not([disabled]):hover,
.date-input:not([disabled]):active,
.date-input:not([disabled]):focus,
.always-show-date-icon .date-input:not([disabled]) {
cursor: pointer;
background-image: url('../styles/img/icons/calendar.png') !important;
-webkit-transition: 0.4s;
transition: 0.4s;
}
/* Stargate input behaviour */
.form-with-editable-data.hide-unactive-fields .field-section .ui-select-container .ui-select-toggle,
.form-with-editable-data.hide-unactive-fields .field-section .ui-select-container.open {
margin-bottom: 0px;
}
.form-with-editable-data.hide-unactive-fields .field-section .date-input {
background-image: none;
}
.form-with-editable-data.hide-unactive-fields .field-section input,
.form-with-editable-data.hide-unactive-fields .field-section .ui-select-match > span,
.form-with-editable-data.hide-unactive-fields .field-section .ui-select-container,
.form-with-editable-data.hide-unactive-fields .field-section .ui-select-container.ui-select-bootstrap .ui-select-match.btn-default-focus > span,
.form-with-editable-data.hide-unactive-fields .field-section select {
border: 1px solid transparent;
font-weight: bold !important;
outline: none;
text-shadow: none;
width: 200px;
}
.form-with-editable-data.hide-unactive-fields .field-section span.ce-combobox {
width: 200px;
}
.form-with-editable-data.hide-unactive-fields .field-section input:active,
.form-with-editable-data.hide-unactive-fields .field-section input:hover,
.form-with-editable-data.hide-unactive-fields .field-section input:focus,
.form-with-editable-data.hide-unactive-fields .field-section .ui-select-container:hover,
.form-with-editable-data.hide-unactive-fields .field-section .ui-select-container.open,
.form-with-editable-data.hide-unactive-fields .field-section .combobox-field:hover .ui-select-container,
.form-with-editable-data.hide-unactive-fields .field-section select:hover,
.form-with-editable-data.hide-unactive-fields .field-section select:focus,
.form-with-editable-data.hide-unactive-fields .field-section select:active {
border: 1px solid #cccccc;
outline: none;
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-with-editable-data.hide-unactive-fields .field-section .ui-select-container:hover {
padding: 0;
}
.form-with-editable-data.hide-unactive-fields .field-section .ui-select-container:hover input {
border: 1px solid transparent;
-webkit-transition: none;
transition: none;
}
.form-with-editable-data.hide-unactive-fields .field-section .ui-select-container input {
border: 1px solid transparent;
-webkit-transition: none;
transition: none;
}
.form-with-editable-data.hide-unactive-fields .field-section .ui-select-container .ui-select-toggle {
background: none;
border: 1px solid transparent;
}
/* Error fields */
.form-with-editable-data .field-section .has-error .form-control,
.form-with-editable-data .field-section .error-label {
border-color: #d82034;
}
.form-with-editable-data .field-section .error-info {
color: #d82034;
font-weight: normal;
clear: both;
width: 100%;
display: block;
white-space: nowrap;
}
.form-with-editable-data .field-section .display-as-label .error-info {
white-space: normal;
}
/* Number fields */
.form-with-editable-data.hide-unactive-fields .field-section input[type="number"]::-webkit-outer-spin-button,
.form-with-editable-data.hide-unactive-fields .field-section input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.form-with-editable-data.hide-unactive-fields .field-section input[type="number"]:hover::-webkit-outer-spin-button,
.form-with-editable-data.hide-unactive-fields .field-section input[type="number"]:hover::-webkit-inner-spin-button,
.form-with-editable-data.hide-unactive-fields .field-section input[type="number"]:active::-webkit-outer-spin-button,
.form-with-editable-data.hide-unactive-fields .field-section input[type="number"]:active::-webkit-inner-spin-button,
.form-with-editable-data.hide-unactive-fields .field-section input[type="number"]:focus::-webkit-outer-spin-button,
.form-with-editable-data.hide-unactive-fields .field-section input[type="number"]:focus::-webkit-inner-spin-button {
-webkit-appearance: inner-spin-button;
}
/* Combobox fields*/
.form-with-editable-data .field-section .document-selector span.ce-combobox {
width: 100%;
max-width: 200px;
}
.combobox-field .position-icon {
width: 25px;
text-align: center;
float: left;
margin-right: 20px;
}
.form-with-editable-data .field-section .ui-select-container .ui-select-choices {
border-radius: 0;
}
.form-with-editable-data .field-section .combobox-symbol .ui-select-container span {
line-height: 0;
font-size: 25px;
font-weight: bold;
padding-top: 5px;
}
.form-with-editable-data .field-section .combobox-symbol .ui-select-container .ui-select-choices-row-inner {
font-size: 20px;
padding-top: 0;
padding-bottom: 10px;
line-height: 1;
font-weight: normal;
}
.form-with-editable-data .field-section .display-as-label .ui-select-container span {
color: #808080;
text-shadow: #222222 0px 0px 0px;
}
.form-with-editable-data .field-section .display-as-label .ui-select-container .ui-select-match > span {
padding-top: 5px;
font-weight: normal !important;
}
.form-with-editable-data .field-section .ui-select-container {
margin-top: -1px;
}
.form-with-editable-data .field-section .ui-select-container span {
color: #555;
font-family: 'LatoLatinWebLight';
}
.form-with-editable-data .field-section .ui-select-container span.ui-select-placeholder {
color: #808080;
}
.form-with-editable-data .field-section .ui-select-container .ui-select-match > span {
padding-top: 5px;
padding-left: 3px;
}
.form-with-editable-data.combobox-bold .field-section .ui-select-container .ui-select-match > span {
font-weight: bold;
}
.form-with-editable-data .field-section .combobox-field {
display: block;
}
.form-with-editable-data .field-section .combobox-field.with-remove-button {
padding-right: 25px;
}
.form-with-editable-data .field-section .ui-select-container .caret,
.form-with-editable-data .field-section .ui-select-container .glyphicon-remove {
color: #d82034;
}
.form-with-editable-data.hide-unactive-fields .field-section .ui-select-container .caret,
.form-with-editable-data.hide-unactive-fields .field-section .ui-select-container .glyphicon-remove,
.form-with-editable-data.hide-unactive-fields .field-section .ui-select-container .ui-select-toggle a {
display: none;
}
.form-with-editable-data.hide-unactive-fields .field-section .ui-select-container:hover .caret,
.form-with-editable-data.hide-unactive-fields .field-section .ui-select-container.open .caret,
.form-with-editable-data.hide-unactive-fields .field-section .combobox-field:hover .glyphicon-remove,
.form-with-editable-data.hide-unactive-fields .field-section .combobox-field:hover .caret,
.form-with-editable-data.hide-unactive-fields .field-section .ui-select-container:hover .ui-select-toggle a,
.form-with-editable-data.hide-unactive-fields .field-section .combobox-field:hover .ui-select-toggle a {
display: block;
}
.form-with-editable-data .field-section .ui-select-container .ui-select-choices .ui-select-choices-row a:hover,
.form-with-editable-data .field-section .ui-select-container .ui-select-choices .ui-select-choices-row.active a {
background: #d82034;
}
.form-with-editable-data .field-section .ui-select-container .ui-select-choices .ui-select-choices-row a:hover span,
.form-with-editable-data .field-section .ui-select-container .ui-select-choices .ui-select-choices-row.active a span {
color: #fff;
}
/* Fixed form control widths */
.form-with-editable-data.fixed-form-controls .field-section .ui-select-container,
.form-with-editable-data.fixed-form-controls .field-section .ui-select-container > input,
.form-with-editable-data.fixed-form-controls .field-section .form-control {
max-width: 300px;
width: 100%;
}
.form-with-editable-data.fixed-form-controls .field-section .ui-select-container.open {
padding-bottom: 6px;
}
.form-with-editable-data.fixed-form-controls .field-section .ui-select-container.open .ui-select-choices {
margin-top: -4px;
}
/* Full width form */
.form-with-editable-data .field-section.full-width .field-container,
.form-with-editable-data .field-section .full-width .field-container {
padding-right: 25px;
display: block;
position: relative;
}
.form-with-editable-data .field-section.full-width .two-fields-in-row .fields-container,
.form-with-editable-data .field-section .full-width .two-fields-in-row .fields-container {
padding-right: 25px;
}
.form-with-editable-data .field-section.full-width .two-fields-in-row .ui-select-container,
.form-with-editable-data .field-section .full-width .two-fields-in-row .ui-select-container {
padding-right: 10px;
}
.form-with-editable-data .field-section.full-width .two-fields-in-row .ui-select-container .form-control,
.form-with-editable-data .field-section .full-width .two-fields-in-row .ui-select-container .form-control {
min-width: unset;
}
.form-with-editable-data .field-section.full-width .two-fields-in-row .input-group,
.form-with-editable-data .field-section .full-width .two-fields-in-row .input-group {
float: left;
margin-bottom: -20px;
position: relative;
}
.form-with-editable-data .field-section.full-width .two-fields-in-row .input-group .document-remove,
.form-with-editable-data .field-section .full-width .two-fields-in-row .input-group .document-remove {
/*position: absolute;
right: -175px;*/
white-space: nowrap;
}
.form-with-editable-data .field-section.full-width .gender-remove,
.form-with-editable-data .field-section .full-width .gender-remove {
position: absolute;
right: -52px;
top: 0;
}
.form-with-editable-data .field-section.full-width .two-fields-in-row .field,
.form-with-editable-data .field-section .full-width .two-fields-in-row .field {
width: 50%;
display: block;
float: left;
min-width: unset;
}
.form-with-editable-data .field-section.full-width .two-fields-in-row .field .combobox-field,
.form-with-editable-data .field-section .full-width .two-fields-in-row .field .combobox-field {
height: 29px;
}
.form-with-editable-data .field-section.full-width .two-fields-in-row .left-field,
.form-with-editable-data .field-section .full-width .two-fields-in-row .left-field {
margin-top: 1px;
}
.form-with-editable-data .field-section.full-width .ui-select-container,
.form-with-editable-data .field-section .full-width .ui-select-container {
float: left;
padding-right: 0;
}
.form-with-editable-data .field-section.full-width .two-fields-in-row .left-field .ui-select-container,
.form-with-editable-data .field-section .full-width .two-fields-in-row .left-field .ui-select-container {
padding-right: 2px;
}
.form-with-editable-data .field-section.full-width .ui-select-container.open,
.form-with-editable-data .field-section .full-width .ui-select-container.open {
padding-right: 8px;
}
.form-with-editable-data .field-section .btn-default-focus .ui-select-toggle {
outline: none !important;
border: 1px solid #cccccc !important;
border-radius: 0;
}
.form-with-editable-data .field-section.full-width .two-fields-in-row .left-field .ui-select-container.open,
.form-with-editable-data .field-section .full-width .two-fields-in-row .left-field .ui-select-container.open {
padding-right: 10px;
}
.form-with-editable-data .field-section.full-width .ui-select-container.open,
.form-with-editable-data .field-section .full-width .ui-select-container.open {
padding-right: 0 !important;
}
.form-with-editable-data .field-section.full-width .two-fields-in-row .left-field .ui-select-container.open,
.form-with-editable-data .field-section .full-width .two-fields-in-row .left-field .ui-select-container.open {
padding-right: 2px !important;
}
.form-with-editable-data .field-section.full-width .two-fields-in-row .field .error-info,
.form-with-editable-data .field-section .full-width .two-fields-in-row .field .error-info {
margin-bottom: 20px;
}
.form-with-editable-data .field-section .form-control.full-width,
.form-with-editable-data .field-section .full-width .form-control,
.form-with-editable-data .field-section.full-width .form-control,
.form-with-editable-data .field-section .ui-select-container.full-width,
.form-with-editable-data .field-section .full-width .ui-select-container,
.form-with-editable-data .field-section.full-width .ui-select-container,
.form-with-editable-data .field-section.full-width .ce-datepick {
width: 100% !important;
}
.form-with-editable-data .field-section.full-width .control-label,
.form-with-editable-data .field-section .full-width .control-label,
.form-with-editable-data .field-section.full-width .small-field-section-header,
.form-with-editable-data .field-section .full-width .small-field-section-header,
.form-with-editable-data .field-section.full-width .field-section-header,
.form-with-editable-data .field-section .full-width .field-section-header {
margin-left: 0;
padding-left: 0;
}
.form-with-editable-data .field-section.full-width .ui-select-container .ui-select-toggle,
.form-with-editable-data .field-section.full-width .ui-select-container.open,
.form-with-editable-data .field-section .full-width .ui-select-container .ui-select-toggle,
.form-with-editable-data .field-section .full-width .ui-select-container.open {
margin-bottom: 0;
padding-bottom: 0;
}
.form-with-editable-data .field-section.full-width .field-container .field-info {
position: absolute;
margin-top: 4px;
margin-left: 10px;
white-space: nowrap;
}
/**/
.form-with-editable-data .field-section .display-inline {
float: left;
width: 100%;
display: inline;
}
.form-with-editable-data .field-section .display-inline .control-label {
float: left;
margin-right: 0;
}
.form-with-editable-data .field-section .display-inline .display-inline-inputs {
float: left;
margin-top: 5px;
}
.form-with-editable-data .field-section .display-inline .display-inline-inputs .field-separator {
text-align: center;
margin: 5px 10px;
}
.form-with-editable-data.with-side-paddings {
padding-left: 20px;
padding-right: 20px;
}
.form-with-editable-data.with-top-labels .field-section .control-label:not(.section-label),
.form-with-editable-data.with-top-labels .field-section .field-container,
.form-with-editable-data.with-top-labels .field-section .label-container {
width: 100%;
display: block;
margin: 0;
padding: 0;
}
.ce-combobox .chosen-container .chosen-single div b {
display: none;
}
html body .control-label {
color: #808080;
font-family: "Standard", Calibri, sans-serif;
font-size: 15px;
text-shadow: none;
}
.stargate-main-page .select.form-control,
.stargate-main-page input.form-control,
.stargate-main-page input {
font-family: "Standard", Calibri, sans-serif;
font-size: 15px;
color: #000;
text-shadow: none;
outline: none;
}
.non-clickable {
cursor: default;
}
.clickable {
cursor: pointer;
}
.center-fund-performance-icon {
margin-left: 25%;
}
.fund-r-r {
min-width: 98px;
}
.fund-r-r .rectangle-r-r {
height: 16px;
width: 8px;
display: inline-block;
margin: 4px 1px 4px 1px;
}
.fund-r-r .level-1-r-r {
background-color: #f5e8ea !important;
}
.fund-r-r .level-2-r-r {
background-color: #e7c6cd !important;
}
.fund-r-r .level-3-r-r {
background-color: #d9a4af !important;
}
.fund-r-r .level-4-r-r {
background-color: #cc8291 !important;
}
.fund-r-r .level-5-r-r {
background-color: #bd6072 !important;
}
.fund-r-r .level-6-r-r {
background-color: #af3e54 !important;
}
.fund-r-r .level-7-r-r {
background-color: #a11c36 !important;
}
.fund-r-r .tooltip {
width: 297px;
border-radius: 2px;
box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.2);
border-style: none !important;
outline: 0px solid #666666 !important;
background-color: #ffffff;
opacity: 1.0 !important;
margin: 5px 7px 7px 11px !important;
}
.fund-r-r .tooltip-inner {
border: none !important;
white-space: normal !important;
padding: 0px !important;
}
.fund-r-r .first-line {
font-family: Calibri;
font-size: 15px;
font-weight: bold;
display: block;
text-align: left;
padding: 0px 0px 15px 0px !important;
}
.fund-r-r .second-line {
font-family: Calibri;
font-size: 15px;
font-weight: normal;
display: block;
text-align: left;
}
.fund-r-r .third-line-r-r {
font-family: Calibri;
font-size: 12px;
font-weight: normal;
display: block;
text-align: left;
}
.fund-r-r .adjust-step {
line-height: 14px !important;
width: 19px !important;
height: 16px !important;
display: block;
border-radius: 50%;
text-align: center;
font-weight: bold;
}
.fund-r-r .adjust-connected-steps {
padding-top: 10px;
padding-bottom: 10px;
}
.score-r-r {
min-width: 160px;
}
.score-r-r .icon-r-r {
width: 16px !important;
}
.fund-r-r .icon-r-r {
width: 16px !important;
margin-left: 5px;
}
p .number-of-units-col-adjustment {
white-space: normal !important;
}
.download-link {
background: transparent;
color: #d82034;
border: 0;
font-weight: bold;
}
.download-link {
display: inline-block;
float: right;
}
.download-link .ca-icon {
width: 30px;
float: left;
margin-top: -7px;
}
.ce-groups .download-link {
background: transparent;
color: #d82034;
border: 0;
font-weight: bold;
padding: 20px 40px;
}
.ce-groups .download-link {
display: inline-block;
}
.ce-groups .download-link .ca-icon {
width: 30px;
float: left;
margin-top: -7px;
}
.investment-profiles.hide-investment-profile-borders .investment-profile.bordered {
border: none;
}
.investment-profiles .investment-profile {
clear: both;
}
.investment-profiles .investment-profile.bordered {
border: 1px solid #cccccc;
background: #fff;
margin-bottom: 35px;
margin-right: 20px;
}
.investment-profiles .investment-profile.with-scroll {
padding-right: 15px;
}
.investment-profiles .investment-profile header {
padding: 30px 20px 0;
clear: both;
}
.investment-profiles .investment-profile header.bordered {
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
}
.investment-profiles .investment-profile header h4 {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 24px;
padding: 0;
margin: 0;
}
.investment-profiles .investment-profile header .title {
display: inline-block;
width: auto;
}
.investment-profiles .investment-profile .big-value {
display: block;
padding: 10px 0 0 0;
font-size: 1.5vw;
font-weight: normal;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
word-wrap: break-word;
}
.investment-profiles .investment-profile header .buttons {
float: right;
}
.investment-profiles .investment-profile header .buttons button {
display: inline-block;
font-weight: bold;
font-family: "Standard", Calibri, sans-serif;
font-size: 15px;
}
.investment-profiles .investment-profile header .selected {
text-align: right;
float: right;
color: #01a767;
}
.investment-profiles .investment-profile .chart-container .highcharts-container {
margin: 0 auto;
}
.investment-profiles .investment-profile .footer {
padding: 20px;
border-top: 1px solid #cccccc!important;
}
.investment-profiles .investment-profile .footer.simple {
border-top: none!important;
}
.investment-profiles .investment-profile .footer .buttons button,
.investment-profiles .buttons button {
display: inline-block;
font-weight: bold;
font-family: "Standard", Calibri, sans-serif;
font-size: 15px;
}
.investment-profiles .investment-profile .list-data {
margin-bottom: 0;
margin-top: 30px;
}
.investment-profiles .investment-profile .list-data.without-margin {
margin: 0;
}
.investment-profiles .investment-profile .list-data thead tr th {
padding-top: 0!important;
}
.investment-profiles .investment-profile .list-data td {
vertical-align: middle;
font-weight: bold;
}
.investment-profiles .investment-profile .list-data td.summary-column {
width: 250px;
}
.investment-profiles .investment-profile .list-data .unassigned-share-value {
color: #d82034;
}
.investment-profiles .investment-profile .list-data.max-first-column th:first-child,
.investment-profiles .investment-profile .list-data.max-first-column td:first-child {
padding-left: 2%!important;
text-align: left;
width: auto;
}
.investment-profiles .investment-profile .list-data.max-first-column th,
.investment-profiles .investment-profile .list-data.max-first-column td {
padding-right: 5%!important;
padding-left: 5%!important;
text-align: center;
min-width: 20%;
width: 20%;
}
.investment-profiles .investment-profile .list-data .fund-row:hover .color-bar.light {
background: #fefefe;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.investment-profiles .investment-profile .list-data a.external-link {
color: #d82034;
font-weight: bold;
display: inline-block;
}
.investment-profiles .investment-profile .list-data a.external-link .ca-icon {
width: 25px;
float: left;
margin: -5px 0 0 0;
}
.investment-profiles .investment-profile a.download-link .ca-icon {
width: 25px;
margin: -5px 0 0 0;
vertical-align: bottom;
}
.investment-profiles .investment-profile .fund-data-container {
padding: 15px 10px 20px 15px;
}
.investment-profiles .investment-profile .percent-input input {
font-size: 16px;
width: 50px;
text-align: center;
padding: 2px 0;
display: inline-block;
min-width: 50px;
}
.investment-profiles .investment-profile .percent-input button {
border-radius: 50%;
border: none;
display: inline-block;
height: 20px;
width: 20px;
vertical-align: middle;
margin: -2px 5px 0;
color: #fff;
font-size: 14px;
font-family: 'Verdana';
text-align: center;
padding: 0;
min-width: 20px;
}
.investment-profiles .investment-profile .percent-input button:disabled {
background: #808080;
}
.investment-profiles .investment-profile .percent-input button::before {
display: inline;
vertical-align: top;
}
.investment-profiles .investment-profile .percent-input button:not(:disabled).minus {
background: #d82034;
}
.investment-profiles .investment-profile .percent-input button.minus::before {
content: "-";
}
.investment-profiles .investment-profile .percent-input button:not(:disabled).plus {
background: #00a461;
}
.investment-profiles .investment-profile .percent-input button.plus::before {
content: "+";
}
.investment-profiles .investment-profile .percent-input .required-info {
color: #8c8c8c;
text-align: center;
font-weight: normal;
}
.investment-profiles .investment-profile .percent-input .controls-container {
text-align: center;
margin-bottom: 5px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.investment-profiles .investment-profile .additional-info {
color: #8c8c8c;
display: block;
}
.investment-profiles .investment-profile .subtle-info {
color: #8c8c8c;
}
.investment-profiles .investment-profile .actions button {
font-family: "Standard", Calibri, sans-serif;
font-weight: bold;
font-size: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: font-size 0.1s, opacity 0.3s;
transition: font-size 0.1s, opacity 0.3s;
}
.investment-profiles .investment-profile .fund-row-header {
padding: 0 2%;
border-bottom: 1px solid #cccccc;
}
.investment-profiles .investment-profile .fund-row-header .column-header {
border-bottom: none;
}
.investment-profiles .investment-profile .fund-row {
background: transparent;
-webkit-transition: 0.3s;
transition: 0.3s;
padding: 1% 0;
}
.investment-profiles .investment-profile .fund-row.bordered {
border-bottom: #ccc 1px solid;
margin-right: -15px;
margin-left: -15px;
padding-left: 2%;
padding-right: 2%;
}
.investment-profiles .investment-profile .fund-row .line {
display: block;
}
.investment-profiles .investment-profile .fund-row:hover {
background: #f5f5f5;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.investment-profiles .investment-profile .fund-row .actions.visible button {
font-size: 15px;
opacity: 1;
visibility: visible;
}
.investment-profiles .investment-profile .fund-row:hover .actions button {
opacity: 1;
font-size: 15px;
visibility: visible;
-webkit-transition: font-size 0.1s, opacity 0.3s;
transition: font-size 0.1s, opacity 0.3s;
}
/* Funds summary */
.investment-profiles .funds-summary {
clear: both;
}
.investment-profiles .funds-summary .summary-body {
border: 1px solid #cccccc;
background: #fff;
margin-bottom: 35px;
margin-right: 20px;
}
.investment-profiles .funds-summary .summary-body h3 {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 24px;
padding: 25px;
margin: 0;
}
.investment-profiles .funds-summary .summary-body .profile-names h4 {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 17px;
padding: 29px 0;
margin: 0;
display: inline-block;
}
.investment-profiles .funds-summary .subaccount-name {
float: left;
}
.investment-profiles .funds-summary .profile-names {
float: right;
}
.investment-profiles .funds-summary .profile-names.changed-profile h4:first-child::after {
content: "\2192";
padding: 0 5px;
}
.investment-profiles .funds-summary .profile-names h4:last-child {
padding-right: 15px;
}
.investment-profiles .funds-summary .profile-names h4.highlighted {
color: #de822b;
}
.investment-profiles .funds-summary .summary-body table.table tr {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.investment-profiles .funds-summary .summary-body table.table tr:hover {
background: #f5f5f5;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.investment-profiles .funds-summary .summary-body table.table td {
padding: 1%;
padding-left: 25px;
}
.investment-profiles .list-data .column-header {
padding: 25px 0 20px 20px;
font-size: 17px;
text-align: left;
font-weight: normal;
border-bottom: 1px solid #cccccc;
}
.investment-profiles .list-data-row {
margin: 10px 0;
}
.investment-profiles .border-top {
border-top: 1px solid #ccc;
margin: 0 -15px;
padding: 1% 0;
}
.disclaimer-download-link {
background: transparent;
color: #d82034;
border: 0;
font-weight: bold;
padding: 10px 0px;
vertical-align: middle;
float: right;
right: 13%;
position: relative;
cursor: pointer;
}
.disclaimer-download-link .ca-icon {
position: relative;
display: inline-block;
width: 30px;
float: left;
margin-top: -7px;
}
.member-subpage .member-investment-profile .title .download-link {
color: #000;
}
.member-investment-profile .list-data .unit-value,
.member-investment-profile .list-data .total-percent {
text-align: right;
}
.investment-profiles .introduction section {
margin-bottom: 10px;
}
.investment-profiles .introduction section.warning {
font-style: italic;
}
.investment-profiles .introduction .button.button-empty {
margin-top: 10px;
padding: 0;
font-weight: bold;
font-family: "Standard", Calibri, sans-serif;
font-size: 15px;
}
.investment-profiles .introduction header .button.button-empty {
margin-top: 10px;
margin-bottom: 10px;
padding: 0;
font-weight: bold;
font-family: "Standard", Calibri, sans-serif;
font-size: 15px;
}
.investment-profiles .introduction h4 {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 24px;
padding: 0;
margin: 0;
}
.compare-values > span:first-child::after {
content: "\2192";
padding: 0 5px;
}
.compare-values .highlighted,
.highlighted {
color: #de822b;
}
.in-parenthesis {
font-size: 0;
}
.in-parenthesis > * {
font-size: 15px;
}
.in-parenthesis::before {
content: "(";
font-size: 15px;
}
.in-parenthesis::after {
content: ")";
font-size: 15px;
}
.with-percent:not(:empty)::after {
content: "%";
}
.with-lt-before::before {
content: "<";
}
.with-gt-after::after {
content: "\e258";
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
margin-left: 10px;
font-size: 75%;
}
.with-plus-before::before {
content: "+";
margin-right: 2px;
}
.with-minus-before::before {
content: "-";
margin-right: 2px;
}
.action-on-hover .hide-on-hover,
.action-on-hover:hover .show-on-hover,
.action-on-hover.selected .show-on-hover {
opacity: 1;
visibility: visible;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.action-on-hover:hover .hide-on-hover,
.action-on-hover .show-on-hover,
.action-on-hover.selected .hide-on-hover {
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.with-ellipsis-before::before {
content: "...";
}
.with-ellipsis-after::after {
content: "...";
}
.more-less-icon {
font-size: 13px;
}
.more-less-icon.glyphicon-menu-down {
top: 2px;
}
.more-less-icon.glyphicon-menu-up {
top: 3px;
}
.two-columns-table {
position: relative;
}
.two-columns-table.bordered {
border-bottom: 1px solid #ccc;
}
.two-columns-table::after {
content: "";
display: block;
clear: both;
}
.two-columns-table > .separator {
width: 1px;
position: absolute;
top: 0;
bottom: 0;
background: #ccc;
display: none;
}
@media screen and (max-width: 1099px) {
.two-columns-table > .small-column {
margin-bottom: 10px;
}
}
@media screen and (min-width: 1100px) {
.two-columns-table > .big-column {
width: 80%;
float: left;
}
.two-columns-table > .separator {
left: 80%;
display: block;
}
.two-columns-table > .small-column {
width: 20%;
float: left;
}
}
.with-asteriks-after::after,
.with-asteriks-before::before {
content: "*";
}
.with-empty-space-after::after,
.with-empty-space-before::before {
content: " ";
}
.hyphen-separated > *:not(:last-child)::after {
content: "-";
margin: 0 5px;
}
.scrollable-tabs-outer {
position: relative;
height: 80px;
}
.scrollable-tabs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
position: absolute;
height: 80px;
}
.scrollable-tabs .scroll-arrow {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 80px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.disabled {
color: #cfcfcf;
}
.scrollable-tabs .tabs-content {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
white-space: nowrap;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-width: 0;
overflow: hidden;
}
.scrollable-tabs .tabs-content ul {
list-style: none;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.scrollable-tabs .tabs-content ul li {
padding: 5px 10px;
display: inline-block;
}
/* Tile */
.member-shortcut-tile .non-scrollable-content-fix {
display: none;
}
.member-shortcut-tile .ce-shortcut::before {
display: none;
}
.member-shortcut-tile .shortcuts-list {
padding: 0;
}
.member-shortcut-tile .shortcuts-list .shortcuts {
padding: 0;
}
.member-shortcut-tile .shortcuts-list .shortcuts .shortcut-container {
display: block;
padding: 0;
}
.member-shortcut-tile .shortcuts-list .shortcuts .shortcut-container .shortcut {
padding-right: 10px;
}
.member-shortcut-tile .shortcuts-list .shortcuts .shortcut-container .shortcut-icon {
width: 36px;
text-align: center;
padding: 0;
}
.member-shortcut-tile .shortcuts-list .shortcuts .shortcut-container .shortcut-icon .ca-icon {
width: 23px;
vertical-align: middle;
}
.member-shortcut-tile .shortcuts-list .shortcuts .shortcut-container .shortcut-icon .ca-icon.ca-icon-user {
width: 30px;
}
.member-shortcut-tile .shortcut-body {
margin-right: -25px;
}
.member-shortcut-tile .no-data-info {
padding-top: 15px;
display: block;
}
.member-subpage .tiles .member-shortcut-tile.tile > header {
margin-bottom: 0;
}
.member-shortcut-tile .field-action-link {
margin: 10px 0 20px 0;
}
.member-shortcut-tile .date-information {
padding-right: 20px;
}
.member-shortcut-tile .normal-font-size {
font-size: 14px;
}
/* Member shortcut page */
.shortcuts-list .shortcuts .shortcut > * {
display: table-cell;
padding: 0 10px;
vertical-align: middle;
}
.ce-shortcut::before {
display: none;
}
header .middle-side {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
header .middle-side .shortcut-main-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
header .header-button:hover {
background: transparent;
}
.shortcuts {
background: #fff;
position: relative;
z-index: 1;
margin-bottom: 10px;
}
.shortcuts-list {
padding-right: 0px;
position: relative;
}
.shortcuts-list::before {
content: "";
width: 1px;
display: block;
position: absolute;
top: 25px;
bottom: 50px;
left: 43px;
border-left: 1px dotted #000;
z-index: 0;
}
.shortcuts-list .shortcuts .shortcut {
display: table;
width: 100%;
-webkit-transition: 0.3s;
transition: 0.3s;
padding: 15px 0;
}
.shortcuts .shortcut-container.with-details .shortcut {
cursor: pointer;
}
.shortcuts .shortcut-container.with-details .shortcut .shortcut-title {
color: #d82034;
}
.shortcuts .shortcut-container.with-details .shortcut .show-more-icon {
color: #d82034;
font-size: 10px;
-webkit-transition: 0.4s;
transition: 0.4s;
margin-left: 5px;
}
.shortcuts .shortcut-container.with-details.opened .shortcut .show-more-icon {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.shortcuts .shortcut-container:not(.with-details) .shortcut .show-more-icon {
display: none;
}
.shortcuts .shortcut-container .shortcut .shortcut-icon {
width: 36px;
text-align: center;
padding: 0;
}
.shortcuts .shortcut-container .shortcut .shortcut-icon .ca-icon {
width: 23px;
vertical-align: middle;
}
.shortcuts .shortcut-container .shortcut .shortcut-icon .ca-icon.ca-icon-user-red {
width: 30px;
}
/* shortcut details */
.shortcuts .shortcut-container.with-details.opened .shortcut-details {
padding: 20px 0 20px 40px;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.shortcuts .shortcut-container.with-details.opened .shortcut-details:hover {
background: #F5F5F5;
}
.shortcuts .shortcut-container.with-details.opened .shortcut-details .hoverable-data {
-webkit-transition: 0.4s;
transition: 0.4s;
padding-top: 5px;
padding-bottom: 5px;
margin-right: 0;
}
.shortcuts .shortcut-container.with-details.opened .shortcut-details .hoverable-data:hover {
background: #fff;
}
.shortcuts .shortcut-container.with-details.opened .shortcut-details .details-summary {
border-bottom: 1px solid #ddd;
margin: 0 10px 20px 0;
}
.shortcuts .shortcut-container.with-details.opened .shortcut-details h3 {
margin: 5px 0 7px;
font-size: 17px;
font-weight: bold;
clear: both;
}
.shortcuts .shortcut-container.with-details.opened .shortcut-details h4 {
margin: 7px 0;
font-size: 17px;
clear: both;
}
.shortcuts .shortcut-container.with-details.opened .shortcut-details table {
margin-top: 15px;
}
.shortcuts .shortcut-container.with-details.opened .shortcut-details table tr {
-webkit-transition: 0.4s;
transition: 0.4s;
}
.shortcuts .shortcut-container.with-details.opened .shortcut-details table tr:hover {
background: #fff;
}
.shortcuts .shortcut-container.with-details.opened .shortcut-details table tr td:last-child {
padding-right: 10px;
}
.shortcuts .shortcut-container.with-details.opened .shortcut-details table .ca-icon-info-red {
vertical-align: middle;
top: -1px;
}
.shortcuts .shortcut-container.with-details.opened .shortcut-details header.subtitle {
margin-top: 0;
margin-bottom: 5px;
}
.shortcuts .shortcut-container.with-details.opened .shortcut-details .benefits-list {
margin-top: 0;
}
.shortcuts .shortcut-container.with-details.opened .shortcut-details .benefits-list .highlighted-benefit.gray {
background: transparent;
}
.shortcuts .shortcut-container.with-details.opened .shortcut-details .benefits-list .highlighted-benefit.gray:hover {
background: #fff;
}
.shortcuts .shortcut-container.with-details.opened .shortcut-details .buttons {
padding: 15px 30px;
}
.pageload-overlay svg path {
fill: #f5f5f5!important;
}
.pageload-overlay::after {
background: #3d3d3d!important;
}
.pageload-overlay::before {
background: #d82034 !important;
}
.ce-stepper-container {
margin-left: -30px;
margin-right: -30px;
margin-top: -30px;
}
.ce-stepper .left-adjustment {
margin-left: 40px;
}
.ce-stepper .ce-stepper-step {
margin-left: 50px;
margin-right: 50px;
}
.ce-stepper .ce-stepper-step .visited {
color: #000000;
}
.ce-stepper .ce-stepper-step .not-visited {
color: #808080;
cursor: text !important;
}
.ce-stepper .ce-stepper-step .header {
font-size: 18px;
display: block;
font-family: "SwissLife";
}
.ce-stepper .ce-stepper-step .header .title {
margin-top: 15px;
margin-bottom: 15px;
width: 100%;
display: inline-block;
}
.ce-stepper .ce-stepper-step .header .title .visited {
background-color: #a11c36;
}
.ce-stepper .ce-stepper-step .header .title .current {
background-color: #d82034;
}
.ce-stepper .ce-stepper-step .header .title .not-visited {
border: 1px solid #808080;
}
.ce-stepper .ce-stepper-step .header .title .number {
width: 30px;
height: 30px;
padding: 2px;
display: inline-block;
z-index: 30;
border-radius: 100px;
}
.ce-stepper .ce-stepper-step .header .title .number .inner {
z-index: 40;
margin-left: 8px;
display: inline-block;
}
.ce-stepper .ce-stepper-step .header .title .number .inner-visited {
color: #ffffff;
}
.ce-stepper .ce-stepper-step .header .title .number .inner-not-visited {
color: #808080;
}
.ce-stepper .ce-stepper-step .header .title .sub-header {
font-size: 15px;
color: #808080;
}
.ce-stepper .ce-stepper-step .header .title .sub-header-text {
font-size: 12px;
margin-right: 15px;
color: #808080;
}
.ce-stepper .ce-stepper-step .header .with-border {
border-top: 1px solid #dedede;
}
.ce-stepper .ce-stepper-step .content {
margin-top: 15px;
margin-bottom: 15px;
}
.ce-stepper .ce-stepper-buttons {
display: inline-block;
width: 100%;
margin-top: 15px;
}
.ce-stepper .ce-stepper-buttons .previous {
background: transparent !important;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 17px !important;
color: #d82034 !important;
text-shadow: none !important;
font-weight: normal !important;
box-shadow: none !important;
border: none !important;
min-width: 120px !important;
outline: none;
outline-offset: 0px;
}
.ce-stepper .ce-stepper-buttons .button-action {
min-width: 120px !important;
}
.ce-stepper .title-button {
color: #ffffff !important;
}
.distributions .distribution {
border-bottom: 1px solid #ccc;
padding: 15px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.distributions .distribution:hover {
background: #f5f5f5;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.distributions .distribution .name {
font-weight: bold;
display: inline;
}
.distributions .distribution .info {
font-weight: normal;
color: #808080;
display: block;
}
.distributions .distribution .value {
display: block;
font-size: 13px;
padding-top: 5px;
font-weight: bold;
}
.distributions .distribution .distribution-action {
font-family: "Standard", Calibri, sans-serif;
font-weight: bold;
padding-right: 40px;
}
.distributions .distribution .distribution-action.not-available {
color: #808080;
}
.exchange-rate,
.rounding-disclaimer,
.ter-disclaimer {
padding: 3px 27px;
color: #808080;
}
.distinguished-disclaimer {
color: #808080;
padding: 3px 20px;
}
.distinguished-disclaimer.with-asterisk::before {
content: "*";
}
.switch-fund-data {
width: 100%;
vertical-align: top;
border-collapse: collapse;
}
.switch-fund-data > tbody > tr > td {
vertical-align: top;
padding: 0;
border-right: 1px solid #ccc;
}
.switch-fund-data > tbody > tr > td:first-child {
width: 80%;
}
.switch-fund-data > tbody > tr.bordered > td {
border-bottom: 1px solid #ccc;
}
.switch-fund-data > tbody > tr.bordered + tr > td {
padding-top: 20px;
}
.subpage-tabs.funds-tabs li a {
min-width: unset !important;
padding-left: 30px !important;
padding-right: 30px !important;
}
.subpage-tabs.funds-tabs li .title {
clear: both;
display: block;
text-align: left;
}
.subpage-tabs.funds-tabs li .subtitle {
font-family: "Standard", Calibri, sans-serif;
clear: both;
display: block;
text-align: left;
font-size: 15px;
}
table.list-data {
border-collapse: collapse;
width: 100%;
}
table.list-data.bordered {
background: #fff;
border: 1px solid #cccccc;
padding-bottom: 10px;
}
table.list-data caption {
font-size: 30px;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
color: #000;
padding: 25px;
}
table.list-data th {
padding: 25px 0px 20px 20px !important;
font-size: 17px;
font-weight: normal;
border-bottom: 1px solid #cccccc !important;
text-align: left;
}
table.list-data th.text-center {
text-align: center;
}
table.list-data .text-right {
text-align: right !important;
}
table.list-data th .ca-icon {
width: 30px;
float: left;
margin-top: -3px;
}
table.list-data th .ca-icon-right {
float: none;
vertical-align: bottom;
}
table.list-data th .sort-icon {
width: 24px;
}
table.list-data th .sort-element {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
table.list-data th .sort-icon-up::after {
margin-bottom: -2px;
}
table.list-data th .sort-icon-down::after {
margin-top: -2px;
}
table.list-data tbody tr {
-webkit-transition: 0.3s;
transition: 0.3s;
}
table.list-data tbody tr:hover {
background: #f5f5f5;
-webkit-transition: 0.3s;
transition: 0.3s;
}
table.list-data td {
padding: 25px 0 20px 20px !important;
vertical-align: middle !important;
}
table.list-data td small,
table.list-data td .small {
font-size: 13px;
}
table.list-data tr.small-row td {
padding: 10px 20px 10px 20px !important;
}
table.list-data .download-link {
color: #d82034;
font-weight: bold;
font-size: 15px !important;
}
table.list-data tr.child {
background: #f0f0f0;
}
table.list-data td a.external-link,
table.summary-table td a.external-link {
color: #d82034;
font-weight: bold;
}
table.list-data td a.external-link .ca-icon,
table.summary-table td a.external-link .ca-icon {
width: 25px;
float: left;
margin: -7px 0 0 0;
}
table.list-data td .data {
font-weight: bold;
width: 100%;
float: left;
clear: both;
position: relative;
}
table.list-data td .data span {
float: left;
}
table.list-data td .data .table-icon {
width: 30px;
float: left;
margin-top: -7px;
margin-left: 5px;
}
table.list-data td .additional-info {
color: #8c8c8c;
}
table.list-data.margin-right {
table-layout: fixed;
}
table.list-data.margin-right td,
table.list-data.margin-right th {
width: 15%;
}
table.list-data.margin-right td:first-child,
table.list-data.margin-right th:first-child {
width: 40%;
}
table.list-data.margin-right td:first-child * {
padding-right: 5px !important;
}
table.list-data .no-padding-left {
padding-left: 0px !important;
}
table.list-data.margin-right td * {
padding-right: 100px !important;
}
.fund-table-padding {
padding-left: 20px;
padding-right: 20px;
}
table.list-data.margin-right th {
padding-right: 115px !important;
}
table.list-data td.disabled *,
table.list-data td.disabled,
table.list-data th.disabled *,
table.list-data th.disabled {
color: #ccc;
}
table.summary-table .compare-values span:first-child::after {
content: "\2192";
padding: 0 5px;
}
table.summary-table .compare-values .highlighted {
color: #de822b;
}
table.summary-table .fund-name {
font-weight: bold;
display: inline-block;
}
table.summary-table td a.external-link {
display: inline-block;
}
table.summary-table td a.external-link .ca-icon {
margin-top: -5px;
}
.table-header-start {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.table-header-end {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.table-header-secondary-color {
padding-left: 0px !important;
}
.table > thead > tr > th {
vertical-align: baseline;
}
.table.list-data .total-percent,
.table.list-data .total-value,
.table.list-data .unit-value,
.table.list-data .real-return,
.table.list-data .total-number-of-units,
.table.list-data .investment-strategy {
text-align: right;
white-space: nowrap;
}
table .without-wrapping {
white-space: nowrap;
}
table thead tr th.with-right-padding > *,
table tbody tr td.with-right-padding > * {
padding-right: 20px;
}
table .ca-icon-info-red,
.summary-table .ca-icon-info-red,
.list-data .ca-icon-info-red {
vertical-align: middle;
}
.backoffice-risk-profiler .question {
width: 100% !important;
}
.backoffice-risk-profiler .image-container {
resize: both;
}
.backoffice-risk-profiler .image-container .image {
width: 100%;
height: auto;
}
.ce-timeline-holder {
position: relative;
}
.ce-timeline-holder .date-range-picker {
margin-left: 40px;
margin-top: 18px;
}
.ce-timeline-holder .date-range-picker h2 {
font-size: 30px;
}
.ce-timeline-holder .date-range-picker .date span {
vertical-align: middle;
display: inline-block;
}
.ce-timeline-holder .date-range-picker.no-clear .uib-clear {
display: none;
}
.ce-timeline-holder .date-range-picker.no-today .uib-datepicker-current {
display: none;
}
.ce-timeline-holder .date-range-picker .has-error {
color: #d82034;
}
.ce-timeline-holder .date-range-picker .date {
display: inline-block;
}
.ce-timeline-holder .date-range-picker .date:last-child::before {
content: "-";
padding: 0 10px;
float: left;
}
.ce-timeline-holder .date-range-picker .date > * {
float: left;
}
.ce-timeline-holder .date-range-picker .date input.date-input {
display: none;
}
.ce-datepick div.date-input {
display: none;
}
.ce-timeline-holder .date-range-picker .date div.date-input {
display: block !important;
}
.ce-timeline-holder .date-range-picker .date .date-input {
width: 0;
border: none;
margin-top: -5px;
}
.ce-timeline-holder .to-verify {
font-size: 17px;
margin-left: 40px;
margin-top: 18px;
color: #dd812c;
font-weight: bold;
}
.ce-timeline-holder .selected-tasks {
font-size: 16px;
margin-left: 40px;
margin-top: 18px;
color: #d82034;
font-weight: bold;
}
.ce-timeline.no-scrollable {
height: auto;
}
.ce-timeline {
height: 100%;
position: relative;
}
.timeline-without-grouping .ce-timeline::before {
display: none;
}
.ce-timeline::before {
content: "";
border-left: 1px dotted #000;
display: block;
width: 1px;
height: 100%;
top: 0;
left: 20px;
z-index: 1;
position: absolute;
}
.ce-timeline header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ce-timeline header > * {
display: inline-block;
}
.ce-timeline header .left-side {
text-align: left;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.ce-timeline header .middle-side {
text-align: right;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.ce-timeline header .right-side {
text-align: right;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.ce-timeline header.switch {
float: right;
width: 100%;
text-align: right;
}
.ce-timeline header .timeline-title {
color: #808080;
margin-left: 20px;
font-size: 17px;
}
.ce-timeline header .header-button,
.ce-timeline header .download-link {
background: transparent;
color: #d82034;
border: 0;
font-weight: bold;
padding: 20px 40px;
}
.ce-timeline header .download-link.switch {
padding: 10px 0px;
}
.ce-timeline header .download-link {
display: inline-block;
vertical-align: middle;
}
.ce-timeline header .download-link .ca-icon {
width: 30px;
float: left;
margin-top: -7px;
}
.ce-timeline header .white-dropdown-with-shadow {
vertical-align: middle;
}
.ce-timeline header .header-button:active,
.ce-timeline header .header-button:hover,
.ce-timeline header .header-button:focus,
.ce-timeline header .header-button:active:hover {
background: #fff;
outline: 0;
color: #d82034;
box-shadow: none;
}
.ce-timeline header .search-icon,
.ce-timeline header .filter-icon {
position: relative;
display: inline-block;
vertical-align: middle;
}
.ce-timeline header .search-icon::before {
background-size: 100% 100%;
display: inline-block;
width: 30px;
height: 30px;
content: "";
position: relative;
vertical-align: inherit;
top: -1px;
background-image: url('../styles/img/icons/search-red.png');
}
.ce-timeline header .download-icon {
position: relative;
display: inline-block;
width: 30px;
float: left;
margin-right: 0;
margin-top: 5px;
padding-right: 30px;
}
.ce-timeline header .download-icon::before {
background-size: 100% 100%;
display: inline-block;
width: 100%;
padding: 50% 0;
float: left;
content: "";
position: absolute;
top: -12px;
background-image: url('../styles/img/icons/pdf.png');
}
.ce-timeline header .filter-icon::before {
background-size: 100% 100%;
display: inline-block;
width: 30px;
height: 30px;
content: "";
vertical-align: inherit;
background-image: url('../styles/img/icons/filter.png');
}
.ce-timeline header .search {
display: inline-block;
vertical-align: middle;
max-width: 50%;
}
.ce-timeline header .search .search-bar {
clear: both;
padding: 0;
}
.ce-timeline header .search-bar .bar input {
padding-right: 35px;
padding-left: 35px;
width: 100%;
}
.ce-timeline header .search-bar .bar .cancel-search-icon {
position: absolute;
right: 10px;
top: 5px;
cursor: pointer;
color: #d82034;
}
.ce-timeline header .search-bar .bar .search-icon {
top: -3px;
left: -5px;
position: absolute;
}
.ce-timeline header .search .filters {
width: 100%;
}
.ce-timeline header .search .filters .filter {
-webkit-transition: 0.3s;
transition: 0.3s;
background: #d82034;
color: #fff;
font-size: 12px;
padding: 5px 10px 0;
display: inline-block;
margin-right: 5px;
float: left;
height: 25px;
margin-top: 3px;
margin-bottom: 3px;
}
.ce-timeline header .search .filters .filter .filter-name {
max-width: 100px;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ce-timeline header .search .filters .filter .remove-icon {
cursor: pointer;
margin-left: 5px;
margin-top: -2px;
float: right;
}
.ce-timeline .events-list {
padding-left: 21px;
padding-top: 15px;
width: 100%;
display: inline-block;
}
.ce-timeline .events-list .events-group {
position: relative;
font-size: 17px;
float: left;
padding-left: 20px;
margin-top: 1px;
margin-bottom: 1px;
clear: both;
}
.ce-timeline .events-list .events-group::before {
width: 10px;
height: 10px;
content: " ";
background: #fff;
position: absolute;
border-radius: 50%;
left: -5px;
top: 8px;
z-index: 2;
border: #d82034 solid 1px;
}
.ce-timeline .events-list .events {
clear: both;
width: 100%;
padding: 25px 0;
}
.ce-timeline .events-list .events .event {
display: table;
width: 100%;
-webkit-transition: 0.3s;
transition: 0.3s;
padding: 15px 0;
}
.ce-timeline .events-list .events .event.clickable {
cursor: pointer;
}
.ce-timeline .events-list .events .event:hover {
background: #f5f5f5;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.ce-timeline .events-list .events .event > * {
display: table-cell;
padding: 0 10px;
vertical-align: middle;
}
.ce-timeline .events-list .events .event > .full-sized-column {
width: 100%;
}
.ce-timeline .events-list .events .event .event-badge {
font-weight: bold;
padding: 5px 15px;
width: 100%;
text-align: center;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
}
.ce-timeline .events-list .events .event .event-tag {
border: 1px solid #d82034;
color: #d82034;
}
.ce-timeline .events-list .events .event .event-badge.red {
background: #d82034;
color: #fff;
}
.ce-timeline .events-list .events .event .event-type {
color: #fff;
background: #01a767;
}
.ce-timeline .events-list .events .event .event-type.success {
background: #01a767;
}
.ce-timeline .events-list .events .event .event-type.initiated {
background: #c5b351;
}
.ce-timeline .events-list .events .event .event-type.info {
background: #666;
}
.ce-timeline .events-list .events .event .event-type.cancelled {
background: #d82034;
}
.ce-timeline .events-list .events .event .event-name {
color: #d82034;
font-weight: bold;
padding-right: 20px;
}
.ce-timeline .events-list .events .event .image-container {
width: 50px;
height: 50px;
overflow: hidden;
border-radius: 50%;
border: 1px solid #d82034;
padding: 1px;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto;
}
.ce-timeline .events-list .events .event .image-container.simple {
border-color: transparent;
}
.ce-timeline .events-list .events .event:not(.selected) .image-container.gray {
background: #e5e5e5;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.ce-timeline .events-list .events .event:hover .image-container.gray {
background: transparent;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.ce-timeline .events-list .events .event .image-container .event-image {
margin-top: 5px;
}
.ce-timeline .events-list .events .event .event-image {
width: 50px;
height: 50px;
}
.ce-timeline .events-list .events .event .image-container .event-image.simple {
margin-top: 0;
width: 40px;
max-height: 40px;
}
.ce-timeline .events-list .events .event .image-container .avatar-loading-placeholder {
padding: 5px 0 0 7px;
font-size: 30px;
text-align: center;
display: block;
}
.ce-timeline .events-list .events .event .image-container .event-icon {
width: 35px;
margin-top: 4px;
}
.ce-timeline .events-list .events .event .event-date {
font-weight: bold;
}
.ce-timeline .events-list .events .event-long-information {
background: #f5f5f5;
margin-left: 85px;
border-bottom: 1px solid #dedede;
}
.ce-timeline .events-list .events .event-long-information .information-content {
border-top: 1px solid #dedede;
display: block;
}
.ce-timeline .events-list .events .event-long-information .information-content::after {
display: block;
content: "";
clear: both;
}
.ce-timeline .events-list .events .information-content .spinner {
height: 85px;
display: inline;
text-align: left;
}
.ce-timeline .events-list .events .information-content .event-data {
padding: 2% 0;
}
.ce-timeline .events-list .events .information-content .event-data.indented {
padding: 2% 2% 2% 5%;
}
.ce-timeline .events-list .events .information-content .event-data .fund {
-webkit-transition: 0.3s;
transition: 0.3s;
padding: 10px 60px 10px 0;
}
.ce-timeline .events-list .events .information-content .event-data .fund:hover {
-webkit-transition: 0.3s;
transition: 0.3s;
background: #fff;
}
.ce-timeline .events-list .events .information-content .event-data .fund-name {
color: #de822b;
font-weight: bold;
display: block;
}
.ce-timeline .events-list .events .information-content .event-data .highlight {
display: inline-block;
color: #de822b;
font-weight: bold;
}
.ce-timeline .events-list .events .information-content .event-data .event-header {
float: none;
color: #8c8c8c;
margin: 3% 0;
text-align: left;
font-size: 18px;
}
.ce-timeline .events-list .events .information-content .event-data .units-number {
color: #808080;
}
.ce-timeline .events-list .events .information-content .event-data .date {
font-weight: bold;
}
.ce-timeline .events-list .events .information-content .event-data .unit-price {
color: #808080;
}
.ce-timeline .events-list .events .information-content .event-data .hoverable {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.ce-timeline .events-list .events .information-content .event-data .data-row {
padding-top: 10px;
padding-bottom: 10px;
}
.ce-timeline .events-list .events .information-content .event-data .hoverable:hover {
background: #fff;
}
.ce-timeline .events-list .events .information-content .event-data .important-information {
display: block;
margin-top: 15px;
}
.ce-timeline .nano > .nano-content {
padding-left: 0;
padding-right: 0;
}
.ce-timeline .no-events {
margin-left: 20px;
padding: 5% 0;
width: 100%;
text-align: center;
}
.ce-timeline .no-events .no-data-icon {
width: 150px;
clear: both;
display: inline-block;
margin-bottom: 3%;
}
.ce-timeline .no-events span {
display: block;
}
.ce-timeline .no-events .load-more-action {
font-weight: bold;
color: #d82034;
padding: 2% 0;
display: block;
}
.ce-timeline .no-events .no-data-icon::before {
background-size: 100% 100%;
display: inline-block;
width: 100%;
padding: 50% 0;
float: left;
background-image: url('../styles/img/icons/no_data.png');
border: 1px solid #808080;
border-radius: 50%;
content: "";
}
.ce-timeline .events-list .events .event .subaccount-name {
padding-right: 5px;
}
.ce-timeline .events-list .events .event .total-amount {
display: inline-block;
}
.ce-timeline .events-list .events .event .information {
font-weight: bold;
}
.ce-timeline .events-list .events .event.task-acceptance .event-member {
border: 0;
color: #d82034;
text-align: left;
}
.ce-timeline .events-list .events .event.task-acceptance .event-type {
color: #fff;
background: #dd812c;
}
.ce-timeline .events-list .events .event.task-acceptance .customer-avatar {
width: 44px;
height: 44px;
}
.ce-timeline .events-list .events .event.task-acceptance .spinner {
display: inline;
height: auto;
text-align: left;
}
.ce-timeline .events-list .events .event.task-acceptance .spinner .inner {
display: inline;
padding: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
top: 0;
}
.ce-timeline .events-list .events .event .event-column {
padding-top: 10px;
padding-bottom: 10px;
}
.middle-cols .event-column-right {
float: right !important;
}
.ce-timeline .events-list .events .event.verification-log .spinner {
display: inline;
height: auto;
text-align: left;
}
.ce-timeline .events-list .events .event.verification-log .spinner .inner {
display: inline;
padding: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
top: 0;
}
.ce-timeline .events-list .events .event.verification-log .event-member {
border: 0;
color: #d82034;
text-align: left;
}
.ce-timeline .events-list .events .event.verification-log .event-type-ACCEPTED {
color: #fff;
background: #01a767;
}
.ce-timeline .events-list .events .event.verification-log .event-type-REJECTED {
color: #fff;
background: #d82034;
}
.ce-timeline .events-list .events .event.verification-log .event-type-CANCELLED {
color: #fff;
background: #dd812c;
}
.ce-timeline .events-list .events .subtitle {
display: block;
color: #808080;
font-size: 12px;
}
.ce-timeline .events-list .events .action-on-hover .hide-on-hover,
.ce-timeline .events-list .events .action-on-hover:hover .show-on-hover,
.ce-timeline .events-list .events .action-on-hover.selected .show-on-hover {
opacity: 1;
visibility: visible;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.ce-timeline .events-list .events .action-on-hover:hover .hide-on-hover,
.ce-timeline .events-list .events .action-on-hover .show-on-hover,
.ce-timeline .events-list .events .action-on-hover.selected .hide-on-hover {
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.ce-timeline .events-list .events .checkbox-container {
position: relative;
text-align: center;
}
.ce-timeline .events-list .events .checkbox-container .event-checkbox {
position: absolute;
top: -10px;
left: 10px;
cursor: pointer;
padding: 10px;
z-index: 5;
}
.ce-timeline .events-list .events .event.selected:not(.skip-highlighting-title) .title,
.ce-timeline .events-list .events .event .bold-text {
font-weight: bold;
color: #d82034;
}
.ce-timeline .events-list .events .event .action-icon {
padding-right: 25px;
color: #d82034;
}
.ce-timeline .events-list .events .event .action-icon a {
color: #d82034;
}
.ce-timeline .events-list .events .event .action-icon .ca-icon {
width: 30px;
}
.task-modal {
text-align: left;
}
.task-modal textarea.form-control {
border-bottom: 1px solid #cccccc;
}
.ce-timeline .events-list .events .information-content .buttons {
padding: 20px 5px;
}
.ce-timeline .events-list .events .information-content.with-side-spaces {
padding-left: 95px;
padding-right: 20px;
}
.ce-timeline .events-list .events .information-content table tr:first-child td,
.ce-timeline .events-list .events .information-content table tr:first-child th {
border-top-color: transparent;
}
.ce-timeline .events-list .events .information-content table tr {
-webkit-transition: 0.5s;
transition: 0.5s;
}
.ce-timeline .events-list .events .information-content table tr:hover {
background: #fff;
}
.ce-timeline .events-list .events .information-content .main-header {
text-align: left;
color: #808080;
font-size: 18px;
margin: 10px 0;
}
.ce-timeline .events-list .events .information-content .description {
font-size: 13px;
padding: 5px 0;
margin: 0;
display: block;
}
.ce-timeline .events-list .events .information-content .description:not(.without-border) {
border-bottom: 1px solid #ccc;
padding: 10px 7px;
}
.events-history .event.verification-log span.member,
.events-history .event.verification-log span.request-date {
display: none;
}
.ce-timeline .events-list .events .information-content .action-link {
background: transparent;
color: #d82034;
font-weight: bold;
border: none;
}
.ce-timeline .events-list .events .information-content .hoverable-data {
padding: 10px 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.ce-timeline .events-list .events .information-content .hoverable-data:first-child {
margin-top: 15px;
}
.ce-timeline .events-list .events .information-content .hoverable-data:hover {
background: #fff;
}
.ce-timeline .events-list .events .information-content .hoverable-data .field-name {
color: #808080;
}
.ce-timeline .events-list .events .information-content .action-link.with-extra-space {
margin: 10px 15px 20px;
}
.ce-timeline .events-list .events .event .information-content .spinner {
height: auto;
}
.ce-timeline .events-list .events .information-content .spinner .inner {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.ce-timeline .events-list .events .risk-options-choice-task .subtitle {
margin: 20px 20px 20px -15px;
padding: 0;
border-top: none;
border-bottom: 1px solid #ccc;
text-align: left;
font-size: 18px;
}
.ce-timeline .events-list .events .risk-options-choice-task .benefits-list {
padding: 0;
margin: 5px 15px 5px -15px;
}
.ce-timeline .events-list .events .information-content .risk-options-choice-task .benefits-list .highlighted-benefit.gray:hover {
background: #fff;
}
.ce-timeline .events-headers {
padding: 0 30px 0 47px;
display: block;
width: auto;
}
.ce-timeline .events-headers > * {
display: unset;
}
.ce-timeline .event-action-icon {
width: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.ce-timeline .download-link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #d82034;
cursor: pointer;
}
.ce-upload-file .drop-box {
background: transparent;
border: 1px dashed #d82034;
padding: 3%;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
color: #808080;
font-size: 17px;
margin: 5% 0;
line-height: 60px;
}
.ce-upload-file .drop-box .selectFile {
background: #d82034;
color: #fff;
padding: 2px 30px;
min-width: 240px;
display: inline-block;
line-height: 35px;
-webkit-transition: 0.5s;
transition: 0.5s;
font-size: 17px;
}
.ce-upload-file .drop-box:hover .selectFile {
background: #a11c36;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.ce-upload-file .progress-striped {
display: block;
height: auto;
border-radius: 0;
}
.ce-upload-file .progress-striped .progress-bar {
padding: 7px 0;
background-color: #d82034;
font-weight: normal;
font-size: 16px;
}
.ce-upload-file .bar-info {
padding: 5% 0 1%;
display: block;
}
.ce-upload-file .progress:not(.progress-striped) {
border-radius: 0;
display: block;
height: auto;
background: #cbcbcb;
}
.ce-upload-file .progress:not(.progress-striped) .progress-bar:not(.progress-bar-striped) {
border-radius: 0;
padding: 7px 0;
background: #d82034;
}
.ce-upload-file .error-information {
color: #d82034;
font-size: inherit;
padding-left: 25px;
padding-top: 15px;
}
.ce-upload-file .error-data .information {
color: #808080;
padding: 5px 0;
}
.ce-upload-file .error-data .with-group .information {
padding-left: 50px;
}
.ce-upload-file .error-data .group-title {
position: relative;
margin-bottom: 15px;
margin-top: 15px;
}
.ce-upload-file .error-data .group-title > * {
position: relative;
z-index: 1;
display: inline-block;
vertical-align: middle;
}
.ce-upload-file .error-data .group-title h4 {
background: #fff;
padding: 5px 10px;
margin: 0;
color: #000;
display: inline-block;
}
.ce-upload-file .error-data .group-title::after {
content: "";
height: 1px;
display: block;
width: 70%;
position: absolute;
top: 50%;
right: 0;
background: #ccc;
z-index: 0;
}
.ce-upload-file .error-data .group-title > .ca-icon {
width: 35px;
margin-top: -1px;
}
.upload-image-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.upload-image-container .button {
font-size: 15px;
font-weight: bold;
font-family: "Standard", Calibri, sans-serif;
}
.upload-image-container > .image-container {
margin-right: 25px;
}
.upload-image-container > .image-container > .image {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 30px;
min-width: 30px;
overflow: hidden;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 2px;
}
.upload-image-container > .image-container > .image > span {
display: inline-block;
height: 100%;
width: 100%;
background: center center no-repeat;
background-size: contain;
margin: 0;
}
.upload-image-container > .image-container > .image.big-avatar {
width: 140px;
height: 140px;
}
.upload-image-container > .image-container > .image.big-avatar > span {
height: 75%;
width: 75%;
border-radius: 0;
}
.upload-image-container > .image-container > .image.with-white-background {
background-color: #fff;
border: 2px solid #ccc;
}
.upload-image-container > .image-input {
display: block;
width: 1px;
height: 1px;
overflow: hidden;
position: absolute;
z-index: -1;
}
.ae-wizard-indicator {
width: 100%;
padding-top: 5px;
margin-bottom: 5px;
float: left;
clear: both;
}
.ae-wizard-indicator ul {
text-align: center !important;
}
.ae-wizard-indicator li {
display: inline-block;
cursor: default !important;
margin: 1% 1% 15px 1% !important;
}
.ae-wizard-indicator li::before {
display: none !important;
}
.ae-wizard-indicator li .number {
vertical-align: middle;
background: none !important;
border: 1px solid #9b9b9b;
width: 40px !important;
height: 40px !important;
margin: 0 auto 5px !important;
text-align: center !important;
display: block !important;
padding: 0 !important;
}
.ae-wizard-indicator li .number .inner {
background: transparent !important;
box-shadow: none !important;
font-size: 17px !important;
color: #9b9b9b !important;
padding: 0 !important;
vertical-align: middle;
line-height: 35px !important;
margin: 1px 0 0 0 !important;
}
.ae-wizard-indicator li .name {
line-height: 18px;
max-width: 220px;
vertical-align: middle;
text-align: center;
display: inline-block;
padding: 0 1% !important;
margin: 0 !important;
color: #9b9b9b !important;
font-size: 13px;
}
.ae-wizard-indicator li .name .subName {
text-align: center;
width: 100%;
padding-top: 2px;
}
.ae-wizard-indicator li .name b {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 17px !important;
font-weight: normal !important;
}
.ae-wizard-indicator li .name br {
display: none;
}
.ae-wizard-indicator li .name span {
clear: both;
display: block;
}
.ae-wizard-indicator li.active .name {
color: #000 !important;
}
.ae-wizard-indicator li.active .number {
background: #d82034 !important;
}
.ae-wizard-indicator li.active .number .inner {
color: #fff !important;
line-height: 40px !important;
margin: 0 0 0 0 !important;
}
/* Horizontal indicator */
.wizard-horizontal .ae-wizard-indicator {
padding: 20px 20px 10px !important;
}
.wizard-horizontal .ae-wizard-indicator ul {
text-align: center !important;
margin: 0;
}
.wizard-horizontal .ae-wizard-indicator ul li {
white-space: nowrap;
margin-right: 60px !important;
}
.wizard-horizontal .ae-wizard-indicator ul li > * {
display: inline-block !important;
text-align: left;
vertical-align: top;
}
.wizard-horizontal .ae-wizard-indicator ul li .name {
margin-top: 10px !important;
}
.ae-wizard-buttons .btn-wizard.next {
background: #d82034 !important;
margin: 0 15px 15px 0 !important;
padding: 10px 78px !important;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-weight: normal !important;
font-size: 17px !important;
text-shadow: none !important;
}
.ae-wizard-buttons .btn-wizard.next:disabled {
background: #606162 !important;
color: #c4d9e0 !important;
}
.ae-wizard-buttons .btn-wizard.prev {
background: transparent !important;
margin: 0 15px 15px 0 !important;
padding: 10px 78px !important;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 17px !important;
color: #d82034 !important;
text-shadow: none !important;
font-weight: normal !important;
box-shadow: none !important;
}
.ae-wizard-buttons .btn-wizard.prev:disabled {
color: #606162 !important;
}
/* TODO: switch in progress */
.ae-wizard-indicator li.inProgress .number {
background: #606162 !important;
}
.wizard-centered .ae-wizard-indicator ul {
text-align: center !important;
}
.wizard-wider .ae-wizard-indicator ul li .name {
min-width: 120px;
}
.fancy-names .ae-wizard-indicator ul li .name {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 17px;
}
.wizard-prev-button-on-left {
position: relative;
}
.wizard-prev-button-on-left .btn-group:not(.skip-prev-on-left) {
position: static;
}
.wizard-prev-button-on-left .btn-group:not(.skip-prev-on-left) .prev {
position: absolute;
left: 0;
padding: 0 10px !important;
}
.context-popover.popover {
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.5);
border-radius: 0;
border: none;
margin: 5px 0 0 0;
padding: 0;
font-family: "Standard", Calibri, sans-serif;
}
.context-panel > .dropdown {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.context-popover .arrow {
display: none;
}
.context-popover .popover-content {
padding: 0;
font-family: "Standard", Calibri, sans-serif;
}
.context-info {
display: block;
}
.main-context-info {
padding: 0 25px 0 5px;
height: 100%;
}
.main-context-info .avatar-loading-placeholder {
padding: 15px 5px 0 0;
font-size: 25px;
}
.main-context-info .navbar-avatar {
margin-right: 10px;
border: 1px solid #ccc;
height: 60px;
width: 60px;
margin-top: -7px;
}
.context-info .customer-logo:not(.avatar-loading-placeholder) {
font-size: 24px;
}
.context-info .context-details {
display: block;
text-align: left;
}
.context-info .context-details.with-top-margin {
padding: 0;
}
.context-info .logged-person-details {
display: block;
float: left;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 17px;
}
.context-info .context-details h5 {
margin: 0;
padding: 0;
font-size: 17px;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
}
.context-info .context-details small {
font-size: 12px;
margin: 0;
padding: 0;
}
.context-info .more-icon {
font-size: 8px;
margin: 0 0 0 30px;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.open .context-info .more-icon {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
/* --- Context menu */
.context-menu {
border-radius: 0;
border: 0;
border-top: 1px solid #e8e8e8;
padding: 0;
margin: 0;
font-size: 15px;
}
.context-menu li {
display: block;
width: 100%;
padding: 0;
}
.context-menu .context-details small {
font-size: 12px;
}
.context-menu li.context-position {
padding: 5px 0 5px 50px;
}
.context-menu li:hover {
background-color: #f5f5f5;
}
.context-menu li.menu-separator {
height: 1px;
overflow: hidden;
background-color: #e5e5e5;
}
.context-menu .section-title {
color: #CECECE;
border-bottom: 1px solid #CECECE;
width: 100%;
margin-top: 15px;
clear: both;
padding-bottom: 10px;
text-indent: 30px;
}
.context-menu .section-title:hover {
background: none;
}
.context-menu .context-info {
padding: 5px 0;
}
.context-menu .context-info .context-details h5 {
margin-top: 0;
font-size: 15px;
}
.context-menu .context-info .user-avatar {
margin-right: 5px;
margin-left: 5px;
max-width: 30px;
height: 30px;
background-size: 110%;
}
.context-menu .menu-option:link,
.context-menu .menu-option:visited {
display: block;
width: 100%;
padding: 10px 0;
}
.context-menu .menu-option:hover,
.context-menu .menu-option:active,
.context-menu .menu-option:focus {
color: #262626;
text-decoration: none;
background-color: #f5f5f5;
}
.context-menu .menu-option .ca-menu-icon {
width: 30px;
float: left;
margin: -6px 15px 0 25px;
}
.context-menu .menu-option .menu-option-icon {
float: left;
color: #d82034;
margin: 1px 15px 0 30px;
max-width: 20px;
max-height: 15px;
}
.context-menu .menu-option-dark:link,
.context-menu .menu-option-dark:visited {
background: #3d3d3d;
color: #fff;
}
.context-menu .menu-option-dark:hover,
.context-menu .menu-option-dark:active,
.context-menu .menu-option-dark:focus {
background: #505050;
}
.context-menu .menu-option-dark .menu-option-icon {
color: #fff;
}
.context-menu li.disabled,
.context-menu li.disabled .menu-option {
background: 0;
}
.navbar-nav li .dropdown-menu {
padding: 0;
}
.dropdown-toggle {
display: inline-block;
height: 100%;
}
html body .daterangepicker {
padding: 15px;
border-radius: 0;
color: #000;
}
html body .daterangepicker .calendar-table table thead tr th {
white-space: nowrap;
}
html body .form-with-editable-data.hide-unactive-fields .field-section .daterangepicker .calendar-table table thead tr th select,
html body .daterangepicker .calendar-table table thead tr th select {
width: auto;
box-shadow: none;
border: 1px solid #ccc;
}
html body .daterangepicker .calendar-table table thead tr th select.monthselect {
width: 100px;
}
html body .daterangepicker .calendar-table table thead tr th select.yearselect {
margin-left: 5px;
}
html body .daterangepicker .calendar-table table tbody tr td {
padding: 5px 7px;
text-align: center;
-webkit-transition: 0.3s;
transition: 0.3s;
}
html body .daterangepicker .calendar-table table tbody tr td:hover,
html body .daterangepicker .calendar-table table tbody tr td.weekend:hover {
background: #e6e6e6;
cursor: pointer;
}
html body .daterangepicker .calendar-table table tbody tr td.off {
color: #a6a6a6;
}
html body .daterangepicker .calendar-table table tbody tr td.active,
html body .daterangepicker .calendar-table table tbody tr td.active.today,
html body .daterangepicker .calendar-table table tbody tr td.active.weekend {
background: #d82034;
color: #fff;
}
html body .daterangepicker .calendar-table table tbody tr td.today {
color: #d82034;
}
html body .daterangepicker .calendar-table table tbody tr td.weekend {
background: #f5f5f5;
}
html body .daterangepicker select > option:hover {
background: #d82034 !important;
}
html body .daterangepicker select {
outline-color: #ccc;
}
html body .daterangepicker select:active,
html body .daterangepicker select:hover {
outline-color: #a6a6a6;
}
html body .daterangepicker select:focus > option:checked {
background: #d82034 !important;
color: white;
}
.demo-disclaimer-image {
width: 30%;
}
.demo-disclaimer-title {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-style: italic;
}
.disabled-for-demo {
position: relative;
}
.disabled-for-demo > .locked-for-demo {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 999;
-webkit-transition: background 0.3s;
transition: background 0.3s;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.disabled-for-demo > .locked-for-demo > h2 {
display: none;
}
.disabled-for-demo > .locked-for-demo:hover {
background: rgba(128, 128, 128, 0.3);
}
.disabled-for-demo > .locked-for-demo:hover > h2 {
color: #fff;
display: block;
font-weight: bold;
font-size: 24px;
text-shadow: 0 0 10px rgba(128, 128, 128, 0.4);
}
.document-upload-modal h5 {
margin: 20px 10px;
font-size: 15px;
}
.document-upload-modal .add-translation {
font-weight: bold;
color: #d82034;
display: block;
margin: 17px 15px 25px;
}
.document-upload-modal .translation-row {
margin: 5px 0 8px 1px;
}
.document-upload-modal .ca-icon-document {
width: 60px;
margin-right: 10px;
}
.document-upload-modal .translation-row .translation-input {
border: 1px solid transparent;
outline: none;
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
font-weight: bold;
width: 100%;
font-size: 15px;
padding: 3px 10px;
}
.document-upload-modal .translation-row .translation-input.main-translation-input {
font-size: 24px;
}
.document-upload-modal .upload-document-original-name {
color: lightslategray;
}
.document-upload-modal .translation-row .translation-input:hover,
.document-upload-modal .translation-row .translation-input:focus {
border-color: #ccc;
}
.document-upload-modal .form-with-editable-data .field-section {
margin-top: 5px;
}
.document-upload-modal .translation-row .file-extension {
font-size: 17px;
display: block;
margin-top: 12px;
padding-left: 2px;
}
.document-upload-modal .translation-row .action-link {
color: #d82034;
}
.document-upload-modal .translation-row .action-link .glyphicon {
top: 2px;
margin-left: 5px;
}
.document-upload-modal .language-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.document-upload-modal .language-wrapper .change-language-picker {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.document-upload-modal .language-wrapper .action-link {
margin-left: 5px;
}
.document-upload-modal .form-with-editable-data.fixed-form-controls .field-section .language-wrapper .ce-language-picker,
.document-upload-modal .form-with-editable-data.fixed-form-controls .field-section .language-wrapper .ce-language-picker .form-control {
max-width: none;
}
.uploaded-document-position > * {
display: inline-block;
vertical-align: middle;
}
.uploaded-document-position .field-action-link.more-translations-icon {
font-weight: normal;
margin-left: 10px;
display: inline-block;
}
.uploaded-document-position .action-container {
position: relative;
padding: 0 20px;
}
.uploaded-document-position .action-container .fonticon {
position: absolute;
top: -7px;
left: 0;
}
.uploaded-document-position .action-container .checkbox {
position: absolute;
top: -9px;
left: 5px;
}
.uploaded-document-position .action-container.always-show-input > input {
opacity: 1;
visibility: visible;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.uploaded-document-position .action-container.always-show-input > * {
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.uploaded-document-position .internal-document-sub-row {
display: block;
padding-left: 40px;
margin-bottom: 3px;
margin-top: 2px;
}
.uploaded-document-position .doc-lang {
border: 1px solid #000000!important;
padding: 2px 0;
text-align: center;
width: 50px;
font-size: 12px;
font-weight: bold;
display: inline-block;
}
.uploaded-document-position .doc-name {
margin: 0 0 0 15px!important;
font-weight: bold;
}
.ag-row.ag-row-level-1.noTranslations {
height: 40px !important;
}
.ag-row.ag-row-level-1.oneTranslation {
height: 65px !important;
}
.ag-row.ag-row-level-1.twoTranslations {
height: 100px !important;
}
.internal-documents .documents-grid .ag-cell,
.internal-documents .documents-grid .ag-row,
.internal-documents #centerRow,
.internal-documents .ce-document-manager .ag-row {
height: auto!important;
}
.internal-documents .ce-document-manager .ag-row:hover > * {
-webkit-transition: 0.5s;
transition: 0.5s;
}
.internal-documents .ce-document-manager:not(.documents-manager-tiles-view) .ag-row-odd:not(.ag-row-group) > * {
background-color: #f9f9f9;
}
.internal-documents .ce-document-manager .ag-row {
clear: both;
}
.internal-documents .ce-document-manager .ag-row .ag-cell {
min-height: 43px;
}
.internal-documents .ce-document-manager .ag-row .ag-cell:last-child {
height: 43px;
}
.internal-documents .ce-document-manager .ag-row:not(.ag-row-group):hover > * {
background: #f5f5f5;
}
.internal-documents .ce-document-manager.documents-manager-tiles-view .ag-row:not(.ag-row-group) .ag-cell .doc-name {
display: block;
}
.internal-documents .ce-document-manager.documents-manager-tiles-view .ag-row:not(.ag-row-group) .ag-cell .fonticon {
width: 50px;
}
.internal-documents .ce-document-manager.documents-manager-tiles-view .ag-row:not(.ag-row-group) .ag-cell .doc-name .title {
max-width: 170px;
white-space: pre-line;
margin: 0 auto;
}
.fix-last-column .ag-row.ag-row-odd .ag-cell:last-child {
min-height: 40px;
}
.ce-document-manager-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ce-document-manager-header > .left {
padding: 10px 20px;
}
.ce-document-manager-header > .left .button-action,
.ce-document-manager-header > .left .button-action:link,
.ce-document-manager-header > .left .button-action:visited {
border: none;
background: none;
color: #808080;
display: inline-block;
padding: 10px;
font-size: 16px;
-webkit-transition: 0.3s;
transition: 0.3s;
margin: 0;
min-width: 0;
outline: none;
}
.ce-document-manager-header > .left .button-action.active,
.ce-document-manager-header > .left .button-action.active:link,
.ce-document-manager-header > .left .button-action.active:visited,
.ce-document-manager-header > .left .button-action:hover,
.ce-document-manager-header > .left .button-action:active {
color: #d82034;
}
.ce-document-manager-header > .right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: right;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.ce-document-manager-header > .right > * {
display: inline-block;
vertical-align: middle;
}
.ce-document-manager-header > .right > .action-buttons > button {
background: transparent;
color: #d82034;
border: none;
font-weight: bold;
}
.ce-document-manager-header > .right .search {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.ce-document-manager-header > .right .search-bar {
position: relative;
border: 1px solid #000;
padding: 2px 10px;
clear: both;
}
.ce-document-manager-header > .right .search-bar .glyphicon {
position: absolute;
top: 10px;
}
.ce-document-manager-header > .right .search-bar .search-icon {
left: 10px;
}
.ce-document-manager-header > .right .search-bar .cancel-search-icon {
right: 10px;
color: #d82034;
cursor: pointer;
position: absolute;
top: 0;
}
.ce-document-manager-header > .right .search-bar input {
display: block;
padding-left: 25px;
padding-right: 25px;
border: 0;
outline: 0;
}
.ce-document-manager-header .active-filters {
padding-top: 5px;
max-width: 100%;
-webkit-transition: 0.4s;
transition: 0.4s;
display: block;
clear: both;
}
.ce-document-manager-header .active-filters .filter {
-webkit-transition: 0.3s;
transition: 0.3s;
background: #d82034;
color: #fff;
font-size: 12px;
padding: 5px 10px 0;
display: inline-block;
margin-right: 5px;
float: left;
height: 25px;
margin-bottom: 5px;
}
.ce-document-manager-header .active-filters .filter .filter-name {
max-width: 100px;
display: inline-block;
white-space: pre-line;
}
.ce-document-manager-header .active-filters .filter .remove-icon {
cursor: pointer;
float: right;
margin-top: -3px;
margin-left: 5px;
}
.ce-document-manager-header .active-filters .filter:hover {
-webkit-transition: 0.3s;
transition: 0.3s;
background: #c53f4e;
}
/***/
.documents-grid {
padding: 0 0 15px 15px;
}
.documents-grid .documents-manager-tool-panel {
padding-left: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.documents-grid .field-action-link {
color: #d82034;
font-weight: bold;
}
.documents-grid .documents-manager-tool-panel .left-buttons {
padding-top: 15px;
}
.documents-grid .documents-manager-tool-panel a {
color: #a8a8a8;
font-size: 15px;
margin-right: 5px;
background: transparent;
box-shadow: none;
}
.documents-grid .documents-manager-tool-panel a:hover,
.documents-grid .documents-manager-tool-panel a:active,
.documents-grid .documents-manager-tool-panel a.active {
color: #d82034;
background: transparent;
box-shadow: none;
}
.documents-grid .documents-manager-tool-panel > a,
.documents-grid .documents-manager-tool-panel > .btn-group,
.documents-grid .documents-manager-tool-panel .document-action {
float: left;
}
.documents-grid .documents-manager-tool-panel > a,
.documents-grid .documents-manager-tool-panel > .btn-group {
margin-top: 3px;
}
.documents-grid .documents-manager-tool-panel .middle-section {
float: none;
width: auto;
}
.documents-grid .documents-manager-tool-panel .document-action {
width: 100%;
}
.documents-grid .documents-manager-tool-panel .document-action .right-inner-addon {
border: 1px solid #000;
padding: 2px 10px 2px 2px;
margin-top: 10px;
width: 100%;
max-width: unset;
}
.documents-grid .documents-manager-tool-panel .document-action .right-inner-addon .glyphicon-search {
vertical-align: middle;
display: table-cell;
position: static;
width: 15px;
}
.documents-grid .documents-manager-tool-panel .document-action .right-inner-addon input {
padding-right: 0;
padding-top: 5px;
border: 0;
display: table-cell;
vertical-align: middle;
width: 100%;
}
.documents-grid .documents-manager-tool-panel .active-filters {
padding-top: 5px;
float: left;
max-width: 100%;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.documents-grid .documents-manager-tool-panel .active-filters .filter {
-webkit-transition: 0.3s;
transition: 0.3s;
background: #d82034;
color: #fff;
font-size: 12px;
padding: 5px 10px 0;
display: inline-block;
margin-right: 5px;
float: left;
height: 25px;
margin-top: 5px;
}
.documents-grid .documents-manager-tool-panel .active-filters .filter .filter-name {
max-width: 100px;
display: inline-block;
white-space: pre-line;
}
.documents-grid .documents-manager-tool-panel .active-filters .filter .remove-icon {
cursor: pointer;
float: right;
font-size: 10px;
margin-top: 3px;
margin-left: 5px;
}
.documents-grid .documents-manager-tool-panel .active-filters .filter:hover {
-webkit-transition: 0.3s;
transition: 0.3s;
background: #c53f4e;
}
.documents-grid .documents-manager-tool-panel .document-action .right-inner-addon .cancel-search-icon {
display: table-cell;
vertical-align: middle;
width: 15px;
color: #d82034;
cursor: pointer;
position: static;
float: none;
}
.documents-grid .documents-manager-tool-panel .document-action .add-customer360-element {
display: none;
}
.documents-grid .documents-manager-tool-panel .right-buttons {
white-space: nowrap;
}
.documents-grid .documents-manager-tool-panel .right-buttons > * {
display: inline-block;
vertical-align: middle;
white-space: normal;
}
.documents-grid .documents-manager-tool-panel .right-buttons .dropdown-button {
display: inline-block;
}
.documents-grid .documents-manager-tool-panel .right-buttons .button {
display: inline;
}
.documents-grid .documents-manager-tool-panel .right-buttons .search-icon {
position: relative;
display: inline-block;
width: 30px;
float: left;
padding-right: 30px;
}
.documents-grid .documents-manager-tool-panel .right-buttons .search-icon::before {
background-size: 100% 100%;
display: inline-block;
width: 100%;
padding: 50% 0;
float: left;
content: "";
position: absolute;
top: -12px;
background-image: url('../styles/img/icons/search-red.png');
}
.documents-grid .documents-manager-tool-panel .right-buttons .filter-icon {
position: relative;
display: inline-block;
width: 30px;
float: left;
padding-right: 30px;
}
.documents-grid .documents-manager-tool-panel .right-buttons .filter-icon::before {
background-size: 100% 100%;
display: inline-block;
width: 100%;
padding: 50% 0;
float: left;
content: "";
position: absolute;
top: -12px;
background-image: url('../styles/img/icons/filter.png');
}
.documents-grid .documents-manager-tool-panel .right-buttons .dropdown-button .dropdown-menu {
min-width: 0;
}
.documents-grid .documents-manager-tool-panel .right-buttons .dropdown-button .dropdown-menu ul li {
padding: 15px 5% 15px 25px;
white-space: normal;
}
.documents-grid .documents-manager-tool-panel .right-buttons .arrange-options-button {
padding: 20px 40px;
color: #d82034;
margin: 0;
font-size: 13px;
font-weight: bold;
}
.documents-grid .documents-manager-tool-panel .right-buttons .arrange-options-button .glyphicon {
font-size: 9px;
margin-top: 5px;
}
.documents-grid .documents-manager-tool-panel .right-buttons .arrange-options-button:hover,
.documents-grid .documents-manager-tool-panel .right-buttons .arrange-options-button:focus,
.documents-grid .documents-manager-tool-panel .right-buttons .arrange-options-button:active {
background: #fff;
outline: 0;
box-shadow: none;
}
.documents-grid .documents-manager-tool-panel .right-buttons .dropdown-button.open {
box-shadow: rgba(0, 0, 0, 0.4) -5px -5px 25px;
z-index: 1051;
}
.documents-grid .documents-manager-tool-panel .right-buttons .dropdown-button.open .dropdown-menu {
left: 0;
right: 0;
box-shadow: rgba(0, 0, 0, 0.4) -5px 5px 25px;
padding-top: 5px;
}
.documents-grid .documents-manager-tool-panel .right-buttons .dropdown-button.open .dropdown-menu::after {
content: "";
display: block;
position: absolute;
background: #fff;
left: 0;
right: 0;
top: -10px;
height: 15px;
}
.documents-grid .ce-document-manager {
clear: both;
padding: 20px 20px 0;
}
.documents-grid .ce-document-manager .ag-header-cell {
padding: 0;
white-space: pre-line;
}
.documents-grid .ce-document-manager .ag-header-cell .ag-header-cell-label,
.documents-grid .ce-document-manager .ag-header-cell {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 24px;
font-weight: normal;
}
.documents-grid .ce-document-manager .ag-body-container .ag-group-cell-entire-row {
color: #000;
font-weight: normal;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 17px;
padding: 0!important;
}
.documents-grid .ce-document-manager.documents-manager-tiles-view .ag-body-container .ag-group-cell-entire-row {
font-size: 30px;
padding-bottom: 5px;
}
.documents-grid .ce-document-manager.documents-manager-tiles-view .ag-body-container .ag-cell .title {
clear: both;
width: 100%;
display: block;
}
.documents-grid .ce-document-manager.documents-manager-tiles-view .ag-body-container .ag-cell .date {
width: 100%;
clear: both;
display: block;
}
.documents-grid .ce-document-manager:not(.documents-manager-tiles-view) .ag-body-container .ag-cell .date {
padding-left: 5px;
}
.documents-grid .ce-document-manager:not(.documents-manager-tiles-view) .ag-body-container .ag-cell .date::before {
content: "(";
}
.documents-grid .ce-document-manager:not(.documents-manager-tiles-view) .ag-body-container .ag-cell .date::after {
content: ")";
}
.documents-grid .fonticon {
position: relative;
display: inline-block;
width: 20px;
margin-top: -2px;
float: left;
}
.documents-grid .ce-document-manager.documents-manager-tiles-view .fonticon {
width: 25px;
}
.documents-grid .fonticon-pdf-file::after {
background-image: url('../styles/img/icons/pdf.png');
background-size: 100% 100%;
display: inline-block;
width: 100%;
padding: 50% 0;
float: left;
content: "";
}
.documents-grid .fonticon-general-document::after {
background-image: url('../styles/img/icons/document.png');
background-size: 100% 100%;
display: inline-block;
width: 100%;
padding: 50% 0;
float: left;
content: "";
}
.documents-grid .documents-manager-tiles-view .fonticon {
width: 20%;
float: none;
margin-top: 0;
}
.documents-grid .ce-document-manager:not(.documents-manager-tiles-view) .ag-cell.cell-col-0,
.documents-grid .ce-document-manager:not(.documents-manager-tiles-view) .ag-header-cell[col='0'] {
width: 40%!important;
}
.documents-grid .ce-document-manager:not(.documents-manager-tiles-view) .ag-cell,
.documents-grid .ce-document-manager:not(.documents-manager-tiles-view) .ag-header-cell {
width: 20%!important;
padding: 0 5px;
overflow: hidden;
text-overflow: ellipsis;
}
.documents-grid .ce-document-manager:not(.documents-manager-tiles-view) .ag-row-group {
padding: 0 5px;
}
.documents-grid .ce-document-manager.documents-manager-tiles-view .document-position {
text-align: center;
}
.documents-grid .ce-document-manager .document-position {
text-align: left;
}
.ce-document-manager .ag-row:not(.ag-row-group):hover {
background-color: #f5f5f5;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.ce-document-manager .ag-row:not(.ag-row-group) {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.ce-document-manager .ag-header {
background: transparent!important;
}
.documents-grid .table-striped td[translate="documentsManager.noRecords"] {
display: block;
position: relative;
text-align: center;
background: #fff;
}
.documents-grid .table-striped td[translate="documentsManager.noRecords"]::before {
background-image: url('../styles/img/icons/no_data.png');
background-size: 100% 100%;
display: block;
width: 150px;
height: 150px;
border-radius: 50%;
border: 1px solid #000;
margin: 40px auto;
content: "";
}
.documents-grid .ag-body-viewport {
overflow-x: hidden;
overflow-y: hidden !important;
}
.ag-cell {
white-space: pre-line;
}
.member-subpage .member-benefits .benefits-list {
padding: 0 20px;
}
.member-subpage .member-benefits .highlighted-benefit {
background: #f5f5f5;
margin-top: 10px;
padding: 5px 0;
-webkit-transition: 0.4s;
transition: 0.4s;
font-size: 17px;
}
.member-subpage .member-benefits .highlighted-benefit:hover {
background: #f0f0f0;
}
.member-subpage .member-benefits .highlighted-benefit .benefitType {
font-weight: normal;
}
.member-subpage .member-benefits .indented-benefit {
margin-top: 3px;
-webkit-transition: 0.4s;
transition: 0.4s;
padding-top: 3px;
padding-bottom: 3px;
}
.member-subpage .member-benefits .indented-benefit:hover {
background: #f5f5f5;
}
.member-subpage .member-benefits .indented-benefit > div:first-child {
padding-left: 30px;
}
.member-subpage .member-benefits .indented-benefit .budgetType {
color: #aaa;
font-size: 13px;
}
.additional-info {
font-style: italic;
}
.indented-benefit .additional-info {
padding: 5px 0 0 15px;
}
.member-subpage .member-benefits .indented-benefit .additional-info {
padding: 5px 0 0 30px;
}
.member-subpage .member-benefits header.subtitle {
font-size: 17px;
font-family: "Standard", Calibri, sans-serif;
margin: 5px 0;
padding-top: 10px;
}
.member-subpage .member-benefits header.subtitle h5 {
font-size: 24px;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
margin: 0;
}
.member-subpage .member-benefits .header-container {
padding: 5px 5px;
display: block;
margin: 15px 0 0 -15px;
}
.member-subpage .member-benefits .header-container.with-border {
padding-top: 15px;
border-top: 1px solid #ccc;
margin-top: 30px;
margin-left: 0;
margin-right: 0;
padding-right: 0;
}
.member-subpage .member-benefits .header-container.main-header {
margin: 0;
padding: 0 15px;
font-size: 19px;
}
.member-subpage .member-benefits .header-container.main-header h4 {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 30px;
}
.member-subpage .member-benefits .insurance:first-child .header-container {
margin-top: 0;
border: none;
}
.member-subpage .member-benefits .main-benefits {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
margin: 0 -20px;
padding: 10px 40px 35px;
}
.member-subpage .no-selected-benefits {
padding-left: 15px;
}
/* Tile */
.member-subpage .member-benefits-tile .subtitle h5 {
font-size: 17px;
}
.member-subpage .member-benefits-tile .benefits-list {
padding-left: 20px;
}
.member-subpage .member-benefits-tile .benefits-list .highlighted-benefit {
margin-top: 10px;
margin-bottom: 10px;
}
.votingPaperOpen {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.member-subpage .big-confirmation {
text-align: center;
margin-top: 20px;
}
.member-subpage .big-confirmation .icon-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
width: 200px;
height: 200px;
background: #fff;
border-radius: 50%;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.member-subpage .big-confirmation .icon-container .ca-icon {
width: 50%;
}
.member-subpage .big-confirmation h1 {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 30px;
font-style: italic;
}
/* Tile */
.member-certificate-tile .policy-data:not(:last-child) {
margin-bottom: 40px;
}
.member-certificate-tile .policy-data header {
border-bottom: #ccc 1px solid;
padding: 0 20px 20px;
margin: 0 -25px 15px;
}
.member-certificate-tile .policy-data header:hover {
cursor: pointer;
}
.member-certificate-tile .policy-data header h3 {
font-size: 24px;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
}
.member-certificate-tile .policy-data .field-action-link {
display: block;
margin-top: 15px;
}
.member-certificate-tile .policy-data .certificates-grid .no-certificates-box {
background: #f5f5f5;
padding: 25px 10px;
text-align: center;
display: block;
}
.member-certificate-tile .policy-data .certificates-grid h4,
.member-certificate-tile .section-subtitle {
margin: 20px 0;
padding: 0;
font-size: 17px;
}
.member-certificate-tile .section-subtitle.lesser {
margin: 10px 0;
}
.member-certificate-tile .policy-data .hoverable,
.member-certificates .certificates-grid .hoverable {
-webkit-transition: 0.3s;
transition: 0.3s;
padding: 5px 0;
}
.member-certificate-tile .policy-data .hoverable:hover,
.member-certificates .certificates-grid .hoverable:hover {
background: #F5F5F5;
}
.member-certificate-tile .policy-data .certificates-grid .download-link {
display: block;
margin-right: 15px;
}
.member-certificate-tile .policy-data .ca-icon {
width: 100%;
}
/* Page */
.member-certificates .field-action-link,
.member-certificates .download-link {
display: inline-block;
margin: 5px 20px;
color: #d82034;
font-weight: bold;
}
.member-certificates .field-action-link.with-extra-space {
margin-bottom: 25px;
margin-top: 15px;
}
.member-certificates .field-action-link.no-left-space {
margin-left: 0;
}
.member-certificates .member-certificates-section {
margin-bottom: 10px;
}
.member-certificates .certificates-grid {
padding: 0 20px;
}
.member-certificates .certificates-grid .no-certificates-box {
background: #f5f5f5;
padding: 25px 10px;
text-align: center;
display: block;
margin: 30px 10%;
}
.member-certificates .certificates-grid h4 {
display: block;
font-size: 17px;
margin: 30px 0;
}
.member-certificates .certificates-grid .ca-icon {
width: 80%;
min-width: 30px;
margin-left: -5px;
}
.member-certificates .view-more-less {
font-size: 11px;
margin-left: 3px;
}
.member-certificates .generate-errors {
padding-left: 52px;
margin-top: 5px;
display: block;
}
/* Generate certificates page */
.member-certificates.generate .options {
clear: both;
}
.member-certificates.generate .options .form-with-editable-data {
margin-bottom: 25px;
}
.member-certificates.generate .options .form-with-editable-data .field-section {
padding: 0;
margin: 0 0 30px 0;
}
.member-certificates.generate .options .form-with-editable-data .field-section .control-label {
padding: 0;
}
.member-certificates.generate .options .form-with-editable-data .field-section .control-label input {
float: none;
margin-left: 0;
}
.member-certificates.generate .options .form-with-editable-data .field-section .control-label span {
padding-top: 5px;
}
.member-certificates.generate .options .form-with-editable-data .field-section .form-group {
padding: 0;
display: block;
clear: both;
margin: 0;
}
.member-certificates.generate .options h2 {
font-size: 17px;
margin: 25px 20px 10px;
}
.member-certificates.generate .options .options-list {
margin-left: 20px;
}
.member-certificates.generate .options .options-list .form-group {
margin-bottom: 5px;
}
.member-certificates.generate .options .options-list input {
margin-right: 5px;
margin-top: 7px;
}
.member-certificates.generate .options .form-group {
float: none;
}
.member-certificates.generate .options .form-group.range {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.member-certificates.generate .options .form-group.range .display-inline-inputs {
padding-left: 30px;
float: none;
margin-top: 0;
}
.member-certificates.generate .options .form-group.range .display-inline-inputs .inputs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: 25px;
}
.member-certificates.generate .options .form-group.range .display-inline-inputs input {
width: 200px;
}
.member-certificates.generate .options .form-group.range .display-inline-inputs .field-separator {
padding-right: 5px;
}
.member-certificates.generate .options .form-group.range .errors {
display: block;
width: 100%;
clear: both;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
.member-certificates.generate .disclaimer {
background: #d6d6d6;
display: block;
clear: both;
margin: 0 10% 20px;
text-align: center;
padding: 20px;
}
.member-certificates.generate .buttons button {
margin-top: 35px;
}
.member-documents .field-action-link,
.member-documents .download-link {
display: inline-block;
color: #d82034;
font-weight: bold;
}
.documents-tile .ca-icon,
.member-documents .ca-icon {
width: 80%;
min-width: 30px;
margin-left: -5px;
}
.documents-tile .member-document {
width: 100%;
display: inline-block;
}
.member-documents .member-document {
width: 50%;
display: inline-block;
}
.member-documents .member-document .document-data {
padding: 5px 20px;
}
.member-documents .hoverable {
padding-top: 10px;
padding-bottom: 10px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.member-documents .member-document .document-data .ca-icon {
width: 60%;
}
.member-documents .hoverable:hover {
background: #f5f5f5;
}
.documents-tile .document-name,
.member-documents .document-name {
overflow: hidden;
text-overflow: ellipsis;
}
.documents-tile .document-name:hover,
.member-documents .document-name:hover {
z-index: 10;
}
.member-documents .view-more-less {
color: #d82034;
font-weight: bold;
margin: 20px;
display: block;
position: relative;
}
.member-documents .view-more-less .glyphicon {
font-size: 10px;
top: 5px;
position: absolute;
}
.member-documents .view-more-less span:not(:last-child) {
margin-left: 25px;
}
.member-documents .view-more-less span:last-child {
margin-left: 5px;
}
.member-documents .view-more-less span {
padding-bottom: 15px;
vertical-align: middle;
}
.documents-tile .member-document > div {
padding-top: 15px;
}
.member-documents .panel-title .right-section {
display: inline-block;
float: right;
}
.documents-tile .panel-content {
padding-top: 15px;
}
.documents-tile .policy-data:not(:last-child) {
margin-bottom: 40px;
}
.member-documents .no-certificates-box,
.documents-tile .no-certificates-box {
background: #f5f5f5;
padding: 25px 10px;
text-align: center;
display: block;
}
.member-documents .latest-documents {
margin-left: 15px;
margin-bottom: 15px;
}
.member-documents h4 {
display: block;
font-size: 17px;
margin: 30px 0 15px 5px;
}
.member-documents .normal-font-size {
font-size: 14px;
}
.member-fund-information .fund-basic-info {
vertical-align: top;
}
.member-fund-information .fund-basic-info .ca-icon-info-red::after {
margin-top: -7px;
}
.member-fund-information .fund-basic-info span {
display: inline-block;
float: left;
vertical-align: top;
}
.member-fund-information .additional-info {
display: block;
clear: both;
}
.member-fund-information .centered-value {
margin-left: 20%;
}
.member-fund-performance-diagram .diagram {
width: 100% !important;
height: 300px !important;
}
.member-fund-performance-diagram .diagram .hide-on-screen {
display: none;
width: 100% !important;
height: 300px !important;
}
.member-fund-performance-diagram .diagram .hidden-print {
display: none;
}
.member-subpage.help-member-page {
position: absolute;
width: 100%;
height: 100%;
}
.help-member-page .help-container {
background: url('../styles/img/member-help-background.jpg') top center no-repeat;
background-size: cover;
padding-top: 5%;
min-height: 400px;
position: relative;
}
.help-member-page .side-menu {
background: rgba(0, 0, 0, 0.6);
margin-left: -30px;
color: #fff;
padding-top: 120px;
padding-left: 40px;
padding-bottom: 40px;
}
.help-member-page .chapter-data .chapter.main-chapter .chapters-list {
padding: 0 25px;
}
.help-member-page .chapters-list header {
font-weight: bold;
margin-bottom: 10px;
}
.help-member-page .chapters-list ul {
padding: 0;
margin: 0;
list-style: none;
}
.help-member-page .chapters-list ul li {
cursor: pointer;
padding: 5px 0;
position: relative;
}
.help-member-page .side-menu .chapters-list ul li.active::before {
position: absolute;
content: "";
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid #fff;
display: block;
top: 9px;
left: -15px;
}
.help-member-page .main-chapter .chapters-list ul li::after {
content: "\e258";
font-family: 'Glyphicons Halflings';
font-size: 75%;
top: 1px;
position: relative;
margin-left: 5px;
color: #d82034;
}
.help-member-page .chapter-container {
position: relative;
}
.help-member-page .help-header {
background: rgba(0, 0, 0, 0.6);
color: #fff;
padding: 30px 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.help-member-page .help-header h1 {
font-size: 40px;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-style: italic;
margin: 0;
padding: 0;
}
.help-member-page .help-header .search {
display: inline-block;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.help-member-page .help-header .search-bar,
.help-member-page .help-header .search-bar .bar {
position: relative;
border: none;
padding: 0;
}
.help-member-page .help-header .search-bar .glyphicon {
position: absolute;
color: #f5f5f5;
cursor: pointer;
}
.help-member-page .help-header .search-bar .search-icon {
left: -1px;
top: -2px;
font-size: 15px;
}
.help-member-page .help-header .search-bar .cancel-search-icon {
position: absolute;
top: 0;
right: 8px;
cursor: pointer;
}
.help-member-page .help-header .search-bar input {
background: rgba(0, 0, 0, 0.6);
border: 1px solid #f5f5f5;
color: #fff;
display: block;
padding: 0 30px;
}
.help-member-page .contact-us-icon {
width: 60px;
}
.help-member-page .help-header > * {
display: inline-block;
vertical-align: middle;
}
.help-member-page .help-header .buttons {
white-space: nowrap;
width: 75%;
text-align: right;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.help-member-page .help-header .buttons button {
border: none;
color: #fff;
background: transparent;
-webkit-transition: 0.3s;
transition: 0.3s;
outline: none;
}
.help-member-page .help-header .buttons button:not(:first-child) {
margin: 0 0 0 10%;
}
.help-member-page .help-header .buttons button:disabled {
color: #babbbb;
cursor: not-allowed;
}
.help-member-page .help-header .buttons button .glyphicon {
font-size: 13px;
padding-right: 5px;
}
.help-member-page .chapter-data {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.help-member-page .chapter-data .chapter {
box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, 0.3);
margin-bottom: 25px;
background: #fff;
}
.help-member-page .chapter-data .chapter > header,
.help-member-page .chapter-data .chapter .chapter-header {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
padding: 20px;
font-size: 24px;
color: #000;
border-bottom: #d4d4d4 1px solid;
margin-bottom: 20px;
}
.help-member-page .chapter-data .chapter > header .subtitle,
.help-member-page .chapter-data .chapter .chapter-header .subtitle {
font-family: "Standard", Calibri, sans-serif;
font-size: 15px;
display: block;
margin-top: 5px;
}
.help-member-page .chapter-data .chapter > header strong,
.help-member-page .chapter-data .chapter .chapter-header strong {
color: #de822b;
font-weight: normal;
}
.help-member-page .chapter-data .chapter > header .print-icon,
.help-member-page .chapter-data .chapter .chapter-header .print-icon {
width: 30px;
cursor: pointer;
}
.help-member-page .chapter-data .chapter .image-container img {
width: 80%;
margin: 10px 0;
}
.help-member-page .chapter-data .chapter .with-padding {
padding: 10px 0 25px 0;
}
.help-member-page .chapter-data .chapter .chapter-content {
padding: 10px 20px 20px;
}
.help-member-page .chapter-data .chapter .chapter-content .subsection {
padding-left: 20px;
}
.help-member-page .chapter-data .chapter .chapter-content .without-paddings {
margin: 0 -20px;
}
.help-member-page .chapter-data .chapter .chapter-content h5 {
font-size: 17px;
margin: 0;
padding: 0;
}
/* Help headed sections */
.help-member-page .chapter-data .chapter .chapter-content .headed-page-section {
border: none;
margin: 0;
padding: 0;
}
.help-member-page .chapter-data .chapter .chapter-content .headed-page-section > header {
font-family: "Standard", Calibri, sans-serif;
font-size: 17px;
margin: 20px 0 15px;
padding: 0;
background: 0;
}
.help-member-page .chapter-data .chapter .chapter-content .headed-page-section > .content {
padding: 0;
}
.help-member-page .chapter-data .chapter .chapter-content .headed-page-section .small-header {
font-weight: bold;
font-size: 15px;
padding: 0;
margin: 10px 0;
}
.help-member-page .chapter-data .chapter .chapter-content .headed-page-section .information-row-title {
color: #000;
padding: 0;
margin: 0;
}
.help-member-page .chapter-data .chapter .chapter-content .headed-page-section > header.theme-header,
.help-member-page .chapter-data .chapter .chapter-content .theme-header {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 24px;
margin: 20px 0 15px;
}
.help-member-page .chapter-data .chapter .chapter-content .headed-page-section > header.theme-header.no-top-margin {
margin-top: 0;
}
.help-member-page .chapter-data .chapter .chapter-content .bordered-section {
border-bottom: 1px solid #d4d4d4;
}
.help-member-page .chapter-data .chapter .chapter-content .subsection.with-highlighted-elements {
padding-left: 0;
}
.help-member-page .chapter-data .chapter .chapter-content .subsection.with-highlighted-elements .headed-page-section > header {
background: #f5f5f5;
-webkit-transition: 0.3s;
transition: 0.3s;
padding: 5px 0 5px 15px;
margin: 5px 0;
}
.help-member-page .chapter-data .chapter .chapter-content .subsection.with-highlighted-elements .headed-page-section > header:hover {
background: #f0f0f0;
}
.help-member-page .chapter-data .chapter .chapter-content .subsection.with-highlighted-elements .headed-page-section .spaced-section {
margin: 0 15px;
}
/* Help tables */
.help-member-page .chapter-data .chapter .chapter-content table {
border: none;
}
.help-member-page .chapter-data .chapter .chapter-content table caption {
padding: 0 0 0 20px;
}
.help-member-page .chapter-data .chapter .chapter-content table tr td {
font-weight: bold;
}
.help-member-page .chapter-data .chapter .chapter-content table tr th:not(.text-left) {
padding: 20px 0 !important;
}
.help-member-page .chapter-data .chapter .chapter-content table tr td:not(.text-left),
.help-member-page .chapter-data .chapter .chapter-content table tr th:not(.text-left) {
text-align: center !important;
}
.help-member-page .chapter-data .chapter .chapter-content table tr td * {
padding-right: 0 !important;
}
.bordered-if-not-first:not(:first-child) {
border-top: 1px solid #ccc;
}
/* Help alerts */
.member-subpage.help-member-page .member-small-alerts-container .alerts-container .alert {
background: #01a767;
color: #fff;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.member-subpage.help-member-page .member-small-alerts-container .alerts-container .alert:hover {
background: #098e5b;
}
.member-subpage.help-member-page .member-small-alerts-container .alerts-container .alert .alert-data:hover {
background: transparent;
}
.member-subpage.help-member-page .member-small-alerts-container .alerts-container .alert .close {
color: #fff;
}
/* Search page */
.member-subpage.help-member-page .search-results .search-result {
padding: 20px;
}
.member-subpage.help-member-page .search-results .search-result h5 {
color: #d82034;
font-weight: bold;
margin: 0 0 10px;
font-size: 15px;
}
/* Tile */
.member-subpage .tiles .member-invoices-tile {
padding-bottom: 25px;
}
.member-subpage .tiles .member-invoices-tile .field-action-link {
padding: 0px !important;
}
.member-subpage .tiles .member-invoices-tile .tile-body {
line-height: unset;
}
/* Page */
.member-invoices .filter-container {
padding: 15px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
vertical-align: bottom;
gap: 15px;
}
.member-invoices .ce-timeline header {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.member-invoices .ce-timeline header .middle-side {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
vertical-align: bottom;
}
.member-invoices .main-timeline-header {
margin-bottom: 30px;
}
.member-invoices .timeline-main-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
vertical-align: baseline;
gap: 15px;
padding: 15px;
margin-top: 17px;
}
.member-invoices .ce-timeline .events-list .events .event {
border-bottom: 1px solid #ddd;
padding: 5px 0px;
}
.member-invoices .ce-timeline .events-list .events {
padding-top: 0px;
}
.member-invoices .ce-timeline .events-list {
padding-left: 25px;
padding-right: 25px;
}
.member-invoices .ce-timeline .events-headers {
border-bottom: 1px solid #ddd;
padding-left: 50px;
padding-right: 50px;
}
.member-invoices .ce-timeline header .search {
max-width: none;
}
.member-invoices .ce-timeline header .search .search-bar .bar input {
border-bottom: 1px solid #e6e6e6;
}
.member-invoices .search .search-bar .bar {
border: none;
background: #fff;
padding: 0px;
}
.member-invoices .ce-timeline header .search .search-bar .search-icon {
top: -7px;
right: 4px;
left: unset;
}
.member-invoices .ce-timeline header .search .search-bar {
top: 9px;
}
.member-invoices .ce-timeline header .search-bar .bar .cancel-search-icon {
top: 2px;
}
.member-invoices .ce-timeline header .search-bar .bar input {
padding-left: 0px;
}
.member-invoices .white-dropdown-with-shadow .dropdown-menu ul li {
padding: 5px 15px;
}
.member-invoices .white-dropdown-with-shadow > button,
.member-invoices .white-dropdown-button {
padding: 0px;
display: inline-block;
}
.member-invoices .white-dropdown-with-shadow,
.member-invoices .dropdown-menu {
box-shadow: none;
}
.member-invoices .download-link .ca-icon {
margin-top: -4px;
}
.member-invoices button-text {
display: inline-block;
}
.member-invoices .glyphicon-menu-down {
top: 2px;
}
@media print {
.member-invoices .middle-cols.skip-wrapping > * {
width: 25%;
}
.member-invoices .ce-timeline .events-list .events .event > * {
page-break-inside: unset;
}
.member-invoices .scrollable-fix,
.member-invoices .scrollable-fix > * {
page-break-inside: unset;
}
.member-invoices span,
.member-invoices b,
.member-invoices strong,
.member-invoices p {
page-break-inside: unset;
}
.member-invoices ce-timeline-invoice {
page-break-inside: avoid;
}
}
.member-movements .period-header {
font-style: italic;
}
.member-movements .page-panel {
float: none !important;
padding: 10px 0 10px 20px;
}
.member-movements .movement-main-data {
padding: 20px 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.member-movements .movement-main-data > .row {
margin-right: 0;
}
.member-movements .movement-main-data:hover {
background: #f5f5f5;
}
.member-movements .movement-row:not(:last-child) {
border-bottom: 1px solid #ccc;
}
.member-movements .movement-main-data .movement-date,
.member-movements .movement-main-data .movement-subaccount {
display: inline-block;
}
.member-movements .movement-main-data .movement-amount.negative {
color: #d82034;
}
.member-movements .movement-main-data .movement-amount.positive {
color: #01a767;
}
.member-movements .movement-details {
border-top: 1px solid #e6e6e6;
background: #f5f5f5;
padding: 5px 0;
}
.member-movements .movement-details .movement-detail {
-webkit-transition: 0.3s;
transition: 0.3s;
padding: 10px 5px;
margin-right: 0;
}
.member-movements .movement-details .movement-detail:hover {
background: #fff;
}
.member-movements .movement-details .movement-detail .operation-units {
color: #8c8c8c;
}
.member-movements .movement-details .movement-detail .operation-price {
padding-right: 10px;
}
.member-movements .period-header li {
list-style-type: none;
color: red;
margin-left: 40px;
margin-bottom: 30px;
font-size: 30px;
height: 35px;
margin-top: 27px;
position: relative;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-style: italic;
font-weight: normal;
}
.member-movements .period-header li span {
color: black;
}
.member-movements .period-header li span::before {
display: block;
width: 10px;
height: 10px;
border: 1px solid red;
background: #fff;
border-radius: 50%;
content: "";
position: absolute;
left: -24px;
top: 15px;
}
.member-movements .movements-period:not(:first-child) .period-header li::before {
content: "";
width: 1px;
border-right: 1px dotted red;
display: block;
position: absolute;
left: -20px;
top: -25px;
height: 40px;
}
.member-movements .period-header li::after {
content: "";
width: 1px;
border-right: 1px dotted red;
display: block;
position: absolute;
left: -20px;
top: 25px;
height: 40px;
}
.member-movements .page-panels {
padding-top: 10px !important;
}
.member-movements .search-input {
border-bottom: 0;
}
.member-movements .page-panel.searchBar {
width: 50% !important;
background-color: white;
white-space: nowrap;
padding: 5px 10px;
margin-left: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.member-movements .searchBar i:before {
font-size: 16px;
margin-left: 10px;
margin-right: 16px;
}
.member-movements .searchBar .cancel-search-icon {
color: #d82034;
cursor: pointer;
margin-left: 0;
vertical-align: middle;
top: 2px;
}
.member-movements .searchBar i {
display: inline-block;
}
.member-movements .searchBar input {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: inline-block;
font-size: 17px;
}
.member-movements .additional-info {
font-weight: bold;
padding-bottom: 30px !important;
}
.member-movements .ca-icon {
width: 2em;
display: inline-block;
margin-left: -5px;
}
.member-movements .search-no-data-found:not(:first-child) {
display: none;
}
.member-movements .search-no-data-found div,
.member-movements .no-data-found div {
background: #f5f5f5;
padding: 25px 25px;
text-align: center;
display: block;
}
.member-movements .search-no-data-found,
.member-movements .no-data-found {
padding: 10px 10px 10px 10px;
}
.member-movements .movement-row .movements-header {
padding: 5px 15px 15px 0;
}
.member-movements .movement-row .movements-header h3 {
font-size: 17px;
margin: 10px 0;
padding: 0;
}
.member-movements .movement-row .movements-header h3 > * {
display: inline;
vertical-align: center;
}
.member-movements .movement-row .movements-header h3 .ca-icon {
width: 30px;
cursor: help;
margin-left: 2px;
position: relative;
}
.member-movements .movement-row .movements-header h3 .ca-icon::after {
padding: 0;
height: 30px;
width: 30px;
position: absolute;
float: none;
top: -4px;
}
.member-movements .movement-row h4 > * {
display: inline;
vertical-align: center;
}
.member-movements .movement-row h4 .ca-icon {
width: 25px;
cursor: help;
margin-left: 2px;
position: relative;
display: inline;
}
.member-movements .movement-row h4 .ca-icon::after {
padding: 0;
height: 25px;
width: 25px;
position: absolute;
float: none;
top: -2px;
}
.member-movements .movement-row .movements-header .header-with-tooltip {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.member-movements .movement-row .movement-details .details-header {
border-bottom: 1px solid #ccc;
padding: 5px 0;
}
.member-movements .movement-row .movement-details .details-header h4 {
font-size: 17px;
}
.member-movements .movement-row .movement-details .details-header .row > div:last-child h4 {
padding-right: 15px;
}
.member-pension-projection-diagram .diagram-header {
display: inline-block;
}
.member-pension-projection-diagram .diagram-header .header-value {
font-size: 24px !important;
}
.member-pension-projection-diagram .diagram-header .header-text {
font-size: 24px !important;
color: #d82034 !important;
font-family: "SwissLife" !important;
}
.member-pension-projection-diagram .diagram {
width: 100% !important;
height: 100% !important;
}
.member-pension-projection-diagram .diagram .hide-on-screen {
display: none;
}
.member-pension-projection-diagram .diagram-axis {
border-bottom: 2px solid #e6e6e6 !important;
}
.member-pension-projection-diagram .diagram-axis .axis-entry {
color: #808080 !important;
margin-top: 5px;
}
.member-pension-projection-diagram .legend .colored-legend {
background-color: #a11c36 !important;
}
.member-pension-projection-diagram .legend .legend-row {
border: none !important;
background: transparent;
box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.1) !important;
margin-left: 15px;
margin-right: 15px;
max-width: 100%;
}
.member-pension-projection-diagram .legend .legend-row .legend-row-with-margin {
margin-top: 15px;
}
.member-pension-projection-diagram .legend .legend-row .left-legend-row-column {
margin-top: 110%;
}
@media print {
.member-pension-projection-diagram .legend .legend-row .left-legend-row-column {
margin-top: 100% !important;
}
}
.member-pension-projection-diagram .legend .legend-row .legend-entry {
padding: 10px;
}
.member-pension-projection-diagram .legend .legend-row .legend-entry .legend-title {
color: #3d3d3d !important;
font-size: 14px;
}
.member-pension-projection-diagram .legend .legend-row .legend-entry .legend-white-title {
color: white !important;
font-size: 14px;
}
.member-pension-projection-diagram .legend .legend-row .legend-entry .legend-value {
font-weight: bold;
}
.member-pension-projection-diagram .legend .legend-row .legend-entry .predicted-last-salary {
border-bottom: 2px solid white !important;
}
.member-pension-projection-diagram .legend .legend-row .legend-entry .wanted-pension {
border-bottom: 2px solid #a11c36 !important;
}
.member-pension-projection-diagram .legend .legend-row .legend-entry .predicted-monthly-pension {
border-bottom: 2px solid #808080 !important;
}
.member-pension-projection .center-label {
text-align: center;
}
.member-pension-projection .hide-by-opacity {
opacity: 0;
}
.member-pension-projection .columns-zero-padding {
padding-right: 0px !important;
padding-left: 0px !important;
}
.member-pension-projection .columns-zero-left-padding {
padding-left: 0px !important;
}
.member-pension-projection .no-left-margin {
margin-left: 0px !important;
}
.member-pension-projection .no-right-margin {
margin-right: 0px !important;
}
.member-pension-projection .columns-zero-right-padding {
padding-right: 0px !important;
}
.member-pension-projection .row {
margin-right: 0px !important;
margin-left: 0px !important;
}
.member-pension-projection .notice-info {
font-size: 12px !important;
color: #808080 !important;
text-align: left !important;
}
.member-pension-projection .disabled-currency {
display: inline-block !important;
}
.member-pension-projection .button-action-adjustment {
min-width: 215px !important;
}
.member-pension-projection .salary-grow {
width: 100%;
display: inline-block;
}
.member-pension-projection .salary-grow .salary-grow-input {
width: 90px !important;
margin: 0px 6px;
padding-right: 20px;
}
.member-pension-projection .percentage-input {
padding-right: 20px;
}
.member-pension-projection .column-extend-100 {
width: 100%;
}
.member-pension-projection .currency input[type="text"] {
width: 100%;
display: inline-block;
}
.member-pension-projection .currency input[type="number"] {
width: 100%;
display: inline-block;
}
.member-pension-projection .currency .currency-input .ui-select-container.ui-select-bootstrap {
width: 90px !important;
}
.member-pension-projection .currency .currency-input-block {
display: inline-block;
}
.member-pension-projection .field-header {
color: #808080;
font-size: 12px;
}
.member-pension-projection .small-label {
color: #808080;
font-size: 12px;
}
.member-pension-projection .field-section-savings {
margin-top: 0px !important;
}
.member-pension-projection .form-with-editable-data .field-section .control-label {
text-align: left;
color: #808080;
padding-left: 20px;
padding-top: 0 !important;
word-wrap: break-word;
}
.member-pension-projection .form-with-editable-data .field-section input[type="search"] {
width: 100% !important;
}
.member-pension-projection .form-with-editable-data .field-section .ui-select-container span {
color: black !important;
font-size: 15px !important;
font-family: "Standard", Calibri, sans-serif !important;
}
.member-pension-projection .field-section .control-label > span:not(.ca-icon) {
margin-top: -5px !important;
}
.member-pension-projection .option-subtitle {
margin-left: 6px !important;
margin-top: -5px !important;
}
.member-pension-projection .option-input-plus-subtitle {
margin-left: 6px !important;
}
.member-pension-projection .no-left-padding {
padding-left: 0 !important;
}
.member-pension-projection .link {
float: right !important;
padding-top: 3px !important;
font-size: 12px !important;
}
.member-pension-projection .left-link {
float: left !important;
padding-top: 3px !important;
font-size: 12px !important;
padding-left: 15px !important;
}
.member-pension-projection .header-info {
background-color: #f6f6f6;
font-size: 15px;
line-height: 18px;
height: 68px;
display: table;
width: 100%;
}
.member-pension-projection .header-info .header-container {
display: table-cell;
vertical-align: middle;
margin-left: 20px;
padding-left: 20px;
margin-right: 20px;
padding-right: 20px;
}
.member-pension-projection .header-info .header-container .glyphicon-info-sign:before {
content: "\e086";
font-size: 24px;
color: #d82034;
vertical-align: middle;
}
.member-pension-projection .header-info .header-container .header-text {
margin-top: 15px;
margin-bottom: 15px;
color: #3d3d3d;
}
.member-pension-projection .header-info .header-container .header-link {
color: #d82034;
font-weight: bold;
font-size: 15px;
text-align: right;
white-space: nowrap;
margin-left: 20px;
}
.member-pension-projection .welcome-page {
text-align: center !important;
}
.member-pension-projection .welcome-page .title {
font-family: "SwissLife";
font-size: 18px;
}
.member-pension-projection .welcome-page .info {
font-size: 15px;
color: #808080;
}
.member-pension-projection .welcome-page .welcome-page-column {
margin-top: 20%;
}
.member-pension-projection .summary-page .ca-icon {
display: block !important;
}
.member-pension-projection .summary-page .important-data {
color: #d82034 !important;
}
.member-pension-projection .summary-page .period-data {
color: #808080 !important;
font-size: 12px;
}
.member-pension-projection .summary-page .summary-result-with-border {
border-top: 1px solid #dedede !important;
margin-top: 10px !important;
}
.member-pension-projection .summary-page .summary-result {
max-width: 70% !important;
}
.member-pension-projection .summary-page .summary-result .summary-data {
width: 100% !important;
}
.member-pension-projection .summary-page .header {
font-size: 18px;
}
.member-pension-projection .summary-page .footer {
width: 100%;
bottom: 0;
}
.member-pension-projection .tile-section {
background-color: #f9f9f9;
margin-left: 0;
width: 90%;
}
.member-pension-projection .tile-section .title-header {
width: 100%;
display: inline-block;
}
.member-pension-projection .tile-section .title-header .title {
font-size: 15px;
}
.member-pension-projection .tile-section .tile-radio .header {
font-size: 15px !important;
color: #000000 !important;
margin-bottom: 0 !important;
}
.member-pension-projection .tile-section input[type="number"] {
background-color: #ffffff;
-moz-appearance: textfield;
}
.member-pension-projection .ui-select-container.ui-select-bootstrap {
width: 90px !important;
display: inline-block;
margin-top: 0px !important;
}
.member-pension-projection .ui-select-container.ui-select-bootstrap .ui-select-match > span {
background: none;
color: #000000;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
width: 90px !important;
}
.member-pension-projection .ui-select-container.ui-select-bootstrap .ui-select-match.btn-default-focus {
outline: none;
background-color: transparent;
border: none;
box-shadow: none;
}
.member-pension-projection .ui-select-container.ui-select-bootstrap .ui-select-choices {
width: 90px !important;
}
.member-pension-projection .form-with-editable-data .field-section .combobox-field {
width: 90px !important;
margin-right: 8px;
}
.member-pension-projection .form-with-editable-data .field-section .ui-select-container .ui-select-toggle {
margin-bottom: 0px !important;
}
.member-pension-projection .form-with-editable-data .field-section .ui-select-container span {
padding-left: 3px;
}
.member-pension-projection .additional-savings-left-padding {
padding-left: 1em;
}
.member-pension-projection .legend-float-right {
float: right !important;
}
.member-pension-projection .row-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.member-pension-projection .title-button {
color: #ffffff !important;
}
.member-pension-projection input[type='radio'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 24px !important;
height: 24px;
border: 1px solid darkgray;
border-radius: 50%;
outline: none;
margin-top: -3px !important;
}
.member-pension-projection input[type='radio']:before {
content: '';
display: block;
width: 60%;
height: 60%;
margin: 20% auto;
border-radius: 50%;
}
.member-pension-projection input[type='radio']:checked:before {
background: red;
border-radius: 50%;
border: 2px solid #d82034;
}
.member-pension-projection input[type="radio"]:checked {
border: 2px solid #d82034 !important;
}
.member-pension-projection input[type='text'] {
background: white;
}
.member-pension-projection .gap-label {
color: #d82034 !important;
}
.member-pension-projection .percentage-input-wrapper {
margin: auto;
position: relative;
display: inline-block;
}
.member-pension-projection .pxSpan {
position: absolute;
top: 5px;
right: 9px;
}
.member-pension-projection .pxSpanWithMargin {
position: absolute;
top: 5px;
right: -30px;
}
.member-pension-projection input::-webkit-outer-spin-button,
.member-pension-projection input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.member-profile .field-section {
clear: both;
}
.member-profile .page-body-top {
position: relative;
z-index: 1;
}
.member-profile .field-section .control-label {
text-align: left;
}
.member-profile .field-section .control-label > * {
display: inline-block;
vertical-align: middle;
}
.member-profile .field-section .control-label > .ca-icon {
width: 30px;
}
.member-profile .field-section .control-label > span:not(.ca-icon) {
margin-top: 4px;
margin-left: 2px;
font-size: 17px;
color: #808080;
}
.member-profile .field-section .section-label {
position: relative;
padding-left: 40px;
}
.member-profile .field-section .section-label .ca-icon {
position: absolute;
left: 0;
}
/* Member preview profile */
.member-profile.preview .field-section .information-row > * {
width: 100%;
display: block;
}
.member-profile.preview .field-section .information-row .information-row-title {
padding: 0;
}
.member-profile.preview .field-section .information-row .information-row-data {
padding: 0;
}
.member-profile.preview .field-section .information-row .information-row-data .additional-info {
float: none;
padding-left: 10px;
}
.member-profile.preview .field-section .bordered {
padding-top: 15px;
}
.member-profile.preview .preview-icon {
width: 80%;
}
.member-profile.preview .settings-link {
color: #808080;
}
/* Member edit profile */
.member-profile.edit .field-section .line-with-label {
padding-top: 10px;
}
.member-profile.edit .field-section .line-with-label .data-highlighted {
font-weight: bold;
color: #de822b;
padding: 3px 5px 5px;
}
.member-profile.edit .field-section .highlight-on-hover {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.member-profile.edit .field-section .highlight-on-hover:hover {
background: #f5f5f5;
}
.member-profile.edit .simple-header > * {
margin-top: 0;
padding-top: 0;
}
.member-profile.edit .field-section .control-label:not(.section-label),
.member-profile.edit .field-section .field-container {
width: 100%;
display: block;
margin: 0;
padding: 0;
}
.member-profile.edit .field-section .control-label:not(.section-label) {
margin-left: 5px;
margin-top: 1px;
}
.member-profile.edit .field-section .control-label:not(.section-label) span {
text-overflow: ellipsis;
overflow: hidden;
max-width: 100%;
white-space: normal;
font-size: 15px;
}
.member-profile.edit .field-section .ce-datepick {
width: 100%;
}
.member-profile.edit .field-section .control-label.add-field:not(.section-label) {
margin-top: 28px;
font-weight: bold;
display: block;
word-break: normal;
white-space: normal;
background: transparent;
border: none;
color: #d82034;
}
.member-profile.edit .field-section .bordered {
padding-top: 8px;
}
.member-profile.edit .field-section .field-container {
padding-right: 3px;
}
.member-profile.edit .field-section .field-container input {
width: 100%;
font-weight: bold;
text-shadow: none;
color: #000;
}
.member-profile.edit .field-section .ce-combobox .chosen-container {
width: 100% !important;
}
.member-profile.edit .field-section .leave-space-for-clear .ce-combobox {
padding-right: 20px;
}
.member-profile.edit .field-section .white-dropdown-with-shadow {
margin-left: -15px;
}
.member-profile.edit .field-section .white-dropdown-with-shadow > button {
padding: 10px 15px;
}
.member-profile.edit .field-section .white-dropdown-with-shadow .dropdown-menu {
width: 250px;
}
/* Member profile policy selection */
.member-profile.policy-select .subpage-body {
background: transparent;
box-shadow: none;
}
.member-profile.policy-select .page-shadow {
box-shadow: none;
}
.member-profile.policy-select .subpage-content {
padding: 0 10px;
}
.member-profile.policy-select .information-row {
padding-left: 30px;
}
.member-profile.policy-select .information-row > * {
display: block;
width: 100%;
}
.member-profile.policy-select .information-row .information-row-title,
.member-profile.policy-select .information-row .information-row-data {
padding-left: 0;
}
.member-profile.policy-select .preview-icon {
max-width: 100%;
padding-right: 10px;
}
.member-profile.policy-select .section-label {
padding-left: 30px;
position: relative;
font-size: 17px;
}
.member-profile.policy-select .section-label > * {
display: inline-block;
vertical-align: middle;
}
.member-profile.policy-select .section-label .ca-icon {
width: 30px;
position: absolute;
left: 0;
top: -1px;
}
.member-profile.policy-select .settings-link {
color: #808080;
}
.data-highlighted.removed {
color: #d82034 !important;
font-weight: bold;
}
.member-profile.edit .field-section .line-with-label .data-highlighted.difference {
padding-left: 7px;
}
.personal-data-task-more-details .subpage-scroll .simple-header > *,
.person-edit-data .subpage-scroll .simple-header > * {
padding-left: 0px;
}
.subpage .big-column-header.personal-data-section-header {
color: #000;
}
.native-select-fix .ce-combobox select.chosen-select {
color: white !important;
}
.native-select-fix .glyphicon-menu-down {
color: white !important;
}
/*
.member-profile .information-row div, .member-profile .form-group .col-md-4, .member-profile .form-group .col-md-12 {
width: 100% !important;
padding-left: 0px !important;
}
.member-profile .form-with-editable-data .field-section input {
width: auto;
}
.member-profile div {
padding-left: 0px;
}
.section-label {
left: -15px !important;
}
.member-profile .information-row-data, .member-profile .information-row-title {
padding-left: 0px !important;
}
.hide-label .information-row-title {
display: none !important;
}
.member-profile-buttons .combobox-field {
z-index: 10000;
}
.member-profile-buttons .combobox-field div {
width: 150px !important;
background: white !important;
}
.member-profile-buttons .combobox-field span {
border: none !important;
color: black !important;
}
*/
.member-subpage .my-retirement-tile header h1 {
font-size: 45px;
}
.member-subpage .my-retirement-tile header .corner-data {
padding: 10px 25px;
text-align: left;
}
.member-subpage .my-retirement-tile .option {
display: inline-block;
vertical-align: middle;
background: rgba(0, 0, 0, 0.6);
min-width: 300px;
border: 1px solid #fff;
margin: 10px 10px 0;
-webkit-transition: 0.3s;
transition: 0.3s;
text-align: left;
padding: 20px 30px;
cursor: pointer;
}
.member-subpage .my-retirement-tile .option.min-height {
min-height: 250px;
}
.member-subpage .my-retirement-tile .option:hover {
background: rgba(0, 0, 0, 0.8);
}
.member-subpage .my-retirement-tile .option > header {
font-size: 24px;
}
.member-subpage .my-retirement-tile .option > header .more-icon {
font-size: 12px;
}
.member-subpage .my-retirement-tile .option > p {
text-transform: none;
}
.member-subpage .my-retirement-tile .option > p.extra-space {
padding: 10px 0;
}
.member-subpage .my-retirement-tile .chart-part {
position: relative;
min-height: 450px;
}
.member-subpage .my-retirement-tile .chart-part .main-tile-body {
position: relative;
z-index: 1;
}
.member-subpage .my-retirement-tile .chart-part .big-chart {
position: absolute;
left: 0;
top: 0;
width: 100%;
bottom: 0;
overflow: hidden;
}
.member-subpage .my-retirement-tile .chart-part.big-chart canvas {
position: absolute;
top: 0;
left: 0;
width: 100%!important;
height: 100%!important;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .total-funds-title {
font-size: 24px;
font-weight: normal;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .total-funds-value {
font-size: 40px;
font-weight: normal;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .highcharts-data-labels > div:not(:last-child) {
z-index: -1;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .total-funds-value::after {
content: "";
width: 1px;
border-right: 1px dashed #fff;
display: block;
position: absolute;
top: 75px;
margin: 0 auto;
height: 85px;
left: 49.5%;
}
.member-subpage .my-retirement-tile .chart-part .main-tile-body .chart-infos .db-header {
font-weight: bold;
padding-top: 12px;
padding-bottom: 12px;
margin-top: 20px;
}
.member-subpage .my-retirement-tile .chart-part .main-tile-body .chart-infos .option-description {
font-size: 16px;
}
.member-subpage .my-retirement-tile .dropdown-button .button-content {
white-space: nowrap;
}
/* Older CSS */
.member-subpage .switch-tile .button-empty {
font-weight: bold;
font-family: "Standard", Calibri, sans-serif;
font-size: inherit;
}
.member-subpage .retirement-portfolio .big-header {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
color: #000;
}
.member-subpage .switch-tile .highchart-placeholder,
.member-subpage .switch-fund-data.with-middle-chart .highchart-placeholder {
margin-top: 40%;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image {
position: relative;
min-height: 430px;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-body {
min-height: 430px;
}
.member-subpage .tiles .retirement-tile-title {
min-height: 110px;
}
.member-subpage .tiles .retirement-tile-title .text-center {
width: 100%;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content {
position: relative;
text-align: justify;
margin: 0 -25px -15px;
min-height: 430px;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content::after {
content: '';
display: inline-block;
width: 100%;
height: 0;
font-size: 0;
line-height: 0;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .text-right {
text-align: right !important;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content > * {
position: relative;
z-index: 1;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .big-chart {
position: absolute;
left: 0;
top: 0;
width: 100%;
bottom: 0;
overflow: hidden;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .big-chart canvas {
position: absolute;
top: 0;
left: 0;
width: 100%!important;
height: 100%!important;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content > * {
display: inline-block;
clear: both;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .data {
margin: 0;
vertical-align: top;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .data-long-desc {
width: 80%;
margin-left: 10%;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .data-long-desc .text-left {
width: 20%;
text-align: left;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .data-long-desc .option-description {
eidth: 80%;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .data-long-desc .db-header {
font-weight: bold;
padding-top: 12px;
padding-bottom: 12px;
margin-top: 20px;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .data-long-desc .db-header .option-name {
font-size: 16px;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .data-short-desc {
width: 100%;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .data .db-type-name {
white-space: normal;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .data .value {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 20px;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .data .value.big {
font-size: 28px;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .option {
display: inline-block;
background: rgba(0, 0, 0, 0.6);
width: 300px;
border: 1px solid #fff;
margin: 10px 10px 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .risks-middle {
display: block;
text-align: center;
min-height: 290px;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .risks-middle .option {
min-height: 250px;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .risks-middle .option header {
text-align: left;
padding: 25px 25px 25px 25px;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .risks-middle .option p {
text-align: left;
padding: 10px 10px 10px 35px;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .risks-middle .defined-benefit {
text-align: left;
margin-left: 10%;
margin-right: 10%;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .risks-middle .defined-benefit .defined-benefit-header {
width: 100%;
display: block;
font-weight: bold;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .risks-middle .defined-benefit .defined-benefit-name {
width: 20%;
display: inline-block;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .risks-middle .defined-benefit .defined-benefit-description {
width: 80%;
display: inline-block;
padding-left: 20px;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .risks-middle .option {
vertical-align: top;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .option:hover {
-webkit-transition: 0.3s;
transition: 0.3s;
background: rgba(0, 0, 0, 0.8);
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .bottom-data {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 10px 0;
margin-top: 280px;
min-height: 200px;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .top-left {
padding-left: 15px;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .top-left * {
vertical-align: top;
/* float: left; */
text-align: left;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .bottom-left {
padding-left: 10px;
}
.big-chart .highcharts-grid path {
display: none;
}
.highcharts-data-labels {
text-align: center;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .bottom .right {
height: 180px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .bottom .left {
height: 180px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .option header {
text-align: left;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 24px;
padding: 15px 15px 10px;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .option p {
text-align: left;
font-size: 13px;
padding: 0 15px 10px;
text-transform: uppercase;
}
.overview-dropdown {
width: 500px;
position: absolute;
top: 50px;
left: 50px;
z-index: 10;
}
.retirement-tile-one-policy-signature {
width: 500px;
position: absolute;
top: 50px;
left: 50px;
}
.overview-dropdown-text {
color: #d82034 !important;
background-color: white;
/* width: 120px; */
height: 30px;
display: inline-block !important;
padding: 5px 10px 5px 10px;
}
.overview-dropdown .popover .arrow {
display: none;
}
.overview-dropdown .popover {
box-shadow: 0px 0px 0px 0px;
border-radius: 0px;
padding: 0 0 0 0;
border: 0;
margin-top: 5px;
width: auto;
}
.overview-dropdown .popover-content {
padding: 0 0 0 0;
}
.overview-dropdown .popover li {
height: 60px;
list-style: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 5px 55px 5px 38px;
-webkit-transition: 0.5s;
transition: 0.5s;
cursor: pointer;
white-space: nowrap;
/* text-align: center; */
}
.overview-dropdown .popover .employer {
font-size: 12px;
display: block;
}
.overview-dropdown .popover .policy {
font-size: 18px;
}
.overview-dropdown .popover li:hover {
background-color: #E6E6E6;
}
.highcharts-series.highcharts-tracker rect {
width: 1px;
fill: "#fff";
stroke: transparent;
stroke-dasharray: 2;
}
#bigChartContainer .highcharts-container svg > text[text-anchor="end"] {
display: none;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .highcharts-axis-labels.highcharts-xaxis-labels text {
margin-top: 5px;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .predicted-value {
font-weight: normal;
font-size: 15px;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .predicted-value b,
.member-subpage .tiles .tile.tile-with-image.my-retirement-image .tile-content .predicted-value strong {
font-family: "SwissLife Bold";
font-weight: normal;
font-size: 24px;
line-height: 30px;
}
.my-retirement-image .db-description {
white-space: pre-wrap;
}
.member-subpage .my-retirement-tile .chart-part .big-chart .highcharts-data-labels:nth-child(3) {
z-index: 999999;
}
.member-subpage .my-retirement-tile .chart-part .big-chart .highcharts-data-labels:nth-child(3) .ca-icon-info-green {
position: absolute;
margin-top: 8px;
margin-left: 5px;
width: 30px;
cursor: help;
}
.member-risk-profile-adm-panel .multiple-link {
margin-top: 5%;
}
.member-risk-profile-adm-panel .add-question-setting {
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.member-risk-profile-adm-panel .add-question-setting:hover {
background: #f5f5f5;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.member-risk-profile-adm-panel .add-question-setting-item {
float: right;
padding: 6px;
margin: 6px;
}
.member-risk-profile-adm-panel .option-label-for-question {
float: right;
padding-left: 10px;
padding-right: 10px;
}
.member-risk-profile-diagram {
width: 100%;
}
.member-risk-profile-diagram .center-label {
text-align: center;
}
.member-risk-profile-diagram .connected-steps {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-right: 2px;
padding-left: 2px;
}
.member-risk-profile-diagram .legend {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.member-risk-profile-diagram .legend .legend-item {
min-width: 50%;
}
.member-risk-profile-diagram .legend .legend-text {
color: #808080 !important;
font-size: 12px !important;
}
.member-risk-profile-diagram .step {
color: #808080 !important;
border: 1px solid #808080 !important;
background-color: white !important;
display: block;
border-radius: 50%;
width: 30px !important;
height: 30px !important;
text-align: center;
font-weight: bold;
}
.member-risk-profile-diagram .step .step-text {
margin-top: 15% !important;
}
.member-risk-profile-diagram .visited-step-1 {
background-color: #f5e8ea !important;
border: 1px solid #f5e8ea !important;
color: black !important;
}
.member-risk-profile-diagram .visited-step-2 {
background-color: #e7c6cd !important;
border: 1px solid #e7c6cd !important;
color: black !important;
}
.member-risk-profile-diagram .visited-step-3 {
background-color: #d9a4af !important;
border: 1px solid #d9a4af !important;
color: black !important;
}
.member-risk-profile-diagram .visited-step-4 {
background-color: #cc8291 !important;
border: 1px solid #cc8291 !important;
color: black !important;
}
.member-risk-profile-diagram .visited-step-5 {
background-color: #bd6072 !important;
border: 1px solid #bd6072 !important;
color: white !important;
}
.member-risk-profile-diagram .visited-step-6 {
background-color: #af3e54 !important;
border: 1px solid #af3e54 !important;
color: white !important;
}
.member-risk-profile-diagram .visited-step-7 {
background-color: #a11c36 !important;
border: 1px solid #a11c36 !important;
color: white !important;
}
.member-risk-profile-diagram .inline-step {
display: inline-block !important;
}
.member-risk-profile-diagram .connector {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: 15px !important;
content: "";
display: block;
height: 2px;
background-color: #e6e6e6 !important;
}
.member-risk-profile-diagram .glyphicon-menu-left:before {
color: #e6e6e6 !important;
margin-right: -10px !important;
}
.member-risk-profile-diagram .glyphicon-menu-right:before {
color: #e6e6e6 !important;
margin-left: -10px !important;
}
.member-risk-profile-diagram .arrow {
border: solid #e6e6e6 !important;
border-width: 0 2px 2px 0 !important;
display: inline-block;
padding: 4px;
}
.member-risk-profile-diagram .right {
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
margin-left: -10px !important;
}
.member-risk-profile-diagram .left {
-ms-transform: rotate(135deg);
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
margin-right: -10px !important;
}
.member-risk-profile-diagram .explanation {
margin-top: 30px;
}
.member-risk-profile-diagram .explanation .explanation-text {
color: #808080 !important;
font-size: 15px;
}
.member-risk-profile-diagram .profile-info {
margin-top: 15px;
font-size: 15px !important;
}
.member-risk-profile-diagram .profile-info .profile-text {
color: #d82034 !important;
}
.member-risk-profile-question-tab .question {
font-size: 17px !important;
margin-bottom: 15px;
}
.member-risk-profile-question-tab .question .question-sub-header {
color: red;
line-height: 1.33;
letter-spacing: normal;
}
.member-risk-profile-question-tab .answer {
font-size: 17px !important;
}
.member-risk-profile-question-tab .answer .currency {
font-size: 20px;
}
.member-risk-profile-question-tab .answer .input-header {
font-size: 14px;
line-height: 1.33;
color: #808080;
}
.member-risk-profile-question-tab .answer .radio-checkbox {
color: #333 !important;
display: table;
margin-top: -5px !important;
}
.member-risk-profile-question-tab .answer .radio-checkbox .radio-label {
padding-left: 10px;
display: table-cell;
vertical-align: middle;
font-size: 17px !important;
text-align: left;
}
.member-risk-profile-question-tab .answer .field-input {
padding-left: 0 !important;
float: left;
}
.member-risk-profile-question-tab .answer input[type="number"] {
width: 150px !important;
display: inline-block;
padding-top: 0 !important;
-moz-appearance: textfield;
}
.member-risk-profile-question-tab .answer input::-webkit-outer-spin-button,
.member-risk-profile-question-tab .answer input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.member-risk-profile-question-tab .answer input[type='radio'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 24px;
height: 24px;
border: 1px solid darkgray;
border-radius: 50%;
outline: none;
}
.member-risk-profile-question-tab .answer input[type='radio']:before {
content: '';
display: block;
width: 60%;
height: 60%;
margin: 20% auto;
border-radius: 50%;
}
.member-risk-profile-question-tab .answer input[type='radio']:checked:before {
background: red;
border-radius: 50%;
border: 2px solid #d82034;
}
.member-risk-profile-question-tab .answer input[type="radio"]:checked {
border: 2px solid #d82034 !important;
}
.member-risk-profile-question-tab .answer .ui-select-container.ui-select-bootstrap {
width: 90px !important;
display: inline-block;
margin-top: 0px !important;
}
.member-risk-profile-question-tab .answer .ui-select-container.ui-select-bootstrap .ui-select-match > span {
background: none;
color: #000000;
height: 30px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
width: 90px !important;
}
.member-risk-profile-question-tab .answer .ui-select-container.ui-select-bootstrap .ui-select-match.btn-default-focus {
outline: none;
background-color: transparent;
border: none;
box-shadow: none;
}
.member-risk-profile-question-tab .answer .ui-select-container.ui-select-bootstrap .ui-select-choices {
width: 90px !important;
}
.member-risk-profile-question-tab .answer .form-with-editable-data .field-section .ui-select-container span {
color: black !important;
font-size: 15px !important;
font-family: "Standard", Calibri, sans-serif !important;
padding-left: 5px;
padding-top: 2px;
}
.member-risk-profile-question-tab .answer .combobox-hover-pointer-1 {
pointer-events: auto !important;
}
.member-risk-profile-question-tab .answer .form-with-editable-data .field-section .disable-pointer {
pointer-events: none;
}
.member-risk-profile-question-tab .answer .inline-checkboxes {
list-style: none;
display: block;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
margin-top: 10px;
margin-bottom: 15px;
}
.member-risk-profile-question-tab .answer .inline-checkboxes .inline-checkbox {
padding-right: 10%;
height: 24px;
display: inline-block;
vertical-align: middle;
}
.member-risk-profile-question-tab .answer .inline-checkboxes .inline-checkbox .inline-checkbox-label {
padding-left: 10px;
position: relative;
top: -5px;
left: 5px;
color: black;
font-size: 17px !important;
}
.member-risk-profile-question-tab .answer .with-margin {
margin-top: 5px !important;
}
.member-risk-profile-question-tab .answer .image-container {
resize: both;
padding-bottom: 15px;
}
.member-risk-profile-question-tab .answer .image-container .image {
width: 100%;
height: auto;
}
.member-risk-profile-tile {
margin-bottom: 10px;
}
.member-risk-profile-tile .data-grid {
background: #f5f5f5;
padding: 25px 10px;
text-align: center;
display: block;
}
.member-risk-profile-tile .field-action-link {
margin-left: 0;
margin-top: 15px;
margin-bottom: 15px;
}
.member-risk-profile-tile .profile-text {
color: #d82034;
font-weight: bold;
font-size: 15px;
}
.member-risk-profile-tile .top-border {
border-top: 1px solid #dedede;
}
.member-risk-profile-tile .tile-item {
display: block;
width: 100%;
}
.member-risk-profile-tile .tile-item-gray-text {
color: #808080;
}
.member-risk-profile .subpage-body .subpage-content {
padding: 35px !important;
}
.member-risk-profile .row {
margin-right: 0 !important;
}
.member-risk-profile .ae-wizard-indicator ul {
margin-bottom: -15px !important;
}
.member-risk-profile .welcome-page {
text-align: center !important;
}
.member-risk-profile .welcome-page .title {
font-family: "SwissLife";
font-size: 18px;
}
.member-risk-profile .welcome-page .info {
font-size: 15px;
color: #808080;
}
.member-risk-profile .welcome-page .welcome-page-column {
margin-top: 20%;
}
.member-risk-profile .welcome-page .button-adjustment {
min-width: 262px !important;
}
.member-risk-profile .summary-page .header-info {
font-size: 12px !important;
color: #808080 !important;
}
.member-risk-profile .summary-page .footer {
border-top: 1px solid #ccc !important;
color: red !important;
}
.member-risk-profile .summary-page .footer .header-info {
font-size: 12px !important;
color: #808080 !important;
}
.member-risk-profile .ca-icon {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.member-risk-profile .ce-download-as-pdf .download-summary .download-pdf {
width: 60px;
height: 60px;
}
.member-risk-profile .form-with-editable-data .field-section input[type="search"] {
width: 100% !important;
}
.member-subpage .switch-table > header .normal-font-size {
font-size: 24px;
}
.member-subpage .switch-table .fund-row .normal-font-size {
font-size: 15px;
}
.fund-subprice .in-parenthesis > * {
font-size: 13px;
color: #8c8c8c;
}
.fund-subprice .in-parenthesis::before {
content: "(";
color: #8c8c8c;
font-size: 13px;
}
.fund-subprice .in-parenthesis::after {
content: ")";
color: #8c8c8c;
font-size: 13px;
}
.member-subpage .switch-table .fund-row .ca-icon-info-red,
.member-subpage .funds-summary .ca-icon-info-red {
vertical-align: middle;
}
.member-subpage .switch-funds-data .total-percent,
.member-subpage .switch-funds-data .total-value,
.member-subpage .switch-funds-data .unit-value,
.member-subpage .switch-funds-data .real-return,
.member-subpage .switch-funds-data .total-number-of-units {
text-align: right;
}
.member-subpage .switch-funds-data .total-percent > *:last-child {
padding-right: 0px;
}
.member-subpage .switch-funds-data .with-right-margin {
margin-right: 0;
}
.member-subpage.retirement-portfolio .two-columns-table {
margin-top: -20px;
margin-left: -20px;
margin-right: -20px;
}
.member-subpage.retirement-portfolio .two-columns-table .small-column {
padding-top: 20px;
}
.member-subpage.retirement-portfolio .two-columns-table .small-column .chart-container,
.member-subpage.retirement-portfolio .two-columns-table .small-column .chart-container .highcharts-container {
width: 80%;
margin: 0 auto;
}
.member-subpage.retirement-portfolio .two-columns-table .small-column .chart-container.top-margin {
margin-top: 15%;
}
.member-subpage.retirement-portfolio .page-panels .two-columns-table .big-header {
padding-left: 20px;
padding-top: 10px;
}
.member-subpage.retirement-portfolio .page-panels .two-columns-table .big-header h4 {
font-size: 24px;
}
.member-subpage .tiles .tile .switch-fund-data .list-data.table td {
border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 1500px) {
.member-subpage .tiles .tile.tile-with-image.my-retirement-image {
background-image: url('../styles/img/member-tiles/big1500.jpg');
color: #fff;
}
}
@media screen and (min-width: 1501px) and (max-width: 2000px) {
.member-subpage .tiles .tile.tile-with-image.my-retirement-image {
background-image: url('../styles/img/member-tiles/big2000.jpg');
color: #fff;
}
}
@media screen and (min-width: 2001px) and (max-width: 3000px) {
.member-subpage .tiles .tile.tile-with-image.my-retirement-image {
background-image: url('../styles/img/member-tiles/big3000.jpg');
color: #fff;
}
}
@media screen and (min-width: 3001px) and (max-width: 4000px) {
.member-subpage .tiles .tile.tile-with-image.my-retirement-image {
background-image: url('../styles/img/member-tiles/big4000.jpg');
color: #fff;
}
}
@media screen and (min-width: 4001px) {
.member-subpage .tiles .tile.tile-with-image.my-retirement-image {
background-image: url('../styles/img/member-tiles/big.jpg');
color: #fff;
}
}
.member-subpage .tiles .tile.tile-with-image {
position: relative;
border: 0;
box-shadow: none;
background: center center no-repeat;
background-size: cover;
}
.member-subpage .tiles .tile.tile-with-image::before {
content: " ";
position: absolute;
display: block;
z-index: 1;
background: rgba(0, 0, 0, 0.4);
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: background 1s;
transition: background 1s;
}
.member-subpage .tiles .tile.tile-with-image:hover::before {
-webkit-transition: background 1s;
transition: background 1s;
background: rgba(0, 0, 0, 0.5);
}
.member-subpage .tiles .tile.tile-with-image > * {
position: relative;
z-index: 1;
}
.member-subpage .tiles .tile.tile-with-image.my-retirement-image a {
color: #fff;
}
.member-subpage .tiles .tile {
background: #fff;
box-shadow: -1px 2px 25px rgba(0, 0, 0, 0.3);
}
.member-subpage .tiles .tile .tile-header.simple {
margin: 0;
border: none;
}
.member-subpage .tiles .tile .tile-header.no-space {
padding: 0;
}
.member-subpage .tiles .tile .tile-header.big {
font-size: 40px;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-style: italic;
}
.member-subpage .tiles .tile .tile-subheader {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 24px;
margin-bottom: 10px;
padding-left: 25px;
text-align: left;
}
.member-subpage .tiles .tile .tile-subheader .big-value {
padding-left: 25px;
}
.member-subpage .tiles .tile .tile-subheader .big-value,
.member-subpage .tiles .tile .tile-header .big-value,
.member-subpage .tiles .tile > header .big-value {
font-weight: normal;
font-size: 40px;
margin-left: 20px;
}
.member-subpage .tiles .tile > header,
.member-subpage .tiles .tile .tile-header {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 24px;
padding: 25px 20px 20px;
border-bottom: 1px solid #d4d4d4;
margin-bottom: 25px;
}
.member-subpage .tiles .tile > header.with-image {
-webkit-transition: 0.5s;
transition: 0.5s;
padding: 20px 20px 240px 20px;
box-shadow: inset 0 140px 240px -63px rgba(0, 0, 0, 0.7);
color: #fff;
background: no-repeat center center;
background-size: cover;
}
.member-subpage .tiles .tile:hover > header.with-image {
box-shadow: inset 0 100px 145px -63px rgba(0, 0, 0, 0.6);
}
.member-subpage .tiles .tile > header.with-image.text-on-bottom {
padding: 320px 20px 20px 20px;
box-shadow: inset 0 -80px 145px 25px rgba(0, 0, 0, 0.6);
}
.member-subpage .tiles .tile > header.with-image.text-on-bottom:hover {
box-shadow: inset 0 -50px 145px 25px rgba(0, 0, 0, 0.6);
}
.member-subpage .tiles .tile > header.with-image.image-people {
background-image: url('../styles/img/member-tiles/people.jpg');
}
.member-subpage .tiles .tile > header.with-image.image-book {
background-image: url('../styles/img/member-tiles/book.jpg');
}
.member-subpage .tiles .tile > header.with-image.image-gramophone {
background-image: url('../styles/img/member-tiles/gramophone.jpg');
}
.member-subpage .tiles .tile > .end-of-tile {
display: block;
clear: both;
}
.member-subpage .tiles .tile > .tile-body {
padding: 0 25px 15px;
text-align: justify;
}
.member-subpage .tiles .tile > * > .spinner {
height: 70px;
padding-bottom: 20px;
}
.member-subpage .tiles .tile .data-title {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 24px;
padding: 0;
margin: 0;
}
.member-subpage .tiles .tile .color-bar {
margin: 10px 0;
}
.member-subpage .tiles .tile .section-bordered {
padding-bottom: 15px;
border-bottom: 1px solid #d4d4d4;
margin-bottom: 15px;
margin-right: -25px;
padding-right: 25px;
}
.member-subpage .tiles .tile .tile-body .action-link {
color: #d82034;
font-weight: bold;
clear: both;
}
.member-subpage .tiles .tile .no-right-padding {
margin-right: -25px;
}
.member-subpage .tiles .tile .no-left-padding {
margin-left: -25px;
}
.member-subpage .tiles .tile .switch-fund-data {
border-bottom: 1px solid #d4d4d4;
}
.member-subpage .tiles .tile .switch-fund-data .list-data.table td {
vertical-align: middle;
}
.member-subpage .tiles .tile .switch-fund-data .list-data.table td:last-child,
.member-subpage .tiles .tile .switch-fund-data .list-data.table th:last-child {
padding-right: 10px!important;
}
.cafeteria-tile-title {
font-family: 'SwissLife', 'Standard', Calibri, sans-serif, serif;
font-size: 24px;
position: absolute;
top: 15px;
left: 35px;
color: #fff;
}
.member-subpage .tiles .tile.important-tile {
background: #de822b;
color: #fff;
}
.member-subpage .tiles .tile.important-tile > header {
border: none;
}
.member-subpage .tiles .tile.important-tile .tile-buttons {
text-align: right;
}
.member-subpage .tiles .tile.important-tile .tile-buttons .button:not(:last-child) {
margin-right: 20px;
}
.member-subpage .tiles .tile.important-tile .tile-buttons .button-action {
background: #fff;
color: #d82034;
min-width: 160px;
outline: none;
}
.member-subpage .tiles .tile.important-tile .tile-buttons .button-empty {
color: #fff;
min-width: 100px;
text-align: center;
outline: none;
}
.member-subpage .tiles .tile.important-tile.closed .tile-body {
padding: 20px;
}
.member-subpage .tiles .switch-tile.tile > header {
margin-bottom: 0;
}
.member-subpage .tiles .switch-tile.tile .tile-subheader {
margin-top: 10px;
margin-bottom: 0;
}
.member-subpage .tiles .switch-tile.tile > .tile-body {
padding: 0px 25px;
}
.member-subpage .tiles .switch-tile.tile .buttons {
padding: 10px;
}
.member-subpage .tiles .member-first-pillar-estimates-tile.tile .first-pillar-estimates {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.member-subpage .tiles .member-first-pillar-estimates-tile.tile .first-pillar-estimate {
width: 50%;
padding: 5px;
}
.member-subpage .tiles .member-first-pillar-estimates-tile.tile .first-pillar-estimate.bordered.odd {
border-right: 1px solid #d4d4d4;
}
.member-subpage .tiles .member-first-pillar-estimates-tile.tile .first-pillar-estimate.bordered.odd.has-two-next {
border-bottom: 1px solid #d4d4d4;
}
.member-subpage .tiles .member-first-pillar-estimates-tile.tile .first-pillar-estimate.bordered.even.has-next {
border-bottom: 1px solid #d4d4d4;
}
.member-subpage .tiles .member-first-pillar-estimates-tile.tile .first-pillar-estimate .name {
padding: 5px;
font-size: 17px;
}
.member-subpage .tiles .member-first-pillar-estimates-tile.tile .first-pillar-estimate .value {
padding: 5px;
color: #8c8c8c;
}
.member-subpage .tiles .member-first-pillar-estimates-tile.tile .disclaimer {
margin-top: 10px;
}
/* Tile */
.member-timeline-tile .ce-timeline .non-scrollable-content-fix {
display: none;
}
.member-timeline-tile .ce-timeline::before {
display: none;
}
.member-timeline-tile .ce-timeline .events-list {
padding: 0;
}
.member-timeline-tile .ce-timeline .events-list .events {
padding: 0;
}
.member-timeline-tile .ce-timeline .events-list .events .event-container {
display: block;
border-bottom: 1px solid #ccc;
padding: 0;
}
.member-timeline-tile .ce-timeline .events-list .events .event-container .event {
padding-right: 10px;
}
.member-timeline-tile .ce-timeline .events-list .events .event-container .event-icon {
width: 36px;
text-align: center;
padding: 0;
}
.member-timeline-tile .ce-timeline .events-list .events .event-container .event-icon .ca-icon {
width: 30px;
vertical-align: middle;
}
.member-timeline-tile .ce-timeline .events-list .events .event-container .event-icon .ca-icon.ca-icon-document {
width: 23px;
}
.member-timeline-tile .timeline-body {
margin-right: -25px;
}
.member-timeline-tile .no-data-info {
padding-top: 15px;
display: block;
}
.member-subpage .tiles .member-timeline-tile.tile > header {
margin-bottom: 0;
}
.member-timeline-tile .field-action-link {
margin: 10px 0 20px 0;
}
.member-timeline-tile .date-information {
padding-right: 20px;
}
.member-timeline-tile .normal-font-size {
font-size: 14px;
}
.member-timeline-tile .show-more-icon {
display: none;
}
/* Member timeline page */
.member-timeline .ce-timeline::before {
display: none;
}
.member-timeline .ce-timeline header .middle-side {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.member-timeline .ce-timeline header .middle-side .timeline-main-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.member-timeline .ce-timeline header .header-button:hover {
background: transparent;
}
.member-timeline .ce-timeline header .search {
float: left;
margin-top: 12px;
margin-left: 20px;
}
.member-timeline .ce-timeline header .search .search-bar .bar {
border: none;
background: #fff;
box-shadow: 0 10px 30px 5px rgba(0, 0, 0, 0.3);
padding: 2px 5px;
}
.member-timeline .ce-timeline header .search .search-bar .search-icon {
top: -5px;
left: -4px;
color: #000;
}
.member-timeline .ce-timeline header .search .search-bar .member-timeline .ce-timeline header .search .search-bar {
top: 9px;
}
.member-timeline .ce-timeline header .search-bar .bar .cancel-search-icon {
top: 2px;
}
.member-timeline .ce-timeline .events {
background: #fff;
box-shadow: 0 10px 30px 5px rgba(0, 0, 0, 0.3);
position: relative;
z-index: 1;
margin-bottom: 40px;
padding-left: 25px;
}
.member-timeline .ce-timeline .events-list {
padding-right: 21px;
position: relative;
}
.member-timeline .ce-timeline .events-list::before {
content: "";
width: 1px;
display: block;
position: absolute;
top: 25px;
bottom: 50px;
left: 43px;
border-left: 1px dotted #000;
z-index: 0;
}
.member-timeline .ce-timeline .events-group {
float: none;
margin: -10px 0 30px 18px;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-style: italic;
font-size: 30px;
}
.member-timeline .ce-timeline .events-group::before {
left: 0;
top: 15px;
}
.member-timeline .ce-timeline .events .event-container {
border-bottom: 1px solid #ccc;
}
.member-timeline .ce-timeline .events .event-container.with-details .event {
cursor: pointer;
}
.member-timeline .ce-timeline .events .event-container.with-details .event .event-title {
color: #d82034;
}
.member-timeline .ce-timeline .events .event-container.with-details .event .show-more-icon {
color: #d82034;
font-size: 10px;
-webkit-transition: 0.4s;
transition: 0.4s;
margin-left: 5px;
}
.member-timeline .ce-timeline .events .event-container.with-details.opened .event .show-more-icon {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.member-timeline .ce-timeline .events .event-container:not(.with-details) .event .show-more-icon {
display: none;
}
.member-timeline .ce-timeline .events .event-container .event .event-icon {
width: 36px;
text-align: center;
padding: 0;
}
.member-timeline .ce-timeline .events .event-container .event .event-icon .ca-icon {
width: 30px;
vertical-align: middle;
}
.member-timeline .ce-timeline .events .event-container .event .event-icon .ca-icon.ca-icon-document {
width: 23px;
}
/* Event details */
.member-timeline .ce-timeline .events .event-container.with-details.opened .event-details {
padding: 20px 0 20px 40px;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.member-timeline .ce-timeline .events .event-container.with-details.opened .event-details:hover {
background: #F5F5F5;
}
.member-timeline .ce-timeline .events .event-container.with-details.opened .event-details .hoverable-data {
-webkit-transition: 0.4s;
transition: 0.4s;
padding-top: 5px;
padding-bottom: 5px;
margin-right: 0;
}
.member-timeline .ce-timeline .events .event-container.with-details.opened .event-details .hoverable-data:hover {
background: #fff;
}
.member-timeline .ce-timeline .events .event-container.with-details.opened .event-details .details-summary {
border-bottom: 1px solid #ddd;
margin: 0 10px 20px 0;
}
.member-timeline .ce-timeline .events .event-container.with-details.opened .event-details h3 {
margin: 5px 0 7px;
font-size: 17px;
font-weight: bold;
clear: both;
}
.member-timeline .ce-timeline .events .event-container.with-details.opened .event-details h4 {
margin: 7px 0;
font-size: 17px;
clear: both;
}
.member-timeline .ce-timeline .events .event-container.with-details.opened .event-details table {
margin-top: 15px;
}
.member-timeline .ce-timeline .events .event-container.with-details.opened .event-details table tr {
-webkit-transition: 0.4s;
transition: 0.4s;
}
.member-timeline .ce-timeline .events .event-container.with-details.opened .event-details table tr:hover {
background: #fff;
}
.member-timeline .ce-timeline .events .event-container.with-details.opened .event-details table tr td:last-child {
padding-right: 10px;
}
.member-timeline .ce-timeline .events .event-container.with-details.opened .event-details table .ca-icon-info-red {
vertical-align: middle;
top: -1px;
}
.member-timeline .ce-timeline .events .event-container.with-details.opened .event-details header.subtitle {
margin-top: 0;
margin-bottom: 5px;
}
.member-timeline .ce-timeline .events .event-container.with-details.opened .event-details .benefits-list {
margin-top: 0;
}
.member-timeline .ce-timeline .events .event-container.with-details.opened .event-details .benefits-list .highlighted-benefit.gray {
background: transparent;
}
.member-timeline .ce-timeline .events .event-container.with-details.opened .event-details .benefits-list .highlighted-benefit.gray:hover {
background: #fff;
}
.member-timeline .ce-timeline .events .event-container.with-details.opened .event-details .buttons {
padding: 15px 30px;
}
#member-view {
margin-left: -70px !important;
height: 100%;
}
.member-subpage {
height: 100%;
position: relative;
}
.member-subpage .add-space-from-top {
margin-bottom: 3%;
}
.member-subpage .swisslife-logo {
position: absolute;
z-index: 0;
top: 0;
width: 200px;
right: 0;
}
.member-subpage.member-subpage-with-large-image.with-troubleshooting .swisslife-logo {
top: 70px;
}
.member-subpage .dev-panel {
position: fixed;
top: 5px;
z-index: 1050;
left: 5px;
opacity: 0.5;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.member-subpage .dev-panel:hover {
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.member-subpage.without-navbar .fix-row > .row {
margin-right: 0;
}
/* Large image */
.member-subpage-with-large-image {
background: url('../styles/img/member-page-background.jpg') top center no-repeat;
background-size: contain;
position: absolute;
}
.member-subpage-with-large-image.settings-image {
background-image: url('../styles/img/member-page-background-settings.jpg');
}
.member-subpage-with-large-image.no-image {
background-image: none;
}
.member-subpage-with-large-image .media {
background: rgba(0, 0, 0, 0.5);
padding: 10px 0;
color: #fff;
font-weight: normal;
}
.member-subpage-with-large-image .media h1 {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-style: italic;
font-size: 40px;
padding-left: 50px;
}
.member-subpage-with-large-image .media .buttons {
text-align: right;
position: relative;
z-index: 900;
white-space: nowrap;
padding-right: 50px;
}
.member-subpage-with-large-image .media .buttons button:disabled {
color: #aaa;
cursor: not-allowed;
}
.member-subpage .ae-wizard-indicator {
background: #fff;
padding: 10px;
margin: 0;
border-bottom: #b9b9b9 1px solid;
}
.member-subpage .investment-profile .ae-wizard-indicator {
margin-bottom: 15px;
}
.member-subpage .ae-wizard-indicator li .name {
max-width: none;
}
.member-subpage .wrappable-wizard-indicator .ae-wizard-indicator li .name {
max-width: 230px;
}
.member-subpage-with-large-image .media .buttons > *,
.member-subpage-with-large-image .media .buttons .combobox-field {
display: inline-block;
vertical-align: middle;
}
.member-subpage-with-large-image .title .title-left {
width: 100%;
text-align: center;
}
.member-subpage-with-large-image .title .title-left a {
color: #fff;
}
/* Small image */
.member-subpage-with-small-image .title {
background: url('../styles/img/bg-members.jpg') center center no-repeat;
background-size: cover;
width: 100%;
text-align: center;
color: #fff;
}
.member-subpage-with-small-image .title td {
padding: 35px 0;
}
.member-subpage-with-small-image .title .title-left {
width: 25%;
}
.member-subpage-with-small-image .title .title-center {
width: 50%;
}
.member-subpage-with-small-image .title .buttons {
width: 25%;
padding-right: 30px;
}
.member-subpage-with-small-image .title .title-left a {
color: #fff;
}
.member-subpage-with-small-image .title h1 {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-style: italic;
font-size: 40px;
margin: 0;
padding: 0;
}
.member-subpage-with-small-image .title h2 {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 24px;
margin: 0;
padding: 0;
}
.member-subpage .title {
overflow: visible;
}
.member-subpage .title .inline {
white-space: nowrap;
display: block;
}
.member-subpage .title .inline > * {
display: inline-block;
vertical-align: middle;
}
.member-subpage .title .ce-combobox .chosen-container {
-webkit-transition: 0.3s;
transition: 0.3s;
width: 180px !important;
text-align: left;
}
.member-subpage .title .ce-combobox .chosen-container .chosen-single {
color: #fff;
-webkit-transition: 0.1s;
transition: 0.1s;
padding-top: 2px;
}
.member-subpage .title .ce-combobox .chosen-container .chosen-single span {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
margin: 0;
position: relative;
}
.member-subpage .title .ce-combobox .select-arrow {
-webkit-transition: 0.3s;
transition: 0.3s;
visibility: visible;
top: 3px;
opacity: 1;
}
.member-subpage .title .ce-combobox .chosen-container.chosen-with-drop + .select-arrow,
.member-subpage .title .ce-combobox:hover .select-arrow,
.member-subpage .title .ce-combobox .chosen-container.chosen-container-active + .select-arrow {
color: #000;
}
.member-subpage .title .ce-combobox .chosen-container.chosen-with-drop + .select-arrow {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
color: #000;
}
.member-subpage .title .ce-combobox .chosen-container:hover,
.member-subpage .title .ce-combobox .chosen-container.chosen-container-active {
background: #fff;
}
.member-subpage .title .ce-combobox .chosen-container:hover .chosen-single,
.member-subpage .title .ce-combobox .chosen-container.chosen-container-active .chosen-single {
color: #000;
}
.member-subpage .title .ce-combobox .chosen-container .chosen-single:hover {
background-color: #e6e6e6;
}
.member-subpage .title .ce-combobox .chosen-container .chosen-drop {
border-radius: 0;
}
.member-subpage .title .ce-combobox .select-clear,
.member-subpage .title .ce-combobox .chosen-search,
.member-subpage .title .ce-combobox .result-selected {
display: none;
}
.member-subpage .title .buttons button {
border: 0;
background: 0;
outline: none;
margin-left: 50px;
font-weight: bold;
}
.member-subpage .title .buttons button .glyphicon {
margin-right: 5px;
}
.member-subpage .subpage-body {
border: 0;
}
.member-subpage .page-shadow {
box-shadow: 10px 15px 30px 0 rgba(0, 0, 0, 0.3);
}
.member-subpage table.subpage-tabs {
clear: both;
width: 100%;
display: table;
border-collapse: collapse;
}
.member-subpage table.subpage-tabs td {
text-align: center;
border-top: 0;
font-size: 24px;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
}
.member-subpage table.subpage-tabs td a:link,
.member-subpage table.subpage-tabs td a:visited {
border: 1px solid #cccccc;
border-right: 0;
display: block;
width: 100%;
background: #fff;
padding: 10px 0;
color: #d82034;
}
.member-subpage table.subpage-tabs a:link,
.member-subpage table.subpage-tabs a:visited:last-child {
border-right: 1px;
}
.member-subpage table.subpage-tabs td a:hover,
.member-subpage table.subpage-tabs td a:active,
.member-subpage table.subpage-tabs .subpage-tab-active a:link,
.member-subpage table.subpage-tabs .subpage-tab-active a:visited {
border: 1px solid #d82034;
border-right: 0;
background: #d82034 !important;
color: #fff;
}
.member-subpage table.subpage-tabs .subpage-tab-disabled a:link,
.member-subpage table.subpage-tabs .subpage-tab-disabled a:visited {
cursor: not-allowed;
background: #cccccc;
}
.member-subpage table.subpage-tabs .subpage-tab-disabled a:hover,
.member-subpage table.subpage-tabs .subpage-tab-disabled a:active {
cursor: not-allowed;
background: #cccccc;
border: 1px solid #cccccc;
border-right: 0;
color: #8c8c8c;
}
.member-subpage .italic-title {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-style: italic;
font-size: 30px;
text-align: center;
padding: 0 0 20px 0;
}
.member-subpage .page-panels {
padding: 0 20px;
}
.member-subpage .page-panel {
width: 100%;
float: left;
clear: both;
box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.3);
margin: 15px 0;
background: #fff;
}
.member-subpage .page-panel.clickable {
cursor: pointer;
}
.member-subpage .page-panel .panel-title,
.member-subpage .page-panel .panel-content .big-header {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
padding: 20px;
font-size: 24px;
color: #000;
}
.member-subpage .page-panel .panel-content .big-header {
padding: 0;
margin-bottom: 0px;
}
.member-subpage .page-panel .panel-content .big-header.with-top-space {
margin-top: 30px;
}
.member-subpage .page-panel .panel-content .big-header:not(.separated) {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.member-subpage .page-panel .panel-content .big-header.separated {
line-height: 24px;
}
.member-subpage .small-value {
margin-top: 10px;
margin-left: 20px;
}
.member-subpage .small-value,
.member-subpage .small-value > *,
.member-subpage .small-value::before,
.member-subpage .small-value::after {
font-size: 12px;
color: #808080;
}
.member-subpage .page-panel .panel-content .big-header.separated .big-value {
margin-top: 10px;
line-height: 30px;
word-wrap: break-word;
}
.member-subpage .page-panel .panel-content .add-more-section {
border-bottom: 1px solid #ccc;
padding: 15px 20px;
margin-bottom: 15px;
clear: both;
}
.member-subpage .page-panel .panel-content .big-header .big-value {
font-size: 30px;
}
.member-subpage .page-panel .panel-content .big-header:not(.separated) .big-value {
margin-left: 20px;
}
.member-subpage .page-panel .box {
margin: 25px;
padding: 25px;
}
.member-subpage .page-panel .box.gray {
background: #eee;
}
.member-subpage .page-panel .disclaimers {
padding: 0 0 20px;
}
.member-subpage .page-panel .panel-title.bordered {
border-bottom: #d4d4d4 1px solid;
}
.member-subpage .page-panel .panel-title.gray {
background: #e6e6e6;
color: #000;
font-family: "Standard", Calibri, sans-serif;
font-size: 15px;
padding: 15px 20px;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.member-subpage .page-panel .panel-title.gray:hover {
background: #e0e0e0;
}
.member-subpage .page-panel .panel-title.gray .action-link {
margin-top: 10px;
font-size: 15px;
}
.member-subpage .page-panel .panel-title.gray .big {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 25px;
}
.member-subpage .page-panel .panel-title.bordered.justified-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.member-subpage .page-panel .panel-title .right-section .button-empty {
font-family: "Standard", Calibri, sans-serif;
font-size: 15px;
font-weight: bold;
}
.member-subpage .page-panel .panel-title .right-section .button-empty .glyphicon {
margin-right: 5px;
}
.member-subpage .page-panel .panel-title .right-section {
width: 40%;
text-align: right;
min-width: 250px;
}
.member-subpage .page-panel .panel-title .right-section .search-bar .bar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.member-subpage .page-panel .panel-title .right-section .search-bar .bar .glyphicon {
font-size: 16px;
}
.member-subpage .page-panel .panel-title .right-section .search-bar .bar .cancel-search-icon {
color: #d82034;
font-size: 15px;
margin-right: 5px;
cursor: pointer;
}
.member-subpage .page-panel .panel-title .buttons {
font-family: "Standard", Calibri, sans-serif;
font-size: 14px;
}
.member-subpage .page-panel .panel-content {
padding: 20px;
}
.member-subpage .page-panel .panel-content.without-vertical-space {
padding: 0 20px;
}
.member-subpage .page-panel .panel-content.without-top-space {
padding-top: 0;
}
.member-subpage .page-panel .panel-content .subpage-bottom-buttons .button.button-empty[disabled] {
color: lightgray;
}
.member-subpage .page-panel .panel-content .ae-wizard-buttons .btn-wizard.next,
.member-subpage .page-panel .panel-content .ae-wizard-buttons button.btn-wizard.prev {
background: transparent !important;
margin: 10px 20px 30px 20px !important;
padding: 7px !important;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-weight: normal !important;
font-size: 17px !important;
color: #d82034 !important;
text-shadow: none;
}
.member-subpage .page-panel .panel-content .ae-wizard-buttons .btn-wizard.next:active,
.member-subpage .page-panel .panel-content .ae-wizard-buttons button.btn-wizard.prev:active {
box-shadow: none;
}
.member-subpage .page-panel .panel-content .title h4 {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 24px;
}
.member-subpage .page-panel .panel-content .buttons {
clear: both;
}
.member-subpage .page-panel .panel-content .skip-content-paddings {
margin-left: -20px;
margin-right: -20px;
}
.member-subpage .page-panel .panel-footer {
background: transparent;
padding: 20px 20px 25px;
border-top: 1px solid #ccc;
}
.member-subpage .page-panel .buttons.with-content-space {
padding: 20px 20px;
}
.member-subpage .title .download-link {
color: #fff;
display: inline-block;
}
.member-subpage .title .download-link .ca-icon {
width: 30px;
float: left;
margin-top: -5px;
}
.member-subpage .member-investment-profile .title {
color: #333;
text-align: left;
background: 0;
}
.member-subpage .tiles .tile .download-link {
background: transparent;
color: #d82034;
border: 0;
font-weight: bold;
}
.member-subpage .tiles .tile .download-link {
display: inline;
}
.member-subpage .tiles .tile .field-action-link {
padding-left: 9px;
color: #d82034;
text-align: left;
font-weight: bold;
text-shadow: none;
float: left;
clear: both;
padding-top: 6px;
}
.member-subpage .member-footer {
text-align: right;
font-size: 8px;
background: #f5f5f5;
}
.member-subpage .member-footer .app-version {
margin-right: 10px;
}
.member-subpage .confirmation-header {
padding: 0 30px;
}
.member-subpage .confirmation-header h2 {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-style: italic;
font-size: 35px;
font-weight: normal;
}
.member-subpage .confirmation-header .download-link {
font-weight: bold;
color: #d82034;
}
.member-subpage .confirmation-header .download-link .ca-icon {
width: 30px;
vertical-align: middle;
top: -1px;
}
.member-subpage .main-page-bottom-buttons {
padding: 20px 20px 0 0;
}
.member-subpage .main-page-bottom-buttons > button {
outline: none;
}
.member-subpage .main-page-bottom-buttons > button.button-empty {
margin: 0 15px 15px 0 !important;
padding: 10px 78px !important;
}
.member-subpage .main-page-bottom-buttons.with-margins > button.left-button {
margin-left: 20px;
float: left;
}
.member-subpage .member-funds-summary .funds-summary .summary-body {
margin-right: 0;
border: 0;
box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.3);
}
.member-subpage .member-funds-summary .funds-summary > header,
header.member-confirmation-header {
margin-bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.member-subpage .member-funds-summary .funds-summary > header {
margin-bottom: 20px;
}
.member-subpage .member-funds-summary .funds-summary > header .funds-title,
header.member-confirmation-header .header-text {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-style: italic;
font-weight: normal;
font-size: 30px;
}
.member-subpage .member-funds-summary .funds-summary > header .download-link,
header.member-confirmation-header .download-link {
color: #d82034;
font-weight: bold;
}
.member-subpage .left-body-panel {
margin: 15px 0;
}
.member-subpage .left-body-panel .link {
color: #d82034;
font-weight: bold;
cursor: pointer;
font-size: 14px;
}
.member-subpage .left-body-panel .link .link-table .link-table-icon {
margin-top: 5px;
margin-right: 10px;
text-align: right;
}
.member-subpage .left-body-panel .link .link-table .link-table-text {
text-align: left;
}
.member-subpage .left-body-panel .link .link-table td {
vertical-align: top;
}
header.member-confirmation-header .download-link .ca-icon {
width: 25px;
margin: -5px 0 0 0;
vertical-align: bottom;
}
.member-navigation > * {
display: inline;
vertical-align: middle;
}
.member-navigation > a > * {
text-decoration: underline;
vertical-align: middle;
display: inline-block;
}
.member-navigation > *:first-child::before {
content: "\e257";
position: relative;
top: 1px;
font-family: 'Glyphicons Halflings', sans-serif;
font-style: normal;
font-weight: normal;
line-height: 1;
text-decoration: none;
font-size: 80%;
vertical-align: middle;
}
.member-navigation > *:not(:first-child)::before {
content: "/";
text-decoration: none;
padding-left: 2px;
padding-right: 1px;
position: relative;
top: 1px;
}
.sidebar {
overflow-x: visible!important;
overflow-y: visible!important;
box-shadow: rgba(0, 0, 0, 0.5) 5px 0 25px !important;
}
.member-search .search-title {
background: #e6e6e6;
}
.member-search .search-title h1 {
color: #404040;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 24px;
padding: 6px 20px;
}
.member-search .search-title .title-button {
margin-right: 10px;
margin-top: -10px;
font-size: 16px;
}
.member-search .member-groups {
padding: 15px 20px;
}
.member-search .member-groups .tooltip,
.member-search .member-groups .tooltip .tooltip-inner {
max-width: 400px;
word-wrap: break-word;
white-space: normal;
background: #fff;
opacity: 1;
border-radius: 0;
text-align: justify;
}
.member-search .member-groups .tooltip .tooltip-inner {
position: fixed;
}
.member-search .member-groups .group-button {
margin: 5px;
padding: 5px 15px;
-webkit-transition: 0.3s;
transition: 0.3s;
border: 1px solid;
font-weight: bold;
font-size: 12px;
}
.member-search .member-groups .group-button:hover,
.member-search .member-groups .group-button:active,
.member-search .member-groups .group-button:focus,
.member-search .member-groups .group-button.active {
-webkit-transition: 0.3s;
transition: 0.3s;
outline: none;
}
.member-search .member-groups .group-button.default {
color: #666666;
background: transparent;
border: 1px solid #666666;
}
.member-search .member-groups .group-button.default:hover,
.member-search .member-groups .group-button.default:active,
.member-search .member-groups .group-button.default:focus,
.member-search .member-groups .group-button.default.active {
background: #666666;
color: #fff;
}
.search-bar {
padding: 5px 20px;
}
.search-bar .bar {
border: 1px solid #000;
position: relative;
padding: 5px;
}
.search-bar .bar .search-icon {
position: absolute;
margin: 10px 0 0 10px;
font-size: 18px;
}
.search-bar .bar input {
padding-left: 40px;
border: 0;
}
.member-search .buttons {
padding: 15px 20px;
}
.member-search .buttons .button {
width: 100%;
font-family: "Standard", Calibri, sans-serif;
font-size: 15px;
font-weight: bold;
padding: 10px;
}
.member-search .buttons button .ca-text-icon {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.member-search .buttons .button .glyphicon {
font-size: 12px;
font-weight: normal;
margin-right: 5px;
}
.member-search .buttons .button .small {
font-size: 10px;
float: right;
margin-top: 4px;
}
.member-search .members-list {
margin: 0 -15px;
padding: 0;
}
.member-search .members-list .separator {
background: #e6e6e6;
font-weight: bold;
padding: 2px 10px 2px 20px;
margin: 0;
}
.member-search .members-list li {
-webkit-transition: 0.3s;
transition: 0.3s;
padding: 15px 20px 15px 30px;
}
.member-search .members-list li:not(.separator):hover {
background: #f5f5f5;
-webkit-transition: 0.3s;
transition: 0.3s;
cursor: pointer;
}
.member-search .members-list li .customer-avatar {
width: 60px;
height: 60px;
}
.member-search .members-list li .member-data {
padding-left: 10px;
}
.member-search .members-list li .member-data .primary {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 24px;
line-height: 21px;
}
@media screen {
.member-fund-performance .hide-on-screen {
display: none;
}
}
@media print {
.member-fund-performance .hide-on-screen {
display: initial !important;
}
}
.member-fund-performance .fund-performance-disclaimer {
color: #a11c36 !important;
font-weight: bold;
font-size: 14px;
}
.member-fund-performance .fund-performance-disclaimer-asterix-margin {
margin-right: 2px;
}
.member-fund-performance .fund-performance-disclaimer-text {
margin-left: 15px;
margin-right: 15px;
margin-top: 30px;
padding-right: 10px;
line-height: 1.1;
}
.member-fund-performance .section-wrapper {
background: #ffffff !important;
}
.member-fund-performance .section-wrapper .section-content {
margin-bottom: 15px;
}
.member-fund-performance .ca-icon {
vertical-align: -15%;
}
.member-fund-performance .fund-name {
width: 100%;
text-align: center;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 24px;
color: #000;
}
.member-fund-performance .fund-name .fund-name-text {
margin-right: 15px;
}
.member-fund-performance .page-panel .fund-name {
padding-bottom: 14px;
}
.member-fund-performance .bordered {
border-bottom: #d4d4d4 1px solid;
}
.member-fund-performance .fund-details {
margin-bottom: 15px;
}
.member-fund-performance .fund-graph {
margin-left: 15px;
margin-right: 15px;
}
.member-fund-performance .fund-basic-info {
vertical-align: top;
}
.member-fund-performance .fund-basic-info span {
display: inline-block;
float: left;
vertical-align: top;
}
.member-fund-performance .fund-basic-info .ca-icon-info-red::after {
margin-top: -7px;
}
.member-fund-performance .additional-info {
display: block;
clear: both;
}
.member-fund-performance .right-section {
float: right;
margin-right: 30px;
}
.member-fund-performance .right-section .colored-value {
color: #a11c36 !important;
}
.member-fund-performance .right-section .left-margin {
margin-left: 5px;
}
.member-fund-performance .right-section .no-padding-col {
padding: 0px;
}
.member-fund-performance .left-header-section {
float: left;
margin-left: 30px;
width: 100%;
}
.member-fund-performance .left-header-section .colored-value {
color: #a11c36 !important;
}
.member-fund-performance .left-header-section .left-margin {
margin-left: 5px;
}
.member-fund-performance .left-header-section .colon-separator {
padding-left: 0px;
}
.member-fund-performance .left-header-section div {
vertical-align: bottom;
}
.member-fund-performance .left-header-section .funds-and-risk-reward {
margin-left: 5px;
display: inline-block !important;
}
@media print {
.member-fund-performance .left-header-section .hidden-print {
display: none !important;
}
}
.member-fund-performance .chart-date {
color: #3d3d3d;
font-size: 12px;
}
.member-fund-performance .annual-performance-header {
text-align: center;
background-color: #8c8c8c !important;
color: #ffffff !important;
margin-bottom: 10px;
min-height: 30px;
overflow: hidden;
vertical-align: middle;
}
.member-fund-performance .annual-performance-text {
padding: 5px;
display: inline-block;
vertical-align: middle;
}
.member-fund-performance .annual-performance-year {
text-align: center;
background-color: #bcbcbc !important;
color: #3d3d3d !important;
margin-bottom: 10px;
min-height: 30px;
}
.member-fund-performance .annual-performance-value {
text-align: center;
background-color: #f6f6f6 !important;
color: #3d3d3d !important;
margin-bottom: 10px;
min-height: 30px;
}
.member-fund-performance .notice {
margin-left: 15px;
margin-right: 15px;
margin-top: 7.5px;
font-size: 12px;
}
.member-fund-performance .display-flex-center {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.member-fund-performance .display-flex-left {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.member-fund-performance .display-rr-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.member-fund-performance .display-flex-right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.member-fund-performance .display-inline {
float: left;
display: inline !important;
}
.member-fund-performance .display-inline label {
display: inline !important;
}
.member-fund-performance .display-inline .radio-container {
margin-right: 15px;
}
.member-fund-performance .inline-header {
display: inline !important;
}
@media (max-width: 1024px) {
.member-fund-performance .ce-datepick input[type='text'] {
width: 160px;
}
}
.member-fund-performance .radio-checkbox {
color: #333 !important;
display: table;
margin-top: -5px !important;
margin-right: 20px;
}
.member-fund-performance .radio-checkbox .radio-label {
padding-left: 10px;
display: table-cell;
vertical-align: middle;
font-size: 15px !important;
text-align: left;
}
.member-fund-performance input[type='radio'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 20px;
height: 20px;
border: 1px solid darkgray;
border-radius: 50%;
outline: none;
}
@media (max-width: 1024px) {
.member-fund-performance input[type='radio'] {
width: 18px;
height: 18px;
}
}
.member-fund-performance input[type='radio']:before {
content: '';
display: block;
width: 60%;
height: 60%;
margin: 20% auto;
border-radius: 50%;
}
.member-fund-performance input[type='radio']:checked:before {
background: red;
border-radius: 50%;
border: 2px solid #d82034;
}
.member-fund-performance input[type="radio"]:checked {
border: 2px solid #d82034 !important;
}
.member-fund-performance .unit-value {
font-size: 15px;
color: #808080;
margin-left: 15px;
}
.top-page-header {
min-height: 70px;
}
.top-page-header.with-troubleshooting {
min-height: 140px;
}
html body #navbar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.navbar-nav {
float: none;
display: inline-block;
overflow: hidden;
}
.navbar-tabs {
white-space: nowrap;
overflow: hidden;
}
.navbar-right {
margin-left: auto;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.nav.navbar-nav > li {
float: none;
display: inline-block;
vertical-align: middle;
}
.tabs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
/* Stargate tabs design */
.ce-navbar.navbar-inverse {
background-color: #ffffff;
height: 70px;
position: fixed;
top: auto;
z-index: 1029;
}
.ce-navbar .tabs {
height: 70px;
font-size: 15px;
}
.ce-navbar .tabs .tabs-slider {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 5px;
background: #e6e6e6;
color: #000000;
}
.ce-navbar .tabs .tabs-slider.tabs-slider.disabled {
color: #cccdd2;
cursor: default;
}
.ce-navbar .tabs .navbar-nav {
margin-right: 0;
}
.ce-navbar .tabs .nav.navbar-nav > li {
height: 70px;
border-radius: 0;
}
.ce-navbar .tabs .nav.navbar-nav > li:not(:first-child) {
border-left: 1px solid #aeaeae;
}
.ce-navbar .tabs .nav.navbar-nav > li:first-child > a {
padding-right: 30px;
}
.ce-navbar .tabs .nav.navbar-nav > li.active + li,
.ce-navbar .tabs .nav.navbar-nav > li.active {
border-color: #f5f5f5;
}
.ce-navbar .tabs .nav.navbar-nav > li > a {
height: 100%;
padding: 0 20px;
background: #e6e6e6;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: bold;
border-right: none;
border-radius: 0;
}
.ce-navbar .tabs .nav.navbar-nav > li.active > a {
background: #f5f5f5;
color: #000;
box-shadow: none;
border-left: none;
}
.ce-navbar .tabs .nav.navbar-nav > li > a .ca-icon {
width: 30px;
padding: 0;
margin-right: 10px;
}
.ce-navbar .tabs .nav.navbar-nav > li > a .glyphicon-home {
position: relative;
display: inline-block;
font-size: 0;
width: 30px;
padding: 0;
margin-right: 10px;
}
.ce-navbar .tabs .nav.navbar-nav > li > a > span:not(.ca-icon):not(.glyphicon) {
max-width: 170px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ce-navbar .tabs .nav.navbar-nav > li > a > span:not(.ca-icon):not(.glyphicon):not(.vertical-align) {
padding-top: 4px;
}
.ce-navbar .tabs .nav.navbar-nav > li > a .glyphicon-home::after {
background-image: url('../styles/img/icons/tab_home.png');
background-size: 100% 100%;
display: inline-block;
width: 100%;
padding: 50% 0;
float: left;
content: "";
}
.ce-navbar .tabs .navbar-nav > li > a .close {
color: #808080;
margin-left: 25px;
margin-top: 4px;
font-size: 19px;
-webkit-transition: 0.3s;
transition: 0.3s;
outline: none;
position: static;
}
.ce-navbar .tabs .navbar-nav > li > a .close:hover {
color: #000;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.ce-navbar .tabs .navbar-nav > li > a .small {
display: block;
line-height: 9px;
font-size: 12px;
font-weight: normal;
white-space: pre;
}
/* --- Right side */
.navbar-right button {
outline: none;
}
.navbar-right {
background: #fff;
color: #3d3d3d !important;
height: 70px;
z-index: 2;
}
.navbar-right li {
display: inline-block !important;
vertical-align: middle;
}
.navbar-right .ca-navbar-icon {
width: 23px;
float: left;
margin: 15px 0 0 0;
}
.navbar-right .user-photo {
max-width: 30px;
}
.navbar-right .navbar-icon {
color: #3d3d3d;
}
.navbar-right li {
padding: 0 10px;
color: #3d3d3d;
position: relative;
display: block;
height: 100%;
}
.navbar-right .separator {
width: 1px;
background: #ccc;
display: inline-block;
position: relative;
top: 15px;
height: 42px;
}
.navbar-right .simple-link:link,
.simple-link:visited {
margin: 0;
padding: 0;
}
.navbar-right .simple-link:active,
.navbar-right .simple-link:hover,
.navbar-right .simple-link:focus,
.navbar-inverse .navbar-nav > .open > a {
color: inherit !important;
background: transparent !important;
}
.navbar-right .menu-icon {
font-size: 20px;
line-height: 30px;
padding: 20px 7px;
display: inline-block;
vertical-align: middle;
color: #8c8c8c;
}
.navbar-right .activeChangeLocale {
color: #d82034;
}
.navbar-right .landscape-logo {
height: 35px;
margin: 10px 0 0 10px;
}
.navbar-right .logo-placeholder {
display: none;
}
.ca-language-icon {
width: 20px;
float: left;
margin: 0 14px 0 30px;
}
.ca-selected-language-icon {
width: 11px;
float: right;
margin: 3px 15px 0 0;
}
.tabs-slider {
display: none;
color: #8c8c8c;
background-color: white;
cursor: pointer;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.tabs-slider.disabled {
color: #e6e6e6;
cursor: default;
}
.ce-navbar .signout-position {
padding: 22px 25px 0 5px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.ce-navbar .signout-position .ca-menu-icon {
width: 20px;
margin-right: 14px;
}
.error-navbar {
margin: 0 -15px;
border: 0;
}
.navbar-nav .notifications {
padding: 10px 15px 0!important;
}
.navbar-nav .notifications .badge {
position: absolute!important;
top: 20px!important;
right: 12px!important;
background-color: #D8431B!important;
padding: 1px 4px!important;
font-size: 12px !important;
font-weight: bold!important;
color: #fff!important;
text-align: center;
}
.popover {
box-shadow: none;
border-radius: 0;
}
.notification {
padding: 5px;
}
.notifications.ce-timeline-holder .ce-timeline .non-scrollable-content-fix > header {
float: right;
clear: both;
}
.notifications-popover {
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.5) !important;
border-radius: 0!important;
border: none!important;
width: 500px!important;
margin-top: 20px!important;
font-size: 15px;
}
.notifications-popover .arrow {
display: none;
}
.notifications-popover .popover-content {
padding: 10px 0 0 0;
}
.notifications-popover .notifications-list {
display: table;
width: 100%;
font-family: "Standard", Calibri, sans-serif;
}
.notifications-popover.popover .title,
.notifications-popover.popover {
font-family: "Standard", Calibri, sans-serif;
}
.notifications-popover .notifications-list .event {
display: table-row;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.notifications-popover .notifications-list .event:hover {
-webkit-transition: 0.3s;
transition: 0.3s;
background: #e5e5e5;
}
.notifications-popover .notifications-list .event > * {
display: table-cell;
border-bottom: 1px solid #f5f5f5;
vertical-align: middle;
padding: 10px 0;
}
.notifications-popover .all-notifications {
padding: 7px 15px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.notifications-popover .all-notifications:hover {
-webkit-transition: 0.3s;
transition: 0.3s;
background: #f5f5f5;
cursor: pointer;
}
.notifications-popover .all-notifications > * {
display: inline-block;
vertical-align: middle;
}
.notifications-popover .all-notifications .ca-icon {
width: 25px;
margin-left: 3px;
margin-right: 7px;
}
.notifications-popover .notifications-list .event .full-sized-column {
width: 100%;
}
.notifications-popover .notifications-list .event .image-container {
width: 30px;
height: 30px;
overflow: hidden;
border-radius: 50%;
border: 1px solid transparent;
margin-left: 15px;
margin-right: 8px;
padding: 2px;
text-align: center;
background: #e5e5e5;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.notifications-popover .notifications-list .event:hover .image-container {
-webkit-transition: 0.3s;
transition: 0.3s;
background: #f5f5f5;
}
.notifications-popover .notifications-list .event .image-container .event-icon {
width: 25px;
margin-top: -1px;
}
.notifications-popover .notifications-list .event .event-badge {
display: none;
}
.notifications-popover .notifications-list .event .title {
font-size: 14px;
background: none;
padding: 0;
border-radius: 0;
line-height: normal;
color: #000;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
max-width: 400px;
word-break: break-all;
}
.notifications-popover .notifications-list .event.unread .title {
color: #d82034;
font-weight: bold;
}
.notifications-popover .notifications-list .event .subtitle {
display: block;
color: #808080;
font-size: 10px;
}
.notifications-popover .no-messages {
padding: 0 15px 15px;
border-bottom: 1px solid #ccc;
display: block;
}
.operations-view .top-part {
cursor: pointer;
}
.operations-list .operations-section-header {
color: #808080;
margin: 0;
padding: 20px 0 0 15px;
float: left;
clear: both;
}
.operations-list .operations-section-header h4 {
font-size: 17px;
}
.operations-list .operation-header h4 {
font-size: 17px;
margin: 0;
padding: 0;
}
.operations-list .operations {
width: 100%;
}
.operations-list .operations .operation {
background: #fff;
border: 1px solid #e6e6e6;
float: left;
width: 100%;
clear: both;
margin-top: 15px;
word-wrap: break-word;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.operations-list .operations .operation:hover {
cursor: pointer;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.operations-list .operations .operation.with-key {
background-image: url('../styles/img/icons/operation-key.png');
background-position: right center;
background-repeat: no-repeat;
}
.operations-list .operations .operation .operation-title {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 24px;
padding: 0;
margin: 0;
}
.operations-list .operations .operation .small-operation-title {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 24px;
padding: 0;
margin: 0;
}
.operations-list .operations .operation .operation-subtitle {
font-size: 13px;
color: #d82034;
margin: 5px 0 0 0;
padding: 0;
float: left;
clear: both;
}
.operations-list .operations .operation .small-operation-subtitle {
float: left;
font-size: 10px;
color: #3d3d3d;
margin: 0;
padding: 0;
}
.operations-list .operations .operation-selected,
.operations-list .operations .operation:hover {
color: #fff;
background: #d82034;
border: 1px solid #a11c36;
}
.operations-list .operations .operation-selected .operation-subtitle,
.operations-list .operations .operation:hover .operation-subtitle,
.operations-list .operations .operation-selected .small-operation-subtitle,
.operations-list .operations .operation:hover .small-operation-subtitle {
color: #fff;
}
.operations-list .operations .operation .operation-header {
margin: 15px 20px;
float: none;
}
.operations-list .operations .operation .operation-header:not(.no-flex) {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.operations-list .operations .operation .operation-header > * {
display: inline-block;
vertical-align: middle;
}
.operations-list .operations .operation .operation-header .badge {
text-align: right;
margin-right: -20px;
border-radius: 0;
background: #de822b;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-weight: normal;
font-size: 17px;
padding: 9px 15px;
}
.operations-list .operations .operation .operation-header .badge.round {
border-radius: 50%;
background: #d82034;
color: #fff;
margin-right: 5px;
padding: 10px 15px;
}
.operations-list .operations .operation:hover .operation-header .badge.round,
.operations-list .operations .operation.operation-selected .operation-header .badge.round {
background: #fff;
color: #d82034;
}
.operations-list .operations .operation .operation-body {
clear: both;
margin: 15px 20px;
}
.operations-list .operations .operation .operation-body.simple-spinner .spinner {
width: auto;
text-align: left;
height: auto;
}
.operations-list .operations .operation .operation-body.simple-spinner .spinner .inner {
padding: 5px 0;
}
.operations-list .operations .operation small {
font-size: 13px;
}
.operations-list .operations .operation .operation-footer {
float: left;
clear: both;
margin-top: 10px;
background: #de822b;
padding: 7px 20px;
color: #fff;
width: 100%;
}
.operations-list .operations .operation .operation-footer.gray {
background: #e6e6e6;
margin-top: 0;
color: #000;
}
.operations-list .operations .operation:hover .operation-footer.gray,
.operations-list .operations .operation.operation-selected .operation-footer.gray {
background: #a11c36;
color: #fff;
-webkit-transition: background 0.3s, color 0.2s;
transition: background 0.3s, color 0.2s;
}
.operations-list .operations .operation .operation-footer .main-text {
font-weight: bold;
}
.operations-list .operations .operation .operation-footer .additional-text {
float: right;
text-transform: uppercase;
font-size: 12px;
margin-top: 2px;
}
.operations-list .operations .operation .operation-footer.gray .additional-text {
color: #d82034;
}
.operations-list .operations .operation:hover .operation-footer.gray .additional-text,
.operations-list .operations .operation.operation-selected .operation-footer.gray .additional-text {
color: #fff;
}
.operations-list .operations .operation-disabled {
background: #e6e6e6;
cursor: not-allowed;
color: #8c8c8c;
border: 1px solid #e6e6e6;
}
.operations-list .operations .operation-disabled:hover {
background: #e6e6e6;
cursor: not-allowed;
color: inherit;
border: 1px solid #e6e6e6;
}
.operations-list .operations .operation-disabled .disable-info {
font-size: 13px;
}
.operations-list .operations .operation .media {
padding: 25px 0 25px 10px;
float: left;
}
.operations-list .operations .operation .ca-operation-big-icon {
width: 75px;
float: left;
}
.operations-list .operations .operation .media-left {
text-align: center;
width: auto;
}
.operations-list .operations .operation .media-body {
padding-left: 10px;
padding-top: 10px;
}
.operations-list .operations .operation .media h5 {
padding: 0;
margin: 0;
font-size: 13px;
}
.operations-list .operations .operation .big-button {
font-size: 30px;
padding: 0;
}
.operations-list .operations .operation .line {
display: block;
}
.operations-list .operations .operation .color-bar {
margin: 3px 0;
}
.operations-list .operations .operation-selected .button-empty,
.operations-list .operations .operation:hover .button-empty {
color: #fff;
}
.operations-list .operations .operation .big-operation-icon {
width: 70px;
}
.operations-list .operations .operation .operation-info {
text-align: right;
width: 100%;
clear: both;
float: right;
font-weight: bold;
}
.operations-list .operations .operation .operation-info.text-left {
float: none;
text-align: left;
}
.operations-list .operations .operation .operation-info.info-light {
color: #8c8c8c;
font-weight: normal;
}
.operations-list .operations .operation .operation-info.info-red {
color: #d82034;
}
.operations-list .operations .operation:hover .operation-info.info-light,
.operations-list .operations .operation:hover .operation-info.info-red,
.operations-list .operations .operation.operation-selected .operation-info.info-light,
.operations-list .operations .operation.operation-selected .operation-info.info-red {
color: #fff;
}
@media print {
/* MAKING PAGE SCROLLABLE */
html {
height: 0 !important;
overflow: auto !important;
}
body {
overflow-y: auto !important;
height: auto !important;
overflow-x: hidden !important;
}
.subpage,
.subpage .subpage-part,
.subpage .subpage-scroll,
.subpage .subpage-body {
height: auto !important;
clear: both !important;
}
.subpage:not(.hidden-print),
.subpage .subpage-part:not(.hidden-print),
.subpage .subpage-scroll:not(.hidden-print) {
display: block !important;
}
.subpage-body {
border: none !important;
padding: 0 !important;
margin: 0 !important;
}
.subpage .subpage-scroll .nano {
display: block !important;
position: relative !important;
height: auto !important;
}
.nano-content {
right: 0px !important;
margin-right: 0px !important;
}
.subpage .subpage-scroll .nano > .nano-content {
display: block !important;
position: relative !important;
overflow-y: auto !important;
overflow-x: hidden !important;
}
.subpage .subpage-scroll .nano > .nano-pane {
display: none !important;
}
.full-height {
height: auto !important;
}
/* Member view */
#member-view {
height: auto !important;
margin-left: 0 !important;
}
#member-view .member-movements .movement-details {
padding-left: 50px;
}
.member-subpage {
height: auto !important;
}
.member-subpage .member-printable-container {
margin: 0;
}
.member-subpage .member-printable-body {
width: 100%;
margin: 0;
padding: 0;
}
.member-subpage .member-printable-body .page-panels {
padding: 0;
}
.member-subpage .member-printable-body .page-panels .page-panel .panel-title:not(.bordered-on-printout),
.member-subpage .member-printable-body header.subtitle.bordered:not(.bordered-on-printout),
.member-subpage .member-printable-body .member-benefits .header-container.with-border:not(.bordered-on-printout),
.member-subpage .member-printable-body .member-benefits .header-container.main-header:not(.bordered-on-printout),
.member-subpage .member-printable-body .member-benefits .main-benefits:not(.bordered-on-printout) {
border-bottom: 0;
border-top: 0;
}
.member-subpage .member-printable-body .page-panels .page-panel .panel-content {
padding: 0 0;
}
.member-subpage .beneficiaries-confirmation,
.member-subpage .big-confirmation {
display: none;
}
.member-subpage .buttons {
display: none;
}
.member-subpage .beneficiary-icon-container {
display: none;
}
.member-subpage .member-printable-body .beneficiary-list {
padding: 0;
}
.member-subpage .member-printable-body .switch-fund-data > tbody > tr > td {
border: none;
}
.member-subpage.member-movements .period-header li::after {
display: none;
}
.member-subpage.member-movements .period-header li {
list-style: none;
margin-left: 20px;
}
.member-subpage.member-movements .movements-period:not(:first-child) .period-header li::before,
.member-subpage.member-movements .period-header li::after,
.member-subpage.member-movements .period-header li span::before {
display: none;
}
.chapter-header {
padding: 20px 15px;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 30px;
}
.member-subpage.help-member-page {
position: static !important;
}
.chapter-small-header {
font-size: 16px;
padding-left: 5px;
}
.chapter-content h5 {
margin: 20px 0 0 20px;
padding: 0;
}
.chapter-content .subsection {
padding-left: 20px;
}
.chapter-content .subsection .information-row {
padding-left: 10px;
}
.member-subpage .summary-body {
padding-right: 20px;
}
.member-subpage .movement-row {
padding-right: 5px;
}
.member-subpage .benefits-view header .big-value {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 30px;
font-weight: normal;
}
/* Employer view */
.container-view,
.container-view > .main-content,
.container-view > .main-content > .tab-view,
.container-view > .main-content > .tab-view:not(.ng-hide) > .content-box {
overflow-y: auto !important;
overflow-x: hidden !important;
display: block !important;
height: auto !important;
}
.container-view > .main-content > .tab-view.ng-hide {
display: none !important;
}
.ce-split-page > div {
position: relative !important;
}
/* Clearing unnecessary default elements */
.dev-panel {
display: none;
}
.top-page-header {
display: none;
}
.alerts-container {
display: none;
}
.action-link {
display: none;
}
.uib-datepicker-popup {
display: none !important;
}
/* Employer pages */
.title-section-with-image > *,
.title-section {
padding: 15px !important;
}
.ce-timeline .no-events .no-data-icon::before {
background-size: 100% 100% !important;
background-image: url(../styles/img/icons/no_data.png) !important;
}
.member-background-image .media-body .normal-font-size {
padding-left: 0;
margin-left: 0;
}
.title-section h2 {
padding-left: 20px !important;
margin-bottom: 15px;
}
/* Timeline */
.ce-timeline::before,
.ce-timeline .events-list .events-group::before {
display: none !important;
}
.ce-timeline .row {
margin-right: 0;
}
/* Sections */
.headed-page-section {
border: none !important;
}
:not(.member-subpage.help-member-page) .headed-page-section > .content {
padding-left: 50px !important;
}
.contract-signature {
margin: 0 25px;
}
.list-data .external-link,
.summary-table .external-link {
display: none !important;
}
.bordered-on-printout {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}
.bottom-margin-on-printout {
margin-bottom: 20px;
}
/* Colors */
.fund-filled-color-0 {
background-color: #d82034 !important;
}
.fund-filled-color-1 {
background-color: #3D3D3D !important;
}
.fund-filled-color-2 {
background-color: #A11C36 !important;
}
.fund-filled-color-3 {
background-color: #808080 !important;
}
.fundColor0 {
background-color: #A11C36 !important;
}
.fundColor1 {
background-color: #003374 !important;
}
.fundColor2 {
background-color: #40752A !important;
}
.fundColor3 {
background-color: #F4C800 !important;
}
.fundColor4 {
background-color: #5B2859 !important;
}
.fundColor5 {
background-color: #0097DB !important;
}
.fundColor6 {
background-color: #95AE00 !important;
}
.fundColor7 {
background-color: #DE822B !important;
}
.fundColor8 {
background-color: #808080 !important;
}
.normal-font-on-printout {
font-size: 14px;
font-family: "Standard", Calibri, sans-serif;
}
/* Confirmation printouts */
.confirmation-printout {
padding: 0 5px;
}
.confirmation-printout .profile-names h4 {
display: inline-block;
}
.confirmation-printout .profile-names h4:not(:last-child)::after {
content: " -> ";
}
.confirmation-printout .confirmation-title {
font-size: 30px;
font-weight: normal;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
}
.confirmation-printout .policy-signature {
font-size: 20px;
}
.confirmation-printout .external-link {
display: none;
}
.confirmation-printout .highlighted-benefit {
border-top: 1px solid #ccc;
padding: 10px 0;
margin-top: 10px;
}
.confirmation-printout .highlighted {
font-weight: bold;
}
/* Rules table */
.investment-rules {
padding: 0 5px;
}
:not(.member-subpage) .investment-profiles .investment-profile.bordered {
margin-left: 20px;
}
.investment-rules .rules-title {
font-size: 30px;
margin-bottom: 25px;
}
.investment-rules table.rules-table {
width: 100%;
}
.investment-rules table.rules-table td,
.investment-rules table.rules-table th {
border: 1px solid black !important;
padding: 5px !important;
}
.investment-rules table.rules-table td.share {
text-align: center !important;
}
.investment-rules table.rules-table tr.active {
background-color: #e6e6e6 !important;
color: #000;
}
.investment-rules table.rules-table tr.active > td > span {
color: #000 !important;
}
.compare-values > span:first-child::after {
content: "->" !important;
}
/* Not splitting elements in wrong places */
span,
b,
strong,
p {
page-break-inside: avoid;
}
.list-data,
.summary-table,
.list-data tr,
.summary-table tr {
page-break-inside: avoid;
}
/* Print bootstrap columns */
.col-print-12 {
width: 100%;
}
.col-print-11 {
width: 91.66666667%;
}
.col-print-10 {
width: 83.33333333%;
}
.col-print-9 {
width: 75%;
}
.col-print-8 {
width: 66.66666667%;
}
.col-print-7 {
width: 58.33333333%;
}
.col-print-6 {
width: 50%;
}
.col-print-5 {
width: 41.66666667%;
}
.col-print-4 {
width: 33.33333333%;
}
.col-print-3 {
width: 25%;
}
.col-print-2 {
width: 16.66666667%;
}
.col-print-1 {
width: 8.33333333%;
}
@page :first {
height: 100%;
}
.small-column {
page-break-before: always;
}
.force-break-page {
page-break-before: always;
}
.ca-icon::after {
display: inline-table !important;
}
table.list-data th .ca-icon {
margin-top: 0px !important;
}
table.list-data th {
font-size: 14px;
padding: 15px 0 10px 20px !important;
font-weight: bold;
}
table.list-data td {
font-size: 12px;
padding: 10px 0 5px 20px !important;
}
.subpage .with-top-margin {
padding-top: 0px !important;
}
.information-row {
font-size: 14px !important;
}
.headed-page-section .small-header {
margin-bottom: 0px !important;
}
.headed-page-section {
padding-bottom: 0px !important;
}
.headed-page-section .small-header.header-with-separator {
padding: 10px 0px 20px 0px !important;
font-size: 14px !important;
}
table.list-data td {
overflow-wrap: break-word;
}
table.list-data td .data span {
float: none;
}
.new-page-section {
-webkit-column-break-before: page !important;
page-break-before: page !important;
break-before: page !important;
-webkit-column-break-after: page !important;
page-break-after: page !important;
break-after: page !important;
}
.member-subpage .page-panel {
float: none !important;
margin: 0px;
}
.member-subpage .new-page {
page-break-before: always !important;
}
table {
page-break-inside: auto !important;
}
tr {
page-break-inside: avoid !important;
page-break-after: auto !important;
}
.ce-timeline .events-list .events .event {
display: block;
page-break-inside: avoid;
}
.ce-timeline .events-list .events .event .event-column span {
font-size: 11px;
}
.ce-timeline .events-list .events .event > * {
display: block;
page-break-inside: avoid;
page-break-after: avoid;
page-break-before: avoid;
}
.scrollable-fix,
.scrollable-fix > * {
display: block !important;
height: auto !important;
position: static !important;
page-break-inside: avoid;
page-break-after: avoid;
page-break-before: avoid;
}
.switch-fund-data > tbody > tr > td:last-child {
vertical-align: middle;
}
.highchart-placeholder .sum-info {
color: #fff !important;
}
.ce-avatar .avatar-container .avatar {
background-size: contain !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
.investment-profiles .investment-profile .big-value {
font-size: 40px;
}
.event-column.no-right-padding {
padding-right: 0;
}
html body .highchart-placeholder {
width: 250px;
height: 250px;
padding: 0;
margin: 15px auto;
}
.hide-on-screen {
display: block !important;
}
.stack-bar-chart .stack-bar-chart-item .stack-bar-chart-item-label {
color: white !important;
}
}
@media screen and (max-width: 1199px), screen and (max-height: 800px) {
.backoffice-page .page-content .black-background {
padding-top: 15px;
padding-bottom: 15px;
}
.backoffice-page .page-content .black-background h1 {
font-size: 24px;
}
.backoffice-page .page-content .tiles .tile-container .tile > header {
font-size: 17px;
}
.backoffice-page .page-content .chapter-header .header-positioner .chapter-title {
width: 35%;
}
.backoffice-page .page-content .chapter-header .header-positioner .buttons {
white-space: normal;
}
.backoffice-page .page-content .chapter-content .htmlEditor .cke_contents {
min-height: 0;
height: 180px!important;
}
.backoffice-page .conditions-buttons {
float: none;
clear: both;
display: block;
width: 100%;
}
}
@media screen and (min-width: 991px) and (max-width: 1300px) {
.backoffice-page .main-column-smaller {
width: 10%;
}
.backoffice-page .main-column-bigger {
width: 80%;
}
.backoffice-page .main-column-small {
width: 17.5%;
}
.backoffice-page .main-column-big {
width: 65%;
}
}
@media screen and (max-width: 991px), screen and (max-height: 600px) {
#customer-service-view {
position: relative;
}
.backoffice-page .page-content .tiles .tile-container .tile .tile-content {
padding-left: 25px;
}
}
@media screen and (max-width: 1199px), screen and (max-height: 800px) {
.backoffice-page:not(.without-navbar) .page-content {
padding-top: 100px;
}
.backoffice-page .page-content .tiles .tile-container {
margin-top: 10px;
}
.backoffice-page .page-content .tiles .tile-container .tile > header {
padding: 20px 15px 15px;
}
}
@media screen and (max-width: 1199px), screen and (max-height: 800px) {
.employer-page .chosen-container-single .chosen-single span {
max-width: 345px;
}
.employer-page .navbar-right .landscape-logo {
display: none;
}
.employer-page .navbar-right .logo-placeholder {
display: inline-block;
height: 45px;
width: 45px;
margin-top: 10px;
border: 1px solid #ccc;
border-radius: 50%;
padding: 2px;
}
.employer-page .navbar-right .logo-placeholder > .logo {
width: 100%;
height: 100%;
display: inline-block;
background: transparent no-repeat center center;
background-size: contain;
}
.employer-page .navbar-right li {
padding: 0 5px;
}
.employer-page .navbar-nav .notifications {
padding: 10px 5px 0 10px!important;
}
.employer-page .navbar-right .main-context-info {
padding-right: 10px;
}
.employer-page .navbar-right .context-info .more-icon {
margin-left: 20px;
}
.employer-page .title-section-with-image .media-body h2 {
font-size: 24px;
}
.employer-page .title-section-with-image .media-body h5 {
font-size: 17px;
}
.employer-page .title-section-with-image .data-section {
padding: 15px;
}
.employer-page .title-section-with-image .data-section .small-chart {
width: 80px;
height: 80px;
margin-bottom: 5px;
}
.employer-page .title-section-with-image .data-section .big-data {
font-size: 24px;
}
.employer-page .title-section-with-image .data-section h1 {
font-size: 17px;
}
.employer-page .operations-view .title-section-with-image .ce-avatar .avatar-container {
margin: 0 auto;
}
.employer-page .title-section-with-image .avatar {
margin-left: 15px;
margin-right: 10px;
}
.employer-page .ce-timeline .events-list {
padding-top: 5px;
}
.employer-page .subpage-bottom-buttons .button {
margin-bottom: 10px;
}
.employer-page .ce-timeline .events-list .events {
padding-top: 10px;
padding-bottom: 10px;
}
.employer-page .ce-timeline .events-list .events .event {
padding-top: 5px;
padding-bottom: 5px;
}
.employer-page .ce-timeline .events-list .events .event .event-column {
padding-top: 5px;
padding-bottom: 5px;
}
.employer-page .ce-timeline .no-events .no-data-icon,
.employer-page .documents-grid .table-striped td[translate="documentsManager.noRecords"]::before {
width: 60px;
height: 60px;
margin-bottom: 1%;
}
.employer-page .title-section {
padding-top: 15px;
padding-bottom: 15px;
}
.employer-page .title-section h2 {
font-size: 24px;
}
.employer-page .subpage-tabs li,
.employer-page .subpage-tabs li .in-parenthesis > *,
.employer-page .subpage-tabs li .in-parenthesis::before,
.employer-page .subpage-tabs li .in-parenthesis::after {
font-size: 17px;
}
.employer-page .ce-avatar .big-avatar {
width: 100px;
height: 100px;
}
.employer-page .headed-page-section header {
font-size: 17px;
}
.employer-page .title-section-with-image > * {
padding-top: 1%;
padding-bottom: 1%;
}
.employer-page .member-search .members-list li,
.employer-page .member-search .member-groups,
.employer-page .member-search .buttons {
padding-top: 5px;
padding-bottom: 5px;
}
.employer-page .member-search .search-title h1 {
padding-top: 15px;
padding-bottom: 15px;
margin: 0;
}
.employer-page .ae-wizard-indicator li {
margin-top: 0!important;
margin-bottom: 0!important;
}
.employer-page .ae-wizard-indicator ul {
margin-top: 5px;
margin-bottom: 5px;
}
.employer-page .chapters-list {
padding-right: 5px;
padding-left: 10px;
}
.employer-page .operations-list .operations .operation .big-button {
font-size: 24px;
}
.employer-page .operations-list .operations .operation .ca-operation-big-icon {
width: 50px;
}
.employer-page .operations-list .operations .operation .big-operation-icon {
width: 100%;
min-width: 30px;
}
.employer-page .subpage-body.with-left-space {
margin-left: 10px;
}
.employer-page .subpage .with-left-margin {
padding-left: 10px;
}
hr {
margin: 5px 0;
}
.ae-wizard-buttons .btn-wizard.next,
.ae-wizard-buttons .btn-wizard.prev {
font-size: 15px !important;
}
.button {
font-size: 15px;
}
.button.button-action,
html body .button-action:disabled {
min-width: 0;
}
.button.with-extra-space {
margin: 5px 10px;
}
.documents-grid .ce-document-manager {
margin: 0;
padding: 0;
}
.documents-grid .ce-document-manager .ag-header-cell .ag-header-cell-label,
.documents-grid .ce-document-manager .ag-header-cell,
.documents-grid .ce-document-manager.documents-manager-tiles-view .ag-body-container .ag-group-cell-entire-row {
font-size: 24px;
}
.ca-modal-wide .modal-dialog .modal-content {
height: auto !important;
}
.ca-modal-translucent .modal-dialog,
.ca-modal-opaque .modal-dialog {
margin: 2% auto;
height: 90%;
}
.ca-modal-translucent .modal-dialog .modal-content,
.ca-modal-opaque .modal-dialog .modal-content {
height: auto;
}
.ca-modal-translucent .modal-dialog .subpage > *,
.ca-modal-opaque .modal-dialog .subpage > *,
.ca-modal-translucent .modal-dialog .full-height,
.ca-modal-opaque .modal-dialog .full-height,
.ca-modal-translucent .modal-dialog .nano,
.ca-modal-opaque .modal-dialog .nano,
.ca-modal-translucent .modal-dialog .nano > .nano-content,
.ca-modal-opaque .modal-dialog .nano > .nano-content {
height: auto;
display: block;
}
.ca-modal-translucent .modal-dialog .nano > .nano-content,
.ca-modal-opaque .modal-dialog .nano > .nano-content {
position: relative;
}
.ca-modal-translucent .modal-dialog .nano > .nano-pane,
.ca-modal-opaque .modal-dialog .nano > .nano-pane {
display: none;
}
}
@media screen and (min-width: 991px) and (max-width: 1300px) {
.ce-split-page .big-side:first-child {
padding-right: 5px;
}
.ce-split-page .small-side:last-child {
padding-left: 5px;
}
.ce-split-page .big-side:last-child {
padding-left: 5px;
}
.ce-split-page .small-side:first-child {
padding-right: 5px;
}
html body .subpage .with-top-margin {
padding-top: 5px;
}
}
@media screen and (max-width: 991px), screen and (max-height: 600px) {
html,
html body {
height: auto;
overflow-y: auto;
overflow-x: auto;
}
html body {
min-width: 700px;
}
html body .subpage .subpage-scroll,
html body .subpage .subpage-part,
html body .full-height,
html body .subpage .subpage-scroll .nano,
html body .scrollable-fix,
html body .scrollable-fix .scrollable-content-fix,
html body .scrollable-fix .non-scrollable-content-fix {
display: block;
height: auto;
}
html body .subpage-content {
float: none!important;
}
html body .nano {
display: block;
overflow-y: hidden;
}
html body .nano > .nano-content {
display: block;
position: static;
height: auto;
overflow: hidden;
margin-right: 0!important;
}
html body .nano > .nano-pane {
display: none!important;
}
html body .ca-modal-wide .modal-dialog .modal-content {
height: auto!important;
}
html body .ce-split-page > div {
position: static;
}
html body .container-view {
height: auto;
overflow-y: auto;
min-width: 0;
}
html body .ce-split-page .big-side:first-child {
padding-right: 5px;
}
html body .ce-split-page .small-side:last-child {
padding-left: 5px;
}
html body .ce-split-page .big-side:last-child {
padding-left: 5px;
}
html body .ce-split-page .small-side:first-child {
padding-right: 5px;
}
html body .ce-split-page .small-side:first-child .operations-list {
padding-left: 5px;
}
html body .ce-timeline header {
display: block;
}
html body .ce-timeline header.main-timeline-header > * {
display: block;
}
html body .ce-timeline-holder .date-range-picker {
margin-top: 0;
margin-left: 0;
padding-top: 10px;
padding-left: 40px;
}
html body .ce-timeline header.main-timeline-header .middle-side {
padding-left: 30px;
text-align: left;
}
html body .member-search .members-list {
margin-right: 0;
}
html body .subpage-tabs li {
float: none;
display: inline-block;
text-align: center;
margin-right: -4px;
}
html body .documents-grid .ce-document-manager {
height: auto!important;
}
html body .internal-documents .documents-grid .ag-cell,
html body .internal-documents .documents-grid .ag-row,
html body .internal-documents #centerRow,
html body .internal-documents .ce-document-manager .ag-row {
height: auto;
overflow-y: auto;
}
html body .subpage .subpage-top-buttons {
float: right;
display: inline-block;
}
html body .subpage-tabs {
width: auto;
display: inline-block;
}
html body .ce-timeline header .header-button,
html body .ce-timeline header .download-link {
padding: 10px 20px;
}
html body .side-paddings-md {
padding-left: 5px;
padding-right: 5px;
}
html body .employer-page .title-section-with-image .data-section {
padding: 15px 35px;
}
html body .middle-cols .small-float-fix {
padding: 2%;
}
html body .form-with-editable-data.hide-unactive-fields .field-section input {
width: 100%;
max-width: 200px;
}
html body .form-with-editable-data.hide-unactive-fields .field-section span.ce-combobox,
html body .form-with-editable-data.hide-unactive-fields .field-section select {
width: 100%;
max-width: 200px;
}
html body .employer-page .investment-profiles .investment-profile .fund-row-header .column-header {
padding: 5px 15px;
}
html body .investment-profiles .investment-profile .percent-input button {
width: 35px;
height: 35px;
min-width: 35px;
min-height: 35px;
}
}
@media screen and (max-width: 1199px) {
.text-center-md {
text-align: center;
}
}
@media screen and (max-width: 991px) {
.text-center-sm {
text-align: center;
}
html body .information-row .information-row-data {
padding-left: 15px;
}
.document-upload-modal .language-wrapper {
margin-top: 15px;
}
.investment-profiles .investment-profile .actions button {
font-size: 15px;
opacity: 1;
visibility: visible;
}
}
@media only screen and (device-width: 768px) {
html,
html body {
height: 100%;
overflow: hidden;
}
html body .subpage,
html body .scrollable-fix {
display: table;
height: 100%;
}
html body .subpage .subpage-part,
html body .scrollable-fix .non-scrollable-content-fix {
display: table-row;
}
html body .subpage .subpage-scroll,
html body .scrollable-fix .scrollable-content-fix {
display: table-row;
height: 100%;
}
html body .full-height {
height: 100%;
}
html body .main-content,
html body .main-content .tab-view {
height: 100%;
}
html body .nano {
height: 100%!important;
}
html body .nano > .nano-content {
position: absolute;
height: 100%;
overflow-y: scroll;
width: 100%;
}
html body .modal-dialog .modal-content .nano > .nano-content {
height: auto;
position: relative;
}
html body .ce-timeline {
height: 100%;
}
html body .small-side:first-child .operations-list {
padding-left: 5px;
}
html body .employer-page .chapters-list {
padding-right: 5px;
padding-left: 5px;
}
html body .ca-icon {
vertical-align: middle;
}
html body .subpage-tabs li a:link,
html body .subpage-tabs li a:visited {
min-width: 0;
padding: 15px 10px;
}
html body .investment-profiles .investment-profile .fund-row.bordered {
margin-left: 0;
}
html body .pickable-table-data .data-table .data-row {
vertical-align: middle;
}
html body .operations-list .operations .operation .operation-header:not(.no-flex) {
display: block;
}
html body .body-padding {
padding: 0 10px;
}
html body .operations-list .operations .operation .operation-header .badge.round {
padding: 0;
height: 35px;
width: 35px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
float: right;
}
html body .ae-wizard-indicator li .number {
display: -webkit-box!important;
display: -webkit-flex!important;
display: -ms-flexbox!important;
display: flex!important;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
html body .ae-wizard-indicator li.active .number .inner,
html body .ae-wizard-indicator li.disabled:not(.active) .number .inner {
margin: 0!important;
line-height: normal!important;
}
html body .investment-profiles .investment-profile .percent-input {
padding: 15px 0;
}
html body .ce-timeline .events-list .events .event .image-container.gray,
html body .ce-timeline .events-list .events .event:not(.selected) .image-container.gray {
background: transparent;
width: auto;
height: auto;
overflow: auto;
border-radius: 0;
}
html body .ce-timeline .events-list .events .checkbox-container .event-checkbox {
position: static;
}
html body .ce-timeline .events-list .events .event .image-container.gray .icon {
background: #e5e5e5;
border-radius: 50%;
display: inline-block;
width: 40px;
height: 40px;
margin-left: 10px;
}
html body .ce-timeline .events-list .events .event .image-container.gray .icon .ca-icon {
width: 25px;
margin-top: 8px;
}
html body .ce-timeline .events-list .events .action-on-hover.selected .hide-on-hover {
visibility: visible;
opacity: 1;
}
html body .ce-timeline .events-list .events .action-on-hover .checkbox-container {
opacity: 1;
visibility: visible;
display: inline-block;
vertical-align: middle;
}
html body .ce-timeline .events-list .events .event.task-acceptance .image-container .customer-avatar {
width: 35px;
height: 35px;
min-width: 35px;
min-height: 35px;
}
html body .ce-timeline .events-list .events .event.task-acceptance .image-container {
display: block;
height: auto;
}
html body .ce-timeline .events-list .events .event.task-acceptance .image-container .checkbox-container,
html body .ce-timeline .events-list .events .event.task-acceptance .image-container .hide-on-hover {
display: block;
}
html body .col-ipad-12 {
width: 100%;
display: inline-block !important;
}
html body .col-ipad-11 {
width: 91.66666667%;
display: inline-block !important;
}
html body .col-ipad-10 {
width: 83.33333333%;
display: inline-block !important;
}
html body .col-ipad-9 {
width: 75%;
display: inline-block !important;
}
html body .col-ipad-8 {
width: 66.66666667%;
display: inline-block !important;
}
html body .col-ipad-7 {
width: 58.33333333%;
display: inline-block !important;
}
html body .col-ipad-6 {
width: 50%;
display: inline-block !important;
}
html body .col-ipad-5 {
width: 41.66666667%;
display: inline-block !important;
}
html body .col-ipad-4 {
width: 33.33333333%;
display: inline-block !important;
}
html body .col-ipad-3 {
width: 25%;
display: inline-block !important;
}
html body .col-ipad-2 {
width: 16.66666667%;
display: inline-block !important;
}
html body .col-ipad-1 {
width: 8.33333333%;
display: inline-block !important;
}
}
@media only screen and (device-width: 768px), only screen and (device-height: 768px) {
html body .ce-datepick .clear-button,
html body .ce-combobox:not(:hover) .select-clear {
visibility: visible;
opacity: 1;
}
html body .title-section-with-image .light-data-section .info-row .tooltip-icon {
margin-left: 5px;
}
html body .title-section-with-image .light-data-section .info-row .tooltip-icon::before {
display: none;
}
html body .ce-timeline .events-list .events .action-on-hover:hover .hide-on-hover {
visibility: visible;
opacity: 1;
}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
html body .ae-wizard-indicator li .number .inner {
line-height: normal!important;
}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
html body .backoffice-page.without-navbar .page-content {
padding-top: 10px;
}
html body .backoffice-page:not(.without-navbar) .page-content {
padding-top: 80px;
}
html body .container-view > .main-content .tab-view:not(.ng-hide) {
position: relative;
}
html body .container-view > .main-content .tab-view:not(.ng-hide) > .content-box {
overflow-x: hidden;
overflow-y: scroll!important;
position: absolute;
top: 0;
bottom: 0;
width: 100%;
padding-right: 10px;
}
html body .container-view > .main-content .tab-view:not(.ng-hide) .infinite-scroll-action {
display: block;
}
html body .container-view > .main-content .tab-view:not(.ng-hide) .full-height {
height: auto;
}
html body .container-view > .main-content .tab-view:not(.ng-hide) .subpage,
html body .container-view > .main-content .tab-view:not(.ng-hide) .subpage-scroll,
html body .container-view > .main-content .tab-view:not(.ng-hide) .subpage-body,
html body .container-view > .main-content .tab-view:not(.ng-hide) .subpage-part {
height: auto;
display: block;
clear: both;
}
html body .container-view > .main-content .tab-view:not(.ng-hide) .container-view {
overflow: auto;
}
html body .container-view > .main-content .tab-view:not(.ng-hide) > .content-box {
overflow-y: scroll;
display: block;
}
html body .container-view > .main-content .tab-view:not(.ng-hide) .nano {
height: auto;
overflow-y: auto;
overflow-x: hidden;
}
html body .container-view > .main-content .tab-view:not(.ng-hide) .nano > .nano-content {
position: static;
height: auto;
overflow-y: auto;
overflow-x: hidden;
}
html body .container-view > .main-content .tab-view:not(.ng-hide) .nano > .nano-pane {
display: none!important;
}
html body .container-view > .main-content .tab-view:not(.ng-hide) .ce-split-page > div {
position: static;
height: auto;
}
html body .container-view > .main-content .tab-view:not(.ng-hide) .ce-timeline,
html body .container-view > .main-content .tab-view:not(.ng-hide) .scrollable-fix,
html body .container-view > .main-content .tab-view:not(.ng-hide) .non-scrollable-content-fix,
html body .container-view > .main-content .tab-view:not(.ng-hide) .scrollable-content-fix {
display: block;
height: auto;
}
}
@media screen and (max-width: 1199px), screen and (max-height: 800px) {
#member-view .member-subpage-with-small-image .title h1 {
font-size: 30px;
}
#member-view .member-subpage-with-small-image .title h2 {
font-size: 17px;
}
#member-view .member-subpage-with-small-image .title td {
padding: 2% 0;
}
#member-view .member-subpage .confirmation-header h2 {
font-size: 24px;
margin: 0;
padding: 0;
}
#member-view .member-subpage .big-confirmation .icon-container {
width: 70px;
height: 70px;
}
#member-view .member-subpage .big-confirmation h1 {
font-size: 24px;
}
#member-view .member-subpage .big-confirmation {
margin-top: 10px;
}
#member-view .member-subpage .page-panel .panel-content {
padding: 10px;
}
#member-view .member-subpage-with-large-image .media h1 {
font-size: 30px;
}
#member-view .subpage-bottom-buttons {
text-align: center;
}
#member-view .subpage-bottom-buttons .button {
float: none;
margin-bottom: 0;
}
#member-view .member-subpage .my-retirement-tile header h1 {
margin: 2% 0;
font-size: 30px;
}
#member-view .beneficiaries .beneficiaries-wizard-indicator {
margin: 0;
}
#member-view .beneficiaries .page-panel .panel-content.beneficiary-panel {
margin-right: -10px;
}
#member-view .beneficiaries .page-panel .panel-content.beneficiary-panel .panel-title {
margin: -10px 0 0 -10px;
}
#member-view .beneficiaries .beneficiary-header.bordered {
margin-left: -10px;
}
#member-view .beneficiaries .beneficiaries-summary .panel-title {
margin: -10px -10px 0;
}
#member-view .fancy-names .ae-wizard-indicator ul li .name {
font-size: 17px;
}
#member-view .member-subpage.member-profile .ae-wizard-indicator {
padding: 5px!important;
}
#member-view .member-subpage.member-profile .subpage-body .subpage-content {
padding: 5px;
}
#member-view .member-subpage .page-panel .panel-content .skip-content-paddings {
margin-right: -10px;
margin-left: -10px;
}
#member-view .member-subpage.retirement-portfolio .two-columns-table {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
#member-view .investment-profiles .investment-profile .fund-row.border-top {
margin: 0;
}
}
@media screen and (max-width: 991px), screen and (max-height: 600px) {
#member-view .member-profile.edit .field-section .leave-space-for-clear .ce-combobox {
padding-right: 0;
}
#member-view .member-subpage-with-large-image {
position: relative;
top: 0;
padding-top: 10px;
}
#member-view .member-subpage .my-retirement-tile .chart-part .main-tile-body .chart-infos .text-right {
text-align: left;
}
#member-view .member-subpage .my-retirement-tile .chart-part .main-tile-body .chart-infos .option-name {
padding-top: 10px;
display: block;
}
#member-view .member-subpage.help-member-page {
position: relative;
}
#member-view .help-member-page .help-container {
background-size: contain;
}
#member-view .help-member-page .chapter-data {
position: static;
}
}
@media screen and (min-width: 991px) and (max-width: 1300px) {
#member-view .member-subpage.member-profile .main-bigger-column {
width: 70%;
}
#member-view .member-subpage.member-profile .main-smaller-column {
width: 15%;
}
}
@media screen and (max-width: 1099px) {
#member-view .member-subpage.retirement-portfolio .two-columns-table .small-column .chart-container.top-margin {
margin-top: 0;
}
#member-view .member-subpage.retirement-portfolio .two-columns-table .small-column .chart-container .highchart-placeholder {
width: 60%;
padding: 30% 0;
margin: 0 auto;
}
}
@media screen and (min-width: 1100px) and (max-width: 1300px) {
#member-view .member-subpage .page-panel .panel-content .big-header.separated .big-value {
font-size: 24px;
}
}
.menu .nav-sidebar.search {
padding-top: 0;
}
.menu {
background: #d82034 !important;
}
.menu .nav-sidebar li a {
padding: 10px 15px !important;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.menu .nav-sidebar li > a:hover,
.menu .nav-sidebar li > a:active,
.menu .nav-sidebar li > a:focus {
background-color: #a11c36 !important;
cursor: pointer;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.menu .nav-sidebar .active > a,
.menu .nav-sidebar .active > a:hover,
.menu .nav-sidebar .active > a:focus {
background-color: #a11c36 !important;
cursor: pointer;
}
.menu .nav-sidebar.active li a {
background-color: #ee655b;
position: relative;
}
.menu .nav-sidebar.active li a::after {
content: "";
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #fff;
display: block;
position: absolute;
right: 0;
top: 25px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.menu .nav-sidebar.gray-arrow li a::after {
border-right-color: #e6e6e6;
}
.menu .search,
.sidebar-search {
display: none;
}
.menu .ca-sidebar-icon {
width: 30px;
float: left;
margin-left: 5px;
margin-bottom: 3px;
}
.menu .nav-sidebar .value {
font-size: 13px !important;
text-transform: none !important;
clear: both;
}
.sidebar .buttons .tooltip-inner {
white-space: pre-wrap;
overflow-wrap: break-word;
word-wrap: break-word;
max-width: 400px;
}
.sidebar .col-md-2,
.sidebar .col-md-3,
.sidebar .col-md-7,
.sidebar .col-md-10,
.sidebar .col-md-12 {
padding-left: 0;
padding-right: 0;
}
.main-content.sidebar-opened::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
background: rgba(0, 0, 0, 0.5);
}
.menu .version {
display: block;
width: 100%;
text-align: center;
}
html body {
font-family: "Standard", Calibri, sans-serif;
font-size: 15px;
}
@media screen {
body {
background-color: #f5f5f5 !important;
padding-top: 70px !important;
}
}
body {
padding-top: 0 !important;
}
.container-view > .main-content > .tab-view:not(.ng-hide) > .content-box::before {
content: "";
display: table;
clear: both;
width: 100%;
}
.subpage .main-content .content-box,
.subpage .main-content .left-section,
.operations-view {
background-color: #f5f5f5;
padding-bottom: 10px;
}
/* Headers with background image */
.title-section {
width: 100%;
color: #fff;
padding: 35px 0;
}
.title-section-with-image {
width: 100%;
color: #fff;
}
.welcome-message {
text-align: center;
padding: 2% 0;
}
.welcome-message h2 {
font-size: 30px;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-style: italic;
margin: 0;
padding: 0;
}
.welcome-message h3 {
font-size: 24px;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
margin: 0;
padding: 0;
}
.title-section-with-image.no-background-image {
width: 100%;
color: inherit;
background: #fff;
outline: 1px solid #ccc;
}
.title-section-with-image.no-background-image > * {
padding: 0;
}
.title-section-with-image > * {
padding: 2% 0;
}
.title-section-with-image.with-left-padding {
padding-left: 50px;
}
.member-background-image {
background: url('../styles/img/bg-members.jpg') center center no-repeat;
background-size: cover;
}
.contract-background-image {
background: url('../styles/img/bg-contract.jpg') center center no-repeat;
background-size: cover;
}
.member-background-image .media-body,
.contract-background-image .media-body {
height: inherit;
}
.title-section-with-image .avatar {
margin: 0 30px 0 50px;
font-size: 50px;
}
.title-section-with-image .small-avatar {
height: 75px;
font-size: 50px;
}
.title-section-with-image .media-body h2 {
font-size: 40px;
font-style: italic;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
word-wrap: break-word;
margin: 0 0;
padding: 0;
}
.title-section-with-image.without-right-section .media-body h2,
.title-section-with-image.without-right-section .media-body h5 {
margin-left: 30px;
}
.title-section-with-image .with-wrapping,
.title-section .with-wrapping {
white-space: normal;
}
.title-section-with-image .policy-status {
font-family: "Standard", sans-serif;
padding-left: 5%;
display: inline-block;
}
.title-section-with-image .policy-status::before {
content: "";
height: 12px;
width: 12px;
display: inline-block;
border-radius: 50%;
margin-right: 10px;
background: #fab800;
vertical-align: middle;
margin-top: -3px;
}
.title-section-with-image .policy-status.active::before {
background: #00a764;
}
.title-section-with-image .media-body h5 {
font-size: 24px;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
word-wrap: break-word;
margin: 0 0 10px 0;
padding: 0;
clear: both;
}
.title-section-with-image .media-body h5 .policy-status {
font-size: 15px;
}
.title-section-with-image .media-body .info-data {
clear: both;
display: block;
}
.title-section-with-image .media-body .info-data .policy-status::before {
margin-right: 8px;
}
.title-section-with-image .media-body .info-data a:link,
.title-section-with-image .media-body .info-data a:hover,
.title-section-with-image .media-body .info-data a:active,
.title-section-with-image .media-body .info-data a:visited {
color: #fff;
cursor: pointer;
}
.title-section-with-image .media-body .info-data a span {
text-decoration: underline;
}
.title-section-with-image .media-body .info-data a::after {
content: "\e258";
font-size: 75%;
top: 1px;
position: relative;
font-family: 'Glyphicons Halflings';
text-decoration: none;
}
.title-section-with-image .title-section-icon {
width: 30px;
margin-left: 5px;
margin-top: -5px;
display: inline-block;
vertical-align: middle;
}
.title-section-with-image .data-section {
background: #fff;
height: 100%;
color: #000;
padding: 2% 3%;
}
.title-section-with-image .data-section h1 {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
margin: 0;
padding: 0;
font-size: 24px;
}
.title-section-with-image .data-section .big-data {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-style: italic;
font-size: 40px;
}
.title-section-with-image .data-section .small-chart {
width: 100px;
height: 100px;
margin-top: 15px;
margin-right: 15px;
}
.title-section-with-image .data-section .chart-legend .legend-row {
float: left;
clear: none;
}
.title-section-with-image .data-section .chart-legend .legend-row span:not(.color) {
width: 110px;
}
.title-section-with-image .data-section .chart-legend .tooltip,
.title-section-with-image .data-section .chart-legend .tooltip .tooltip-inner {
max-width: 400px;
}
.title-section-with-image .normal-font-size {
font-size: 14px;
}
.title-section-with-image .higher {
margin-top: -35px;
margin-bottom: -35px;
}
.title-section-with-image .light-data-section {
background: rgba(255, 255, 255, 0.4);
padding: 2% 0;
white-space: nowrap;
}
.title-section-with-image .light-data-section header {
padding: 0 5%;
font-weight: bold;
}
.title-section-with-image .light-data-section header.small {
font-weight: normal;
font-size: 13px;
padding: 2% 0 0 10%;
}
.title-section-with-image .light-data-section .info-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
padding: 0 15px 0 10%;
white-space: normal;
font-size: 13px;
position: relative;
}
.title-section-with-image .light-data-section .as-list-item {
position: relative;
padding-left: 15px;
}
.title-section-with-image .light-data-section .as-list-item::before {
content: "";
display: inline-block;
width: 5px;
height: 5px;
border-radius: 50%;
background: #fff;
position: absolute;
top: 7px;
left: 10%;
}
.title-section-with-image .light-data-section .info-row .inline {
display: inline;
}
.title-section-with-image .light-data-section .info-row .one-line {
white-space: nowrap;
}
.title-section-with-image .light-data-section .info-row .one-line > * {
white-space: normal;
}
.title-section-with-image .light-data-section .info-row .tooltip {
opacity: 1;
}
.title-section-with-image .light-data-section .info-row .tooltip .tooltip-inner {
max-width: 400px;
word-wrap: break-word;
white-space: normal;
background: #fff;
opacity: 1;
border-radius: 0;
text-align: left;
}
.title-section-with-image .light-data-section .info-row .tooltip .tooltip-inner {
position: fixed;
opacity: 1;
}
.title-section-with-image .light-data-section .info-row span {
display: inline-block;
vertical-align: middle;
}
.title-section-with-image .light-data-section .info-row .tooltip-icon {
width: 15px;
padding: 0;
cursor: pointer;
}
.title-section-with-image .light-data-section .info-row .text-right {
padding-left: 10px;
}
.table-icon {
width: 30px;
}
.title-section-with-image .buttons {
float: right;
min-width: 400px;
}
.title-section-with-image .buttons .title-button:disabled {
background: #606162;
color: #c4d9e0;
cursor: not-allowed;
}
.title-section-with-image .buttons .title-button,
.title-section-with-image .buttons .title-button:visited {
float: right;
margin-right: 15px;
background: #fff;
color: #d82034;
border: none;
padding: 7px 25px;
display: block;
}
.title-section-with-image .buttons .title-button:active:enabled,
.title-section-with-image .buttons .title-button:hover:enabled,
.title-section-with-image .buttons .title-button:focus:enabled {
background: #e6e6e6;
}
.title-section-with-image .section-row {
padding-top: 28px;
margin: 0;
}
.title-section-with-image .section-row .title {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 17px;
font-style: normal;
margin: 0 10px 0 0;
word-wrap: break-word;
}
.title-section-with-image .section-row .subtitle {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 13px;
}
.title-section-with-image .section-row .information {
width: 50%;
padding-left: 10%;
float: left;
}
.title-section {
padding: 30px 0;
}
.title-section.small-bottom-space {
padding-bottom: 5px;
}
.title-section.buttons-top .media-right {
vertical-align: top;
padding-top: 5px;
}
.title-section .highlighted {
color: #de822b;
font-weight: bold;
margin: 0 20px;
font-size: 15px;
font-style: normal;
font-family: "Standard", sans-serif;
}
.title-section h2 {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-style: italic;
color: #000;
font-size: 30px;
margin: 0;
padding: 0 0 0 30px;
}
.title-section h4 {
color: #000;
padding: 15px 0 0 30px;
margin: 0;
font-size: inherit;
}
.title-section .title-link:link,
.title-section .title-link:visited {
color: #d82034;
}
.title-section .title-link:hover,
.title-section .title-link:active {
text-decoration: underline;
}
.title-section .title-link:link .back-icon {
font-size: 70%;
}
.title-section .buttons {
white-space: nowrap;
padding-right: 50px;
padding-top: 5px;
}
.title-section .buttons > *,
.title-section .buttons .title-button {
display: inline-block;
float: none;
margin-left: 10px;
outline: none;
vertical-align: middle;
}
.title-section .buttons .title-info {
color: #808080;
font-weight: bold;
padding: 0 10px;
}
.title-section .buttons .download-link {
background: transparent;
color: #d82034;
border: 0;
font-weight: bold;
padding: 7px 30px;
}
.title-section .buttons .download-link.disabled {
color: #808080;
cursor: not-allowed;
}
.member-subpage .title .download-link.disabled {
color: #ddd;
cursor: not-allowed;
}
.title-section .buttons .download-link {
display: inline-block;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
vertical-align: middle;
}
.title-section .buttons .small-button {
padding: 10px 20px;
min-width: 0;
margin: 0 10px;
}
.title-section .buttons .download-link .ca-icon {
width: 30px;
float: left;
margin-top: -7px;
}
.title-section .buttons button {
font-family: "Standard", sans-serif;
}
.title-section .ca-title-icon {
width: 20px;
display: inline-block;
vertical-align: middle;
}
.buttons .title-button {
float: right;
background: none;
outline: none;
color: #d82034;
font-weight: bold;
border: none;
display: block;
}
.buttons .title-button:hover {
color: #d82034;
}
.headed-page-section {
background: #fff;
border: 1px solid #cecece;
padding-bottom: 20px;
}
.headed-page-section:not(.no-margins) {
margin-top: 20px;
margin-bottom: 25px;
}
.headed-page-section .content {
padding-left: 5px;
}
.headed-page-section header {
background: #e6e6e6;
padding: 10px 20px;
font-size: 24px;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
}
.headed-page-section header.with-top-padding {
padding-top: 15px;
}
.headed-page-section .small-header.header-with-separator {
position: relative;
font-size: 17px;
padding: 20px 0 35px 0;
}
.headed-page-section .small-header.no-margins {
padding: 10px 0 0 15px;
margin-bottom: -10px;
display: block;
font-size: 16px;
position: relative;
}
.headed-page-section .small-header {
padding: 10px 0 10px 15px;
margin-bottom: 15px;
display: block;
font-size: 16px;
position: relative;
}
.headed-page-section .header-with-separator::after {
content: "";
height: 1px;
background: #cecece;
margin-top: 12px;
position: absolute;
right: 0;
width: 60%;
z-index: 0;
}
.headed-page-section .header-with-separator > span {
background: #fff;
padding-right: 15px;
padding-left: 15px;
position: absolute;
z-index: 1;
}
.headed-page-section .buttons {
text-align: center;
}
.information-row {
padding-bottom: 15px;
}
.information-row .information-row-title {
padding: 0 25px 0 15px;
margin: 0;
color: #808080;
display: block;
}
.nowrap .information-row-title {
white-space: nowrap;
}
.information-row .information-row-subtitle {
float: left;
clear: both;
font-size: 10px;
color: #808080;
display: block;
padding: 0 0 0 15px;
margin: 0;
}
.information-row .information-row-data {
font-weight: bold;
word-wrap: break-word;
margin: 0;
padding: 0 25px 0 70px;
}
.information-row .information-row-data .additional-info {
color: #de822b;
margin-right: 15px;
float: right;
}
/* Fix for scrollable component */
.with-right-margin {
margin-right: 15px;
}
.subpage .with-side-paddings {
padding-left: 25px;
padding-right: 25px;
}
.subpage {
display: table;
width: 100%;
height: 100%;
}
.subpage.fixed-width,
.fixed-subpages-width .subpage {
table-layout: fixed;
}
.subpage .subpage-part {
display: table-row;
}
.subpage .subpage-scroll {
display: table-row;
height: 100%;
position: relative;
}
.subpage.static-positioning > .subpage-scroll {
position: static;
}
.subpage .with-left-margin {
padding-left: 25px;
}
.subpage .with-top-margin {
padding-top: 20px;
}
.subpage .with-top-margin-default {
margin-top: 20px;
}
.subpage .subpage-top-buttons {
float: right;
}
.subpage .subpage-top-buttons .button {
padding-left: 20px;
padding-right: 20px;
}
.subpage .subpage-top-buttons .button .button-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.subpage .body-buttons {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
/* Page body with tabs */
.subpage-tabs {
width: 100%;
display: block;
list-style-type: none;
margin: 0;
padding: 0;
}
.subpage-tabs li {
float: left;
display: block;
font-size: 24px;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
text-align: center;
margin-right: -1px;
margin-bottom: -1px;
}
.subpage-tabs li a:link,
.subpage-tabs li a:visited {
display: block;
border: 1px solid #cccccc;
background: #fff;
min-width: 200px;
padding: 10px 20px;
color: #d82034;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.subpage-tabs .subpage-tab-disabled a:link,
.subpage-tabs .subpage-tab-disabled a:visited,
.subpage-tabs .subpage-tab-disabled a:hover,
.subpage-tabs .subpage-tab-disabled a:active {
cursor: not-allowed;
-webkit-transition: 0.3s;
transition: 0.3s;
background: #cccccc;
}
.subpage-tabs .subpage-tab-active.subpage-tab-disabled a:link,
.subpage-tabs .subpage-tab-active.subpage-tab-disabled a:visited,
.subpage-tabs .subpage-tab-active.subpage-tab-disabled a:hover,
.subpage-tabs .subpage-tab-active.subpage-tab-disabled a:active {
cursor: not-allowed;
-webkit-transition: 0.3s;
transition: 0.3s;
background: #d82034;
}
.subpage-tabs li a:hover,
.subpage-tabs li a:active {
background: #f5f5f5;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.subpage-tabs li.subpage-tab-active a:link,
.subpage-tabs li.subpage-tab-active a:visited,
.subpage-tabs li.subpage-tab-active a:hover,
.subpage-tabs li.subpage-tab-active a:active {
border: 1px solid #d82034;
background: #d82034;
color: #fff;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.subpage-tabs li .in-parenthesis > *,
.subpage-tabs li .in-parenthesis::before,
.subpage-tabs li .in-parenthesis::after {
font-size: 24px;
}
.subpage-body {
width: 100%;
height: 100%;
border: 1px solid #cccccc;
background: #fff;
}
.subpage-body.with-left-space {
margin-left: 25px;
width: auto;
}
.subpage-body.with-right-space {
margin-right: 25px;
width: auto;
}
.subpage-body.with-top-space {
margin-top: 25px;
padding-bottom: 25px;
}
.subpage-body.with-top-margin {
padding-top: 30px;
}
.subpage-body.with-margin {
padding: 30px;
}
.subpage-body .subpage-content {
padding: 30px;
clear: both;
}
.subpage-body .subpage-content h5 {
font-size: 15px;
}
.subpage-body .subpage-content.smaller-space {
padding: 15px 20px;
}
.subpage-content .important-link:link,
.subpage-content .important-link:visited {
color: #d82034;
font-size: 17px;
font-weight: bold;
}
.subpage-bottom-buttons {
padding: 0 20px;
}
.subpage .information-section {
padding-top: 10px;
padding-bottom: 30px;
white-space: nowrap;
vertical-align: middle;
}
.subpage .information-section h2 {
font-size: 24px;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
}
.subpage .information-section h2 .title-link {
color: #d82034;
font-size: 15px;
font-weight: bold;
font-family: "Standard", sans-serif;
margin-left: 40px;
}
.subpage .information-section .information-row {
display: table;
}
.subpage .information-section .information-row .information-column {
display: table-cell;
}
.subpage .information-section .information-row .information-column.information-buttons {
vertical-align: bottom;
width: 15%;
}
.button {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 17px;
text-align: center;
font-weight: normal;
}
.subpage-bottom-buttons .button {
float: right;
margin: 10px 20px 30px 20px;
}
.button:hover {
cursor: pointer;
}
.button-empty {
color: #d82034;
border: none;
background: none;
text-align: left;
padding: 7px;
}
.button-empty:focus {
outline: none;
}
.button-empty.full-sized {
padding: 7px 30px;
min-width: 200px;
}
.button-empty:disabled {
color: #606162;
cursor: auto;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.action-link {
background: transparent;
color: #d82034;
font-weight: bold;
border: none;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.action-link:focus {
outline: none;
}
.button-action {
background: #d82034;
border: none;
color: #fff;
padding: 7px 30px;
min-width: 200px;
-webkit-transition: 0.2s;
transition: 0.2s;
outline: none;
}
.button-action.simple {
min-width: 0;
font-family: "Standard", sans-serif;
font-weight: bold;
font-size: 13px;
padding: 10px 20px 7px;
}
.button-action.flexible {
min-width: 0;
max-width: 250px;
width: 100%;
padding: 7px 20px;
}
.button-action.simple:not(:last-child) {
margin-right: 25px;
}
.button-action.simple .ca-icon {
width: 18px;
margin-right: 5px;
vertical-align: middle;
top: -2px;
}
.button-action.fill-parent {
width: 100%;
min-width: 0;
white-space: normal;
}
.button-action:disabled {
background: #606162;
color: #c4d9e0;
border: none;
cursor: not-allowed;
padding: 7px 30px;
min-width: 200px;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.button-action.fill-parent:disabled {
background: #606162;
color: #c4d9e0;
border: none;
cursor: not-allowed;
padding: 7px 30px;
-webkit-transition: 0.2s;
transition: 0.2s;
width: 100%;
min-width: 0;
white-space: normal;
}
.button-action .button-icon {
font-size: 8px;
font-weight: normal;
}
.button-action .button-icon.right-icon {
margin-left: 5px;
}
.subpage-part .simple-header > *,
.subpage-scroll .simple-header > * {
margin: 0;
padding: 30px 0 20px 20px;
}
.subpage .big-column-header {
color: #808080;
font-size: 17px;
}
.subpage .listable-data {
list-style-type: none;
}
.subpage .listable-data li:hover {
background: #f5f5f5;
}
.subpage .listable-data .data-action-info {
font-weight: bold;
color: #808080;
}
.subpage .listable-data .data-highlighted {
font-weight: bold;
color: #de822b;
}
.subpage .listable-data .data-normal {
font-weight: bold;
}
/* Avatars */
.small-customer-avatar {
width: 25px;
font-size: 12px;
}
.customer-avatar {
width: 40px;
font-size: 39px;
}
.big-customer-avatar {
width: 150px;
max-height: 150px;
}
.right-section {
padding-left: 0;
}
.page-with-background {
margin-left: -70px !important;
background: url('../styles/img/page_background.jpg') center center no-repeat;
background-size: cover;
}
.page-with-background .navbar-inverse {
background-color: #fff !important;
height: 70px;
display: block;
}
.transculent-content {
background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
margin: 50px 0;
padding: 35px 0;
}
.transculent-content header h2 {
margin: 10px 0;
padding: 0;
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-style: italic;
text-align: center;
}
.transculent-content section.content-section {
padding: 10px 0;
}
.transculent-content .important-link:link,
.transculent-content .important-link:visited {
color: #d82034;
font-size: 17px;
font-weight: bold;
}
.transculent-content input[type="checkbox"] {
margin-right: 10px;
float: left;
margin-top: 2px;
}
.transculent-content .buttons {
text-align: center;
}
.transculent-content .big-icon {
width: 120px;
margin: 0 auto;
}
.clean-button {
background: none;
border: none;
}
.members-list {
list-style-type: none;
}
.ce-language-picker .ui-select-match .ca-language-icon {
margin: 0 10px;
}
.ce-language-picker .ui-select-choices .ca-language-icon {
margin: 0 10px 0 0;
}
.small-icon {
width: 30px;
}
.little-icon {
width: 15px;
}
.medium-icon {
width: 50px;
}
.link-icon {
width: 15px;
vertical-align: top;
}
.clickable {
cursor: pointer;
}
a.text-link {
font-weight: bold;
}
a.text-link:link,
a.text-link:visited {
color: #d82034;
}
.link-icon.glyphicon-plus {
font-size: 70% !important;
top: -0.7px;
margin-right: 2px;
}
.link-icon {
font-size: 75% !important;
}
.change-logo-link {
float: none !important;
margin-left: 50px;
cursor: pointer;
}
.box-section {
box-shadow: 0 0 30px #e7e8d8, 0 2px 5px rgba(0, 0, 0, 0.5);
display: inline-block;
padding: 40px;
margin: 15px 0;
}
.box-section .title {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 17px;
margin: 0 0 20px 0;
padding: 0;
}
.box-section .text {
color: #8c8c8c;
}
.box-section .text ul {
padding-left: 15px;
}
.box-section .text ul li {
padding: 5px 0;
}
.row .fix-left-padding {
padding-left: 23px;
}
.document {
float: left;
padding: 20px;
text-align: center;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.document:hover {
cursor: pointer;
background: #f5f5f5;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.document .information {
padding-top: 5px;
}
.document .document-icon {
width: 50px;
}
.document .information span {
float: left;
width: 100%;
clear: both;
text-align: center;
}
.side-background {
height: 100%;
width: 100%;
}
.side-background.settings-background {
background: url('../styles/img/settings_background.jpg') left center no-repeat;
background-size: cover;
}
.buttons.space-between-buttons .button + .button {
margin-left: 40px;
}
.drop-box {
height: auto !important;
}
.button .ca-icon.small-left-icon {
width: 30px;
}
.error-textarea {
background: transparent !important;
border: 1px solid #ccc !important;
-webkit-transition: 0.3s;
transition: 0.3s;
outline: 0;
overflow-y: hidden;
}
.error-textarea:hover,
.error-textarea:focus {
box-shadow: rgba(0, 0, 0, 0.5) 0 0 25px !important;
background: rgba(255, 255, 255, 0.5) !important;
border: transparent;
-webkit-transition: 0.3s;
transition: 0.3s;
overflow-y: scroll;
}
.button.no-padding {
padding: 0;
}
.empty-space {
padding: 2% 0;
}
.sidebar-opened {
right: 0 !important;
}
.middle-cols:not(.skip-wrapping) {
white-space: nowrap;
}
.middle-cols.skip-wrapping {
white-space: normal;
font-size: 0;
}
.middle-cols.skip-wrapping > * {
font-size: 15px;
}
.middle-cols > * {
vertical-align: middle;
display: inline-block;
float: none;
}
.middle-cols > .vertical-top {
vertical-align: top;
}
.middle-cols .small-float-fix {
padding: 5%;
display: none;
}
.middle-cols.normal-wrapping > * {
white-space: normal;
}
.middle-cols .left-padding {
padding: 0 0 0 5%;
}
.row.bottom-cols {
font-size: 0;
}
.row.bottom-cols > * {
vertical-align: bottom;
display: inline-block;
float: none;
font-size: 15px;
}
.text-with-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.flexible-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.flexible-row > .static-col {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.flexible-row > .flexible-col {
width: 100%;
}
.cols-without-spaces > * {
padding: 0;
}
.justified-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.centered-content {
text-align: center;
}
.centered-content > * {
margin-left: 7%;
margin-right: 7%;
}
.ui-select-container.open .ui-select-choices {
opacity: 1 !important;
visibility: visible;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.button.with-extra-space {
margin: 20px;
}
.search-result {
-webkit-transition: 0.3s;
transition: 0.3s;
padding: 2% 10%;
}
.search-result:hover {
background: #f5f5f5;
}
.search-result .primary {
font-weight: bold;
}
.search-result .button-action:hover {
color: #fff;
}
.no-data {
display: block;
text-align: center;
}
.no-data .ca-icon {
width: 150px;
height: 150px;
display: block;
margin: 50px auto;
border: 1px solid #000;
border-radius: 50%;
}
a:link,
a:visited,
a:hover,
a:active,
a:focus {
outline: none;
}
.ce-split-page {
position: relative;
}
.ce-split-page > div {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.aligned-center-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.higlight-warning {
color: #d82034;
}
.higlight-success {
color: #01a767;
}
.break-word {
word-wrap: break-word;
}
.without-wrapping {
white-space: nowrap;
}
.centered-text {
display: inline-block;
}
.themed-text {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-weight: normal;
font-style: normal;
}
.themed-text.italic {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-style: italic;
}
.main-page-header {
padding: 10px 20px;
}
.main-page-header h3 {
font-size: 30px;
}
.main-page-header h1 {
font-size: 1.5vw;
}
.section-with-chart .chart-container.smaller-chart {
width: 80%;
margin: 0 auto;
}
.fix-side-paddings {
padding: 0 15px;
}
.alert-pointer-cursor {
cursor: pointer;
}
/* From html */
.ui-select-container.ui-select-bootstrap {
display: inline-block;
min-width: 64px;
}
.input-group .form-control {
width: auto;
}
.member-field .ae-validations.ae-validations-asterisk .control-label::after {
content: '';
}
html body input.form-control {
max-width: none;
}
.ui-select-container .ui-select-bootstrap {
max-width: none;
min-width: none;
width: auto;
}
.control-label {
padding-top: 4px;
}
.member-field-add .input-group,
.member-field-editable .input-group {
min-width: 220px;
max-width: 420px;
}
.member-field-add .ui-select-match > span,
.member-field-editable .ui-select-match > span {
border: 1px solid #e0e9ee;
border-radius: 0 !important;
padding: 0;
box-shadow: none;
width: 100%;
color: #808080;
}
.has-error .ui-select-match > span {
border-color: #a94442 !important;
}
.member-field .ui-select-match .btn {
height: 26px !important;
}
.member-field .caret {
top: 30% !important;
right: -10px !important;
}
.member-field .btn-xs {
position: relative;
left: 45px;
right: 0;
top: 0;
font-weight: normal;
}
.member-field .form-control {
max-width: 300px !important;
}
.member-field .form-control-static {
font-weight: bold;
}
.highlight,
.highlight .form-control {
color: #ff6600;
}
.member-field,
.member-field .form-group {
padding-left: 0 !important;
}
.ca-spinner {
display: none !important;
}
.row.no-margin {
margin: 0;
}
.text-nowrap {
white-space: nowrap;
}
.header-small {
font-size: 17px;
}
.inline-children > * {
display: inline-block;
vertical-align: middle;
}
.inline-children.force-inline {
white-space: nowrap;
}
.inline-children.force-inline > * {
white-space: normal;
}
.text-wrap {
word-wrap: break-word;
}
.simple-details-label::after {
content: " ";
}
.second-name::before {
content: " ";
}
h5,
.h5 {
font-size: 15px;
}
.add-space::before {
content: "\00a0";
}
.infinite-scroll-action {
display: none;
margin: 10px 0;
}
.glyphicon-spin {
margin-right: 2px;
}
.glyphicon-menu-down {
margin-left: 4px;
}
.ae-wizard-indicator li .name {
margin-left: 0 !important;
}
.ca-text-icon {
display: block;
}
.ca-text-icon .link-icon {
display: inline;
vertical-align: middle;
position: relative;
top: -1px;
}
.row.even-columns {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.row.even-columns > *:not(.centered-column) {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.row.even-columns > .centered-column {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.padding-5 {
padding: 5px;
}
.ce-combobox .chosen-container-single .chosen-single span {
left: 5px;
right: 25px;
position: absolute;
}
.hide-if-empty:empty {
display: none;
}
.full-height-block {
display: block;
height: 100%;
}
.document-upload .subpage-content {
padding-bottom: 15px;
padding-top: 0px;
}
.static-disclaimer {
background-color: #e6e6e6;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
text-align: center;
font-family: "Standard", Calibri, sans-serif;
font-size: 15px;
padding: 30px;
clear: both;
}
.static-disclaimer span {
vertical-align: middle;
}
.static-disclaimer .ca-icon {
float: left;
margin-top: -4px;
}
.static-disclaimer:hover {
background: #cecece;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.cancel-label {
padding-right: 5px;
}
.hide-by-opacity {
opacity: 0;
}
.simple-link {
color: #d82034;
font-weight: bold;
}
.big-header {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 24px;
color: #000;
padding: 0px;
padding-top: 20px;
margin-bottom: 0px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-content: baseline;
-ms-flex-line-pack: baseline;
align-content: baseline;
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.no-padding-top {
padding-top: 0px;
}
.big-value {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
font-size: 30px;
margin-left: 20px;
}
.fundChild {
padding-left: 40px !important;
}
.troublesshoot-panel {
background: #fff;
box-shadow: 0 0 30px #000;
padding: 0 50px;
position: relative;
z-index: 1030;
height: 70px;
overflow: hidden;
}
.troublesshoot-panel h1 {
font-family: "SwissLife", "Standard", Calibri, sans-serif, serif;
margin: 0;
font-size: 30px;
}
.troublesshoot-panel .ca-icon:not(.ca-icon-close) {
width: 50px;
margin-right: 20px;
}
.troublesshoot-panel .buttons button {
font-family: "Standard", Calibri, sans-serif;
font-size: 15px;
}
@font-face {
font-family: 'SwissLife';
src: url('../styles/fonts/lte52468.ttf?#iefix') format('truetype'), url('../styles/fonts/lte52468.woff2') format('woff2'), url('../styles/fonts/lte52468.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SwissLife';
src: url('../styles/fonts/lte52469.ttf?#iefix') format('truetype'), url('../styles/fonts/lte52469.woff2') format('woff2'), url('../styles/fonts/lte52469.woff') format('woff');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Standard';
src: url('../styles/fonts/Calibri.ttf?#iefix') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Standard';
src: url('../styles/fonts/Calibri-Bold.ttf?#iefix') format('truetype');
font-weight: bold;
font-style: normal;
}
ce-upload-file-content .flex-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
gap: 5px;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
ce-upload-file-content .document-upload-modal .translation-row .action-link {
margin-bottom: 11px;
}
ce-upload-file-content .change-language-picker {
width: 100%;
}
/* endinject */