/*

Author:   José Guilherme Moreira
Contact:  jgmoreira@gangnetworks.com
Web Site: https://gangnetworks.com */

@font-face { 
/*
font-family: 'Open Sans'; 
src: url('../../public/css/fonts/OpenSans-Regular.ttf') format('truetype'); 
*/
font-style: normal; 
font-weight: 400; 
font-display: fallback; 
} 

@media screen { 

/* Generic elements properties and values */

/*
html, body { 
height: 100%; 
} 
*/

body { 
font-size: var(--base-font-size); 	/* (number+unit) || (xx-small - xx-large) */
line-height: var(--base-line-height); 	/* normal || (number+unit) || (percentage%) */
font-family: var(--base-font-family); 
} 

a, a:link { 
color: #158ca4; 
text-decoration: underline; 
} 

a:visited { 
color: #28a2bb; 
text-decoration: none; 
} 

a:hover, a:active { 
color: #158ca4; 
text-decoration: none; 
} 

a, a > * { 
text-decoration: inherit; 
} 

a:hover, a > * { 
color: inherit; 
} 

a, a > *, .button { 
transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease, opacity 0.2s ease-in-out; 
} 

h1, h2, h3, h4, h5, h6 { 
background: transparent url('../../public/gfx/headings_bg.png') repeat-x left bottom; 
margin: 0 0 0.1rem; 
text-align: left; 
font-style: normal; 
font-weight: normal; 
line-height: var(--base-line-height); 
/* 
text-shadow: 2px 2px 4px var(--base-text-shadow-color); 
*/
} 

h1 { 
/* margin: var(--heading-1-margins); */
font-size: var(--heading-1-font-size); 
color: #152254; 
} 

h2 { 
/* margin: var(--heading-2-margins); */
font-size: var(--heading-2-font-size); 
color: #152254; 
} 

h3 { 
/* margin: var(--heading-3-margins); */
font-size: var(--heading-3-font-size); 
color: #152254; 
} 

h4 { 
/* margin: var(--heading-4-margins); */
font-size: var(--heading-4-font-size); 
color: #152254; 
} 

h5 { 
/* margin: var(--heading-5-margins); */
font-size: var(--heading-5-font-size); 
color: #152254; 
} 

h6 { 
/* margin: var(--heading-6-margins); */
font-size: var(--heading-6-font-size); 
color: #152254; 
} 

hr { 
color: #5d685f; 
} 

mark { 
font-style: normal; 
font-weight: normal; 
} 

form { 
margin: 0 auto !important; 
padding: 0 !important; 
} 

label { 
font-weight: bold; 
} 

input, select, option, textarea { 
font: normal 99%/160% var(--forms-font-family); 
} 

input, select, textarea { 
border: 1px solid var(--base-border-light-color); 
border-radius: 3px; 
box-shadow: 0px 0px 5px var(--base-box-shadow-light-color) inset; 
} 

input[type="text"], input[type="password"], input[type="file"], input[type="search"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { 
background-color: var(--form-field-background-color); 
padding: 7px; 
color: var(--form-field-text-color); 
outline: none; 
transition: all 0.30s ease-in-out; 
} 

input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, input[type="search"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="number"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { 
border: 1px solid var(--hintbox-border-color); 
box-shadow: 0 0 5px var(--base-box-shadow-light-color); 
} 

input[type="number"] { 
max-width: 50px; 
} 

input[type="checkbox"], input[type="radio"] { 
width: 13px; 
height: 13px; 
} 

input[type="checkbox"], input[type="radio"], input[type="image"] { 
background-color: transparent; 
border: 0; 
vertical-align: middle; 
color: inherit; 
} 

button, button:hover, input[type="button"], input[type="button"]:hover, input[type="reset"], input[type="reset"]:hover, input[type="submit"], input[type="submit"]:hover { 
height: 34px; 
padding: 0 25px; 
border-top: 1px solid var(--base-border-middle-color); 
border-right: 1px solid var(--base-border-light-color); 
border-bottom: 1px solid var(--base-border-light-color); 
border-left: 1px solid var(--base-border-middle-color); 
border-radius: 3px; 
box-shadow: 0 2px 3px 0 rgba(255,255,255,.3) inset, 0 -3px 6px 0 rgba(0,0,0,.2) inset, 0 3px 2px 0 rgba(0,0,0,.2); 
font-weight: normal; 
text-shadow: 0 1px 1px var(--base-text-shadow-color); 
} 

button, input[type="button"], input[type="reset"], input[type="submit"] { 
background-color: var(--form-button-background-color); 
background-image: var(--button-background-image-linear-gradient); 
color: var(--form-button-text-color); 
} 

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { 
background-color: var(--form-button-hover-background-color); 
background-image: var(--button-hover-background-image-linear-gradient); 
color: var(--form-button-text-color); 
} 

.button, .button:hover { 
/*
background-color: transparent; 
border: 0; 
*/
color: var(--form-button-text-color); 
} 

button.button-image, input[type="image"] { 
margin: 0; 
padding: 0; 
border-radius: initial; 
box-shadow: none; 
text-shadow: none; 
} 

button.button-image, button.button-image:hover { 
height: initial; 
background-color: transparent; 
background-image: none; 
box-shadow: none; 
border: 0; 
} 

.button-image > img { 
max-width: initial !important; 
} 

select, option, textarea { 
background-color: var(--form-field-background-color); 
color: var(--form-field-text-color); 
} 

select { 
padding: 5px 3px; 
} 

option { 
padding: 1px 8px; 
} 

textarea { 
vertical-align: top; 
overflow: auto; 
} 

table, caption, thead, tbody, tfoot, tr, th, td { 
font-weight: normal; 
font-size: 1em; 
line-height: 160%; 
color: inherit; 
} 

table { 
position: relative; 
table-layout: auto; 	/* auto || fixed */
caption-side: top; 
empty-cells: show; 
width: auto; 
margin: 0 auto 1rem; 
} 

tfoot { 
font-size: 0.9em; 
} 

caption { 
caption-side: top; 	/* top || bottom */
text-align: center; 
font-weight: bold; 
line-height: 180%; 
} 

ul, ol, dl { 
text-align: left; 
} 

ul { 
list-style-type: square; 	/* none || disc || circle */
list-style-position: outside; 
list-style-image: none; 
margin: 0 0 6px 20px; 
} 

ol { 
list-style-type: decimal; 	/* lower-latin || lower-roman */
list-style-position: outside; 
list-style-image: none; 
margin: 0 0 6px 30px; 
} 

dl { 
margin: 0 0 6px 20px; 
} 

li { 
margin: 0 0 0.6rem; 
} 

li ol, li ul { 
margin: 0 0 0.6rem 1.5rem; 
} 

dt { 
margin: 0 0 0.3rem; 
} 

dd { 
margin: 0 0 0.6rem 0.5rem; 
} 

/* Apply fluid sizes on media elements */

audio, embed, figure, img, object, video { 
max-width: 100%; 
height: auto; 
} 

video { 
width: 100% !important; 
height: auto !important; 
} 

/* Preserve accessibility by taking elements out of view-port */

.screen-reader-only { 
position: absolute; 
top: -999999em; 
left: auto; 
width: 1px; 
height: 1px; 
overflow: hidden; 
} 

/* Clearfix */

.clearfix:before, .clearfix:after { 
content: '\0020'; 
display: block; 
height: 0; 
overflow: hidden; 
} 

.clearfix:after { 
clear: both; 
} 

.clearfix { 
/* zoom: 1; */
} 

/* Clear */

.clear { 
display: block; 
visibility: hidden; 
float: none; 
clear: both; 
width: 0; 
height: 0; 
font-size: 1px; 
line-height: 0; 
overflow: hidden; 
} 

/* Responsive */

.responsive { 
float: left; 
padding: 0; 
} 

/* Invisible */

.invisible { 
display: none !important; 
} 

/* Page properties and values */

body#page, body#page-intro, body#page-tabs, body#page-closeup { 
position: relative; 
left: auto; 
top: auto; 
background-color: var(--base-background-color); 
color: var(--base-text-color); 
} 

body#page { 
background-image: url('../../public/gfx/bg.png'); 	/* url(URI) */
background-repeat: repeat; 	/* repeat || repeat-x || repeat-y || no-repeat */
background-position: left top; 	/* X Y || (left||right||center) (top||bottom||center) */
background-attachment: fixed; 	/* scroll || fixed */
padding: 0; 
} 

body#page-intro { 
padding: 0; 
} 

