/*******************************************************************
**														          **
**         EasyFact!         		   							  **
**         Author: Visual Capital Markets - Geneva      	      **
**	       												          **
*******************************************************************/


/* ----------------------------------------------------------------
Body
-----------------------------------------------------------------*/

html {
overflow: hidden;
height: 100%;
}

body {
overflow: auto;
height: 100%;
}

body, 
.kieger-section {
padding-top: 0;
padding-bottom: 20px;
background-color: #e6e6e6;    
}

.col-lg-3,
.col-lg-6,
.col-lg-9,
.col-lg-10,
.col-lg-12  {
padding: 0;
margin: 0;
float:none;
margin:auto;
}  

button.btn:hover, 
button.btn:focus, 
button.btn:not(:disabled):not(.disabled):active, 
button.btn:not(:disabled):not(.disabled).active, 
.btn:not(.close):not(.mfp-close):hover, 
.btn:not(.close):not(.mfp-close):focus, 
.btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled):active, 
.btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled).active, 
a.btn:not([href]):not([tabindex]):hover, 
a.btn:not([href]):not([tabindex]):focus, 
a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, 
a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled).active {
background: #c39619;
border: #c39619;
color: #ffffff;
}

button.btn, .btn:not(.close):not(.mfp-close),
button.btn:focus, .btn:not(.close):not(.mfp-close):focus,
button.btn:active, .btn:not(.close):not(.mfp-close):active {
font-size: 14px;
min-width:60px;
font-weight: 400;
background-color: #c39619;
border: 1px solid #c39619;
float: right;
}

button.btn:hover, .btn:not(.close):not(.mfp-close):hover {
background-color: #696969;
border: 1px solid #696969;
}

#btn-docs {
float:right; 
border:0; 
}

#btn-factsheet {
float:right; 
margin-right:15px;
border:0; 
}

#btn-text-color {
color:white;
}

#btn-text-color:hover {
color:#e5e5e5;
}

#documentation-buttons {
padding-bottom: 100px;
float:none;
margin:auto;
}

#documents {
margin-top: 20px;
margin-bottom: 40px;
}

.factsheet-text {
font-family:'Encode Sans';
font-size: 16px; 
color: #c39619; 
padding-left: 100px;
}

.factsheet-text-modal {
color: #696969;
}

.fa.fa-file-pdf {
color: #c39619;    
}

.logo {
margin: 0 auto;
}

#logo-img {
width:250px;
padding: 0 auto;
}

.modal {
position: fixed;
z-index: 1050;
display: none;
width:100%;
height: 100%;
overflow: hidden;
outline: 0;
}

.modal p {
font-size: 15px;
line-height:21px;
color:#000;
margin-top: 0;
margin-bottom: 13px;
font-weight: 400;
}

#commentary-text {
color:#797979;
line-height: 24px;
}

.comment {
float:right    
}

.modal-dialog {
max-width: 800px;
}

.modal-open {
overflow: auto; 
}

#btn_modal1, #btn_modal2 {
font-size: 12px;
}

.wizard > .steps ul li.current a, 
.wizard > .steps ul li.current a:hover, 
.wizard > .steps ul li.current a:active {
background: #c39619;
color: #ffffff;
}

.wizard > .steps ul li a:hover, 
.wizard > .steps ul li a:active {
background: #c39619;
color: #ffffff;
}

/* ----------------------------------------------------------------
Typo
-----------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: "Roboto", sans-serif;
/* color: #1f1f1f;
margin: 0;
letter-spacing: 0.5px; */
}

a {
color: #696969;
}

a:not(.btn):not(.badge):hover, 
a:not(.btn):not(.badge):focus, 
a:not(.btn):not(.badge):active {
text-decoration: none;
outline: none;
color: #c39619;
}

a.comment {
font: 1em sans-serif;    
color: #777777;
text-align:left; 
line-height: 24px;
}

a.comment:hover {
color: #c39619;
}

p {
font-size: 1rem;
font-style: normal;
font-weight: 400;
text-transform: none;
line-height: 1.7;
letter-spacing: 0;
color: #333;
font-family: "Encode Sans", sans-serif;
}

h3  {
color: #c39619;
}

.heading-text  {
color:#696969;    
font-weight: 600;
padding-top: 10px;
}

.legend  {
margin-top:15px;
padding-left:15px;
padding-right:5px;
}

.legend-text {
padding-left:15px;
color:#333;
font-size:10px;
line-height: 12px;
}

