body                        {       background-color: #efefef;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    margin:0;
    padding:0;                                                      }
#header                     {       left: 0;
    top: 0;
    width: 100%;
    color: #e8e8e8;
    background-color: #232323;
    height: 45px;
    position: fixed;                                                    }
#mainBody                   {       left: 0;
    width: 1420px;
    height: 100%;}
.sideSearchBox              {       width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 30px;
    float: left;
    overflow: hidden;                                               }
.sideSearchText             {       width: 80%;
    padding: 10px 0 10px 15px;
    font-size: 12px;
    font-family: Montserrat, sans-serif;
    border: 0 none;
    height: 30px;
    color: #d2d2d2;
    outline: none;
    background: #424a4d;
    float: left;
    box-sizing: border-box;
    transition: all 0.15s;                                          }
.sideSearchText:focus       {       background: rgb(64, 151, 119);
    color:white;                                                    }
.sideSearchButton           {       border: 0 none;
    background-color: #3b4245;
    width: 20%;
    float: left;
    padding: 3px 0;
    text-align: center;
    height: 30px;
    cursor: pointer;
    font-size: 1.3em;                                               }
.sideSearchButton:hover     {       background-color:#424a4d;                                       }
.sideSearchButton
.material-icons             {       font-weight: normal;                                            }

.material-icons             {       font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';                                  }

a                           {       text-decoration: none;
    color:black;                                                    }
.sideBar                    {       z-index: 100;
    position: fixed;
    margin: 0;
    top: 45px;
    width: 210px;
    height: 100%;
    background-color: #232323;
    color: #e8e8e8;
    overflow: hidden;                                               }
.signOutContainer           {       width: 100%;
    cursor: pointer;
    padding: 5px;
    float: left;                                                    }
.signOutContainer
.material-icons             {       font-size: 14px;
    float: left;
    margin-left: 5px;
    margin-right: 5px;                                              }
#mainContentBox             {       float: left;
    margin-top: 45px;
    margin-left: 210px;
    /* height: 95%; */
    /* margin: 0; */
    width: 1200px;                                                  }
.userInfo                   {       float: left;
    height:80px;
    width:100%;
    background-color: #232323;
    -webkit-box-shadow: inset 0px 2px 5px 0px rgba(40, 40, 40, 0.75);
    -moz-box-shadow: inset 0px 2px 5px 0px rgba(40, 40, 40, 0.75);
    box-shadow: inset 0px 2px 5px 0px rgba(40, 40, 40, 0.75);
    border-bottom: 1px solid #474c50;                               }
#headerContent              {       position: fixed;
    /* position: absolute; */

    padding: 5px;
    overflow: hidden;                                               }
#headerContent
span[class ^= "fa"]     {       font-size: 1.5em;
    margin-left:10px;
    cursor:pointer;                                                 }
#navigationContent          {       float:right;
    padding:0;
    height:100%;
    margin:0;                                                       }
#navigationContent
ul                      {       padding:0;
    height:100%;
    margin:0;                                                       }
#navigationContent
ul > li                 {       height:100%;
    margin:0;
    list-style-type: none;
    font-size: 14px;
    display: table-cell;
    cursor: pointer;
    padding:5px 14px 4px 10px;                                      }