body#page-closeup { 
padding: 1em; 
} 

/* Recommended background photo size: 1920px*1280px */
#background-canvas { 
display: none; 
position: fixed; 
z-index: -100; 
left: 0; 
top: 0; 
width: 100%; 
height: auto; 
min-height: 100%; 
} 

#jumbotron-photo, #jumbotron { 
display: none; 
height: 350px; 
} 

#jumbotron-photo { 
position: fixed; 
z-index: -1; 
left: 0; 
top: 0; 
width: 100%; 
/*
background: transparent url('../../public/gfx/jumbotron_photo_bg.jpg') no-repeat center center fixed; 
*/
} 

#jumbotron { 
padding: 2em 0; 
text-align: center; 
color: #152254; 
text-shadow: 0 1px 1px var(--base-text-shadow-color); 
} 

#wrapper, #wrapper-intro, #wrapper-closeup { 
position: relative; 
z-index: 0; 
left: auto; 
top: auto; 
margin: 0 auto; 
} 

#wrapper { 
width: 980px; 
min-height: 480px; 
background: transparent url('../../public/gfx/wrapper_bg.png') repeat-y center top; 
overflow: hidden; 
} 

#wrapper-intro { 
width: auto; 
min-height: 480px; 
overflow: hidden; 
} 

#wrapper-closeup { 
background-color: var(--base-background-light-color); 
padding: 20px; 
border: 1px solid var(--base-border-light-color); 
text-align: center; 
} 

.master #wrapper { 
/* width: auto; */	/* boxed || fluid */
max-width: 100%; 
/* box-shadow: 0 0 8px rgba(0,0,0,0.11); */
} 

/* Animations properties and values */

.animate-fade { 
transition-property: opacity; 
transition-duration: 0.3s; 
transition-timing-function: ease-out; 
transition-delay: 0s; 
} 

.animate-fade:hover { 
opacity: 0; 
} 

@keyframes animate-fade-in { 
from { 
opacity: 0; 
} 
to { 
opacity: 1; 
} 
} 

.animate-move { 
position: relative; 
} 

/* Groups properties and values */

.group:after { 
content: ''; 
display: table; 
clear: both; 
} 

/* Layout properties and values */

#layout { 
position: relative; 
z-index: -1; 
left: auto; 
top: auto; 
width: auto; 
background: transparent url('../../public/gfx/layout_bg.png') repeat left top; 
margin: 0 auto; 
border: 0; 
} 

#layout-inner, #layout-inner-box { 
display: block; 
clear: both; 
margin: 0 auto; 
} 

#layout-inner { 
background: transparent url('../../public/gfx/layout_inner_bg.png') no-repeat center bottom; 
margin: 0 auto; 
border: 0; 
color: inherit; 
} 

/* Containers */

.container { 
width: auto; 
max-width: 100%; 
margin: 0 auto; 
} 

/* Headings */

h3.title, h4.title { 
position: relative; 
display: block; 
background-image: none; 
} 

.title a:link, .title a:visited { 
text-decoration: none; 
} 

.title a:hover, .title a:active { 
text-decoration: underline; 
} 

h3.group.title { 
background-image: none; 
margin: 0 auto 1.2rem; 
border-bottom: 1px solid #152254; 
} 

.group.title > span:first-child { 
display: inline-block; 
text-indent: 1em; 
font-weight: bold; 
} 

/* Links */

.topics-title a:link, .topics-title a:visited, .topics-title a:hover, .topics-title a:active { 
color: #152254; 
text-decoration: none; 
} 

/* Text & Content Blocks */

blockquote.simple { 
margin-bottom: 1.5rem; 
padding-left: 1em; 
border-left: 5px solid var(--base-border-middle-color); 
} 

blockquote.simple .quote-content { 
margin-top: 0.8rem; 
} 

blockquote.quotation { 
quotes: '\201C' '\201D' '\2018' '\2019'; 
background-color: var(--base-background-faded-color); 
margin: 1rem 2rem 1.5rem 1rem; 
padding: 1.2em 1.8em 1.6em 1.2em; 
border-left: 10px solid var(--base-border-middle-color); 
color: inherit; 
} 

blockquote.quotation:before { 
content: open-quote; 
margin-right: 0.3rem; 
vertical-align: -0.5em; 
font-size: 4em; 
line-height: 1px; 
color: var(--base-text-middle-color); 
} 

blockquote.quotation:after { 
content: close-quote; 
float: right; 
margin-left: -0.3rem; 
vertical-align: -0.5em; 
font-size: 4em; 
line-height: 1px; 
color: var(--base-text-middle-color); 
} 

blockquote.quotation .quote-content { 
display: inline; 
font-style: oblique; 
} 

blockquote.quotation .quote-content p { 
margin: -1.5rem 3rem 0; 
} 

blockquote.quotation .quote-meta { 
display: block; 
margin: 0 3rem; 
text-align: right; 
} 

blockquote.speech-bubble { 
overflow: hidden; 
} 

blockquote.speech-bubble .quote-content { 
position: relative; 
background-color: var(--base-background-faded-color); 
padding: 1.2em 2em 1em 2.2em; 
border-left: 2px solid var(--base-border-middle-color); 
font-style: oblique; 
} 

blockquote.speech-bubble .quote-content:after { 
content: ''; 
position: absolute; 
display: block; 
left: 50px; 
bottom: -16px; 
width: 0; 
border-width: 16px 0 0 20px; /* Values for the angle of the arrow */
border-style: solid; 
border-color: var(--base-background-faded-color) transparent; 
} 