.pagination.pagination-flat .page-item > .page-link {
position: relative;
display: block;
padding: .4rem .75rem;
margin-left: -1px;
line-height: 1.25;
color: #fff;
background-color: #666;
border: 0px solid #c39619;
border-radius: 20px;
}

.pagination .page-item:not(.disabled).active > 
.page-link, .pagination .page-item:not(.disabled):active > 
.page-link, .pagination .page-item:not(.disabled):focus > 
.page-link, .pagination .page-item:not(.disabled):hover > 
.page-link {
background-color: #c39619;
color: #fff;
box-shadow: none;
}


.pagination.pagination-flat .page-item > .page-link:hover {
color: #000;
}

.pagination-flat {
margin-top: 10px;
}

#underline {
margin-top: -2px;
}

#as-of {
padding-top: 70px;
}

#date-factsheet {
font-weight: 700;
}

#annualized {
font-size:10px;
line-height: 12px;
} 

#legend-1 { 
margin-top: 40px;
} 

#legend-2 { 
margin-top: 0px;
line-height:50%;
} 


/* ----------------------------------------------------------------
Tables
-----------------------------------------------------------------*/

th  {
font-size: 15px;
font-weight: 500;
color: #c39619;
}

td  {
font-size: 13px;
}

.table-left,
.table-left2 {
width: 40%;
}

.table-left3 {
color:#c39619;
width: 43%;
}

.table-center {
width: 35%;
}

.table-right {
width: 25%;
}

.info  {
color:#c39619;
}

tr:hover  {
background-color: #eeeeea;
}

.tab-title {
font-size: 13px;
}

.tab-text {
width: 30%;    
}

.tab-text2 {
width: 30%;    
color: #c39619;
}

.tab-text3 {
width: 14%;    
color: #c39619;
}

#index-text {
color: #898989
}

.tabs .nav-tabs .nav-link.active {
color: #c39619;
font-weight:500;
background-color: transparent;
border-bottom: 2px solid #c39619;
}

.tooltip-inner {
background-color: #c39619;
color: #fff;
font-size: 12px;
font-weight: 600;
height:100%;
text-align: center;
opacity:0.95
}



/* ----------------------------------------------------------------
EasyFact Layout
-----------------------------------------------------------------*/

#fundPerf, #yearlyPerf, #regional, 
#sector, #marketCap, #impact {
max-width:780px,
}

/* -----------------------Top Elements---------------------------*/

.card-objective-top  {
height: auto;
padding:10px;
background-color: #fff;
line-height: 16px;
box-shadow: 0 6px 10px 0 rgba(0,0,0,0.2);
transition: 0.3s;
}

.fundName  {
padding:0;
margin-bottom: 20px;
}

#main-title {
margin-top: 10px;
}

#objective-text {
font-size: 14px;
line-height:24px;
margin-bottom:0;
overflow: auto;
}

.scroll-text {
margin-top: 20px;
margin-bottom: 20px;
height:160px;
width:80%;
border:1px solid #ccc;
overflow:auto;
}

#other-share-class {
text-align: right; 
color:#c39619; 
font-weight: 500;
}

.card-manager-top  {
height: 270px;
padding:10px;
background-color:#fff;
line-height: 16px;
box-shadow: 0 6px 10px 0 rgba(0,0,0,0.2);
transition: 0.3s;
}

#commentary {
float:left;
padding-top: 10px;
}

.manager,
.manager:hover {
background-color: #fff;
margin-top: 10px;
}

#manager-col {
float:right;
}

#manager-img-1 {
width:160px; 
padding-top:10px;
padding-bottom: 10px;
}

#manager-img-2 {
width:160px; 
padding-top:10px;
padding-bottom: 10px;
}
#manager-img-3 {
width:160px; 
padding-top:10px;
padding-bottom: 10px;
}

#manager-name-1 {
font-weight: 500; 
padding-left: 35px;
margin-top: 20px;
}

#manager-name-2 {
font-weight: 500; 
margin-left: 10px;
}
#manager-name-3 {
font-weight: 500; 
margin-left: 10px;
}

#manager-role-1 {
font-size:10px;
font-weight: 400; 
line-height: 12px;   
margin-top:-10px;
padding-left: 35px;
}

#manager-role-2 {
font-size:10px;
font-weight: 400; 
line-height: 12px;   
margin-top:-10px;
margin-left: 10px;
}
#manager-role-3 {
font-size:10px;
font-weight: 400; 
line-height: 12px;   
margin-top:-10px;
margin-left: 10px;
}

#manager-commentary  {
color: #898989;    
font-weight: 600;
padding-top: 0px;
padding-left: 35px;
}