#navigationContent
li:hover                {       color:#FFFFFF;
    background-color: #424242;}
#navigationContent
ul > li:not(:last-child){       border-right: 1px solid #6e6e6e;                                }

.mainMenuButtonContainer    {       float:left;
    padding: 5px;                                                   }
.logoText                   {       float: left;
    padding: 7px 0 5px 10px;
    font-size: 18px;                                                }
.logoText
a                       {       font-family: 'Roboto', sans-serif;
    color: #FFFFFF;
    font-size: 18px;
    margin-left:10px;                                               }
.logoText
a:hover                 {       color: orangered;                                               }
.userFullName               {       float: left;
    display: inline-block;
    width: 100%;
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    padding: 5px 10px;                                              }
.windowCollection           {       box-sizing: border-box;
    float:left;                                                     }
.infoWindowHolder           {       float:left;
    margin-left:15px;
    margin-top:15px;                                                }
.infoWindow                 {       float:left;
    box-sizing: border-box;
    background-color: #ffffff;
    margin-left:15px;
    margin-top:15px;
    color: #383838;
    border: #D2D2D2 solid 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;                                             }
.borderlessInfoWindow       {       float:left;
    width:100%;
    background-color: #ffffff;
    margin-left:20px;
    margin-top:15px;
    color: #000000;                                                 }
.borderlessContainer        {       float:left;
    width: 97%;
    margin-left:15px;
    margin-top:10px;                                                }
.infoWindow
header                  {       color: #1f1f1f;
    box-sizing: border-box;
    padding: 10px 10px 5px 10px;
    margin-bottom:0;
    float:left;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    font-family: 'Roboto', sans-serif;                              }
.infoWindow
header
span[class ^= "fa"]     {       margin-right:5px;                                               }

.infoWindow
.material-icons             {       margin-right:5px;
    font-size: 16px;}

.infoWindowParagraph        {       display: inline-block;
    margin:5px 0;                                                   }
.infoWindowHeader           {       line-height: 1;
    vertical-align: text-top;                                       }
.hiddenClass                {       display: none;                                                  }
.shownClass                 {       display: block;                                                  }
.toggleHeader               {       position: relative;
    width: 100%;
    cursor:pointer;                                                 }
.headerWithMenu             {       position: relative;
    width: 100%;                                                    }
.buttonHeader               {       position: absolute;
    right: 0;
    padding: 3px 8px;;
    text-align: right;
    display: inline;
    white-space: nowrap;                                            }
.infoWindowContent          {       height:80%;
    width:95%;
    clear: left;
    padding:0 10px 10px 10px;
    overflow-y: auto;
    overflow-x: hidden;                                             }
fieldset                    {       border: 1px #CCCCCC solid;
    border-radius: 5px;                                             }
.lowContentHeight           {       height:75%;                                                     }
.mediumContentHeight        {       height:85%;                                                     }
.highContentHeight          {       height:92%;                                                     }
.quarterHeight              {       height: 200px;                                                  }
.thirdHeight                {       height: 300px;                                                  }
.halfHeight                 {       height: 400px;                                                  }
.threeQuarterHeight         {       height: 600px;                                                  }
.fullSetHeight              {       height: 800px;                                                  }
.autoHeight                 {       height: auto;                                                   }
.fullHeight                 {       height: 100%;                                                   }



.sixthWidth                 {       width:170px;                                                    }
.fifthWidth                 {       width:200px;                                                    }
.forthWidth                 {       width:240px;                                                    }
.quarterWidth               {       width:290px;                                                    }
.thirdWidth                 {       width:390px;                                                    }
.halfWidth                  {       width:580px;                                                    }
.twoThirdWidth              {       width:775px;                                                    }
.threeQuarterWidth          {       width:900px;                                                    }
.fullWidth                  {       width:1180px;                                                   }
.autoWidth                  {       width:97%;                                                      }

.width490                   {       width:490px;                                                    }
.width650                   {       width:650px;                                                    }
.width980                   {       width:980px;                                                    }

.scrollable                 {       overflow-y: auto;
    overflow-x: hidden;
    height: 20%;                                                    }
.floatBox                   {       float: left;                                                    }
.floatBoxRight              {       float: right;                                                   }
.floatClear                 {       clear: left;                                                    }
.halfBox                    {       float:left;
    width:48%;                                                      }
.thirdBox                   {       float:left;
    width:550px;                                                    }
.twoThirdBox                {       float:left;
    width:620px;                                                    }

.menuWindow                 {       float:left;
    box-sizing: border-box;
    margin-left:20px;
    margin-top:20px;                                                }
.sideBarList                {       margin-bottom: 3px;                                             }

.sideBarList
ul                      {       margin:0;
    padding: 0;
    width:98%;
    overflow: hidden;
    list-style: none;                                               }
.sideBarList
li                      {       cursor: pointer;
    width:190px;
    margin:0;
    margin-left: -40px;
    font-size: 12px;
    font-weight: lighter;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding:6px 0 6px 10px;
    color: #e3e3e3;
    border-top: #485053 1px solid;
    border-bottom: #2d3236 1px solid;                               }
.sideBarList
li:hover                {       background-color: #424a4d;
    border-top: #485053 1px solid;
    border-bottom: #2d3236 1px solid;                               }
.sideBarList
span[class ^= "fa"]     {       font-weight: lighter;
    width:14px;                                                     }
#sideBar
h3                      {       margin-top: 25px;
    font-weight: 200;
    padding-left: 10px;
    margin-bottom: 0;
    padding-bottom: 0;
    color:#d5d5d5;                                                  }
.clearfix                   {       clear: both;                                                    }

.toolCheckMenu              {       float: left;                                                    }
.toolCheckMenu
ul                      {       list-style: none;
    padding: 0 5px;                                                 }
.toolCheckMenu
li                      {       border: 1px #666666 solid;
    padding:5px 9px;
    width:160px;
    margin: 4px 0;
    color: #ffffff;
    font-size: 12px;
    background-color: #363b3f;
    cursor:pointer;                                                 }
.toolCheckMenu
span[class ^= "fa"]     {       font-size: 1.1em;
    margin-left:5px;
    margin-right: 10px;                                             }

.toolCheckMenu
li.buttonNotControlled  {       border: 1px #a1994b solid;
    background: #bbb355;                                            }
.toolCheckMenu
li.buttonNotControlled:hover{   border: 1px #a1994b solid;
    background: #c6be5a;
    color: #ffffff;                                                 }
.toolCheckMenu
li.buttonNotApproved    {       border: 1px #813311 solid;
    background: #B84523;                                            }
.toolCheckMenu
li.buttonNotApproved:hover{     border: 1px #6a2910 solid;
    background: #97381D;
    color: #ffffff;                                                 }
.toolCheckMenu
li.buttonApproved       {       border: 1px #486a56 solid;
    background: #639a80;                                            }
.toolCheckMenu
li.buttonApproved:hover {       border: 1px #456552 solid;
    background: #5c8d74;
    color: #ffffff;                                                 }
.toolCheckMenu
li.unchecked            {       color: #575757;
    border: 1px #c3c3c3 solid;
    background: #d6d6d6;                                            }
.productName                {       color: #2d3892;
    font-style: italic;
    font-weight: 100;                                               }
.narrowButton               {       width:40px;                                                     }

.genericTable               {       font-size: 10px;
    margin:5px 0;
    border-collapse: collapse;                                      }
.genericTable
thead                   {       background-color: #3c3c3c;
    font-size: 11px;
    color:white;
    margin:0 5px;                                                   }
.genericTable
.heading                    {       font-size: 14px;
    font-weight: 600;
    color:#000000;                                                  }
.genericTable
tr                      {       vertical-align: top;                                            }
.genericTable
tr.privateEquity td     {       background-color: #0b99ad;
    color:#FFFFFF;                                                  }
.genericTable
tr.privateEquity:hover td {     background-color: #0b768a;                                      }

.genericTable
tr.checkbox             {       vertical-align:middle;                                          }
.genericTable
th                      {       text-align: left;
    font-weight: 100;
    line-height: 14px;
    padding:4px 5px 4px 1px;
    font-size: 11px;                                                }
.genericTable
td                      {       line-height: 14px;
    padding:4px 8px 4px 2px;
    text-align: left;
    font-size: 11px;
    font-weight: 100;
    text-overflow: ellipsis;                                        }
.genericTable
td.noLineBreak          {       white-space: nowrap;
    border: 1px solid #000000;                                      }
.genericTable
td.limitedWidth         {       white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;                                        }
.genericTable
td.emptyContent         {       border: 1px solid #000000;
    background-color: yellow;                                       }
.genericTable
label                   {       white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;                                        }
.genericTable
.generalHeading             {       font-weight: 800;
    color:#000000;                                                  }
.genericTable
.indented                   {       text-indent: 15px;                                              }
.genericTable
.rightPadding               {       padding-right: 15px;                                            }
.genericTable
td.timeValue,
td.timeValue            {       text-align: right;                                              }
.genericTable
.financialValue             {       font-size: 12px;
    padding:4px 2px 2px 10px;
    text-align: right;
    color:#000000;;
    font-weight: 600;                                               }
.genericTable
.financialHeader            {       font-size: 12px;
    font-weight: 600;
    padding:4px 2px 2px 10px;
    text-align: right;
    color: #ffffff;;                                                }
.genericTable
.negativeValue              {       color: darkred;                                                 }
.genericTable
label                   {       line-height: 2;
    margin-right:10px;                                              }
.genericTable
.statusCell                 {       padding:0;                                                      }

.genericTable
th.SubHeading           {       padding-top: 10px;
    font-weight: 600;
    color: #323232;
    font-size: 12px;                                                }
.genericTable
th.columnHeading        {       padding-top: 4px;
    min-width:140px;
    font-weight: 600;
    color: #323232;
    font-size: 11px;                                                }
.genericTable
th.markedHeading1
{       padding:4px 6px;
    background-color: #008bd0;
    color:#FFFFFF;                                                  }
.genericTable
th.markedHeading2
{       padding:4px 6px;
    background-color: #260d96;
    color:#FFFFFF;                                                  }
.genericTable
th.fixedWidth140
{       width:140px;                                                    }
.genericTable
td.fixedWidth250
{       width:250px;                                                    }
.genericTable
td.fixedWidth400
{       width:400px;                                                    }

.genericTable
td.fixedWidth140
{       width:140px;                                                    }
.genericTable
th.fixedWidth70
{       width:70px;                                                     }
.genericTable
th.fixedWidth55
{       width:55px;                                                     }
.genericTable
td.selected             {       color: #0029ff;                                                 }
.scrollableTable            {       font-size: 10px;
    display:inline-block;
    margin:5px 0;
    border-collapse: collapse;                                      }
.scrollableTable
tbody                   {       overflow-y: scroll;
    font-weight: 100;
    display:block;                                                  }
.scrollableTable
thead                   {       background-color: #3c3c3c;
    font-size: 11px;
    font-weight: 600;
    color:white;
    margin:0 5px;                                                   }
.scrollableTable
tr                      {       vertical-align: top;                                            }
.scrollableTable
th                      {       line-height: 12px;
    text-align: left;
    font-weight: 100;
    padding:4px 5px 4px 1px;                                        }
.scrollableTable
td                      {       line-height: 12px;
    padding:4px 8px 4px 2px;
    text-align: left;
    font-size: 11px;
    font-weight: 100;
    color:#000000;
    text-overflow: ellipsis;                                        }
.scrollableTable
.financialValue             {       font-size: 12px;
    padding:4px 0 2px 10px;
    text-align: right;
    color:#000000;;
    font-weight: 600;                                               }
.scrollableTable
.statusCell                 {       padding:1px 0 0 0;                                                      }
.scrollableTable
th.fixedWidth140
{       width:140px;                                                    }
.nowrapTable                {       white-space: nowrap;
    overflow: hidden;                                               }
.formTable                  {       font-size: 10px;
    margin:5px 0;
    border-collapse: collapse;                                      }
.formTable
.heading                    {       font-size: 13px;
    font-weight: 600;
    color:#000000;
    padding:10px 2px 6px 4px;                                       }
.formTable
.financialValueHeading      {       font-size: 13px;
    padding:10px 8px 6px 10px;
    font-weight: 600;
    color:#000000;
    text-align: right;                                              }
.formTable
tr                      {       vertical-align: top;                                            }
.formTable
tr.checkbox             {       vertical-align:middle;                                          }
.formTable
th                      {       padding:2px 4px;
    text-align: left;
    font-size: 11px;
    font-weight: 400;
    color:#4b4b4b;                                                  }
.formTable
td                      {       padding:2px 4px;
    width:auto;
    text-align: left;
    font-size: 11px;
    font-weight: 100;
    color:#000000;                                                  }
.formTable
label                   {       white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;                                        }
.formTable
.indented                   {       text-indent: 15px;                                              }
.formTable
.financialValue             {       font-size: 11px;
    padding:7px 8px 2px 8px;
    text-align: right;
    color:#000000;;
    font-weight: 600;                                               }
.formTable
input.financialValue
{       padding:4px 10px 2px 10px;
    font-size: 12px;                                               }
.formTable
.negativeValue              {       color: darkred;                                                 }
.formTable
label                   {       line-height: 2;
    margin-right:10px;                                              }
.formTable
.statusCell                 {       padding:0;                                                      }
.formTable
th.SubHeading           {       padding-top: 10px;
    font-weight: 600;
    color: #323232;
    font-size: 12px;                                                }
.formTable
input                   {       padding:1px 3px;                                                }
.limitedStringLength        {       display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;                                        }
.stringLimit40              {       width:40px;                                                     }
.stringLimit50              {       width:50px;                                                     }
.stringLimit65              {       width:65px;                                                     }
.stringLimit80              {       width:80px;                                                     }
.stringLimit90              {       width:90px;                                                     }
.stringLimit130             {       width:130px;                                                    }
.stringLimit150             {       width:150px;                                                    }
.stringLimit180             {       width:180px;                                                    }
.stringLimit200             {       width:200px;                                                    }
.stringLimit250             {       width:250px;                                                    }
.stringLimit275             {       width:250px;                                                    }
.stringLimit300             {       width:300px;                                                    }

.fixedWidth40               {       width:40px;                                                     }
.fixedWidth50               {       width:50px;                                                     }
.fixedWidth65               {       width:65px;                                                     }
.fixedWidth80               {       width:80px;                                                     }
.fixedWidth90               {       width:90px;                                                     }
.fixedWidth130              {       width:130px;                                                    }
.fixedWidth150              {       width:150px;                                                    }
.fixedWidth180              {       width:180px;                                                    }
.fixedWidth200              {       width:200px;                                                    }
.fixedWidth250              {       width:250px;                                                    }
.fixedWidth275              {       width:250px;                                                    }
.fixedWidth300              {       width:300px;                                                    }

.limitedLength              {       width:250px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;                                        }
.limitedLength130           {       width:130px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;                                        }
.limitedLength150           {       width:150px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;                                        }
.limitedLength180           {       width:180px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;                                        }
.limitedLength200           {       width:200px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;                                        }
.genericList
li.ulHeading            {       color:#4c4c4c;
    font-size: 14px;
    font-weight: 600;
    margin-left:-40px;}
.genericList
ul                      {       padding: 0;
    width:100%;
    overflow: hidden;
    list-style: none;                                               }
.genericList
li:not(.noHover)        {       cursor: pointer;                                                }
.genericList
li                      {       display: block;
    width:100%;
    font-size: 11px;
    font-weight: lighter;
    color: #6b6b6b;
    margin:0;
    margin-left:-40px;
    padding:3px 0 3px 3px;
    border-top: transparent 1px solid;
    border-bottom: transparent 1px solid;                           }
.genericList
li.noWrap               {       display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;                                        }
.genericList
li:not(.noHover):hover  {       background-color: #424a4d;
    color: #e3e3e3;
    border-top: #485053 1px solid;
    border-bottom: #2d3236 1px solid;                               }


.link                       {       cursor: pointer;                                                }
.link:hover                 {       color:#000000;
    background-color: #DDDDDD;                                      }

.verified                   {       padding:0;
    margin:0;
    height:16px;
    border:1px solid #258a73;
    background-color: #29a72d;
    border-radius: 1px;
    width:5px;                                                      }
.unVerified                 {       padding:0;
    margin:0;
    height:16px;
    border:1px solid #d1ad25;
    background-color: #efc32f;
    border-radius: 1px;
    width:5px;                                                      }
.warning                    {       padding:0;
    margin:0;
    height:16px;
    border:1px solid #8d0020;
    background-color: #b10025;
    border-radius: 1px;
    width:5px;                                                      }
.information                {       padding:0;
    margin:0;
    height:16px;
    border:1px solid #080e4b;
    background-color: #08167d;
    border-radius: 1px;
    width:5px;                                                      }
.disabled                   {       padding:0;
    margin:0;
    height:16px;
    border:1px solid #353535;
    background-color: #4e4e4e;
    border-radius: 1px;
    width:5px;                                                      }
.beta                       {       vertical-align: super;
    font-size: 9px;
    color: #0b6d91;                                                 }

.toolButton                 {       float:right;
    color: #0b4b65;
    cursor:pointer;
    font-size: 12px;
    transition: all 0.15s;                                          }
.toolButton
span[class ^= "fa"]     {       color: #424a4d;
    font-size: 1.2em;
    margin-left:5px;                                                }
.toolButton:hover           {       color: #0b7f93;                                                 }
.isFavorites                {       color: #cfcf00;                                                 }
.passwordHolder             {       background-color: #0b99ad;
    border: solid 1px #0b7f93;
    font-size: 14px;
    color:#ffffff;
    padding:4px 15px;
    width:auto;                                                     }
.passwordLabel
th                      {       line-height: 2;
    color:#000000;                                                  }
.tableHiglightGreen         {       background-color: #439c5d;
    border: solid 1px #387945;
    font-size: 14px;
    color:#ffffff;
    padding:4px 15px;                                               }
.tableHiglightYellow        {       background-color: #ece857;
    border: solid 1px #b4b044;
    font-size: 14px;
    color: #000000;
    padding:4px 15px;
    width:auto;                                                     }
.tableHighlightRed          {       background-color: #9a1e1c;
    border: solid 1px #6a1616;
    font-size: 14px;
    color:#ffffff;
    padding:4px 15px;
    width:auto;                                                     }
.tableHighlightGrey         {       background-color: #c7c8c8;
    border: solid 1px #9b9c9c;
    font-size: 14px;
    color: #444444;
    padding:4px 15px;
    width:auto;                                                     }
.cellLimitedText            {       max-width:130px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;                                        }
.cellLimitedText220         {       max-width:220px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;                                        }
.MessageWindow              {       box-sizing: border-box;
    display: inline-block;
    margin:15px 0 0 10px;
    width:95%;
    padding:0;
    float:left;
    color:#000000;}
.MessageWindow
span[class ^= "fa"]     {       font-size: 1.2em;
    width:100%;
    margin-bottom: 5px;                                             }
#HeaderMessageHolder        {       position:absolute;
    left:850px;
    top:0;
    width:800px;
    height: 43px;                                                   }
.HeaderMessageWindow        {       float: left;
    padding: 10px 25px;
    border-radius: 4px;
    height:100%;
    margin:0;                                                       }
.HeaderWindowContent        {       float: left;
    display: inline;
    font-size: 16px;                                                }
.HeaderIconHolder           {       float: left;
    margin:2px 5px 3px 3px;
    width:25px;
    text-align: center;
    display: inline-block;
    font-size: 2.5em;                                               }
.SmallMessageContent        {       width:200px;
    margin: 10px;                                                   }
.MediumMessageContent        {      width:350px;
    margin: 10px;                                                   }
.LargeMessageContent        {       width:700px;
    margin: 0 5px;                                                  }
.levelWarning               {       background-color: #efc32f;
    border: #d1ad25 1px solid;                                      }
.levelInformation           {       border:1px solid #339bb4;
    background-color: #38b1cc;                                      }
.levelOk                    {       border:1px solid #299b84;
    background-color: #2cb29a;                                      }
.levelCritical              {       border:1px solid #c53f34;
    background-color: #e54d42;                                      }
.buttonHolderContainer      {       float:right;
    width:100%;
    display: inline-block;
    box-sizing: border-box;
    margin-left:20px;
    margin-top:20px;                                                }
.buttonHolder               {       float:right;
    margin-right: 5px;                                              }
.slimButtonHolderContainer  {       float:left;
    display: inline-block;
    box-sizing: border-box;
    margin-left:10px;                                               }
.wideButton                 {       width:200px;                                                    }
.customButton               {       display: inline-block;
    font-size: 12px;
    height: 36px;
    line-height: 3;
    padding-right: 10px;
    padding-left: 50px;
    position: relative;
    background-color: #074858;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin:5px 6px 5px 5px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 4px;
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
    cursor: pointer;                                                }
.customButton
.material-icons{       font-size: 1.5em;
    position: absolute;
    text-align: center;
    line-height: 36px;
    color: #FFFFFF;
    left: 0;
    width: 36px;
    background-color: rgba(0,0,0,0.5);
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right: 1px solid rgba(0,0,0,0.15);                       }
.customButton
.green                      {       background-color: rgb(34, 124, 100);                            }
.customButton:hover         {       background-color: rgb(14, 32, 47);                              }
.customSlimButton           {       float:left;
    display: inline-block;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    color: #FFFFFF;
    left: 0;
    height: 28px;
    width: 28px;
    margin:0 5px;
    background-color: #074858;
    border-radius: 5px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-right: 1px solid rgba(0,0,0,0.15);
    cursor: pointer;                                                }
.customSlimButton:hover     {       background-color: rgb(14, 32, 47);                              }
.wideButton                 {       width:200px;                                                    }
.customSmallButton          {       display: inline-block;
    height: 30px;
    line-height: 30px;
    padding-right: 20px;
    padding-left: 40px;
    position: relative;
    background-color: rgb(41,127,184);
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin:5px 6px 5px 5px;
    border-radius: 3px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    text-shadow: 0px 1px 0px rgba(0,0,0,0.5);
    cursor: pointer;                                                }
.customSmallButton
span[class ^= "fa"]     {       font-size: 1.1em;
    position: absolute;
    text-align: center;
    line-height: 30px;
    left: 0;
    width:30px;
    color: #FFFFFF;
    background-color: rgba(0,0,0,0.5);
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-right: 1px solid rgba(0,0,0,0.15);                       }
.customSmallButton:hover    {       background-color: #0b5b6e;                                      }
.customXSmallButton         {       display: inline-block;
    margin:5px 2px 0 2px;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    padding-right: 10px;
    padding-left: 30px;
    position: relative;
    background-color: rgb(41,127,184);
    color: rgb(255,255,255);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 3px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
    cursor: pointer;                                                }
.customXSmallButton
span[class ^= "fa"]     {       font-size: 1.1em;
    position: absolute;
    text-align: center;
    line-height: 20px;
    left: 0;
    width:20px;
    background-color: rgba(0,0,0,0.5);
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-right: 1px solid rgba(0,0,0,0.15);                       }
.customXSmallButton:hover   {       background-color: #0b5b6e;                                      }
.clickable                  {       cursor:pointer;                                                 }
.clickable:hover            {       background-color: #ebebeb;
    color:#000000;                                                  }

h3                          {       margin:8px 0 0 3px;
    color: #000000;                                                 }
.noteText                   {       font-size: 9px;
    color:darkred;                                                  }
input.financialValue        {       text-align: right;                                              }
#note                       {       margin: 15px 2px 5px;
    font-size: 12px;
    color: #00006a;
    font-style: italic;
    font-weight: 600;                                               }
input::placeholder          {       color: #ababab;                                                 }
.target1                    {       border-left: #fdde45 6px solid;                                 }
.target2                    {       border-left: #e75e00 6px solid;                                 }
.target3                    {       border-left: #008bd0 6px solid;                                 }
.target4                    {       border-left: #ff64be 6px solid;                                 }
.target5                    {       border-left: #dadada 6px solid;                                 }
.target6                    {       border-left: #06976e 6px solid;                                 }
.setWidth                   {       width:40px;
    text-align: right;
    padding-right: 5px;
    display: inline-block;                                          }
.windowContent              {       margin-top: auto;
    margin-bottom: auto;                                            }
.errorContent               {       background-color: #e06720;
    color:#000000;
    border: 1px solid #b45319;                                      }
.infoContent                {       background-color: #99e023;
    color:#000000;
    border: 1px solid #6d9c1a;                                      }
.alertContent               {       background-color: #e0d500;
    color:#000000;
    border: 1px solid #918600;                                      }
hr                          {       border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);  }
.industryButton             {       padding:4px 8px;
    margin-left:5px;                                                }
.calcField                  {       margin-left: 5px;
    display: inline-block;
    white-space:nowrap;                                             }
#signOut                    {       float:left;
    cursor: pointer;
    width:100%;
    color: rgb(219, 219, 219);
    font-family: 'Roboto', sans-serif;
    font-size: x-small;
    margin:0 20px;                                                  }
#signOut:hover              {       color: #ffffff;                                                 }
.CategoryButton             {       float:left;
    padding:5px 10px;
    border:1px solid #0b7d91;
    background-color: #0b99ad;
    color: #FFFFFF;
    cursor: pointer;                                                }

.favHistoryIdHolder         {       width:30px;
    text-align: right;
    height:100%;
    display: inline-block;
    margin-right: 8px;                                              }

.statusBorderOK             {       border-left:3px solid green;                                    }
.statusBorderWarning        {       border-left:3px solid #e93214;                                  }
.statusBorderProgress       {       border-left:3px solid #e7e91a;                                  }
.statusBorderNote           {       border-left:3px solid #234cca;                                  }
.statusBorderDisabled       {       border-left:3px solid #e1e1e1;                                  }
.statusBorderNone           {       border-left:3px solid transparent;                              }

#legend                     {       margin:5px 17px;
    font-size: 9px;
    width:100%;
    color: #000000;                                                 }
#legend
span                    {       padding-left: 3px;
    margin-left: 5px;                                               }

#helpIcon                   {       cursor: pointer;                                                }
#helpIcon:hover             {       color: #0b99ad;                                                 }
#helpWindow                 {       color: #042125;                                                 }
#helpWindow
h2                      {       margin:13px 0 4px 0;
    font-size: 14px;}
#helpWindow
p                       {       line-height: 16px;
    margin:5px 0;                                                   }
.messageBoxHolder           {       float:left;
    box-sizing: border-box;
    margin:20px 0 0 20px;
    border-radius: 2px;                                             }
.messageBox                 {       border: 1px solid #000000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding:15px 15px;
    vertical-align: top;
    font-size: 14px;
    line-height: 17px;
    display:inline-flex;
    width:94%;
    color: #000000;
    margin:3px 0;
    font-weight: 400;                                               }
.messageBoxContent          {       margin-top: auto;
    margin-bottom: auto;}
.messageBoxHeading          {       white-space: nowrap;
    margin-right:5px;
    font-weight: 800;
    margin-top: auto;
    margin-bottom: auto;}
.messageBox
span[class ^= "fa"]     {       margin-top: auto;
    margin-bottom: auto;
    margin-right:20px;
    font-size: 1.1em;                                               }
.TableMessageBox            {       border: 1px solid #000000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding:3px 4px;
    vertical-align: top;
    font-size: 11px;
    line-height: 12px;
    display:inline-flex;
    color: #000000;
    margin:0;
    font-weight: 400;                                               }
.TableMessageBox
span[class ^= "fa"]     {       margin:0 4px;
    font-size: 1.1em;                                               }


/* todo: REMOVE WHEN CONVERTED */
#InsertValue                {       display: block;
    white-space: nowrap;
    overflow: hidden;
    margin:1px 2px 0 5px;
    padding:4px 10px;
    color:#FFFFFF;
    cursor: pointer;
    -webkit-transition: .2s all;                                    }
#InsertValue
span[class ^= "fa"]     {       margin-right:5px;
    font-size: 1.1em;
    margin-top: auto;
    margin-bottom: auto;                                            }
#InsertValue:hover          {       background-color: #004860;
    border:1px solid #004860;
    margin:1px 5px 0 2px;                                           }

.valueMatch             {       background-color: #0f7a31;
    border:1px solid #1e5720;                                       }

.valueDiffer            {       background-color: #d3b832;
    border:1px solid #c6ab32;                                       }

.valueDefault           {       background-color: #006790;
    border:1px solid #004860;                                       }



.TransactionKeyWordsResult             {       float:left;
    width:95%;
    margin:10px 0;                                                  }
.TransactionKeyWordsContent            {       float:left;
    width:95%;
    margin:10px 0;                                                  }
.KeyWordItem                {       color: #FFFFFF;
    background-color: #00618e;
    border: 1px solid #003f5c;
    padding:5px 10px;
    border-radius: 2px;
    margin-right: 5px;
    float:left;
    font-size: 11px;
    cursor:pointer;                                                 }
.KeyWordItem:hover          {       background-color: #003f5c;
    border: 1px solid #003042;                                      }
.KeyWordItem
span[class ^= "fa"]     {       margin-left:5px;
    color: #003f5c;                                                 }
.KeyWordItem:hover
span[class ^= "fa"]     {       color: #FFFFFF;                                                 }
.selectedKeyWordItem        {       color: #FFFFFF;
    border-radius: 2px;
    background-color: #5b5b5b;
    border: 1px solid #363636;
    padding:5px 10px;
    margin-right: 5px;
    cursor:pointer;
    float:left;
    font-size: 11px;                                                }
.selectedKeyWordItem:hover  {       color: #FFFFFF;
    background-color: #777777;                                      }
.selectedKeyWordItem
span[class ^= "fa"]     {       margin-left:5px;
    color: #828282;                                                 }
.clicktoAdd                 {       padding:5px 10px;
    margin-right: 5px;
    float:left;
    font-size: 14px;                                                }

.companyItem                {       display: block;
    margin-bottom: 4px;                                             }
.notedButton                {       border: 1px solid darkred;
    background-color: #ab0000;
    color: white;
    width:auto;
    display: inline-block;
    padding:2px 5px;
    font-size: 9px;
    border-radius: 2px;
    margin:0;                                                       }

.infoWindowMenuHolder       {       float: right;
    min-width: 220px;
    margin:0;
    padding:0;
    display: inline-block;                                          }
.infoWindowMenuContent      {       display: none;
    right:10px;
    width:100%;
    margin-top: 8px;
    background-color: #000000;
    opacity: 0.8;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
    z-index: 1;                                                     }
.infoWindowMenuContent
li                      {       font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 100;
    margin-left: -40px;
    text-align: left;
    color: #e3e3e3;
    padding: 8px 0;
    text-decoration: none;
    display: block;
    cursor:pointer;
    border-top: transparent 1px solid;
    border-bottom: transparent 1px solid;                           }
.infoWindowMenuContent
li:hover                    {       background-color: #0b0b0b;
    opacity: 1;                                                     }
.infoWindowMenuContent
li
.menuLabel                  {       font-size: 14px;
    margin-top: 2px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px;                                               }
.infoWindowMenuContent
li
.menuIcon                   {       margin: 0 15px;
    float: left;                                                    }
.menuToggleOn               {       margin-right:10px;
    margin-top: -20px;
    float:right;
    color: #1fa000;                                                  }
.menuToggleOff              {       margin-right:10px;
    margin-top: -20px;
    float:right;
    color:#AAAAAA;                                                  }
.menuLabel
.infoWindowMenuContent
li:hover                {       color: #f5f5f5;
    background-color: #161d20;
    border-top: #485053 1px solid;
    border-bottom: #2d3236 1px solid;                               }
.infoWindowMenuButton       {       cursor: pointer;                                                }

.infoWindowMenuContent
span[class ^= "fa"]     {       margin-left:15px;
    margin-right:10px;                                              }
.infoWindowMenuContent
li.listDivider              {       border-top: 1px solid #AAAAAA;
    padding-left: 54px;
    font-size: 12px;
    color: #AAAAAA;
    padding-top: 7px;
    margin-top: 3px;
    padding-bottom: 0;
    pointer-events: none;                                           }
.menuShow                   {       display: block;                                                 }

.limitedHeight              {       height:150px;
    overflow: auto;                                                 }

.statusBorderNone           {       border-left: 4px solid transparent;                             }
.statusBorderGreen          {       border-left: 4px solid #06976e;                                 }
.statusBorderGrey           {       border-left: 4px solid #dadada;                                 }
.statusBorderYellow         {       border-left: 4px solid #fdde45;                                 }
.statusBorderBlue           {       border-left: 4px solid #008bd0;                                 }
.statusBorderRed            {       border-left: 4px solid #e75e00;                                 }
.headerMenuBar              {       height:45px;
    position: fixed;
    width:80%;

    top: 0;
    left:205px;                                                     }
.headerMenuBar
.customButton               {       z-index: 10;
    border: 1px solid white;
    height:34px;                                                    }
.headerMenuBar .buttonHolder{       float: right;                                                    }
.headerMenuBar .customButton .material-icons {
    height:34px;                                                    }
.dealIdBox                  {       float: left;
    display: inline-block;
    border: 1px solid #000000;
    color: #FFFFFF;
    padding: 5px 9px;
    font-size: 16pt;
    margin: 3px;                                                    }
.greenBox                   {       background-color: #0a4a10;
    border:1px solid #08370b;                                       }
.yellowBox                  {       background-color: #939117;
    border:1px solid #605e0f;                                       }
.redBox                     {       background-color: #910f24;
    border:1px solid #630a20;                                       }
.greyBox                    {       background-color: #7b7b7b;
    border:1px solid #484848;                                       }
.dealTargetBox              {       height: 100%;
    margin:5px 15px 5px 5px;
    float: left;
    padding: 7px 5px;
    font-size: 16px;
    color: white;                                                   }
.dealBylineBox              {       float: left;
    margin:8px 15px;
    color: white;
    display: grid;                                                  }
.dealBylineBox
.dealBylineRow              {       display: inline-block;
    float:left;                                                     }
.dealBylineBox
.labelText                  {       width:80px;
    display: inline-block;
    font-size: 11px;                                                }
.dealBylineBox
.valueText                  {       font-size: 12px;
    font-weight: normal;                                            }
.headerMenuBar
.buttonHeader               {       color: white;
    float: right;
    margin: 5px 10px;
    position: relative;
    width: 32px;
    border: 1px solid white;
    border-radius: 5px;
    padding: 4px 6px 2px 0;                                         }






.greyInformationBox         {       float :left;
    display: inline-block;
    width:auto;
    padding: 0 5px;
    margin:0 8px 15px 0;
    background-color: #f3f3f3;
    border: 1px solid #d8d8d8;                                      }

.modal                      {       display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       800px;
    height:     40px;
    width:      410px;
    background: rgba(255, 255, 255, 0)
    url('../img/spinner.gif')
    no-repeat;
    background-size: 40px 40px;                                     }
body.loading                {       overflow: hidden;
    transition: linear 1s;                                          }
body.loading .modal         {       display: block;                                                 }
.highLighted                {       color: #4f4f4f;
    font-weight: 600;                                               }
.thinkingWindow             {       z-index: 999;
    padding:5px 10px;
    color: #adadad;
    font-weight: bold;
    font-size: large;                                               }
.spinner                    {       width: 50px;
    height: 50px;
    margin: 100px auto;
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out;            }

@-webkit-keyframes
sk-rotateplane          {       0% { -webkit-transform: perspective(120px) }
    50% { -webkit-transform: perspective(120px) rotateY(180deg)     }
    100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) } }
@keyframes
sk-rotateplane          {
    0%                  {       transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)  }
    50%                 {       transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)  }
    100%                {       transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);  } }

.toolWindow                 {       float:left;
    margin-left:20px;
    margin-top:20px;
    padding: 0;
    background-color: #ffffff;
    border: #D2D2D2 solid 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;}
.toolWindowItem             {       box-sizing: border-box;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    margin:0;
    width:100%;
    border-bottom: #D2D2D2 1px solid;
    cursor: pointer;                                                }
.toolWindowItemContent      {       margin:5px 0 10px 0;                                            }
.toolWindowItem
span[class ^= "fa"]     {       margin:0 10px 0 10px;
    cursor:pointer;                                                 }

.toolWindowItemRow          {       overflow: hidden;
    font-size: 12px;
    font-weight: lighter;
    color:#404040;
    margin:0;
    padding:0;
    width:100%;
    height:25px;
    border-bottom: #D2D2D2 1px solid;
    cursor: pointer;                                                }
.toolWindowItemRow:hover    {       background-color: #ff93be;
    color:#000000;}
.toolWindowItemRow
.statusBox                  {       float: left;
    height:100%;
    width:6px;                                                      }
.toolWindowItemRow
.timeStamp                  {       float: left;
    margin:6px;
    width:110px;
    font-size: 11px;
    font-weight: lighter;
}
.toolWindowItemRow
.heading                    {       float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin:6px;
    width:170px;
    font-size: 12px;
    font-weight: normal;
    color: #232323;                                                 }
.toolWindowItemRow
.text                       {       float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin:6px;
    width:50px;
    font-size: 11px;
    font-weight: normal;
}
.toolWindowItemRow
.time                       {       float: right;
    text-align: right;
    margin:6px 15px 6px 0;
    width:55px;
    font-size: 10px;
    font-weight: normal;
}
.toolWindowItemRow
.formattedNumber            {       float: left;
    text-align: right;
    margin:6px 15px 6px 0;
    width:55px;
    font-size: 10px;
    font-weight: normal;
}
.statusText                 {       margin:3px 25px 0 0;
    font-weight: normal;
    font-style: italic;
    color: #303030;
    float: right;
    font-size: 12px;                                                }
.bigLabel                   {       font-size: 14px;
    font-weight: 600;
    margin: 10px 15px;                                              }
.highlightedText            {       font-weight: 600;
    color: black;                                                   }

.verticalButtonRow          {       width: 100%;
    float: left;
    padding: 5px 0;                                                 }
.verticalButtonRow
.btnQuick                   {       float:left;                                                     }
.windowLessHolder           {       width:100%;
    float:left;
    margin: 7px 0 -7px 16px;                                        }
.quickButtonContainer       {       float:left;
    margin: 7px 0 -7px 10px;                                        }
.btnQuick                   {       /*height: 16px;*/
    border-radius: 3px;
    white-space: nowrap;
    font-size: 14px;
    padding: 5px 10px;
    margin: 3px 8px 3px 0;
    border: 1px solid #606060;
    background-color: #003f5c;
    color: #FFFFFF;
    cursor: pointer;
    display: flex;
    transition: all 0.15s;                                          }
.btnQuick
.material-icons             {       line-height: 0.8;
    margin-top: 2px;                                               }
.btnQuick:hover             {       border:1px solid #4b4b4b;
    background-color: #006692;                                      }
.floatingButton             {       display: inline-flex;                                           }
.btnClear                   {       float:right;
    border-radius: 5px;
    width:90px;
    padding:9px 15px;
    height:17px;
    margin:5px;                                                     }
.btnIcon                    {       float:left;
    font-size: 12px;
    padding:1px 8px;
    margin:0;
    border:1px solid #606060;
    border-radius: 2px;
    background-color: #003f5c;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    transition: all 0.15s;                                          }
.btnIcon:hover              {       border:1px solid #4b4b4b;
    background-color: #006692;                                      }
.btnSmallIcon               {       float:left;
    font-size: 11px;
    margin: 0 0 0 5px;
    color: #011851;
    cursor: pointer;
    display: inline-block;
    transition: all 0.15s;                                          }
.btnSmallIcon
.material-icons             {       margin-right: 3px;
    font-size: 24px;
    line-height: 0.3;
    position: relative;
    top: 6px;                                                       }
.btnSmallIcon:hover         {       color: #4a5bbc;                                                 }
.btnLargeSlimMenu           {       float:left;
    padding:6px 5px;
    margin: 7px 0;
    width:94%;
    height:30px;
    background-color: #FFFFFF;
    color: #4b4b4b;
    border: 1px solid #6c6c6c;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.15s;}
.btnLargeSlimMenu:hover     {       background-color: #00167f;
    border: 1px solid #0b6d91;
    color: #FFFFFF;
    /*text-shadow: 1px 1px 1px #686868;*/
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.375);                   }
.btnLargeSlimMenu
span[class ^= "fa"]     {       float:left;
    color: #0b6d91;
    padding:2px;
    margin:auto 20px auto 5px;
    font-size: 2em;                                                 }
.btnLargeSlimMenu:hover
span[class ^= "fa"]     {       color: #0b9dc6;                                                 }
.btnLargeSlimMenu
.MenuText                   {       float:left;
    padding:2px;
    margin:auto 0;
    font-size: 16px;
    font-weight: 600;                                               }
.SubText                    {       padding:2px 0 2px 10px;
    margin:auto 0;
    font-size: 12px;
    font-weight: 100;                                               }
.btnLargeMenu               {       float:left;
    padding:11px 5px;
    margin: 6px 0;
    width:94%;
    height:45px;
    background-color: #FFFFFF;
    color: #4b4b4b;
    border: 1px solid #6c6c6c;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.15s;                                          }
.btnLargeMenu:hover         {       background-color: #111526;
    border: 1px solid #242e51;
    color: #FFFFFF;
    /*text-shadow: 1px 1px 1px #686868;*/
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.375);                   }
.btnLargeMenu
span[class ^= "material-icons"]
{       float:left;
    color: #010f13;
    padding:4px;
    margin:auto 20px auto 5px;
    font-size: 3em;                                                 }
.btnLargeMenu:hover
span[class ^= "material-icons"]
{       color: #0b9dc6;                                                 }
.btnLargeMenu
.MenuText                   {       float:left;                                                     }
.btnLargeMenu
.Heading                    {       display: block;
    font-size: 16px;
    font-weight: 800;                                               }
.formDataRow                {       float:left;
    width:70%;                                                      }
.formDataField              {       float:left;
    width:40px;
    padding:4px;
    margin:2px 5px;
    font-weight: 400;
    font-size: 12px;
    cursor: pointer;                                                }
.formDataFramedValue        {       float:left;
    border:1px #a6a6a6 solid;
    padding:5px;
    margin:2px 5px;
    font-size: 12px;
    cursor: pointer;                                                }
.formDataUnframedValue      {       float:left;
    padding:5px;
    margin:2px 5px;
    font-size: 12px;                                                }

.formDataFramedInput        {       float:left;
    border:1px #555555 solid;
    padding:0;
    margin:2px 23px 2px 0;
    font-size: 12px;
    cursor: pointer;                                                }
input[type=text].keyField   {       border: none transparent;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color:#696969;
    outline: none;
    width:26px;
    padding: 6px 7px;
    margin: 0;
    cursor: text;                                                   }
input[type=text].keyField:focus{    background-color: rgba(11, 109, 145, 0.17);
    color: #000000;
    transition: all 0.2s;                                           }
input[type=text].valueField {       border: none transparent;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color:#696969;
    outline: none;
    width:298px;
    padding: 6px;
    margin: 0;
    cursor: text;                                                   }
input[type=text].valueField:focus{  background-color: rgba(11, 109, 145, 0.17);
    color: #000000;
    transition: all 0.2s;                                           }



.searchInput                {		width: 100%;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;                                                }
.searchInputText            {      	width: 385px;
    margin:12px 0 0 15px;
    padding: 3px 0 3px 15px;
    font-size: 12px;
    font-family: Montserrat, sans-serif;
    border: 0 none;
    height: 35px;
    color: white;
    outline: none;
    background: #1f7f5c;
    float: left;
    transition: all 0.15s;                                  		}

.searchInputText:focus      {   	background: rgb(64, 151, 119);                          		}
.searchInputButton          {   	border: 0 none;
    margin:12px 0 0 0;
    background: #1f7f5c url(/img/search.png) center no-repeat;
    width: 60px;
    padding: 0;
    text-align: center;
    height: 41px;
    color: white;
    cursor: pointer; float: left;                                   }
.searchSmallInputText       {      	width: 222px;
    margin:6px 0 0 5px;
    padding: 2px 0 2px 5px;
    font-size: 0.7em;
    font-family: Montserrat, sans-serif;
    border: 0 none;
    height: 27px;
    color: white;
    outline: none;
    background: #1f7f5c;
    float: left;
    transition: all 0.15s;                                  		}
.searchSmallInputText:focus {   	background: rgb(64, 151, 119);                          		}
.searchSmallInputButton     {   	border: 0 none;
    margin:6px 0 0 0;
    background: #1f7f5c url(../../img/icons/search.png) center no-repeat;
    width: 38px;
    padding: 0;
    text-align: center;
    height: 31px;
    color: white;
    cursor: pointer; float: left;                                   }
.searchListRow              {       float: left;
    width:458px;
    height:35px;
    padding:0;
    margin:0 15px;
    cursor: pointer;
    color:#000000;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;                                }
.searchListRow
.SmallRow                   {       width:222px;
    height:20px;
    padding:0;
    margin:0 5px;
    font-size: 9pt;                                                 }
.searchListRow:hover        {       background-color: #4e5582;
    border-bottom: 1px solid #545c86;
    border-left: 1px solid #545c86;
    border-right: 1px solid #545c86;
    color: #FFFFFF;                                                 }
.searchListRow
.searchStatus               {       width:10px;
    border-right: 1px solid;
    height:99%;
    float: left;                                                    }
.searchListRow
.searchHeading              {       width:140px;
    padding:5px;
    height:100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;                                                    }
.searchListRow
.searchOnlyHeading          {       width:350px;
    padding:5px;
    height:100%;
    font-size: 1.2em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;                                                    }
.searchListRow
.searchText                 {       width:200px;
    padding:5px;
    height:100%;
    float: left;                                                    }
.searchListRow
.searchTextEnd              {       width:80px;
    font-size: 0.8em;
    padding:3px 6px 0 0;
    text-align: right;
    float: right;                                                   }
.searchListMessage          {       float: left;
    padding:10px 0 0 27px;                                         }
.inputSearchResult          {       margin: 0 0 12px 0;
    float:left;                                                     }
.searchListSmallRow         {       float: left;
    width:260px;
    height:22px;
    padding:0;
    margin:0 5px;
    cursor: pointer;
    color:#000000;
    border-top:transparent 1px solid;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;                                }

.searchListSmallRow:hover   {       background-color: #4e5582;
    border: 1px solid #545c86;
    color: #FFFFFF;                                                 }
.searchListSmallRow
.searchStatus               {       width:7px;
    border-right: 1px solid;
    height:99%;
    float: left;                                                    }
.searchListSmallRow
.searchHeading              {       width:80px;
    padding:2px;
    height:100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;                                                    }
.searchListSmallRow
.searchOnlyHeading          {       width:190px;
    padding:2px;
    height:100%;
    font-size: 0.9em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;                                                    }
.searchListSmallRow
.searchText                 {       width:100px;
    padding:2px;
    height:100%;
    float: left;                                                    }
.searchListSmallRow
.searchTextEnd              {       width:50px;
    font-size: 0.7em;
    padding:1px 3px 0 0;
    text-align: right;
    float: right;                                                   }




.ConfirmTextHeading         {       font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #0b0b0b;
    margin: 15px;                                                   }
.ConfirmText                {       font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #0b0b0b;
    margin: 15px;                                                   }
.statusColorGreen           {       border:1px solid #387945;
    background-color: #439c5d;;
    color:#FFFFFF;                                                  }
.statusColorYellow          {       border:1px solid #d1ad25;
    background-color: #efc32f;
    color: #2c2c2c;                                                 }
.statusColorRed             {       border:1px solid #8d0020;
    background-color: #b10025;
    color:#FFFFFF;                                                  }
.statusColorBlue            {       border:1px solid #23328d;
    background-color: #1a2567;
    color:#FFFFFF;                                                  }
.statusColorGray            {       border:1px solid #919191;
    background-color: #ababab;
    color: #FFFFFF;                                                 }
.statusColorBlueGreen       {       border: 1px solid #023e4c;
    background-color: #05566b;
    color: #FFFFFF;                                                 }
.statusColorLightGray       {       border:1px solid #b0b0b0;
    background-color: #dfdfdf;                                      }
.statusColorLightYellow     {       border: 1px solid #d1ad25;
    background-color: #e6d497;
    color: #000000;                                                 }
.statusColorLightGreen      {       border: 1px solid #499c5a;
    background-color: #99d4aa;
    color: #000000;                                                 }


.tableBox                   {       width:100%;
    background-color: #bfd6e1;
    border: 1px solid #acc3ce;
    color:#ffffff;
    margin: 10px 5px;
    padding: 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;                                             }
#graphHolder                {       float:left;
    box-sizing: border-box;
    background-color: #ffffff;
    margin-left:15px;
    margin-top:15px;
    color: #383838;
    border: #D2D2D2 solid 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;                                             }
.GraphContainer             {       position:relative;
    width:525px;
    height:200px;}
#graphHolder2               {       float:left;
    width: 525px;
    height:auto;
    box-sizing: border-box;
    background-color: #ffffff;
    margin-left:15px;
    margin-top:15px;
    color: #383838;
    border: #D2D2D2 solid 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;                                             }
.transactionLimitHolder     {       display:flex;                                                   }
.transactionLimitBox        {       font-size: 10px;
    padding:2px 4px;
    width:25px;
    text-align: right;
    margin:0 3px 0 0;                                               }

.okBrightText               {       color: #00b300;                                                 }
.okText                     {       color:green;                                                    }
.lightOkText                {       color:#04cc04;                                                    }
.warningText                {       color: #df0000;                                                 }
.noteText                   {       color: #dca944;                                                 }
.importantText              {       color: #dca944;                                                 }
.disabledText               {       color: #636363;                                                 }
.boldText                   {       font-weight: 600;                                               }


.bulletListHolder           {       width:100%;
    float: left;
    margin-bottom: 15px;                                            }
.bulletHolder               {       width: 100%;
    float:left;
    margin-bottom: 4px;                                             }
.bulletPoint                {       width:80px;
    float:left;
    font-weight: bold;
    margin-right: 8px;                                              }
.bulletText                 {       float:left;
    width:85%;                                                      }
.CodeExample                {       width:500px;
    overflow: auto;
    font-family: "Courier New",Arial, Helvetica, sans-serif;        }
.smallFormText              {       font-size: 8pt;
    font-family:"Courier New",Arial, Helvetica, sans-serif;         }
.codeInspector              {       font-family: "Courier New",Arial, Helvetica, sans-serif;
    white-space: nowrap;
    font-size: 12px;
    float:left;
    font-weight: 600;
    width:520px;
    overflow: hidden;
    text-overflow: ellipsis;                                        }
.codeMissing                {       color: #3b3b3b;
    text-decoration: line-through;
    text-decoration-color: #b6b6b6;
    text-overflow: ellipsis;
    overflow: hidden;                                               }
.codeOK                     {       color: #004009;
    text-overflow: ellipsis;
    overflow: hidden;                                               }
.codeWarning                {       color: #c40000;
    font-weight: 800;
    text-overflow: ellipsis;
    overflow: hidden;                                               }
.codeIndent1                {       margin-left: 10px;                                              }
.codeIndent2                {       margin-left: 20px;                                              }
.codeIndent3                {       margin-left: 30px;                                              }
.codeIndent4                {       margin-left: 40px;                                              }
.codeIndent5                {       margin-left: 50px;                                              }
.inputCode                  {       font-size: 9pt;
    font-family:"Courier New",Arial, Helvetica, sans-serif;         }

.searchCompany              {       padding:1px 2px;
    border: 1px solid #CCCCCC;
    background-color: #c4dbe2;
    margin:4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width:170px;                                                }
.genericTable
td.noPaddingCell
{       padding:0;                                                      }

.width25                    {       width:25px;}
.width80                    {       width:80px;}
.width100                   {       width:100px;}
.width120                   {       width:1200px;}
.smallFloatSubmitButton
.customButton               {       float:right;
    font-size: 11px;
    height: 28px;
    line-height: 28px;
    padding-right: 8px;
    padding-left: 40px;
    position: relative;
    background-color: #074858;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin:3px 3px 3px 3px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 4px;
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
    cursor: pointer;                                                }
.smallFloatSubmitButton
.customButton
.material-icons             {       font-size: 1em;
    position: absolute;
    text-align: center;
    line-height: 28px;
    color: #FFFFFF;
    left: 0;
    width: 28px;
    background-color: rgba(0,0,0,0.5);
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right: 1px solid rgba(0,0,0,0.15);                       }

#alertMessageContainer      {       visibility: hidden;
    min-width: 250px;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 400px;
    bottom: 30px;                                                   }

#alertMessageContainer.locked {     visibility: visible; /* Show the snackbar */
    -webkit-animation: fadein 0.5s;
    animation: fadein 0.5s;                                         }
#alertMessageContainer.show {       visibility: visible; /* Show the snackbar */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 3.5s;
    animation: fadein 0.5s, fadeout 0.5s 3.5s;                      }
/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein   {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}

.errorResponseContainer     {       width: 800px;
    display: inline-block;
    border-radius: 4px;
    padding: 20px 35px;
    background-color: #ffd5d5;
    color: black;
    border: 1px solid #dedede;                      }
.errorReportHeader          {       float:left;
    font-size: 18px;
    font-weight: bold;                              }
.errorReportHeader
.material-icons             {       margin-right:5px;
    margin-top: -1px;
    float:left;                                     }
.errorReportContent         {       width:100%;
    text-align: left;                               }
.errorReportText            {       margin-top:20px;
    padding-right:10px;
    float:left;
    font-size: 14px;                                }
.errorFormContainer         {       margin-top:20px;
    float:left;                                     }
.errorFormInput             {       float:left;                                     }
.errorFormInput
label                       {       display: block;                                 }
.errorFormInput
textarea                    {       width: 550px;
    height:90px;
    margin-top: 5px;
    display: block;                                 }
.errorFormSubmit            {       float:left;
    margin-top: 73px;
    margin-left: 25px;                              }
.errorResponseCloseButton   {       float:right;
    margin-right: -25px;
    margin-top: -10px;
    cursor: pointer;                                }
.genericItemList
ul                          {       display: inline-block;
    margin: 2px 0;
    padding-inline-start: 0;
    list-style: none;                               }
.genericItemList
li                          {       float: left;
    display: inline-block;
    padding:4px 10px;
    border-radius: 2px;
    margin-right:8px;
    background-color: #F1F1F1;
    border: 1px solid #DDDDDD;          }
.embeddedHtml               {       margin-left:3px;                                                }