blockquote.speech-bubble .quote-meta { 
float: right; 
background: no-repeat left top; 
margin-top: 1rem; 
padding-top: 0.166em; 
padding-left: 33px; 
text-align: right; 
} 

blockquote.speech-bubble .quote-meta.author-male { 
background: url('../../public/gfx/testimonials/testimonial_author_male.png') no-repeat left top; 
} 

blockquote.speech-bubble .quote-meta.author-female { 
background: url('../../public/gfx/testimonials/testimonial_author_female.png') no-repeat left top; 
} 

blockquote.speech-bubble span { 
color: var(--base-text-faded-color); 
} 

/* Header properties and values */

#header { 
position: relative; 
display: block; 
/* z-index: 2; */
left: auto; 
top: auto; 
clear: both; 
width: 100%; 
height: 320px; 
background: transparent url('../../public/gfx/header_bg.jpg') no-repeat center bottom; 
margin: 0 auto; 
border: 0; 
vertical-align: top; 
text-align: center; 
color: #152254; 
} 

#header a:link, #header a:visited, #header a:hover, #header a:active { 
background-color: transparent; 
color: #152254; 
text-decoration: none; 
} 

#header-inner { 
text-align: left; 
} 

#logo-container { 
display: inline; 
border: 0; 
} 

/* Logo */

img#logo { 
float: left; 
clear: both; 
margin: 35px 0 0 1.5rem; 
vertical-align: top; 
} 

#header-inner-box { 
float: right; 
margin: 0 1.5rem 0; 
border: 0; 
} 

/* Page Title */

#page-title { 
/*
position: relative; 
display: block; 
top: auto; 
width: auto; 
height: auto; 
*/
background-image: none; 
margin: 1.5rem 0 1rem; 
text-align: right; 
color: inherit; 
} 

#page-title a, #page-title a:hover { 
color: inherit; 
text-decoration: none; 
} 

/* Welcome Panel */

#welcome-panel { 
position: relative; 
display: none; 
float: left; 
clear: both; 
min-width: 20rem; 
height: 20px; 
margin: 40px 0 50px 1.5rem; 
text-align: left; 
font-weight: 500; 
line-height: 20px; 
} 

#welcome-panel p a { 
display: block; 
float: left; 
height: 20px; 
background: transparent url('../../public/gfx/svg/welcome_user.svg') no-repeat left center; 
background-size: 20px 20px; 
padding: 0 1em 0 2.5em; 
line-height: 20px; 
color: inherit; 
} 

#welcome-panel span { 
display: block; 
clear: both; 
max-width: 17rem; 
white-space: nowrap; 
overflow: hidden; 
text-overflow: ellipsis; 
} 

ul#welcome-panel-menu { 
list-style: none; 
position: relative; 
display: none; 
z-index: 100; 
top: auto; 
left: 0.8rem; 
clear: both; 
width: 200px; 
background: var(--base-background-light-color) url('../../public/gfx/welcome_dropdown_bg.png') repeat-x left top; 
padding: 5px 0; 
border: 1px solid var(--base-border-color); 
border-top: 0; 
border-radius: 4px; 
box-shadow: 0 1px 4px var(--base-box-shadow-color); 
color: inherit; 
} 

#welcome-panel-menu li, #welcome-panel-menu li a { 
display: block; 
float: none; 
font-weight: normal; 
font-size: 0.95em; 
line-height: normal; 
} 

#welcome-panel-menu li { 
height: 30px; 
margin: 0 6px; 
} 

#welcome-panel-menu li a:link, #welcome-panel-menu li a:visited { 
background-color: transparent; 
padding: 6px; 
border-radius: 4px; 
color: var(--base-text-color); 
text-decoration: none; 
} 

#welcome-panel-menu li a:hover, #welcome-panel-menu li a:active { 
background-color: var(--base-background-faded-color); 
color: var(--base-text-dark-color); 
text-decoration: none; 
} 

#welcome-panel-menu li a span { 
display: block; 
line-height: 18px; 
text-indent: 0.4em; 
} 

/* Font Size Changer */

#font-size-changer-panel { 
margin: 1.5rem 0 1rem; 
text-align: right; 
} 

/* Choose Language */

#choose-language-panel { 
margin: 0.9rem 0 1.5rem; 
text-align: right; 
font-weight: 500; 
} 

#menu-languages { 
list-style-type: none; 
position: relative; 
display: inline-block; 
left: auto; 
top: auto; 
height: 15px; 
margin: 0; 
} 

#menu-languages li { 
display: inline-block; 
float: left; 
clear: right; 
height: 15px; 
margin: 0; 
vertical-align: middle; 
} 

#menu-languages li.ar, #menu-languages li.bg, #menu-languages li.ca, #menu-languages li.cs, #menu-languages li.da, #menu-languages li.el, #menu-languages li.et, #menu-languages li.fi, #menu-languages li.ga, #menu-languages li.he, #menu-languages li.hu, #menu-languages li.id, #menu-languages li.it, #menu-languages li.ja, #menu-languages li.ka, #menu-languages li.ko, #menu-languages li.lt, #menu-languages li.lv, #menu-languages li.mk, #menu-languages li.mn, #menu-languages li.mt, #menu-languages li.nl, #menu-languages li.pl, #menu-languages li.pt_br, #menu-languages li.ro, #menu-languages li.sk, #menu-languages li.sl, #menu-languages li.sq, #menu-languages li.sv, #menu-languages li.te, #menu-languages li.th, #menu-languages li.tr, #menu-languages li.uk, #menu-languages li.vi, #menu-languages li.zh_tw { 
display: none; 
} 

#menu-languages li a { 
display: block; 
line-height: 90%; 
} 

#menu-languages li:not(.pt_br) + li a { 
border-left: 2px solid #152254; 
} 

#menu-languages li:first-child { 
border-left: 0; 
} 

#menu-languages li a.language-active, #menu-languages li a.language-active:hover { 
background-color: transparent; 
color: inherit; 
} 

#menu-languages li a span, #menu-languages li a abbr { 
margin: 0 10px; 
vertical-align: middle; 
} 

#menu-languages li a span { 
display: block; 
} 

#menu-languages li a abbr { 
display: none; 
text-transform: uppercase; 
} 

/* Shopping Basket */

#shopping-basket-panel { 
margin: 0 0 5px; 
vertical-align: middle; 
text-align: right; 
font-weight: 500; 
} 

#shopping-basket-panel a span { 
display: inline-block; 
line-height: 90%; 
} 

#shopping-basket-panel span.basket-icon { 
font-size: 1.1em; 
} 

#shopping-basket-panel span.basket-products { 
padding: 0 3px; 
} 

#shopping-basket-panel span.basket-total { 
margin: 0 0 0 0.3rem; 
padding: 0 0 0 10px; 
border-left: 2px solid #152254; 
} 