#comment-list {
padding-top: 5px;
line-height: 20px;
}

/* -----------------------Data High Left--------------------------*/

#left-top-col {
padding-left:0px;
padding-right: 5px;
}

.card-data-left  {
height:auto;
padding:10px;
width:97%;
background-color: #fff;
line-height: 16px;
box-shadow: 0 6px 10px 0 rgba(0,0,0,0.2);
transition: 0.3s;
}

#key_information,
#risk,
#allocation, 
#statistics,
#table_display {
float:none;
margin-top: 0;
text-align:left;
height:auto;
}

#portfolio_performance {
padding:0 10px 0 10px;
text-align:left;
}

#largest_equity  {
text-align:left;
}

.fund_results {
color: #c39619;;
}

.index_results {
color: #898989;
}

/* -----------------------Data High Center------------------------*/

#col-centrale {
padding-left: 5px;
padding-right: 5px;
margin-top: 0px;
height:auto;
}

.card-data-center-risk {
padding-top:10px;
padding-left:10px;
padding-right:10px;
width:97%;
background-color: #FFF;
line-height: 16px;
box-shadow: 0 6px 10px 0 rgba(0,0,0,0.2);
transition: 0.3s;
}

.page-link-risk {
font-family:Arial, Helvetica, sans-serif; 
font-size:14px; 
font-weight: 500;
}

.card-data-center-top  {
height: auto;
padding-top:0px;
padding-left:10px;
padding-right:10px;
padding-bottom: 20px;
width:97%;
background-color: #fff;
line-height: 16px;
box-shadow: 0 6px 10px 0 rgba(0,0,0,0.2);
transition: 0.3s;
}

.card-data-center-morning-star  {
height: 105px;
padding-top:5px;
padding-left:10px;
padding-right:10px;
padding-bottom: 5px;
width:97%;
line-height: 16px;
box-shadow: 0 6px 10px 0 rgba(0,0,0,0.2);
transition: 0.3s;
}

.card-data-center-bottom  {
height:269px;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom: 40px;
width:97%;
background-color: #fff;
line-height: 16px;
box-shadow: 0 10px 14px 0 rgba(0,0,0,0.2);
transition: 0.3s;
}

/* -----------------------Data High Right-------------------------*/

#right-top-col {
padding-left: 0px;
padding-right: 0px;
margin-top: 0;
}

.card-graph-right {
height:auto;
padding:10px;
width:100%;
background-color: #fff;
line-height: 16px;
box-shadow: 0 6px 10px 0 rgba(0,0,0,0.2);
transition: 0.3s;
}

#performance-chart,
#yearly-chart  {
padding:10px;
width:100%;
background-color: #fff;
}

#performance-table {
padding:10px;
width:100%;
background-color: #fff;
margin-top:20px;
}

.performance-table-titles {
color: #696969;
}

#perf1 {
height:20px;
position:absolute;
/* top:0px; */
width:95%;
}

#perf2 {
height:20px;
position:absolute;
/* top:360px; */
width:95%;
}

#perf3 {
height:20px;
position:absolute;
/* top:450px; */
width:95%;
}    

/* ---------------------Data bottom Left-------------------------*/

#left-bottom-col {
padding-top: 0;    
padding-left: 0px;
padding-right: 10px;
}

.card-data-bottom-left  {
height: 500px;
padding:10px;
width:100%;
background-color: #fff;
line-height: 16px;
box-shadow: 0 6px 10px 0 rgba(0,0,0,0.2);
transition: 0.3s;
}

#companies-total {
float: right;
font-weight:500;
}



/* ---------------------Data bottom Right------------------------*/   

#right-bottom-col {
padding-left: 0px;
padding-right: 0px;
}

.card-data-exposures  {
height:500px;
padding:10px;
width:100%;
background-color: #fff;
line-height: 16px;
box-shadow: 0 10px 14px 0 rgba(0,0,0,0.2);
transition: 0.3s;
}

/* ------------------------News module---------------------------*/   

.card-news  {
height: 400px;
padding:10px;
background-color: #fff;
line-height: 16px;
box-shadow: 0 6px 10px 0 rgba(0,0,0,0.2);
transition: 0.3s;
}

.news {
height:350px;
overflow: auto;
}

/* ------------------------Cards shadow---------------------------*/     

.card-objective-top:hover, .card-manager-top:hover,
.card-data-left:hover, .card-data-center-top:hover,
.card-data-center-morning-star:hover, 
.card-data-center-bottom:hover,.card-graph:hover,
.card-data-bottom-left:hover, .card-graph-right:hover,
.card-data-center-risk:hover, .card-data-exposures:hover,
.card-news:hover {
box-shadow: 0 24px 32px 0 rgba(0,0,0,0.2);
}

