@font-face { font-family: "proxima-nova"; font-style: normal; font-weight: 300; src: url("https://use.typekit.net/af/b6dac3/00000000000000003b9aefbc/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/b6dac3/00000000000000003b9aefbc/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/b6dac3/00000000000000003b9aefbc/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype"); }

:root{
         --maincolor: #618cb7;       /*  #154e86;          */
        --thumbcolor: #baa583;       /*  rgb(143,211,239)  */
       --maincolor33: #e5f0fb;
       --maincolor66: #8ab5df;       /*  --maincolorold66: #d1dce7; */
       --maincolor99: #f4f5f7;
      --maincolorext: #f0f3f7;
         --gridlines: #ebe8e7;
        --titlelines: #dbd8d7;
         --titletext: #48739f;
      --bodytxtcolor: #66757f;

       --silvercolor: silver;
          --redcolor: red;
       --markercolor: #eaffe5;
         --backcolor: #f5f8fe;
      --chartcolorbk: #cedbeb;
     }

   Body { color: var(--bodytxtcolor); margin: 0px; }

   a:link    { text-decoration: none;      color: #66757f; }
   a:visited { text-decoration: none;      color: #66757f; }
   a:hover   { text-decoration: underline; color: var(--maincolor); }
   a:active  { text-decoration: none;      color: #66757f; }

   input:disabled { background-color: var(--backcolor); border: 1px solid var(--maincolor33); color: var(--silvercolor); }
   input { border: 1px solid var(--silvercolor); }

   .NormalBody {  font-family: "Arial", "Verdana", "sans-serif"; font-size: 15px; font-style: normal; line-height: 1.3; }

   .noaccess { width: 1010px; margin: 0 auto;
               margin-top: 20px;  display: block;
               font-family: "Arial", "Verdana", "sans-serif";
               font-style: bold; font-weight: 700; font-size: 20px;  padding-top: 50px; padding-bottom: 15px; }

   .NavBar {left: 0;
             width: 100%;
             box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
             z-index: 1030;  }

   .ClientBar { top: 0;
                color: white;
                text-align: right;
                background-color: #343a40;}

   .ClientBarName {  display: inline-block;
                     font-family: "proxima-nova-n5", "proxima-nova", "Arial", "Verdana", "sans-serif";
                     font-style: bold;
                     font-weight: 700;
                     font-size: 20px;
                     padding-right: 30px;
                     padding-top: 20px;
                     padding-bottom: 15px;  }

   .ClientBarIcon { display: inline-block;
                    padding-top: 30px;
                    padding-right: 20px;
                    padding-bottom: 30px;
                    padding-left: 30px;
                    background-image: url("usericon.PNG");
	            background-repeat: no-repeat;
                    background-origin: padding-box;
                    background-clip: padding-box;
                    background-position: center;
                    background-size: 40px;  }

   .ClientBar2 { top: 0;
                color: white;
                text-align: right;
                background-color: #343a40;}


   .ClientBar222 { top: 0;
                   color: white;
                   text-align: right;
                   background-color: #ffffff;}

   .ClientBarDealer222 { position: fixed;
                         left: 40px;

                    padding-top: 30px;
                    padding-right: 500px;
                    padding-bottom: 30px;
                    padding-left: 0px;

                         display: inline-block;
                         background-image: url("dealer_222.PNG");
	            background-repeat: no-repeat;
                    background-origin: padding-box;
                    background-clip: padding-box;
                    background-position: center;
                    background-size:350px;  }



   .EmptyTableFiller { height: 350px; }


   .PortBar { top: 40;
              background-color: #EAECEE; }

   .PortBarBody {  width: 800px;       margin: 0 auto; }

   .PortBarName { font-family: "proxima-nova-n5", "proxima-nova", "Arial", "Verdana", "sans-serif";
                  font-style: bold;
                  font-weight: 700;
                  font-size: 20px;
                  font-weight: 700;
                  padding-top: 15px;
                  padding-bottom: 15px; }

   .PortBarId { color: #99a8b2;
                font-size: 16px;
                position: relative;
                left: 10px; }





   .MainBlock { width: 800px;
                margin: 0 auto;
                margin-top: 20px;
                 }





     .footer { position: absolute;
               bottom: 0;
               width: 100%;
               height: 60px;
               line-height: 60px;
               background-color: #f5f5f5;
               border: 0;
               margin: 0;
             }

     .StockHeader { background-color:  #EAECEE;
                    font-family: "proxima-nova-n5", "proxima-nova", "Arial", "Verdana", "sans-serif";
                    font-size: 30px;
                    padding-left: 10px;
                    padding-top: 10px;
                    padding-bottom: 0px;
                    font-style: bold;
                    font-weight: 900;
                    height: 40px;  }

     .MarketHeader { background-color: #f4f5f6;
                     font-family: "proxima-nova-n5", "proxima-nova", "Arial", "Verdana", "sans-serif";
                     padding-left: 15px;
                     padding-top: 6px;
                     padding-bottom: 1px;
                     height: 25px;
                   }

     .CurrencyHeader { color: silver; font-size: 80%; }

     .RankingTable { width: 800px;
                     border-spacing: 0;
                     border-collapse: collapse;
                     background-color: #f4f5f6;
                   }

     .RankingTable td {
                         border-top: 1px solid #FFF;
                         padding-top: 0.75em;
                         padding-bottom: 0.75em;
                      }

     .RankingTable_Header {
                             text-align: left;
                             padding: 0.75em 0;
                             padding-left: 0px;
                             font-family: "proxima-nova-n5","proxima-nova","Arial",Verdana,sans-serif;
                             font-style: normal;
                             font-weight: 500;
                             background: #EAECEE;
                             border: none;
                             color: #99a8b2;
                          }

    .RankingTable_HeaderR {
                             text-align: right;
                             padding: 0.75em 0;
                             padding-right: 0.75em;
                             font-family: "proxima-nova-n5","proxima-nova","Arial",Verdana,sans-serif;
                             font-style: normal;
                             font-weight: 500;
                             background: #EAECEE;
                             border: none;
                             color: #99a8b2;
                          }

     td.RankingTable_Name {
                             font-family: "proxima-nova-n5","proxima-nova","Arial",Verdana,sans-serif;
                             font-style: normal;
                             font-weight: 700;
                             text-align: left;
                             padding-top: 0.75em;
                             padding-bottom: 0.75em;
                          }

  td.RankingTable_Ranking {
                             font-family: "proxima-nova-n5","proxima-nova","Arial",Verdana,sans-serif;
                             font-style: normal;
                             font-weight: 500;
                             text-align: left;
                             padding-top: 0.75em;
                             padding-bottom: 0.75em;
                             padding-left: 0.75em;
                             padding-right: 0.75em;
                             width: 1em;
                          }

 td.RankingTable_Currency {
                             font-family: "proxima-nova-n5","proxima-nova","Arial",Verdana,sans-serif;
                             font-style: normal;
                             font-weight: 500;
                             text-align: left;
                             padding-top: 0.75em;
                             padding-bottom: 0.75em;
                          }
 td.RankingTable_Risknr {
                             font-family: "proxima-nova-n5","proxima-nova","Arial",Verdana,sans-serif;
                             font-style: normal;
                             font-weight: 500;
                             text-align: center;
                             padding-top: 0.75em;
                             padding-bottom: 0.75em;
                          }

    td.RankingTable_Value {
                             font-family: "proxima-nova-n5","proxima-nova","Arial",Verdana,sans-serif;
                             font-style: normal;
                             font-weight: 700;
                             text-align: right;
                             padding-top: 0.75em;
                             padding-bottom: 0.75em;
                             padding-right: 0.75em;
                          }


   .ActiveRow { color: #212a3b;
                background: #f0e08b;          }

   .ActiveRowOrange { color: #212a3b;
                      background: #f6cd9d;    }

   .ActiveRowGreen  { color: #212a3b;
                      background: #d5e39f;    }

   .ActiveRowBrown  { color: #212a3b;
                      background: #f0bbaf;    }

   .ActiveRowNone { color: #212a3b;
                    background: #f0e08b;      }

   .RankingBlock { height: 100%;
                   cursor: pointer;
                   overflow: hidden;
                   margin-bottom: 16px;
                   padding: 5px 10px;         }

   .BrownBlock  { background: #f0bbaf;
	          color: #212a3b;             }

   .GreenBlock  { background: #d5e39f;        }

   .SilverBlock { background: #f4f5f6;        }

   .OrangeBlock { background: #f6cd9d;        }

   .NoneBlock   { background: #f4f5f6;        }

   .GrayBlock   { background: #EAECEE;	      }

   .RankingList { margin-bottom: -1em;
                  padding: 0;
                  padding-bottom: 1em;        }

   .RankingListItem {
                       position: relative;
                       margin-bottom: 15px;
                       list-style: none;
                       margin: 0;
                       width: 33.33%;
                       float: left;
                     }


   .RankingListItemRanking {
                          display: block;
                          font-family: "proxima-nova-n5","proxima-nova","Arial",Verdana,sans-serif;
                          font-style: normal;

                          font-weight: 700;
                          text-align: left;
                          padding-top: 0.35em;
                          padding-right: 0px;
                          padding-bottom: 0.35em;
                          padding-left: 0px;
                        }

   .RankingListItemType {
                          display: block;
                          font-family: "proxima-nova-n5","proxima-nova","Arial",Verdana,sans-serif;
                          font-style: normal;
                          font-weight: 700;
                          text-align: left;
                          padding-top: 0.35em;
                          padding-right: 0px;
                          padding-bottom: 0.35em;
                          padding-left: 0px;

                          border-top-width: 5px;
                          border-top-style: solid;
                        }

   .OrangeItem { border-top-color: #f0ac5b; }

   .BrownItem  { border-top-color: #e3846e; }

   .GreenItem  { border-top-color: #b0c94e; }

   .NoneItem   { border-top-color: #EAECEE;  }


   .RankingListItemArrow {
                          display: inline-block;
                          position: absolute;
                          bottom: -0.45em;
                          left: 47%;
                          width: 0;
                          height: 0;

                          font-family: "proxima-nova-n5","proxima-nova","Arial",Verdana,sans-serif;
                          font-style: normal;
                          font-weight: 700;
                          text-align: left;
                          padding-top: 0.35em;
                          padding-right: 0px;
                          padding-bottom: 0.35em;
                          padding-left: 0px;


                          border-left-width: 0.75em;
                          border-left-style: solid;
                          border-left-color: transparent;

                          border-right-width: 0.75em;
                          border-right-style: solid;
                          border-right-color: transparent;

                          border-top: .75em solid;
                        }

   .OrangeArrow { color: #f6cd9d; }

   .GreenArrow  { color: #d5e39f; }

   .BrownArrow  { color: #f0bbaf; }

   .NoneArrow   { color: #f4f5f6; }


   .InfoBlock { width: 100%;
                border: 0;
                font-family: "proxima-nova-n4", "proxima-nova", "Arial", Verdana,sans-serif;
                font-style: normal;
                font-weight: 400;    }

   .InfoBlockItem { float: left;
                    width: 31%;
                    margin-right: 3.5%;
                    margin-top: 10px; }

   .InfoBlockItemLast { float: left;
                        width: 31%;
                        margin-right: 0px;
                        margin-top: 10px; }

   .InfoBlockTitle { padding-left: 0.5em;
                     padding-top: 0.2em;
                     padding-bottom: 0.2em;
                     margin: 0; }

   .InfoBlockList { list-style: none;  padding: 0;
                    margin-top: 0px;
                    margin-bottom: 40px;   }


   .InfoBlockListItem { position: relative;
                        list-style-type: none;
                        padding: 0.5em 0;
                        border-bottom: 1px solid #EAECEE;
                        clear: both;
                        overflow: hidden;  }

   .InfoBlockListValue { position: absolute;
                         top: 0.5em;
                         right: 0;
                         font-style: bold;
                         font-weight: 700;  }

   .RedValue   { color: #e3846e; }
   .GreenValue { color: #b0c94e; }
   .GrayValue  { color: #f0bbaf; }






   .PortTable { width: 800px;
                border-spacing: 0;
                border-collapse: collapse;
                background-color: #f4f5f6;
              }

   .PortTable td { border-top: 1px solid #FFF;
                   font-family: "proxima-nova-n4", "proxima-nova", "Arial", Verdana,sans-serif;
                   font-style: normal;
                 }

   .PortCell {
               padding-top: 0.75em;
               padding-bottom: 0.75em;
             }

   .PortValue { text-align: right;
                width: 100px;
                padding-right: 10px;
              }

   .PortTotal { text-align: right;
                padding-right: 10px;
                padding-top: 0.5em;
                padding-bottom: 0.5em;
                background: #EAECEE;
              }

   .PortTableHeader {
                      padding: 0.75em 0;
                      padding-left: 0px;

                      font-weight: 500;
                      background: #EAECEE;
                      border: none;
                      color: #99a8b2;
                     }

  .PortSubTitle { font-size: 25px;
                  font-weight: 700;
                  padding-left: 1.5em;
                  padding-top: 0.4em;
                  padding-bottom: 0.4em;
                  background-color: #f6cd9d94;
                 }

   .TableNumber { text-align: right;
                  width: 100px;
                }

   .TableCenter { text-align: center; }


   .SmallerFont { color: #f0bbaf;
                  font-family: "proxima-nova-n4", "proxima-nova", "Arial", "Verdana,sans-serif";
                  font-size: 12px;
                }

   .LargerFont {  font-size: 20px;
                }

   .MargeRight { padding-right: 25px; }
   .MargeLeft  { padding-left: 25px; }



   .row1000 { width: 1010px;
              margin: 0 auto;
              margin-top: 12px;
              display: block;
            }

   .rowtitle1000 { width: 1010px; margin: 0 auto;  font-family: "Trebuchet MS"; font-size: 20px; margin-top: 10px; margin-bottom: 5px; }

   .SearchTitle     {  font-family: "Trebuchet MS"; font-size: 20px;  }
   .SearchTitleCode {  font-family: "Trebuchet MS"; font-size: 13px; color: silver; font-weight: normal; }



   .clienttab { display: block; margin-top: 100px; }

   .porttab { display: block; margin-top: 100px; }

   .stocktab { display: block; margin-top: 100px; }

























   .modal {
            position: fixed;
            left: 0; top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            opacity: 0;
            visibility: hidden;
            transform: scaleX(1.1) scaleY(1.1);
            transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
            font-family: sans-serif;
          }

   .modal-content {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    background-color: white;
                    padding: 1rem 1.5rem;
                    width: 720px;

                  }
    .close-button {
                    float: right;
                    width: 1.5rem;
                    line-height: 1.5rem;
                    text-align: center;
                    cursor: pointer;
                    border-radius: 0.25rem;
                    background-color: lightgray;
                  }
    .close-button:hover { background-color: darkgray; }

    .show-modal {
                  opacity: 1;
                  visibility: visible;
                  transform: scaleX(1.0) scaleY(1.0);
                  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
                }

























.SearchHeader { background-color: white; height: 28px; padding-top: 10px; border-bottom: 1px solid #e0e0e0; width: 100%; }
.SearchHeader1000 { width: 1010px; margin: 0 auto;     }

.MainLogo      { float: left; background-repeat: no-repeat; background-position: center; cursor: pointer;  }

.DealerLogoOld { width: 198px; height: 40px; background-image: url("../images/sitelogo.png"); position: relative; top: -5px;  }
.DealerLogo    { width: 119px; height: 15px; background-image: url("../images/sitelogosmall.png"); position: relative; top: 3px;  }

.HeaderMember       { font-family: "Trebuchet MS"; font-size: 13px; float: right; margin-top: 3px; cursor: pointer; font-weight: bold; }
.HeaderMemberLogout { float: right; margin-left: 7px; width: 17px; height: 18px; background-image: url("https://toolkit.moneyflow.be/images/logout.PNG"); position: relative; top: 1px; cursor: pointer; }
.HeaderInfo         { font-family: "Trebuchet MS"; font-size: 13px; float: right; margin-top: 3px; cursor: pointer;  }
.HeaderInfo:hover   { color: var(--maincolor); }
.HeaderSplit        { font-family: "Trebuchet MS"; font-size: 13px; float: right; margin-top: 3px;
                      margin-left: 12px; margin-right: 12px; }

.MenuBar { width: 100%; height: 45px; border-bottom: 1px solid #e0e0e0;  }
.MenuBar1000 { width: 1010px; margin: 0 auto;  }

.SearchBar { width: 1010px; margin: 0 auto; padding-top: 6px; }
.SearchInput { border: 0; color: #c4c4c480; font-size: 1.4em;  font-weight: 300; }

.LiveSearch           { color: var(--titlelines); background-color: var(--backcolor); line-height: 1.6; position: relative; top: +5px; z-index:999; }
.LiveSearchLink       { font-family: "Trebuchet MS"; font-size: 15px; }
LiveSearchLinkDossier { font-family: "Trebuchet MS"; font-size: 15px; }

.LiveSearchBullet         { list-style: none; }
.LiveSearchBullet::before { color: var(--maincolor); content: "\2605";  padding-right: 0.5em;  position: relative; top: 0em; padding-left: 0.1em; }


.BreadCrumb { width: 1010px; margin: 0 auto;  background-color: white; height: 26px; font-family: "Trebuchet MS"; font-size: 13px;
               border-bottom: 1px solid #e0e0e0; padding-top: 10px; }
.BreadCrumbItem { margin-right: 6px; float: left;  }

.FooterBar     { width: 100%; Height: 100px; border-top: 1px solid #e0e0e0; margin-top: 350px; padding-top: 10px; }
.FooterBar1010 { width: 1010px; margin: 0 auto; color: silver; font-family: "Trebuchet MS"; font-size: 13px; text-align: justify;  }


.FooterCopyright { float: right; font-family: "Trebuchet MS"; font-size: 13px;  color: silver; }



.Tabs { width: 100%; height: 40px; }
.Tabset { width: 1010px; margin: 0 auto;  font-family: "Trebuchet MS"; font-size: 15px; margin-top: 20px; margin-bottom: 20px; }
.TabsetItem { float: left; cursor : pointer; height : 32px; width: 15%;
              border-bottom: 1px solid #dbd8d7;
              border-top: 1px solid #dbd8d7;
              background-color: var(--backcolor);
              text-align: center; padding-top: 10px; }
.TabsetItem:hover { color: black; }
.TabsetSelected { border-bottom: 3px solid var(--maincolor);  }
.TabsetFiller   { width : 40%; }
.TabsetFiller5  { width : 5%; }
.TabsetFiller10 { width : 10%; }
.TabsetFiller20 { width : 20%; }
.TabsetFiller30 { width : 30%; }
.TabsetFiller25 { width : 24.65%; }
.TabsetFiller70 { width : 69.95%; }

.TabsetTag   { color: black; margin-left: 3px; }
.TabsetAlert { color: white; background: red; border-radius: 50%; width:18px;height:18px;   box-shadow:0 0 1px #333;
               padding-left: 3px; padding-right: 3px;  }

.TabsetArrow { width: 0;  height: 0;
               position: relative;
               top: 37px; left: -20%;
               border-left: 6px solid transparent;
               border-right: 6px solid transparent;
               border-top: 6px solid var(--maincolor);
             }



.Subtabs   { width: 100%; height: 40px; }
.Subtabset { width: 1010px; margin: 0 auto;  font-family: "Trebuchet MS"; font-size: 15px; margin-top: 20px; margin-bottom: 20px; }
.SubtabsetItem { float: left; cursor : pointer; height : 32px; width: 15%;
                 border-bottom: 1px solid #dbd8d7;
                 text-align: center; padding-top: 10px; }
.SubtabsetItem:hover { color: black; }

.SubtabsetSelected { border-top: 3px solid var(--maincolor);
                     border-bottom: 0px solid red;  height: 30px;
                     border-right: 1px solid #dbd8d7; border-left: 1px solid #dbd8d7;   }



.SubtabsetFiller   { width : 39.60%; }
.SubtabsetFiller37 { width : 37%;    }
.SubtabsetFiller70 { width : 69%;    }
.SubtabsetFiller55 { width : 54.5%;  }
.SubtabsetFiller25 { width : 24.65%; }
.SubtabsetFiller10 { width : 9.70%;  }

.SubtabsetTag   { color: black; margin-left: 3px; }


.FatSublineTitle { border-bottom: 3px solid var(--maincolor);  }


.StockHeadLine { margin-bottom: 25px; width: 100%; display: block; border-bottom: 1px solid #e4e9f0;   }
.StockHeadLineName { padding-bottom: 8px; border-bottom: 3px solid var(--maincolor); margin: 0 0 -2px; display: inline-block; font-weight: 400; max-width: 65%;
                     font-family: "Trebuchet MS"; font-size: 24px; font-style: bold; letter-spacing: -1.0px;
                /*   width: 450px;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  werkt niet goed bij lange namen */
                     margin-right: 5px;}

.StockHeadLineLabel { padding-bottom: 8px;  margin: 0 0 -2px; display: inline-block; font-weight: 400; max-width: 100%;
                      font-family: "Trebuchet MS"; font-size: 24px; font-style: bold; letter-spacing: -1.0px;
                      margin-right: 10px;}
.DoubleLine { border-bottom: 3px solid var(--maincolor); }
.GrayLine { color: silver; }

.StockHeadLineCode    { font-family: "Trebuchet MS"; font-size: 13px; color: silver; font-weight: normal; }
.StockHeadLineProduct { font-family: "Trebuchet MS"; font-size: 14px; color: white;  font-weight: normal; float: right;
                        background-color: var(--maincolor);  text-align: center;
                        padding-left: 15px; padding-right: 15px; padding-top: 5px; padding-bottom: 5px;
                        margin-right: 2px;
                        border: 1px solid black;
                        cursor: pointer;
                      }

.StockHeadLineMore { display: inline-block; margin-left: 10px; height: 20px;
                     padding-left: 11px; padding-right: 11px; padding-top: 3px; padding-bottom: 0px;
                     border-radius: 0.25rem;
                     border: 1px solid var(--maincolor33);
                     background-color: var(--maincolorext);
 }

.StockHeadLineRisk { display: inline-block; margin-left: 5px; margin-right: 5px; }

.RightAlignBlock { position: relative; float: right; display: inline-block; margin-top: 5px; margin-right: 0px; margin-left: 10px; }


















.TabbedList { width: 1010px; margin: 0 auto; font-family: "Trebuchet MS"; background-color: #f3f5f7; height: 40px;   border-bottom: 1px solid #ccc;   }
.TabItem { float: left; width: 15%; text-align: center;
           font-size: 15px;  border-bottom: 1px solid #ccc; cursor: pointer; height: 31px;
           padding-top: 9px; }
.TabItemSelected { border-bottom: 4px solid var(--maincolor);  }

.TabItem:hover { color: black; }

.sup-color { color: black; margin-left: 3px; }











.PortTabPage { width: 1010px; margin: 0 auto; font-family: "Trebuchet MS"; }

.TileList    { width: 1010px; margin: 0 auto; font-family: "Trebuchet MS"; }

.TileHeader { width: 100%; border-bottom: 1px solid silver; padding: 10px 2px 5px 2px; margin-bottom: 8px; }

.StockTile { border: 2px solid #e0e0e0;
             width: 280px; height: 160px;
             display: inline-table;
             padding: 4px;
             padding-right: 8px;
             margin-right: 20px;
             margin-bottom: 15px;
             cursor: pointer;  }
.StockTile:hover { box-shadow: 0 0 1px 0 var(--maincolor); border: 2px solid var(--maincolor); }

.StockTileTitle { font-size: 18px; background-color: #ffffff; margin-bottom: 10px; padding: 5px; border-bottom: 1px solid #c0c0c057; }
.StockTileMarket { font-size: 14px; color: gray;}
.StockTileType { font-size: 14px; color: gray; border-bottom: 5px solid var(--maincolor); margin-left: 2px; margin-right: 2px; }
.StockTileName { font-size: 15px;   font-weight: bold;  margin-left: 2px; color: black;}
.StockTilePrice { font-weight: bold; float: right;  margin-right: 5px; position: relative; top: -20px; }
.StockTileMunt { font-size: 12px; float: right;  margin-right: 5px; position: relative; top: -16px; color: gray; }
.StockTileReturn { width: 48.5%; background-color: var(--maincolor99); float: left; margin: 0px; text-align: center;  padding: 0px;
                   border-left: 2px solid white; border-right: 2px solid white; border-top: 4px solid white; }
.StockTileProcentLabel { font-size: 10px; margin-top: 2px; margin-bottom: 0px; }
.StockTileProcent      { font-size: 16px; margin-top: 0px; margin-bottom: 5px; }











.ClientTile { border: 2px solid #e0e0e0;
             width: 400px; height: 100px;
             display: inline-table;
             padding: 4px; padding-right: 8px;
             margin-right: 20px; margin-bottom: 15px; cursor: pointer;  }

.ClientTile:hover { box-shadow: 0 0 1px 0 var(--maincolor); border: 2px solid var(--maincolor); }

.ClientTileId { font-size: 14px; color: gray; border-bottom: 1px solid silver; margin-left: 2px; margin-right: 2px; padding: 10px 2px 5px 2px; margin-bottom: 8px; }
.ClientTileName { font-size: 15px;   font-weight: bold;  margin-left: 2px; color: black; }
.ClientTilePortfolios { font-size: 13px; color: gray; margin-left: 2px;}
.ClientTileTotal { width: 40%; height: 40px;  background-color: var(--maincolor99); float: right; text-align: center;  padding: 0px; position: relative; top: -20px;   }
.ClientTotalLabel { font-size: 10px; margin-top: 2px; margin-bottom: 0px; }
.ClientTotalValue { font-size: 16px; margin-top: 0px; margin-bottom: 5px; }
.ClientTotalMunt {  font-size: 12px; color : silver; float: left; padding-left: 10px; }














.PortTile { border: 2px solid #e0e0e0;
             width: 400px; height: 150px;
             display: inline-table;
             padding: 4px; padding-right: 8px;
             margin-right: 20px; margin-bottom: 15px; cursor: pointer;  }
.PortTile:hover { box-shadow: 0 0 1px 0 var(--maincolor); border: 2px solid var(--maincolor); }


.PortTileClient { font-size: 13px; color: gray; border-bottom: 1px solid silver; margin-left: 2px; margin-right: 2px; padding: 10px 2px 5px 2px; margin-bottom: 8px; }
.PortTileClientId { font-size: 13px; color: gray; float: right; position: relative; top: -30px;  }
.PortTileName { font-size: 14px;   font-weight: bold;  margin-left: 2px; color: black; white-space: nowrap; }
.PortTilePortId { font-size: 13px; color: gray; border-bottom: 5px solid var(--maincolor); margin-left: 2px; margin-right: 2px; padding-bottom: 4px; }
.PortTitleTotal { width: 40%; height: 40px;  background-color: var(--maincolor99); float: right; text-align: center;  padding: 0px; position: relative; top: +5px;  }
.PortTotalLabel { font-size: 10px; margin-top: 2px; margin-bottom: 0px; }
.PortTotalValue { font-size: 16px; margin-top: 0px; margin-bottom: 5px; }
.PortTotalMunt  { font-size: 12px; color : silver; float: left; padding-left: 10px; }






.AdminClientTotalTile { width: 200px; height: 100px; background-color: var(--maincolor); color: white;  font-family: "Trebuchet MS"; padding: 10px;
                        border: 0px; text-align: left; display: inline-table;  margin-right: 20px; cursor: pointer; }
.AdminClientTotalTileLabel { font-size: 13px;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 195px;   }
.AdminClientTotalTileValue { font-size: 40px; font-weight: 600; margin-top: 15px;  }

.WidgetTable { width: 100%; }
.WidgetRow   { vertical-align: top; }
.WidgetCell  { padding: 0; text-align: left; }

.WidgetBlock1 { width: 500px; margin-right: 50px; border: 2px; display: inline; }
.WidgetBlock2 { width: 200px; margin-right:  0px; border: 2px; display: inline; }

.AdminTopBlock        { font-family: "Trebuchet MS"; display: inline-table; width: 290px; margin-right: 35px; }
.AdminTopBlockRight   { font-family: "Trebuchet MS"; display: inline-table; width: 290px; }
.AdminTopBlockVert    { font-family: "Trebuchet MS";                        width: 283px; }

.AdminTopClients      { font-size: 13px; background-color: var(--maincolor);   width: 100%; padding: 10px 0px 10px 10px; margin-top: 15px; color: white; }
.AdminTopMarkets      { font-size: 13px; background-color: var(--maincolor);   width: 100%; padding: 10px 0px 10px 10px; margin-top: 15px; color: white; }
.AdminTopProducts     { font-size: 13px; background-color: var(--maincolor);   width: 100%; padding: 10px 0px 10px 10px; margin-top: 15px; color: white; }

.AdminTopClientsRow   { font-size: 15px; background-color: var(--maincolor33); width: 100%; padding: 10px; cursor: pointer;  margin-bottom: 1px; padding-right: 0px; white-space: nowrap }
.AdminTopClientsValue { font-size: 16px; background-color: var(--maincolor66); width: 100px; height: 29px; color: white; font-weight:500; float:right; text-align: right; padding-right:6px; padding-top:9px; position: relative; top: -29px; }
.AdminTopClientsMunt  { font-size: 10px; margin-left: 5px;}

.AdminClientBirth      { font-size: 12px; color: var(--maincolor); display: block; }
.AdminClientBirthValue { font-size: 24px; background-color: var(--maincolor66); width: 50px; height: 45px; color: white; font-weight:500; float:right; text-align: right; padding-right:25px; padding-top:9px; position: relative; top: -44px; }

.AdminClientExpireValue { font-size: 16px; background-color: var(--maincolor66); width: 100px; height: 40px; color: white; font-weight:500; float:right; text-align: right; padding-right:6px; padding-top:14px; position: relative; top: -44px; }

.AdminClientMruValue    { font-size: 17px; background-color: var(--maincolor66); width: 70px; height: 35px; color: white; font-weight:400;
                          float:right; text-align: center; padding-right: 10px; padding-left: 10px; padding-top:19px; position: relative; top: -44px; }


.TopTable       { width: 310px; padding: 0; border-collapse: collapse; font-family: "Trebuchet MS"; margin-top: 8px; }
.TopTableHeader { font-size: 13px; text-align: left;  background-color: var(--maincolor); color: white; padding: 10px; font-weight: 100;  }
.TopTablePos    { font-size: 11px; text-align: right; background-color: var(--maincolor33); border-top: 1px solid white; width:  20px; max-width:  20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 8px; }
.TopTableName   { font-size: 15px; text-align: left;  background-color: var(--maincolor33); border-top: 1px solid white; width: 160px; max-width: 160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 10px; padding-bottom: 10px; padding-right: 5px; cursor: pointer; }
.TopTableData   { font-size: 15px; text-align: right; background-color: var(--maincolor66); border-top: 1px solid white; width: 110px; max-width: 110px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 5px; padding-right: 10px;  color: white; cursor: pointer;  }
.TopTableMunt   { font-size: 11px; margin-left: 6px; }

.TopTableBirth  { font-size: 15px; text-align: left;   background-color: var(--maincolor33); border-top: 1px solid white; width: 160px; max-width: 160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 10px; padding-bottom: 10px; padding-left: 10px;  cursor: pointer; }
.TopTableAge    { font-size: 24px; text-align: center; background-color: var(--maincolor66); border-top: 1px solid white; width: 55px;  max-width:  55px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; cursor: pointer;  color: white; }
.TopTableMru    { font-size: 15px; text-align: left;   background-color: var(--maincolor33); border-top: 1px solid white; width: 175px; max-width: 170px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 10px; padding-bottom: 10px; padding-left: 10px;  padding-right: 5px; cursor: pointer;  }

.TopTableDate   { font-size: 18px; text-align: center; background-color: var(--maincolor66); border-top: 1px solid white; width: 100px; max-width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; cursor: pointer;  color: white; }




.MainMaps { width: 100%; height: 500px; }


.TablePortfolios tr:hover {background-color: var(--maincolor99); }

.TablePortfolios      { width: 100%; font-family: "Trebuchet MS";  font-style: normal; font-size: 14px; font-weight: normal; border-spacing: 0; }
.TablePortfoliosCell  { border-bottom: 1px solid var(--gridlines);  padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px;    }
.TablePortfoliosName  { width: 35%; border-bottom: 1px solid var(--gridlines);  padding-top: 6px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; cursor: pointer;  font-size: 15px; font-weight: bold; letter-spacing: -0.5px; }
.TablePortfoliosCheck { width: 25px; border-bottom: 1px solid var(--gridlines); padding-top: 6px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; cursor: pointer;  font-size: 15px; font-weight: bold; }
.TablePortfoliosValue { border-bottom: 1px solid var(--gridlines); padding-top: 6px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px;   font-size: 16px; font-weight: bold; }
.TablePortfoliosTotal {                                            padding-top: 6px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px;    font-size: 16px; font-weight: bold; }
.TablePortfoliosCode  { color: silver; font-size: 12px; font-weight: normal;  display: block; }

.TablePortfoliosClientname { font-size: 13px; font-weight: normal; }


.TablePortfoliosSubtitle { font-size: 18px; font-weight: normal; padding-left: 5px; padding-bottom: 10px;  }
.TablePortfoliosSubtotal { padding-top: 6px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px;  font-size: 16px; font-weight: bold; }

.TableHoldings { width: 100%; font-family: "Trebuchet MS";  font-style: normal; font-size: 14px; font-weight: normal; border-spacing: 0; }

.TableHoldings tr:hover {background-color: var(--maincolor99); }


.TableNormalName    { border-bottom: 1px solid var(--gridlines); padding-top: 6px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; cursor: pointer;  font-size: 15px;
                      white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  width: 250px; letter-spacing: -0.5px; }

.TableHoldingsRow   { vertical-align: top; }
.TableHoldingsTitle { border-bottom: 1px solid var(--titlelines); padding-top: 12px; padding-bottom: 2px;  font-size: 15px; color: var(--titletext); }
.TableHoldingsHead  { border-bottom: 1px solid var(--titlelines); padding-top: 12px; padding-bottom: 5px;  font-size: 13px; color: var(--titletext); font-weight: bold; }
.TableHoldingsCell  { border-bottom: 1px solid var(--gridlines);  padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; cursor: pointer;  }
.TableHoldingsName  { border-bottom: 1px solid var(--gridlines);  padding-top: 6px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; cursor: pointer;  font-size: 15px; font-weight: bold;
                      white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  width: 250px; letter-spacing: -0.5px; }

.TableHoldingsValue { border-bottom: 1px solid var(--gridlines);  padding-top: 6px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; cursor: pointer;  font-size: 14px; font-weight: bold; }
.TableHoldingsMunt  { color: silver; font-size: 12px; font-weight: normal; margin-left: 8px; letter-spacing: 0.0px; }
.TableHoldingsIsin  { color: silver; font-size: 12px; font-weight: normal; margin-left: 5px; display: inline-table; letter-spacing: 0.0px; }

.TableHoldingsTotalold { padding-top: 10px; font-weight: 700; border-top: 1px solid var(--gridlines); padding-bottom: 10px; }
.TableHoldingsTotal    { padding-top: 10px;                                                           padding-bottom: 10px; }
.TableHoldingsSubTotal { padding-top: 7px;  font-weight: 700; border-top: 0px solid var(--gridlines); padding-bottom: 3px; }

.TableHoldingsExternal { background-color: var(--maincolorext); }
.TableHoldingsExpired  { color: silver; }
.TableHoldingsSelected { background-color: var(--maincolor33); }
.TableHoldingsMarked   { background-color: var(--markercolor); }

.LabelCenter { text-align: center; }
.LabelRight  { text-align: right; }
.LabelQuant  { text-align: right;  width:  60px; padding-right:10px; }
.LabelPrice  { text-align: right;  width:  60px; padding-right:10px; }
.LabelValue  { text-align: right;  width:  85px; padding-right:10px; }
.LabelTotval { text-align: right;  width:  95px; padding-right:10px; letter-spacing: -0.5px; }
.LabelCurr   { text-align: center; width:  55px; }
.LabelLeft   { text-align: left;   width: 100px; }
.LabelSmall  { width: 35px; }
.LabelDate   { width: 60px; }
.LabelWeight { width: 50px; text-align: right; }
.LabelMarket { width: 150px; }
.LabelName   { width: 250px; }
.LabelNameL  { width: 300px; text-align: left; }
.LabelName50 { width: 350px; text-align: left; }

.LabelEllipsWerktNIET { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }


.LabelNegative { color: red; }
.LabelSilver   { color: silver; }
.LabelBold     { font-weight: bold; }
.LabelTotal    { border-top: 2px solid var(--maincolor); font-weight: 700; letter-spacing: -0.5px; }
.LabelEdit     { color: var(--titletext); cursor: text; }
.CursorEdit    { cursor: text; }

.LabelRisk  { width: 80px; height: 17px; }




.TableProductHead   { border-bottom: 1px solid var(--titlelines); padding-top: 6px; padding-bottom: 6px; font-size: 14px; font-weight: bold; color: var(--titletext); }
.TableProductCell   { border-bottom: 1px solid var(--gridlines);  padding-top: 6px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; cursor: pointer;  }
.TableProductQuant  { border-bottom: 1px solid var(--gridlines);  padding-top: 6px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; cursor: pointer; font-size: 15px; font-weight: bold; }
.TableProductValue  { border-bottom: 1px solid var(--gridlines);  padding-top: 6px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; cursor: pointer; font-size: 14px; font-weight: bold; }

.TableProductClient { border-bottom: 1px solid var(--gridlines);  padding-top: 6px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; cursor: pointer; font-size: 15px; font-weight:bold;
                      white-space: nowrap; text-overflow: ellipsis; overflow: hidden;     }
.TableProductStock  { border-bottom: 1px solid var(--gridlines);  padding-top: 6px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; cursor: pointer; font-size: 15px; font-weight:bold; width : 300px; white-space: nowrap }


.TableProductClientnr { color: silver; font-size: 12px; font-weight: normal;  display: block;  }

.TableProductTotal { border-top: 2px solid var(--maincolor); padding-top: 6px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; cursor: pointer; font-size: 15px; font-weight: bold; }



.ClientLinkDetail { color: silver; font-size: 12px; font-weight: normal; display: block;  }

.ClientLinkAddress { color: silver; font-size: 13px; font-weight: normal; margin-left: 5px; }


.TableClientLink {  width: 100%; font-family: "Trebuchet MS";  font-style: normal; font-size: 14px; font-weight: normal; border-spacing: 0; margin-top: 10px; }

.TableClientLinkName { border-bottom: 2px solid white; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; background-color: #f6f6f6; color: #66757f; font-size: 15px; font-weight:bold;  }
.TableClientLinkCell { border-bottom: 2px solid white; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; background-color: #f6f6f6;   }

.TableClientLinkButton         { font-family: Arial; color: #ffffff; font-size: 16px; background: var(--maincolor); padding: 6px 20px 6px 20px; text-decoration: none; border: 0; margin-top: 10px; margin-bottom: 10px; }
.TableClientLinkButtonDisabled { font-family: Arial; color: #b9b9b9; font-size: 16px;                               padding: 6px 20px 6px 20px; text-decoration: none; border: 0; margin-top: 10px; margin-bottom: 10px; }
.TableClientLinkButton:hover   { background: #0b7dda; }


.ScreenerSaveButton   { cursor: pointer; width:135px; display: inline-table; margin-left: 10px; }
.ScreenerExportButton { cursor: pointer; width:95px; display: inline-table; margin-left: 433px; }




.ClientFiche { width: 600px;  margin: 0 auto;    font-family: "Trebuchet MS";  font-style: normal; font-size: 16px; font-weight: normal; border-spacing: 0; margin-top: 10px;
               border-top: 1px solid silver;
               border-right: 1px solid silver;
               margin-top: 40px; margin-bottom: 50px;  }

.ClientFicheLine { width: 100%;  }

.ClientFicheField { display: inline-grid;
                    border-left: 1px solid silver;
                    border-bottom: 1px solid silver;
                    padding-top: 6px; padding-left: 6px; padding-bottom: 6px; padding-right: 0px;
                    margin-left : 0px; margin-right: 0px;
                    font-weight: bold;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
                    vertical-align: top;
                    min-height: 45px;
                    cursor: default;
                  }

.FicheFieldEdit  { color: var(--maincolor); cursor: text; min-width: 40px; }

.FicheFieldEdit2 { color: var(--maincolor); cursor: text;  }
.FicheFieldEdit2:empty:not(:focus):before { content: attr(data-placeholder); color: var(--maincolor66);  }


.ClientFicheLabel { font-size: 12px; font-weight: bold; display: block; padding-bottom: 10px; color: silver; }

.ClientFicheCheckBox { font-size: 13px; margin-top: 17px; }

.FieldFull     { width: 588px; }

.FieldName     { width: 349px; }
.FieldStatus   { width: 150px; }
.FieldSexe     { width:  80px; }

.FieldPortName { width: 500px; }
.FieldMunt     { width:  80px; }

.FieldAddress  { width: 300px; }
.FieldPostal   { width:  70px; }
.FieldPlace    { width: 209px; }

.FieldBirth    { width: 150px; }
.FieldRegister { width: 200px; }
.FieldCountry  { width: 229px; }

.FieldEmail    { width: 260px; }
.FieldPhone    { width: 156px; }
.FieldFilenr   { width: 87px; }
.FieldVaria    { width: 64px; }

.FieldExtern   { width: 200px; }
.FieldPortRef  { width: 198px; }
.FieldUpload   { width: 180px; }

.FieldClass    { width: 270px; }
.FieldClassxx    { width: 292px; }
.FieldFill2    { width: 326px; }

.FieldLevel    { width:  60px; }
.FieldRetire   { width: 110px; }
.FieldNetPens  { width: 116px; }
.FieldFiller   { width: 132px; }

.FieldFiscal   { width: 419px; }
.FieldFiscal2  { width: 328px; }
.FieldPension  { width:  70px; }
.FieldPeriod   { width:  90px; }
.FieldMarker   { width:  80px; }

.FilterPanel { width: 220px; float: left;  font-family: "Trebuchet MS"; font-size: 14px; margin-right: 8px;   }
.MainPanel   { width: 270px; float: left;    }


.FilterOpen   { margin-bottom: 3px; cursor: pointer; box-sizing: border-box; height: 100%;  }
.FilterClosed { margin-bottom: 3px; cursor: pointer; box-sizing: border-box; height: 30px;   }

.FilterClosed:before { content: "\002b"; float: right; margin-top: 5px; font-size: 17px; margin-right:10px; }
.FilterOpen:before   { content: "\2013"; float: right; margin-top: 5px; font-size: 17px; margin-right:10px; }

.FilterMainTitle { background-color: #e6e7e9; padding: 5px 15px; font-size: 16px; }
.FilterTitle     { background-color: #e6e7e9; padding: 5px 15px; font-size: 16px; }

.FilterBody { border-left:   1px solid #eee;
              border-bottom: 1px solid #eee;
              border-right:  1px solid #eee;
              background-color: white;
              margin-bottom: 10px; }

.FilterItem { padding: 5px 15px;   }









.chartcontainer    { width: 1010px; height: 550px; margin: 0 auto; margin-top: 20px; display: block; }
.chartcontainerold { width: 1065px; height: 550px; margin: 0 auto; margin-top: 20px; display: block; }



.DashboardTileold{ width: 214px; height: 100px; background-color: var(--maincolor); color: white;  font-family: "Trebuchet MS";
                   padding: 10px; border: 0px; text-align: left; display: inline-table;  }

.DashboardTile { width: 214px; height: 100px; font-family: "Trebuchet MS";  background-color: var(--backcolor);
                 padding: 10px; border: 0px; text-align: left; display: inline-table;  }
.NormalTile { margin-right: 20px; }
.LastTile   { margin-right: 0px; }

.DashboardTileTitle    { font-size: 13px; white-space: nowrap; text-overflow: ellipsis;   width: 200px;
  border-bottom: 1px solid #e4e9f0; }

.DashboardTileSubTitle { font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  width: 200px; color: #c4bcbc; }
.DashboardTileValue    { font-size: 32px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  width: 200px; font-weight: 600; margin-top: 15px; letter-spacing: -1.0px; }
.DashboardTileSubText  { font-size: 17px; display: inline-table; padding-left: 4px; font-style: normal;  font-weight: normal;    position: relative; top: -0.9em; }

.DashboardTileSpan { border-bottom: 3px solid var(--maincolor); }

.TileArrow { background-image: url("https://toolkit.moneyflow.be/images/Tile_Arrow_Gold.PNG");
             background-repeat: no-repeat;
             background-size: 50px;
             background-position: 170px 20px;
           }



.cardbox { display: inline-table;
           margin-right: 20px; margin-bottom: 20px;
           width: 250px; height: 70px;
           box-shadow: 0 1px 3px rgba(51, 51, 51, 0.1);
           border: 1px solid rgba(0, 0, 0, 0.125);
           border-radius: 0.2rem;

           padding-top: 1rem;
           padding-right: 1.2rem;
           padding-bottom: 1rem;
           padding-left: 1.2rem;
           background-color: var(--backcolor);
           cursor: pointer;
         }

.cardboxtitle { text-align: center;
                font-family: "Trebuchet MS";
                font-size: 1.15rem;
                line-height: 1.2;
              }

.cardboxcomment { text-align: center;
                  font-family: "Trebuchet MS";
                  font-size: 0.85rem;
                  line-height: 1.2;
                  padding-top: 6px;
                }

.cardboxsubtitle {
                   font-family: "Trebuchet MS";
                   font-size: 1.30rem;
                   padding-top: 7px;
                   padding-bottom: 12px;
                 }


.ScreenerParams     { background-color: var(--backcolor); padding-bottom: 10px; padding-left: 25px;  }
.ScreenerHeader     { height: 53px; }
.ScreenerHeaderEmpty { height: 18px; }
.ScreenerParam      { background-color: white;   padding: 2px; margin-bottom: 5px; margin-right: 100px;  border-radius: 0px;  }
.ScreenerParamBlock    { height: 36px; font-family: "Trebuchet MS"; display: inline-table; padding-left: 10px; padding-top: 5px; font-weight: 500; font-size: 14px;   }
.ScreenerParamBlockLow { height: 28px; font-family: "Trebuchet MS"; display: inline-table; padding-left: 10px; padding-top: 1px; padding-bottom: 2px; font-weight: 500; font-size: 14px;   }
.ScreenerParamEdit  { width: 110px; padding-left: 8px; height: 28px; border: 1px solid #CCC; border-color: #e0e4e9; margin-top: 5px; }
.ScreenerParamCombo { width: 256px; height: 32px; margin-top: 5px; }
.ScreenerParamTitle { width: 400px; font-size: 16px; font-weight: 700;}



.DossierPanel  { background-color: white;   padding: 2px; margin-bottom: 10px; }
.DossierClient { background-color: var(--maincolor33); border-radius: 3px; margin-bottom: 7px; margin-right: 9px; font-family: "Trebuchet MS"; font-size: 13px;
                 padding-left: 25px; padding-right: 25px; padding-top: 7px; padding-bottom: 7px;                display: inline-table; cursor: pointer; }
.DossierCode { font-size: 10px; color: silver; padding-left: 10px; }



.ClosePanel { background-color: var(--maincolor33); display: inline-table;
              font-family: "Trebuchet MS"; font-size: 13px;
              margin-right: 8px; margin-bottom: 9px; padding-right: 15px; padding-top: 7px; padding-bottom: 7px; }

.CloseTag   { margin-left: 10px; margin-top: 3px; margin-bottom: 3px; margin-right: 8px;
              background-color: white;  color: gray;
              display:inline-block; padding-right: 3px; padding-left: 3px;  }

.MessagePanel { display: inline-table;
                font-family: "Trebuchet MS"; font-size: 13px;
                margin-right: 8px; margin-bottom: 9px; padding-right: 15px; padding-top: 7px; padding-bottom: 7px; }


.LinkPanel    { padding: 2px; margin-bottom: 10px; }
.Background99 { background-color: var(--maincolor99); }

.DossierAddClient { display: inline-table; cursor: pointer;  font-family: "Trebuchet MS"; font-size: 15px; margin-left: 6px;  }
.PlusSign         { font-size: 22px; margin-right: 3px; font-weight: 1000;   position: relative; top: +0.1em;  }

div.upload {
    background-color:#fff;
    border: 1px solid #ddd;
    border-radius:5px;
    display:inline-block;
    height: 30px;
    padding:3px 40px 3px 3px;
    position:relative;
    width: auto;
}

div.upload:hover { opacity:0.95; }

div.upload input[type="file"] {
    display: input-block;
    width: 100%;
    height: 30px;
    opacity: 0;
    cursor:pointer;
    position:absolute;
    left:0;
}

.uploadButton {
    background-color: var(--maincolor);
    border: none;
    border-radius: 3px;
    color: #FFF;
    cursor:pointer;
    display: inline-block;
    height: 30px;
    margin-right:15px;
    width: auto;
    padding: 0px 20px 0px 20px;
    box-sizing: content-box;
}





.normalButton {
    background-color: var(--maincolor);
    border: none;
    border-radius: 3px;
    color: #FFF;
    cursor:pointer;
    display: inline-block;
    height: 30px;
    margin-right:15px;
    width: auto;
    padding: 6px 20px 0px 20px;
    box-sizing: content-box;
}

.normalButton:hover { background: var(--maincolor66); }


.imagelist { max-width: 100%; padding-left: 0px; }

.imageitem { display: inline-block;
             padding-right: 59px;
             padding-bottom: 25px;
           }

.imageitemright {
                  display: inline-block;
                  padding-right: 0px;
                  padding-bottom: 25px;
                }

.imagefooter  { width: 100%; Height: 100px; border-top: 1px solid #e0e0e0; margin-top: 30px; padding-top: 10px;   }


.badge {
         font-size: 65%;
         line-height: 1;
         padding: .25em .4em;
         display: inline-block;
         background-color: #b1c9e1;
         margin-left: 4px;

         color: #ffffff;
       }

.badge-pill {
              border-radius: .125rem;
              background-color: #ffffff;
              border: 1px solid var(--silvercolor);
              color: #66757f;
            }


.MarkerBadge {
                background-color: var(--markercolor);
                border: 1px solid var(--silvercolor);
                border-radius: .125rem;
                display: inline-block;
                color: #66757f;
                padding-left: 10px;
                padding-right: 10px;
                padding-top: 3px;
                padding-bottom: 3px;
                font-family: Arial;
                font-size: 11px;
                margin-left: 3px;
                margin-right: 3px;
              }

.MarkerBadgeSmall {
                background-color: var(--markercolor);
                border: 1px solid var(--silvercolor);
                border-radius: .125rem;
                display: inline-block;
                color: #66757f;
                padding-left: 8px;
                padding-right: 8px;
                padding-top: 0px;
                  padding-bottom: 2px;
                font-family: Arial;
                font-size: 11px;
                margin-left: 8px;
              }


.DossierBadge {
                background-color: #ffffff;
                border: 1px solid var(--silvercolor);
                border-radius: .125rem;
                display: inline-block;
                color: #66757f;
                padding-left: 10px;
                padding-right: 10px;
                padding-top: 3px;
                padding-bottom: 3px;
                font-family: Arial;
                font-size: 11px;
                margin-left: 3px;
                margin-right: 3px;
              }


.DossierBadgeSmall {
                background-color: #ffffff;
                border: 1px solid var(--silvercolor);
                border-radius: .125rem;
                display: inline-block;
                color: #66757f;
                padding-left: 8px;
                padding-right: 8px;
                padding-top: 0px;
                padding-bottom: 0px;
                font-family: Arial;
                font-size: 11px;
                margin-left: 8px;
              }

.ComfortBadge {
                background-color: #78f7c8;
                border: 1px solid var(--silvercolor);
                border-radius: .125rem;
                display: inline-block;
                color: #66757f;
                padding-left: 10px;
                padding-right: 10px;
                padding-top: 3px;
                padding-bottom: 3px;
                font-family: Arial;
                font-size: 11px;
                margin-left: 3px;
                margin-right: 3px;
              }


.BasicBadge {
                border: 1px solid var(--silvercolor);
                border-radius: .125rem;
                display: inline-block;
                color: #66757f;
                padding-left: 10px;
                padding-right: 10px;
                padding-top: 3px;
                padding-bottom: 3px;
                font-family: Arial;
                font-size: 11px;
                margin-left: 3px;
                margin-right: 3px;
              }

.RisicoBlock {
               display: inline-block;
               font-family: Arial;
               font-size: 10px;
               border: 1px solid var(--silvercolor);
               padding-left: 4px;
               padding-right: 4px;
               margin-left: -1px;
               padding-top: 3px;
               padding-bottom: 3px;
             }

.RisicoActive { border: 2px solid var(--bodytxtcolor); }

.RisicoColor4 { background-color: #f7a162; }
.RisicoColor0 { background-color: #eaf2ff; }
.RisicoColorO { background-color: var(--maincolor); }

.fileName {
    font-family: Arial;
    font-size:14px;
}

.upload + .uploadButton { height:38px; }

















#loader { position: absolute; left: 50%; top: 35%;
          z-index: 1;  width: 150px;  height: 150px;
          margin: -75px 0 0 -75px;
          border: 16px solid #f3f3f3;
          border-radius: 50%;
          border-top: 16px solid var(--maincolor);
          width: 80px; height: 80px;
          -webkit-animation: spin 2s linear infinite;
          animation: spin 2s linear infinite;
        }

@-webkit-keyframes spin {  0% { -webkit-transform: rotate(0deg); }
                         100% { -webkit-transform: rotate(360deg); } }

@keyframes spin { 0% { transform: rotate(0deg); }
                  100% { transform: rotate(360deg); } }









.BirthdayAlert { color: white;
                 background: #cf9d9d;
                 font-size: 11px;
                 line-height: 1;
                 margin-left: 3px;
                 border-radius: 50%; width:18px;height:18px;
                 padding-left: 3px; padding-right: 3px;
                 padding-top: 2px; padding-bottom: 2px;
                 box-shadow:0 0 1px #333; }

.BirthdayAge { color: #66757f;
               background: #ffffff;
               border: 1px solid var(--silvercolor);
               font-size: 11px;
               line-height: 1;
               margin-left: 3px;
               border-radius: 50%; width:18px;height:18px;
               padding-left: 3px; padding-right: 3px;
               padding-top: 2px; padding-bottom: 2px;  }

.BirthdayAgeSmall { color: var(--maincolor);
                    background: white;
                    font-size: 10px;
                    line-height: 1;
                    margin-left: 3px;
                    border-radius: 50%; width:18px;height:18px;
                    padding-left: 3px; padding-right: 3px;
                    padding-top: 2px; padding-bottom: 2px; }




.ReturnsTableBlock { display: inline-table; margin-right: 90px; }

.BlockTable { display: inline-table; }
.BlockMargin50 { margin-right: 50px; }
.BlockMargin90 { margin-right: 90px; }
.BlockWidth800 { width: 800px; }
.BlockWidth900 { width: 900px; }
.BlockWidthFull { width: 1010px; }

.ReturnsTitle { font-family: "Trebuchet MS";  font-style: normal; font-size: 17px; margin-left: 8px; border-bottom: 1px solid var(--gridlines); }
.ReturnsTitleSpan { border-bottom: 3px solid var(--maincolor); }

.ReturnsTable { width: 300; font-family: "Trebuchet MS";  font-style: normal; font-size: 15px; font-weight: normal; border-spacing: 0; }

.ReturnsTableNameTitle   { width: 180px; text-align: left;  padding: 8px; }
.ReturnsTableReturnTitle { width: 120px; text-align: right; padding: 8px; }

.ReturnsTableName   { width: 230px; text-align: left;  padding: 8px; }
.ReturnsSpreiding   { width: 180px; text-align: left;  padding: 8px; }
.ReturnsTableReturn { width: 120px; text-align: right; padding: 8px; }
.ReturnsTableSmall  { width:  55px; text-align: right; padding: 8px; }

.UseTopLine { border-top: 1px solid var(--gridlines); }

.PdfExportLink { font-size: 13px;
                 float: right;
                 font-family: "Trebuchet MS";
                 margin-top: 15px;
                 cursor: pointer;
               }


.PdfExportLink:hover  { text-decoration: underline; color: var(--maincolor);}
.PdfExportLink:before { content: url('https://toolkit.moneyflow.be/images/icon_pdf_12x14.png');  padding-right: 6px; position: relative; top: 2px; }

.AlertBanner { width: 915px; margin: 0 auto; border: 1px solid transparent; background-color: #eaf2ff; border-color: #c8d5ff;
               padding-left: 80px; padding-top: 15px; padding-right:15px; padding-bottom: 15px;
               border-radius: .25rem;  font-family: "Trebuchet MS"; font-size: 15px; margin-top: 15px;
               line-height: 1.5;  }

.AlertTitle  { font-size: 18px; font-weight: bold; margin-bottom: 5px; }
.AlertPeriod { font-size: 14px; color: #81b4d7; position: relative; top: +5px; }

.AlertDays { float: right; margin-left: 5px; margin-right: 5px; position: relative; top: -18px;  }
.AlertDay  { font-family: "Trebuchet MS"; font-size: 32px; font-style: bold;    top: -48px;
             padding: 5px 5px 5px 5px;
             box-shadow: 0 1px 3px rgba(51, 51, 51, 0.1); border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.2rem;  }

.ZoomBox { display: inline-table;
           padding: 6px 11px;

           font-size: 14px;
           text-align: center;
           border: 1px solid #eee;
           background-color: #ffffff;
           margin-right: 8px;
           margin-top: 5px;
           float: left;
           cursor: pointer;
           min-width: 45px;

         }

.ZoomSelected { background-color: var(--maincolor99); }


.WizzardTable { width: 800px; border-spacing: 0; border-collapse: collapse;  background-color: #f4f5f6; }

.WizzardTable td { border-top: 1px solid #FFF; padding-top: 0.75em; padding-bottom: 0.75em; }

.WizzardTable_Header { text-align: left;
                             padding: 0.75em 0;
                             padding-left: 0px;
                             font-family: "proxima-nova-n5","proxima-nova","Arial",Verdana,sans-serif;
                             font-style: normal;
                             font-weight: 500;
                             background: #EAECEE;
                             border: none;
                             color: #99a8b2;
                      }



.LinksBadge { background-color: silver;
              color: white;
              font-size: 10px;
              border-radius: 50%;
              padding-left : 3px; padding-right : 3px;
              padding-top  : 1px; padding-bottom : 2px;
              margin-left: 3px;
            }

.BlindsPanel  { font-family: "Trebuchet MS"; font-size: 16px; font-weight: 700; width: 100%; background-color: var(--backcolor); }
.BlindsTitle  { margin-top: 16px; margin-bottom: 12px; }
.BlindsSplit  { width: 885px; border-bottom: 1px solid #d2d2d2; height: 5px; }
.BlindsSpacer { width: 885px;  height: 1px; }

.BlindsButton { color: var(--maincolor); font-size: 12px; font-weight: normal; margin-left: 3px; position: relative; top: 6px;     }
.BlindsExtra  { color: var(--silvercolor); font-weight: normal; font-size: 13px; float: right; margin-right: 100px; top: -25px; position: relative; }

.InputBox     { width: 110px; padding-left: 8px; height: 28px; border: 1px solid #CCC; border-color: #e0e4e9; margin-top: 5px; }
.InputLabel   { margin-left:25px; margin-right:5px; margin-top:5px; margin-bottom:5px; display: inline-table;  text-align: center; font-size: 14px; font-style: normal;  font-weight: 400;   }

.InputEdit    { margin-left:25px; margin-right:5px; margin-top:5px; margin-bottom:5px; height: 28px; font-size: 14px; font-style: normal; font-weight: 400;
                padding-left: 5px; }

.SuperEdit    { margin-right:0px; margin-top:5px; margin-bottom:5px;  font-size: 14px; font-style: normal; font-weight: 400;
                padding-left:8px; padding-right:8px;  height: 28px; border-radius: 0; border: 1px solid #CCC; border-color: #e0e4e9; }
.SuperEditExt { margin-left:0px;  margin-right:5px; margin-top:5px; margin-bottom:5px;  font-size: 14px; font-style: normal; font-weight: 400; width: 40px;
                color: silver; text-align: center;  height: 28px; border-radius: 0; border: 1px solid #CCC; border-color: #e0e4e9;
              border-left: 0px; background-color: var(--backcolor); }




.SpinnerButtonUp { content: '';  display: inline-block;
                     border-top-color: black; border-top-style: solid; border-top-width: 5px;
                     border-left-color: transparent; border-left-style: solid; border-left-width: 5px;
                     border-right-color: transparent; border-right-style: solid; border-right-width: 5px;
                   position: relative; width: 15px; height: 14px;  top: -31px;  left : 115px;      }
.SpinnerButtonDn { content: '';
                   position: relative; width: 15px; height: 14px;  top: -31px;  left : 115px;      border: 0px solid #dd2c2c; cursor: pointer; }



.WizzardLegend { position: relative;  list-style: none; margin-top: 10px; margin-bottom: 0px; float: left; }
.WizzardPie    { position: relative;  list-style: none; margin-top: 10px; margin-bottom: 0px; }

.WizzardLegendTable { font-family: "Trebuchet MS"; width: 385px;
                      font-style: normal; font-size: 14px; font-weight: normal; border-spacing: 0; }

.WizzardLegendLabel { border-bottom: 1px solid var(--gridlines); width: 170px;
                     padding-top: 6px;  padding-bottom: 6px;
                     padding-left: 5px; padding-right: 5px;
                     cursor: pointer;
                     font-size: 15px;
                     font-weight: normal;
                     white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  }

.WizzardLegendBar  { border-bottom: 1px solid var(--gridlines); width: 150px; }
.WizzardLegendProc { border-bottom: 1px solid var(--gridlines); width: 150px; text-align: center; }


.ProcentBar      { background-color: var(--chartcolorbk); padding: 2px; }
.ProcentBarValue { background-color: var(--maincolor); font-size: 10px;  }





.RiskColor  { background-color: silver;  }
.RiskColor0 { background-color: silver;  }
.RiskColor1 { background-color: #26a146; }
.RiskColor2 { background-color: #70aa46; }
.RiskColor3 { background-color: #c5d536; }
.RiskColor4 { background-color: #eca62a; }
.RiskColor5 { background-color: #dc6430; }
.RiskColor6 { background-color: #e3242b; }
.RiskColor7 { background-color: #b8252d; }

.BackColorWarning  { background-color: #ffe0e0; }
.BackColorContract { background-color: #f5dda9; }


.MoneyflowButton            { color: #ffffff; font-size: 15px; background: var(--maincolor); letter-spacing: 0.0px;
                              padding: 6px 20px 6px 20px; text-decoration: none; border: 0; }
.MoneyflowButton:hover      { background: #0b7dda; }

.MoneyflowSmallButton       { color: #ffffff; background: var(--maincolor); letter-spacing: 0.0px;
                              padding: 3px 20px 3px 20px; text-decoration: none; border: 0; }
.MoneyflowSmallButton:hover { background: #0b7dda; }



.MoneyflowTable     { font-family: "Trebuchet MS"; font-style: normal; font-size: 14px; font-weight: normal; border-spacing: 0; }
.MoneyflowTableRow  { font-style: normal; }
.MoneyflowTableHead { border-bottom: 1px solid var(--titlelines);
                      padding-top: 6px; padding-bottom: 6px; font-weight: bold; color: var(--titletext); }
.MoneyflowTableCell { border-bottom: 1px solid var(--gridlines); vertical-align: center;
                      padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; }

.MoneyflowTableCellName { border-bottom: 1px solid var(--gridlines);  padding-top: 6px;
                          padding-bottom: 6px; padding-left: 5px; padding-right: 5px; cursor: pointer;  font-size: 15px; font-weight: bold;
                          white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  width: 250px; letter-spacing: -0.5px; }

.MoneyflowTable tr:hover {background-color: var(--maincolor99); }


.CellLeft   { text-align: left; }
.CellRight  { text-align: right; }
.CellCenter { text-align: center; }
.CellTop    { vertical-align: top; }

.CellTitle  { border-bottom: 3px solid var(--maincolor); padding-bottom: 3px; }

.oldCellName { font-size: 15px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  width: 250px; }
.CellName   { font-size: 15px; font-weight: bold;  text-overflow: ellipsis; overflow: hidden;  width: 250px; letter-spacing: -0.5px; }
.CellDate   { text-align: center; width:  80px; }
.CellPrice  { text-align: right;  width: 100px; }
.CellCurr   { text-align: center; width:  55px; }
.CellValue  { text-align: right;  width:  85px; }
.CellTotal  { text-align: right;  width:  95px; font-weight: 700; }
.CellRisk   { text-align: center; width:   2px; padding: 2px; }

.CellBreak  { display: block; }
.CellInline { display: inline-table; }
.CellBlock  { display: inline-block; }

.SpanMunt    { color: var(--silvercolor); font-size: 12px; font-weight: normal; margin-left: 5px;  }
.SpanProcent { color: var(--silvercolor); font-size: 11px; font-weight: normal; margin-left: 4px;  }

.Width020 { width:  20%; }
.Width025 { width:  25%; }
.Width030 { width:  30%; }
.Width049 { width:  49%; }
.Width050 { width:  50%; }
.Width100 { width: 100%; }

.Width50  { width:  50px; }
.Width70  { width:  70px; }
.Width75  { width:  75px; }
.Width80  { width:  80px; }
.Width99  { width: 100px; }
.Width104 { width: 104px; }
.Width120 { width: 120px; }
.Width150 { width: 150px; }
.Width156 { width: 156px; }
.Width179 { width: 179px; }
.Width190 { width: 190px; }
.Width200 { width: 200px; }
.Width208 { width: 208px; }
.Width249 { width: 249px; }
.Width205 { width: 205px; }
.Width229 { width: 229px; }
.Width250 { width: 250px; }
.Width252 { width: 252px; }
.Width300 { width: 300px; }
.Width304 { width: 304px; }
.Width350 { width: 350px; }
.Width390 { width: 390px; }
.Width400 { width: 400px; }
.Width530 { width: 530px; }
.Width622 { width: 622px; }
.Width840 { width: 840px; }

.Height28 { height: 28px; }

.LineHeight15 { line-height: 1.5; }


.ColorSilver  { color: var(--silvercolor); }
.ColorFuture  { color: #9ea3ea; }
.ColorUp      { color: green; }
.ColorDown    { color: red; }

.BackcolorNormal { background: var(--backcolor); }
.BackcolorRed    { background: var(--redcolor);  }
.BackcolorWhite  { background: white; }

.FontNormal { font-family: "Trebuchet MS"; font-size: 14px; font-weight: normal; }
.FontLabel  { font-family: "Trebuchet MS"; font-size: 13px; font-weight: normal; }
.FontSmall  { font-size: 12px; font-weight: normal; }
.FontBold   { font-weight: bold; }
.Font10px   { font-size: 10px; }
.Font12px   { font-size: 12px; }
.Font16px   { font-size: 16px; }

.Margin5        { margin-left:  5px; }
.Margin10       { margin-left: 10px; }
.Margin12       { margin-left: 12px; }
.Margin20       { margin-left: 20px; }
.Margin25       { margin-left: 25px; }
.Margin50       { margin-left: 50px; }

.MarginRight50  { margin-right: 50px; }
.MarginRight90  { margin-right: 90px; }
.MarginRight100 { margin-right: 100px; }

.MarginTop3     { margin-top:  3px; }
.MarginTop5     { margin-top:  5px; }
.MarginTop10    { margin-top: 10px; }
.MarginTop20    { margin-top: 20px; }

.MarginBottom5  { margin-bottom:  5px; }
.MarginBottom10 { margin-bottom: 10px; }
.MarginBottom20 { margin-bottom: 20px; }

.Padding2     { padding: 2px; }
.Padding10    { padding: 10px; }
.PaddingTop10 { padding-top: 10px; }
.PaddingBottom10 { padding-bottom: 10px; }
.PaddingEditbox  { padding-left: 5px; padding-right: 5px; }
.PaddingRight5   { padding-right: 5px; }
.PaddingRight10  { padding-right: 10px; }
.PaddingRight50  { padding-right: 50px; }

.BorderTop      { border-top:    1px solid var(--gridlines); }
.BorderNoTop    { border-top:    0px solid var(--gridlines); }
.BorderBottom   { border-bottom: 1px solid var(--gridlines); }
.BorderNoBottom { border-bottom: 0px solid var(--gridlines); }
.BorderTotal    { border-top:    2px solid var(--maincolor); }
.BorderSilver   { border: 1px solid var(--silvercolor); }
.NoBorder       { border: 0px; }

.Selectable { cursor: pointer; }

.DivFloat   { float: left;  }
.FloatRight { float: right; }

.WidgetClass { width: 231px; background: var(--backcolor); border: 1px; padding: 5px; font-family: "Trebuchet MS"; font-size: 14px;  }
.WidgetTitle { font-size: 13px; font-weight: normal; margin-left: 4px; margin-bottom: 4px; }
.WidgetValue { font-size: 32px; font-weight: bold;   margin-left: 4px; letter-spacing: -1.0px; }
.WidgetSpan  { font-size: 11px; font-weight: normal; margin-left: 3px; position: relative; top: -15px; letter-spacing: 0.0px; }

.WidgetTotalClass { width: 231px; background: var(--backcolor); border: 1px; padding: 5px; font-family: "Trebuchet MS"; font-size: 14px;  }
.WidgetTotalTitle { font-size: 13px; font-weight: normal; margin-left: 4px; margin-bottom: 4px; color: var(--silvercolor); }
.WidgetTotalValue { font-size: 22px; font-weight: bold;   margin-left: 4px; letter-spacing: -1.0px; }
.WidgetTotalSpan  { font-size: 10px; font-weight: normal; margin-left: 3px; position: relative; top: -8px; letter-spacing: 0.0px; color: var(--silvercolor); }

.WidgetStockClass { background: var(--backcolor); border: 1px; padding: 5px; font-family: "Trebuchet MS"; font-size: 14px;  }
.WidgetStockTitle { font-size: 13px; font-weight: normal; margin-left: 4px; margin-bottom: 4px; color: var(--silvercolor); }
.WidgetStockValue { font-size: 22px; font-weight: bold;   margin-left: 4px; letter-spacing: -1.0px; }
.WidgetStockSpan  { font-size: 11px; font-weight: normal; margin-left: 3px; position: relative; top: -8px; letter-spacing: 0.0px;  }

.WidgetLink:hover   { text-decoration: none; }
.WidgetLink:active  { text-decoration: none; }

.PdfExportLink { margin-left: 5px; }

.PdfExportLink::before {
    width: 16px;
    vertical-align: middle;
    margin: 4px 0 2px 4px;
    padding: 4px 0 1px 0px;
    background-color: #fff;
    color: red;
    border: 1px solid red;
    border-top-right-radius: 7px;
    box-shadow: 1px 1px #ccc;
    font-size: 7.7px;
    font-weight: 700;
    font-family: sans-serif;
    line-height: 16px;
    text-decoration: none;
    display: inline-block;
    box-sizing: content-box;
    content: 'PDF';
    margin-right: 6px;
 }

 table tr div.HiddenButton { opacity:0; float:right; position: relative; top: 2px; }
 table tr:hover div.HiddenButton { opacity:1 }






.PrintPanel { display: inline-table;  cursor: pointer;
              border: 1px solid var(--silvercolor);
              font-family: "Trebuchet MS"; font-size: 13px;
              margin-right: 1px; margin-bottom: 6px;
              padding-left:10px; padding-right: 15px; padding-top: 3px; padding-bottom: 3px; }

.PrintPanelOn  { background-color: #D1B9934F;
                 clip-path: polygon(0 0, 90% 0%, 100% 25%, 100% 100%, 0% 100%, 0% 0%); }

.PrintPanelOff { color: #d0d0d0; }

.printmodal { display: none; /* Hidden by default */
              position: fixed; /* Stay in place */
              z-index: 1; /* Sit on top */
              padding-top: 100px; /* Location of the box */
              left: 0; top: 0;
              width: 100%; /* Full width */
              height: 100%; /* Full height */
              overflow: auto; /* Enable scroll if needed */
              background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
            }

.printmodal-content { background-color: #fefefe;
                      margin: auto;
                      padding: 20px;
                      border: 1px solid #888;
                      width: 36%; }

.dialogclosebutton { color: #aaaaaa;
                     float: right;
                     font-size: 28px;
                     font-weight: bold; }

.printtitle {font-family: "Trebuchet MS"; font-size: 20px; font-weight: bold; }

.dialogclosebutton:hover,
.dialogclosebutton:focus { color: #000;
                           text-decoration: none;
                           cursor: pointer;  }



.MoneyflowMenu:hover { background-color: #3498DB; color: #ffffff; }

.dropdown-content { display: none; position: absolute;
                    background-color: #f1f1f1;
                    min-width: 160px;
                    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
                    z-index: 1; }

.dropdown-content a { display: block;
                      padding: 8px 16px; text-decoration: none; }

.show { display:block; }

.WizzardRadioTable { font-family: "Trebuchet MS"; font-size: 16px; font-weight: normal;
                     width : 800px; background-color: white;
                   }