/* Visitors Online */

#visitors-online-panel { 
display: none; 
margin: 0 0 0.3rem; 
vertical-align: middle; 
text-align: right; 
font-weight: 500; 
} 

#visitors-online-panel span { 
background-color: transparent; 
color: var(--highlighted-text-color); 
} 

#header-print { 
display: none; 
} 

/* Stage properties and values */

#stage { 
position: relative; 
display: block; 
z-index: 1; 
left: auto; 
top: auto; 
clear: both; 
width: 100%; 
vertical-align: top; 
text-align: left; 
} 

/* Search area properties and values */

#search-area, #search-area-inner { 
position: relative; 
display: none; 
left: auto; 
top: auto; 
clear: both; 
width: auto; 
vertical-align: top; 
text-align: left; 
color: #152254; 
} 

#search-area { 
z-index: 2; 
background-color: var(--search-area-background-color); 
margin: 0.6rem 0 0.3rem; 
} 

#search-area-inner { 
z-index: 3; 
float: right; 
} 

#search-area-inner a, #search-area-inner a:hover { 
color: #152254; 
text-decoration: none; 
} 

.search-area-form-box { 
display: block; 
float: right; 
padding-right: 1.5rem; 
} 

.search-area-form-box * { 
position: relative; 
left: auto; 
top: auto; 
float: left; 
clear: right; 
} 

label.label-search-message { 
display: inline; 
padding: 3px 5px; 
} 

label.label-search-message span.show-message-search { 
display: none; 
} 

label.label-search-message span.show-message-keyword { 
display: none; 
} 

label.label-combobox-search { 
display: none; 
padding: 0 3px; 
} 

.search-area-form-box input#search { 
display: inline; 
width: 165px; 
padding: 5px 3px; 
} 

.search-area-form-box select { 
display: none; 
width: 150px; 
} 

button.button-search { 
display: inline; 
width: 26px; 
margin: 0 0 0 0.6rem; 
} 

.button-search img { 
display: inline; 
max-width: initial !important; 
} 

.button-search span { 
display: none; 
} 

/* Main area properties and values */

#main-area { 
position: relative; 
display: block; 
z-index: 2; 
left: auto; 
top: auto; 
clear: both; 
width: 100%; 
margin: 0 auto; 
padding: 25px 0 0; 
vertical-align: top; 
text-align: left; 
} 

#main-area-banner { 
display: block; 
clear: both; 
width: auto; 
margin: 0 auto; 
} 

#main-area-banner img { 
display: block; 
clear: both; 
width: 100%; 
margin: 0 auto 1.5rem; 
} 

#main-area-left, #main-area-center, #main-area-right { 
position: relative; 
z-index: 3; 
left: auto; 
top: auto; 
float: left; 
clear: right; 
background-color: transparent; 
border: 0; 
vertical-align: top; 
color: inherit; 
} 

#main-area-left { 
display: inline; 	/* inline || none */
width: 280px; 
} 

#main-area-left .side-bar { 
margin: 0 15px; 
} 

#main-area-center { 
display: inline; 
width: 680px; 	/* 380px; */
} 

#main-area-right { 
display: none; 	/* inline || none */
width: 25%; 
} 

#main-area-right .side-bar { 
margin-right: 1.5rem; 
} 

#rss-feed-container { 
display: none; 
margin: 0 auto 1.5rem; 
text-align: center; 
} 

/* Main container properties and values */

#main-container { 
position: relative; 
display: block; 
z-index: 3; 
left: auto; 
top: auto; 
width: auto; 
margin: 0 1.5rem 3rem; 	/* 0 1.5rem .75rem */
vertical-align: top; 
text-align: left; 
} 

/* Breadcrumbs */

#breadcrumb-trail { 
position: relative; 
display: none; 
z-index: 4; 
left: auto; 
top: auto; 
clear: both; 
width: auto; 
margin: 0 auto; 
vertical-align: middle; 
text-align: left; 
font-weight: normal; 
line-height: 1.2em; 
} 

#page.front-page #breadcrumb-trail { 
/* display: none; */
} 

#breadcrumb-trail a, #breadcrumb-trail a:hover { 
color: #152254; 
text-decoration: none; 
} 

ul#sections-trail { 
list-style-type: none; 
margin: 0 0 0.8rem; 
} 

#sections-trail li { 
display: inline; 
padding: 0; 
color: #152254; 
} 

#sections-trail li.root-section { 
display: inline; 	/* inline || none */
} 

#sections-trail li:before { 
font-weight: normal; 
font-family: 'FontAwesome'; 
content: '\F105\00A0'; 
} 

#sections-trail li:after { 
font-weight: normal; 
font-family: 'FontAwesome'; 
content: '\00A0\00A0'; 
} 

#breadcrumb-trail-tree a, #breadcrumb-trail-tree a:hover { 
color: #152254; 
text-decoration: none; 
} 

/* Boxes */

.record-box { 
/* position: relative; */
display: block; 
z-index: 4; 
left: auto; 
top: auto; 
margin-bottom: 1rem; 
vertical-align: top; 
text-align: left; 
} 

.summary-box { 
padding: 0; 
} 

.grid-box-block, .grid-box-inline, .grid-box-break { 
left: auto; 
top: auto; 
} 

.grid-box-block { 
display: block; 
clear: both; 
width: auto; 
margin: 0 auto; 
} 

.grid-box-inline, .grid-box-break { 
display: inline-block; 
float: left; 
clear: right; 
min-height: 100%; 
} 

/* Icon Boxes */

.icon-box { 
position: relative; 
margin-bottom: 1.5rem; 
} 

.icon-box > a { 
display: block; 
background-color: transparent; 
padding: 1em 1em 1.2em; 
border: 1px solid var(--base-border-color); 
text-decoration: none; 
} 

.icon-box > a > * { 
color: var(--base-text-color); 
} 

.icon-box > a:hover { 
background-color: var(--base-background-faded-color); 
} 

h4.icon-box-title { 
margin-bottom: 0.5rem; 
padding-bottom: 0; 
border: none; 
text-align: center; 
} 

.icon-box-icon { 
float: left; 
width: 70px; 
height: 70px; 
margin-right: 0.8rem; 
border-radius: 35px; 	/* Half the width/height */
line-height: 70px; 	/* Same as the height */
} 

.icon-box-icon img { 
display: inline-block; 
max-width: 55px; 
max-height: 55px; 
} 

.icon-box-icon .icon-top { 
margin-bottom: 0.8rem; 
text-align: center; 
} 

.icon-box-icon .icon-top img { 
display: inline-block; 
width: 100%; 
} 

.icon-box p:last-child { 
margin-bottom: 0; 
} 

.icon-box > a > .icon-box-button { 
display: inline-block; 
min-width: 4rem; 
background-color: var(--base-background-dark-color); 
margin: 0.6rem auto 0; 
padding: 0.3rem 1.2rem; 
border-color: var(--base-border-color); 
border-radius: 5px; 
font-weight: 400; 
font-size: 0.75rem; 
line-height: 1.4rem; 
color: var(--base-text-light-color); 
} 