/* -----------------------Miscellaneous---------------------------*/

#category, #confirm {
padding-top: 40px;
}

#domicile {
padding-top: 20px;
}

#disclaimer {
padding-top: 10px;
}

#category-text {
margin-top: 10px;
}

.popular-tab {
height:300px;
}

#cover {
background-size: cover;
height: 100%;
text-align: center;
display: flex;
align-items: center;
position: relative;
}

#cover-caption {
width: 100%;
position: relative;
z-index: 1;
}

form:before {
content: '';
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
background-color:#696969;
opacity: .5;
z-index: -1;
border-radius: 10px;
}

.post-thumbnail-content {
padding-top: 0;
}

.post-thumbnail-entry {
margin-bottom: 10px;
padding-bottom: 0px;
}

#menu-settings {
font-size: 24px; 
margin-top: 30px;
}

#legal-documents-text {
font-size: 16px; 
font-weight: 500; 
padding-left: 40px; 
color: #696969;
}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.row_ms {
background: #FFF;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}

.child {
flex-grow: 1;
flex: 1 1 30%;
min-height: 100px;
}

.container_ms {
display: grid;
padding: 20px 0 0 20px;
justify-content: center;
grid-template-columns: repeat(4, 60px);
grid-template-rows: repeat(4, 60px);
}

.box {
background: transparent;
border: 2px solid #C39619;
margin-left: -2px;
margin-top: -2px;
}

.box_ms {
background: #C39619;
border: 2px solid #C39619;
margin-left: -2px;
margin-top: -2px;
}

.rating {
display: flex;
flex-direction: column;
align-items: center;
}

.stars {
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 1.6em;
}

.globe {
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 1.8em;
}

.fa-star {
color: #666;
cursor: pointer;
padding: 0.0625rem;
}

.fa-star.gold {
color: #C39619;
}

.fa-globe.gold {
color: #C39619;
}



/* ----------------------------------------------------------------
Desktop Dark Version
-----------------------------------------------------------------*/

.dark p,
.dark a {
color: #999999;
}

.dark .card-objective-top, 
.dark .card-manager-top,
.dark .row_ms,
.dark .card-data-left, 
.dark .card-data-center-top,
.dark .card-data-center-morning-star,  
.dark .card-data-center-bottom,
.dark .card-graph,
.dark .card-data-bottom-left, 
.dark .card-graph-right,
.dark .card-data-center-risk, 
.dark .card-data-exposures,
.dark .card-news,
.dark .highcharts-background,
.dark #performance-table {
background-color: #333;
}

.dark .highcharts-text-outline {
color: transparent;
}

.dark .manager, 
.dark .manager:hover {
background-color: #333;
}

.dark .container,
.dark .body-inner {
/* background-color: #000; */
color: #999999;
}

.dark .tooltip-inner {
background-color:#c39619 ;
}




/* ----------------------------------------------------------------
Responsive Versions
-----------------------------------------------------------------*/

@media screen and (min-width: 1600px) {

.container{
max-width: 1600px;
float: none;
margin:auto;
}

#fundPerf, #yearlyPerf, #regional, #sector, #marketCap, #impact{
max-width:650px,
}

}

@media screen and (max-width: 1366px) {

#main-title {
margin-top: 10px;
font-size: 20px;
}

.container{
max-width: 1366px;
}

.card-graph-right {
width: 100%;
}

#documents{
font-size: 14px;
}

#fundPerf, 
#yearlyPerf, 
#regional, 
#sector, 
#marketCap, 
#impact {
max-width:550px,
}

#manager-img-1 {
width:110px;
padding-top:38px;
padding-right:20px;
}

#manager-img-2 {
width:110px;
padding-top:38px;
padding-right:20px;
margin-left: 10px;
}

#objective-text {
font-size: 14px;
line-height: 20px;
margin-bottom:0;
overflow: auto;
}

th  {
font-size: 11px;
}

td  {
font-size: 11px;
}

}

@media screen and (max-width: 1280px) {

.card-data-left  {
height: 740px;
}

.card-data-center-bottom  {
height:289px;
}

.card-graph-right  {
height:740px;
}

.card-data-exposures  {
width:100%;
padding-left: 15px;
padding-right: 15px;
}

.container{
max-width: 1280x;
}

.fundName {
padding-left: 0px;
padding-right: 0px;
}

#legend-1 {
margin-top: 20px;
}