/* Columns */

.one-half, .one-third, .one-fourth, .one-fifth, .two-thirds, .three-fourths { 
display: inline; 
float: left; 
margin-right: 2%; 
} 

.one-half { 
width: 49%; 
} 

.one-third { 
width: 32%; 
} 

.one-fourth { 
width: 23.5%; 
} 

.one-fifth { 
width: 18.4%; 
} 

.two-thirds { 
width: 66%; 
} 

.three-fourths { 
width: 74.5%; 
} 

.last-column { 
margin-right: 0 !important; 
} 

.one-half div.thumb-left, .one-half div.thumb-centered, .one-half div.thumb-right { 
width: 40%; 
} 

.one-third div.thumb-left, .one-third div.thumb-centered, .one-third div.thumb-right { 
display: block; 
clear: both; 
width: 100%; 
margin: 0 auto 0.5rem; 
} 

.one-fourth div.thumb-left, .one-fourth div.thumb-centered, .one-fourth div.thumb-right { 
display: block; 
clear: both; 
width: 100%; 
margin: 0 auto 0.5rem; 
} 

.one-fifth div.thumb-left, .one-fifth div.thumb-centered, .one-fifth div.thumb-right { 
display: block; 
clear: both; 
width: 100%; 
margin: 0 auto 0.5rem; 
} 

.two-thirds div.thumb-left, .two-thirds div.thumb-centered, .two-thirds div.thumb-right { 
width: 40%; 
} 

.three-fourths div.thumb-left, .three-fourths div.thumb-centered, .three-fourths div.thumb-right { 
width: 40%; 
} 

/* Panels */

.group.last-column { 
position: relative; 
display: block; 
z-index: 5; 
left: auto; 
top: auto; 
} 

.group.last-column div.thumb-left, .group.last-column div.thumb-right, .group.last-column .thumb-left img, .group.last-column .thumb-right img { 
border-radius: 0; 	/* 8px */
} 

.group.last-column .thumb-left img, .group.last-column .thumb-right img { 
border-radius: 0; 	/* 6px */
} 

#first-section-area, #second-section-area, #third-section-area { 
background-color: transparent; 
margin: 0 auto 1rem; 
border: 0; 
color: inherit; 
} 

#second-section-area { 
display: flex; 
flex-wrap: wrap; 
flex-basis: 100%; 
width: 100%; 
height: 100%; 
} 

#third-section-area { 
display: flex; 
flex-wrap: wrap; 
flex-basis: 100%; 
width: 100%; 
height: 100%; 
} 

#page.front-page #first-section-area { 
width: auto; 
margin: 0 auto 1rem; 
border: 0; 
} 

#left-section-area, #right-section-area { 
width: auto; 
margin: 0 auto 1.5rem; 
border: 0; 
} 

/* Records properties and values */

div.record-container { 
width: auto; 
min-height: 1%; 	/* Fix for MSIE peekaboo bug */
text-align: left; 
} 

.record-container .pretitle { 
position: relative; 
display: block; 
margin: 0 0 0.1rem; 
font-style: oblique; 
font-weight: bold; 
} 

#first-section-area .record-container h3.title, #second-section-area .record-container h3.title, #third-section-area .record-container h3.title { 
display: none; 
} 

.record-text { 
margin: 0 0 1rem; 
text-align: justify; 
} 

.grid-box-inline .record-text, .grid-box-break .record-text { 
text-align: left; 
} 

.record-text-2-columns { 
column-count: 2; 
column-gap: 1.8rem; 
} 

.record-text-3-columns { 
column-count: 3; 
column-gap: 1.5rem; 
} 

.record-text-4-columns { 
column-count: 4; 
column-gap: 1.2rem; 
} 

.record-text p { 
/* margin: 0 0 1rem; */
} 

.record-text ul li ul { 
list-style-type: circle; 
margin-top: 0.8rem; 
} 

.record-text ul li ul li ul { 
list-style-type: none; 
} 

#grid-section-area div.grid-box-inline, #grid-section-area div.grid-box-break { 
width: 47%; 	/* 32% */
} 

#grid-section-area div.grid-box-inline { 
margin: 0 6% 1rem 0; 	/* 2% */
} 

#grid-section-area div.grid-box-break { 
margin: 0 0 1rem; 
} 

#grid-section-area div.grid-box-inline div.thumb-left, #grid-section-area div.grid-box-inline div.thumb-centered, #grid-section-area div.grid-box-inline div.thumb-right, #grid-section-area div.grid-box-break div.thumb-left, #grid-section-area div.grid-box-break div.thumb-centered, #grid-section-area div.grid-box-break div.thumb-right { 
display: block; 
clear: both; 
width: 100%; 
margin: 0 auto; 
border: 0; 
} 

h4.grid-title { 
position: relative; 
display: block; 
width: auto; 
background-color: var(--base-text-dark-color); 
margin: 0; 
line-height: 2.25em; 
color: var(--base-text-light-color); 
text-indent: 20px; 
} 

.grid-title a, .grid-title a:link, .grid-title a:visited { 
background-color: transparent; 
color: var(--base-text-light-color); 
text-decoration: none; 
} 

div.record-more-content { 
position: relative; 
display: block; 
width: auto; 
margin: 0.1rem 0; 
text-align: right; 
font-weight: bold; 
} 

.record-more-content a, .record-more-content a:link { 
background-color: transparent; 
color: var(--base-link-color); 
text-decoration: none; 
} 

.record-more-content a:visited { 
background-color: transparent; 
color: var(--base-visited-link-color); 
text-decoration: none; 
} 

.record-more-content a:hover, .record-more-content a:active { 
background-color: transparent; 
color: var(--base-hover-link-color); 
text-decoration: underline; 
} 

.record-more-content a span { 
display: inline-block; 
background: transparent url('../../public/gfx/svg/bullet_more_content.svg') no-repeat right center; 
background-size: 18px 18px; 
padding: 0 25px 0 0; 
} 

div.record-details { 
position: relative; 
display: block; 
width: auto; 
margin: 0.4rem 1rem 0.6rem 2rem; 
vertical-align: top; 
text-align: left; 
} 

.record-details > div { 
position: relative; 
display: block; 
width: auto; 
margin: 0 2rem 0.2rem 1rem; 
} 

.record-details div span { 
display: inline-block; 
} 

.record-details div > span:first-child:after { 
content: ':'; 
} 

.record-details a, .record-details a:link { 
background-color: transparent; 
color: var(--base-link-color); 
text-decoration: none; 
} 

.record-details a:visited { 
background-color: transparent; 
color: var(--base-visited-link-color); 
text-decoration: none; 
} 

.record-details a:hover, .record-details a:active { 
background-color: transparent; 
color: var(--base-hover-link-color); 
text-decoration: underline; 
} 

.record-links-list a, .record-links-list a:hover { 
background-color: transparent; 
color: var(--base-text-color); 
text-decoration: none; 
} 

span.label-scope { 
font-weight: bold; 
} 

span.no-ratings-votes, span.total-ratings-votes { 
background-color: transparent; 
font-size: 1em; 
line-height: 160%; 
color: inherit; 
} 

span.no-ratings-votes { 
color: var(--highlighted-text-color); 
} 

.append-colon:after { 
content: ':' !important; 
} 

a span.picto-icon { 
text-decoration: none; 
} 

div.expand-content { 
position: relative; 
display: block; 
margin: 0 auto; 
} 

.expand-content a span.picto-icon { 
position: relative; 
display: inline-block; 
top: -1em; 
right: 0; 
float: right; 
clear: both; 
margin: 0 0 0 1rem; 
} 

img.rating, img.administration-flag { 
display: inline; 
max-width: initial !important; 
} 

ul.record-related li { 
list-style-type: none; 
text-indent: 15px; 
font-weight: bold; 
} 

figure.record-collection { 
position: relative; 
display: block; 
clear: both; 
vertical-align: top; 
} 

.record-collection figcaption { 
position: relative; 
display: block; 
margin: 0 0 1rem; 
text-align: center; 
font-weight: bold; 
font-size: 1.1em; 
} 

.italicized { 
font-style: italic; 
font-size: 0.916rem; 
} 

.note { 
color: var(--note-text-color); 
} 

.no-records-message { 
background-color: transparent; 
background-image: none; 
margin: 0 0 1rem; 
padding: 3px 10px; 
text-align: left; 
font: normal 90%/160% var(--messages-font-family); 
color: var(--highlighted-text-color); 
} 

/* Navigator properties and values */

.navigator-box { 
position: relative; 
display: block; 
z-index: 4; 
clear: both; 
width: auto; 
margin: 0 auto; 
padding: 0.6em 1em; 
border-top: 1px solid #152254; 
vertical-align: middle; 
text-align: right; 
/* font-weight: bold; */
} 

.navigator-box a, .navigator-box a:link, .navigator-box a:visited, .navigator-box a:hover, .navigator-box a:active { 
display: block; 
color: inherit; 
text-decoration: none; 
} 

.navigator-box > span, .navigator-box ul, .navigator-box li { 
display: inline-block; 
} 

.navigator-box > span, .navigator-box li { 
vertical-align: middle; 
} 

.navigator-pages-counter { 
float: left; 
margin-right: 1.2rem; 
} 

.navigator-current-page { 
color: var(--highlighted-text-color); 
} 

.navigator-box ul.navigator-scroller { 
margin: 0; 
padding: 0; 
} 

.navigator-scroller li { 
float: left; 
clear: right; 
margin: 0; 
padding: 0; 
line-height: normal; 
} 

.navigator-scroller li:first-child, .navigator-scroller li:nth-child(2) { 
margin-right: 5px; 
} 

.navigator-scroller li:last-child, .navigator-scroller li:nth-last-child(2) { 
margin-left: 5px; 
} 

.navigator-scroller li a[rel~="first"]:before, .navigator-scroller li a[rel~="prev"]:before { 
content: '\00A0\2039\2039\00A0'; 
} 

.navigator-scroller li a[rel~="last"]:after, .navigator-scroller li a[rel~="next"]:after { 
content: '\00A0\203A\203A\00A0'; 
} 

.navigator-scroller li:nth-last-child(3) a { 
border-right: 1px solid var(--base-text-color); 
} 

.navigator-scroller a, .navigator-scroller a:link, .navigator-scroller a:hover { 
text-decoration: none; 
} 

.navigator-scroller-page a { 
display: block; 
margin: 0.2rem 0 0; 
padding: 0 5px; 
border-left: 1px solid var(--base-text-color); 
line-height: 90%; 
} 

.navigator-scroller-page a, .navigator-scroller-page a:hover { 
color: var(--highlighted-text-color); 
} 

.navigator-scroller-page a:link, .navigator-scroller-page a:visited, .navigator-scroller-page a:active { 
color: var(--base-text-color); 
text-decoration: underline; 
} 

/* Record tools properties and values */

div.record-tools { 
position: relative; 
display: none; 
z-index: 4; 
left: auto; 
top: auto; 
clear: both; 
width: auto; 
height: 16px; 
margin: 0 auto; 
text-align: right; 
} 

.record-tools div { 
position: relative; 
display: inline; 
float: right; 
clear: left; 
} 

.record-tools button { 
width: 16px; 
height: 16px; 
margin: 0 0 0 0.6rem; 
} 

/* Search results properties and values */

div.group.last-column + div.search-results-box { 
margin-top: 0; 
} 

div.search-results-box { 
margin: 1rem 0 0.5rem; 
border-bottom: 1px solid var(--base-border-color); 
text-align: right; 
font-weight: bold; 
} 

.search-results-box p { 
padding: 0 1em 0.1em; 
} 

.search-results-box p span { 
font-size: 0.9em; 
} 

.search-results-box a, .search-results-box a:hover { 
background-color: transparent; 
color: var(--base-text-color); 
text-decoration: none; 
} 

span.search-string-highlighted { 
background-color: var(--highlighted-background-color); 
font-weight: bold; 
color: var(--highlighted-text-color); 
} 

.record-details > div > span.search-string-highlighted:after { 
content: ''; 
} 

/* Site map properties and values */

ul.site-map-pages { 
list-style-type: none; 
margin: 0 0 1em 5em; 
padding: 0; 
text-align: left; 
font-weight: bold; 
} 

.site-map-pages li { 
margin: 0 0 0.6rem; 
padding: 0; 
} 

.site-map-pages li a, .site-map-pages li a:hover { 
background-color: transparent; 
color: var(--base-text-color); 
text-decoration: none; 
} 

.site-map-pages li a span { 
display: inline-block; 
vertical-align: middle; 
margin: 0 0.4em 0 0; 
} 

.site-map-pages li a span:before { 
font-weight: normal; 
font-family: 'FontAwesome'; 
content: '\F016\00A0'; 
} 

/* Personal menu properties and values */

#personal-menu, #personal-menu-session-info, #personal-menu-box { 
position: relative; 
display: block; 
left: auto; 
top: auto; 
clear: both; 
width: auto; 
margin: 0 auto; 
font-weight: bold; 
} 

#personal-menu { 
z-index: 4; 
min-height: 1%; 	/* Fix for MSIE peekaboo bug */
text-align: left; 
} 

#personal-menu a, #personal-menu a:hover { 
background-color: transparent; 
color: var(--base-text-color); 
text-decoration: none; 
} 

#personal-menu-session-info { 
z-index: 5; 
margin: 0 auto 1rem; 
vertical-align: middle; 
text-align: right; 
} 

.session-user-info { 
display: block; 
float: right; 
vertical-align: middle; 
line-height: 1.8rem; 
} 

.session-user-info * { 
position: relative; 
left: auto; 
top: auto; 
float: left; 
clear: right; 
} 