.legend-text {
font-size:10px;
line-height: 12px;
}

#manager-commentary {
color: #696969;
font-size: 14px;
font-weight: 600;
padding-top: 104px;
line-height: 16px;
}

#manager-img-1 {
width:90px;
padding-top:68px;
padding-right:20px;
}

#manager-img-2 {
width:90px;
padding-top:68px;
padding-right:20px;
margin-left: 10px;
}

#manager-name-1 {
font-weight: 500;
margin-top:10px;
line-height: 16px;
}

#manager-name-2 {
font-weight: 500;
margin-top:10px;
margin-left: 10px;
line-height: 16px;
}

#objective-text {
font-size: 14px;
}

.table-left {
width: 45%;
}

}

@media screen and (max-width: 1024px) {
.col-lg-1 {
-ms-flex: 0 0 8%;
flex: 0 0 8%;
max-width: 8%;
}

#annualized {
font-size:8px;
line-height: 10px;
}

.btn:not(.close):not(.mfp-close),
button.btn:focus, .btn:not(.close):not(.mfp-close):focus,
button.btn:active, .btn:not(.close):not(.mfp-close):active {
min-width: 40px;
}

button.btn, .btn:not(.close):not(.mfp-close),
button.btn:focus, .btn:not(.close):not(.mfp-close):focus,
button.btn:active, .btn:not(.close):not(.mfp-close):active {
font-size: 16px;
}

.card-data-left  {
height: 900px;
}

.card-data-center-bottom  {
height:449px;
}

.card-graph-right  {
height:900px;
}

.card-data-center-top,
.card-data-center-morning-star,
.card-data-center-bottom,
.card-graph-right {
line-height: 10px;
}

.card-objective-top {
overflow: scroll;
scrollbar-color: #D5D5D5 #fff;
}

.container{
max-width: 1024px;
padding-left:10px;
padding-right:10px;
}

#fundPerf,
#yearlyPerf,
#regional,
#sector,
#marketCap,
#impact {
max-width:450px,
}

#manager-commentary {
color: #696969;
font-size: 12px;
font-weight: 600;
padding-top: 120px;
line-height: 14px;
}

#manager-img-1 {
width:90px;
padding-top:68px;
padding-right:20px;
}

#manager-img-2 {
width:90px;
padding-top:68px;
padding-right:20px;
margin-left: 10px;
}

#manager-name-1 {
font-weight: 500;
margin-top:10px;
line-height: 16px;
}

#manager-name-2 {
font-weight: 500;
margin-top:10px;
margin-left: 10px;
line-height: 16px;
}

.nav-link.tab-title {
font-size: 12px;
}

#objective-text {
font-size: 13px;
}

.page-link {
font-size: 12px;
}

#perf2 {
width:96%;
}

.table-left {
width: 55%;
}

}

@media screen and (max-width: 991px) {

.card-data-left,  
.card-data-center-risk,
.card-data-center-top,
.card-data-center-morning-star,
.card-data-center-bottom,  
.card-graph-right,
.card-data-bottom-left,  
.card-data-exposures  {
padding-left: 15px;  
padding-right: 15px;  
width:100%;
}

.card-news {
height:800px
}

#commentary {
width:50%;
}

#fundPerf, 
#yearlyPerf, 
#regional, 
#sector, 
#marketCap, 
#impact {
max-width:950px;
height: 400px;
}

#legend-2 { 
margin-top: 0px;
}

    
#manager-col {
width:50%;
color: transparent;
}

#right-top-col,
#right-bottom-col,
#left-top-col,
#left-bottom-col,
#col-centrale {
padding-left: 0px;
padding-right: 0px;
}

}

@media screen and (max-width: 450px) {

.card-data-left,  
.card-data-center-risk,
.card-data-center-top,
.card-data-center-morning-star,
.card-data-center-bottom,  
.card-graph-right,
.card-data-bottom-left,  
.card-data-exposures  {
padding-left: 15px;  
padding-right: 15px;  
width:100%;
}

.card-data-exposures  {
height:600px;
}

#commentary {
width:50%;
}

#fundPerf, 
#yearlyPerf, 
#regional, 
#sector, 
#marketCap, 
#impact {
max-width:400px;
height: 350px;
}

#right-top-col,
#right-bottom-col,
#left-top-col,
#left-bottom-col,
#col-centrale {
padding-left: 0px;
padding-right: 0px;
}

#manager-col {
width:50%;
color: transparent;
}

.nav {
display:block;
} 

th  {
font-size: 10px;
}

td  {
font-size: 10px;
}

}