.session-user-photo { 
display: inline-block; 
overflow: hidden; 
width: 36px; 
height: 36px; 
margin-right: 0.6rem; 
border-radius: 50%; 
} 

.session-user-photo img.user-photo-rounded { 
display: block; 
width: 100%; 
height: 100%; 
margin: 0 auto; 
border-radius: 50%; 
object-fit: cover; 
} 

span.session-user-name { 
display: inline; 
padding: 3px 0 1px; 
} 

button.button-logout { 
display: inline; 	/* none || inline */
width: 26px; 
background: transparent url('../../public/gfx/svg/button_logout.svg') no-repeat right bottom; 
background-size: 20px 20px; 
margin: 0 0 0 5px; 
} 

button.button-logout:hover { 
background: transparent url('../../public/gfx/svg/button_logout_off.svg') no-repeat right bottom; 
background-size: 20px 20px; 
} 

.button-logout img { 
display: inline; 	/* none || inline */
max-width: initial !important; 
visibility: hidden; 
} 

.button-logout span { 
display: none; 
} 

#personal-menu-box { 
z-index: 5; 
margin: 0 auto; 
text-align: center; 
} 

#personal-menu-box ul { 
list-style-type: none; 
position: relative; 
display: flex; 
flex-direction: row; 
flex-wrap: wrap; 
justify-content: center; 
align-items: baseline; 
align-content: center; 
row-gap: 5px; 
column-gap: 10px; 
margin: 0 auto 1.2rem; 
text-align: center; 
} 

#personal-menu-box ul li { 
flex: 5; 
display: inline-block; 
margin: 0 auto; 
vertical-align: middle; 
text-align: center; 
white-space: nowrap; 
} 

#personal-menu-box ul li.your-space { 
flex: 1; 
} 

#personal-menu-box li a { 
display: inline-block; 
clear: both; 
margin: 0 auto; 
padding: 4px 8px; 
border: 1px solid transparent; 
border-radius: 4px; 
} 

#personal-menu-box li:not(.your-space) a { 
border: 1px solid var(--base-text-color); 
} 

#personal-menu-box li:not(.your-space) a.personal-menu-option-active { 
background-color: var(--personal-menu-box-active-background-color); 
color: var(--personal-menu-box-active-link-color); 
} 

#personal-menu-box li span { 
display: block; 
} 

#personal-menu-box li:not(.your-space) span { 
margin: 0 5px; 
vertical-align: middle; 
} 

/* Personal folder and files properties and values */

.personal-folder-location { 
background-color: transparent; 
margin: 0 auto; 
vertical-align: baseline; 
text-align: center; 
font-weight: bold; 
color: var(--highlighted-text-color); 
} 

.personal-folder-location button { 
display: inline; 
margin: 0 3px; 
} 

.personal-files-list:before { 
font-weight: normal; 
font-family: 'FontAwesome'; 
content: '\F016\00A0\00A0'; 
} 

.personal-files-list { 
margin: 0 0 0.8rem; 
padding: 0 0.3em; 
border-bottom: 1px dashed var(--base-border-light-color); 
text-align: left; 
font-weight: bold; 
line-height: 25px; 
} 

.personal-files-list span { 
display: inline; 
font-size: 0.8em; 
} 

.personal-files-list a, .personal-files-list a:hover { 
background-color: transparent; 
color: var(--base-hover-link-color); 
text-decoration: underline; 
} 

/* Result message properties and values */

.group.last-column .operation-result-message { 
margin: 0 1rem; 
vertical-align: top; 
text-align: center; 
} 

.operation-result-message a, .operation-result-message a:hover { 
background-color: transparent; 
color: var(--base-text-color); 
text-decoration: none; 
} 

.operation-result-message h2, .operation-result-message h3 { 
display: block; 
background-image: none; 
margin: 0 auto 0.5rem; 
padding: 0; 
text-align: center; 
} 

.operation-result-message h2 { 
margin-top: 1rem; 
font-size: 2.1em; 
line-height: 150%; 
} 

.operation-result-message h3 { 
font-size: 1.6em; 
line-height: 130%; 
} 

.operation-result-message p { 
margin: 0 0 1rem; 
text-align: center; 
font-weight: bold; 
font-size: 1em; 
} 

/* Liability message properties and values */

span.liability-message { 
background-color: transparent; 
font-size: 0.9em; 
line-height: 130%; 
color: var(--highlighted-text-dark-color); 
} 

.liability-message a, .liability-message a:hover { 
background-color: transparent; 
color: var(--highlighted-text-dark-color); 
text-decoration: none; 
} 

/* Footer properties and values */

#footer { 
position: relative; 
display: block; 
/* z-index: 1; */
left: auto; 
top: auto; 
clear: both; 
width: 100%; 
background-color: transparent; 
margin: 0 auto; 
border: 0; 
vertical-align: top; 
text-align: center; 
color: #fffffd; 
} 

#footer a, #footer a:link { 
background-color: transparent; 
color: #0099b8; 
text-decoration: none; 
} 

#footer a:visited { 
background-color: transparent; 
color: #0099b8; 
text-decoration: none; 
} 

#footer a:hover, #footer a:active { 
background-color: transparent; 
color: #0099b8; 
text-decoration: underline; 
} 

#footer-inner { 
background: transparent url('../../public/gfx/footer_inner_bg.png') repeat left top; 
margin: 0 auto; 
padding: 20px 0; 
border: 0; 
text-align: center; 
} 

#owner-name { 
list-style-type: none; 
display: inline-block; 
margin: 0 auto 3px; 
padding: 0; 
text-align: center; 
} 

#owner-name li { 
display: inline; 
padding: 0 5px; 
} 

#owner-address { 
list-style-type: none; 
display: inline-block; 
margin: 0 auto 3px; 
padding: 0; 
text-align: center; 
} 

#owner-address li { 
display: inline; 
padding: 0 5px; 
} 

#owner-contacts { 
list-style-type: none; 
margin: 0 auto; 
padding: 0; 
text-align: center; 
} 

#owner-contacts li { 
display: inline; 
padding: 0 5px; 
} 

#contact-phone-rates, #contact-fax-rates, #contact-voip-rates { 
position: fixed; 
z-index: 1; 
display: none; 
background-color: hsla(0,0%,0%,0.7); 
padding: 8px; 
border-radius: 4px; 
text-align: center; 
font-size: 1em; 
color: hsla(0,0%,100%,1); 
overflow: hidden; 
animation: animate-fade-in 0.6s; 
} 

#contact-phone:hover #contact-phone-rates, #contact-fax:hover #contact-fax-rates, #contact-voip:hover #contact-voip-rates { 
position: fixed; 
display: block; 
} 

#footer-print { 
display: none; 
} 

/* Copyrights properties and values */

#copyrights { 
position: relative; 
display: none; 
/* z-index: 1; */
left: auto; 
top: auto; 
clear: both; 
width: auto; 
background-color: transparent; 
margin: 0 auto; 
border: 0; 
font-size: 0.8em; 
line-height: 1em; 
color: #fffffd; 
} 

#copyrights a, #copyrights a:link { 
background-color: transparent; 
color: #0099b8; 
text-decoration: none; 
} 

#copyrights a:visited { 
background-color: transparent; 
color: #0099b8; 
text-decoration: none; 
} 

#copyrights a:hover, #copyrights a:active { 
background-color: transparent; 
color: #0099b8; 
text-decoration: underline; 
} 

#copyrights-inner { 
margin: 0 1.5rem; 
padding: 6px 0 8px; 
text-align: right; 
} 

#copyrights span { 
display: inline; 	/* inline || none */
padding: 0 10px; 
} 

span#loading-time { 
display: none; 
} 

#loading-time span { 
padding: 0; 
} 

span#copyrights-site-map, span#copyrights-owner { 
padding: 0 0 0 10px; 
} 

/* Scroll Up properties and values */

a.scroll-up { 
position: fixed; 
display: none; 
bottom: 30px; 
right: 30px; 
width: 40px; 
height: 40px; 
background: #999998 url('../../public/gfx/scroll_up.png') no-repeat center center; 
border-radius: 3px; 
text-indent: -9999px; 
color: inherit; 
overflow: hidden; 
} 

a.scroll-up:hover { 
background: #152254 url('../../public/gfx/scroll_up.png') no-repeat center center; 
color: inherit; 
} 

/* Terms Of Service properties and values */

#terms-of-service { 
position: fixed; 
display: none; 
z-index: 10000; 
top: 50%; 
left: 50%; 
width: 40%; 
height: 40%; 
background-color: var(--print-background-color); 
margin: -15% 0 0 -20%; 
padding: 0; 
border: 1px solid var(--base-border-color); 
box-shadow: 0 1px 4px var(--base-box-shadow-color); 
color: var(--base-text-color); 
overflow: hidden; 
} 

#terms-of-service div.popup-menubar { 
position: relative; 
display: block; 
left: 0; 
top: 0; 
width: 100%; 
height: 32px; 
background-color: hsla(0,0%,0%,0.7); 
background-image: linear-gradient(to bottom, hsla(0,0%,0%,0.7), hsla(0,0%,0%,0.5)); 
border-bottom: 1px solid hsla(0,0%,20%,0.7); 
color: hsla(0,100%,100%,0.8); 
} 

#terms-of-service .popup-menubar a:link, #terms-of-service .popup-menubar a:visited, #terms-of-service .popup-menubar a:hover, #terms-of-service .popup-menubar a:active { 
background-color: transparent; 
text-decoration: none; 
} 

#terms-of-service span.popup-close { 
position: absolute; 
display: inline-block; 
top: 5px; 
right: 6px; 
float: right; 
clear: left; 
width: 25px; 
height: 25px; 
margin: 0; 
border: 0; 
opacity: 0.8; 
} 

#terms-of-service .popup-close:hover { 
opacity: 1; 
} 

#terms-of-service .popup-close:before, #terms-of-service .popup-close:after { 
position: absolute; 
left: 12px; 
content: ''; 
width: 3px; 
height: 25px; 
background-color: hsla(0,100%,100%,0.8); 
} 

#terms-of-service .popup-close:before { 
transform: rotate(45deg); 
} 

#terms-of-service .popup-close:after { 
transform: rotate(-45deg); 
} 

#terms-of-service div.popup-content, #terms-of-service div.popup-content object { 
position: absolute; 
left: 0; 
top: auto; 
width: 100%; 
min-height: 100%; 
margin: 0; 
padding: 0; 
border: 0; 
overflow: hidden; 
} 

#terms-of-service .popup-content object { 
overflow: auto; 
} 

#terms-of-service-curtain { 
position: absolute; 
display: none; 
left: 0; 
top: 0; 
width: 100%; 
height: 100%; 
z-index: 1000; 
background-color: rgb(239,239,239); 
opacity: 0.8; 
} 

/* Privacy Policy properties and values */

a.privacy-policy { 
position: fixed; 
display: none; /* none || flex */
z-index: 10000; 
bottom: 0; 
right: 90px; 
max-height: 34px; 
background-color: rgba(0,0,0,.8); 
padding: 5px 15px; 
border-top-left-radius: 3px; 
border-top-right-radius: 3px; 
align-items: center; 
font-weight: bold; 
line-height: 24px; 
color: rgba(255,255,255,.8); 
text-decoration: none; 
} 

a.privacy-policy:hover { 
color: rgba(255,255,255,.9); 
} 

/* Dashboard properties and values */

#cookies-usage-policy, #dashboard-switcher { 
position: fixed; 
z-index: 5000; 
vertical-align: middle; 
font: bold 1.2em/1.3em Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif; 
color: hsla(0,0%,100%,0.7); 
} 

#cookies-usage-policy, #dashboard-switcher { 
position: absolute; 
} 

* > #cookies-usage-policy, * > #dashboard-switcher { 
position: fixed; 
} 

#cookies-usage-policy a, #dashboard-switcher a { 
display: inline-block; 
background-color: transparent; 
color: hsla(0,0%,100%,1); 
text-decoration: none; 
} 

#cookies-usage-policy { 
left: 0; 
top: 0; 
right: 0; 
width: 100%; 
background-color: hsla(0,0%,0%,0.7); 
background-image: linear-gradient(to bottom, hsla(0,0%,0%,0.7), hsla(0,0%,0%,0.5)); 
margin: 0; 
padding: 0.8em 0; 
border-bottom: 1px solid hsla(0,0%,20%,0.7); 
text-align: center; 
color: hsla(0,0%,100%,0.7); 
} 

#cookies-usage-policy p { 
padding: 0 1em; 
} 

#dashboard-switcher { 
list-style-type: none; 
top: 1%; 
right: 0; 
width: 8em; 
background-color: hsla(80,90%,40%,0.7); 
margin: 0; /* -2.5rem 0 0 0 */
padding: 0.5em 0.5em 0.5em 1.5em; 
border: 1px solid hsla(80,90%,40%,0.5); 
border-radius: 3em 0.5em 0.5em 3em; 
border-left: none; 
box-shadow: 0 1px 3px hsla(0,0%,0%,1); 
text-align: left; 
font-size: 1.3em; 
color: hsla(0,0%,100%,0.7); 
} 

#dashboard-switcher li { 
margin: 0; 
} 

span.dashboard-remove { 
display: inline-block; 
margin: 0 0 0 0.5rem; 
vertical-align: text-top; 
text-align: center; 
text-shadow: 0 1px 0 hsla(0,0%,100%,1); 
line-height: 1.2em; 
opacity: 0.8; 
} 

.dashboard-remove:hover { 
background-color: transparent; 
color: hsla(0,0%,100%,1); 
text-decoration: none; 
opacity: 0.6; 
cursor: pointer; 
} 

/* @media screen end */

} 

/**/