/* IE fix for autohide scrollbar. */
html {
   -ms-overflow-style: scrollbar;
}


/* Bootstrap Fix. Todo: Removed once fixed. */
.row {
  margin-left: 0px;
  margin-right: 0px;
}

/* Grid Font Classes */

.Arial * {
    font-size: 10px;
    font-family: "Arial"
}

th.PortfHeaderRowFont * {
    font-size: 11px;
    font-family:'Arial Narrow';
    font-weight: 100;
    color: navy
}

.PortfDetailRowFont * {
    font-size: 12px;
    font-family: sans-serif,jquery-ui;
    /*font-family: sans-serif;*/
}

.PortfSummaryRowFont *, .ui-iggrid tfoot td.PortfSummaryRowFont {
    font-size: 12px;
    font-family: sans-serif,jquery-ui;
    font-weight: bold;
    background-color: #FFD9B3
}

.PortfMenuFont {
    font-size: 12px;
    font-family: sans-serif,jquery-ui;
    background-color: ghostwhite
}
/* End Grid Font Classes */

/*Grid overrides*/

/* Remove summary padding at the bottom. */
div.ui-iggrid-summaries-footer-text-container {
    margin-left: 1px;
}

.ui-iggrid-summaries-footer-icon-container {
    display: none;
}

/* Remove wrapping in rows */
.ui-iggrid table th, .ui-iggrid table td {
    white-space: nowrap;
}

/* Grid Sorting Dialog - Reset row needs to be large enough for the button */

.ui-iggrid td.ui-state-highlight
{
    border-color: #e3e3e3 white white #e3e3e3;
}

.container-fluid.body-content, .container-fluid.menu {
    border: solid #74A1C9 1px;
}

body > .header {
    height: 26px;
}

body > #footer {
     font-family: sans-serif;
     font-size: 8pt;
}
.filterContainer {
    border: 1px #74A1C9 solid;
}

.filterContainer > .header {
    height: 20px;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.filterContainer > .filters {
    display: none;
}

.ui-igedit-dropdown {
        font-family: Arial;
        font-size: 10px;
}

.left, .ui-iggrid th.ui-iggrid-header.left {
    text-align: left;
}

.right, .ui-iggrid th.ui-iggrid-header.right {
    text-align: right;
}

.center, .ui-iggrid th.ui-iggrid-header.center {
    text-align: center;
}

.align-right {
    float: right;
}

.warning {
    color: #FF0000;
}

.searchBar > span {
    vertical-align: middle;
}

.filterContainer > .filters.visible {
    display: block;
}

tbody tr td.ui-iggrid-selectedcell.ui-state-active.ui-state-hover,
tbody tr.ui-ig-altrecord.ui-iggrid-altrecord td.ui-iggrid-selectedcell.ui-state-active.ui-state-hover,
tbody tr td.ui-iggrid-selectedcell.ui-state-active,
tbody tr.ui-ig-altrecord.ui-iggrid-altrecord td.ui-iggrid-selectedcell
{
    background-color: rgb(130, 130, 130);
    color: rgb(255, 255, 255);
    border-color: transparent !important; /*To override IG Style*/
    border-width: 1px !important; /* Fix for padding offset on alt-rows. */
}

body .ui-widget-header.ui-state-default.ui-iggrid-header {    
    background-color: rgb(211, 211, 211) !important;
    vertical-align: bottom;
}

.static, div.ui-iggrid td.static {
    background-color: rgb(000, 064, 128);
    color: rgb(255, 255, 128);
    border-top-color: #e3e3e3;
    border-bottom-color: #e3e3e3;
}

.ui-widget-content .static.ui-state-hover, .ui-widget-content .ui-ig-altrecord .static.ui-state-hover{
    background-color: rgb(000, 064, 128);
    background-color: rgba(000, 064, 128, 0.4);
    color: rgb(255, 255, 128);
}

.editable, div.ui-iggrid td.editable {
    background-color: rgb(255, 255, 255);
    color: rgb(000, 000, 000);
}

.ui-widget-content .editable.ui-state-hover, .ui-widget-content .ui-ig-altrecord .editable.ui-state-hover {
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.4);
    color: rgb(000, 000, 000);
}


.calc1, div.ui-iggrid td.calc1 {
    background-color: rgb(255, 255, 128);
    color: rgb(000, 064, 128);
}

.ui-widget-content .calc1.ui-state-hover, .ui-widget-content .ui-ig-altrecord .calc1.ui-state-hover{
    background-color: rgb(255, 255, 128);
    background-color: rgba(255, 255, 128, 0.4);
    color: rgb(000, 064, 128);
}

.calc2, div.ui-iggrid td.calc2 {
    background-color: rgb(200, 255, 255);
    color: rgb(000, 064, 128);
}

.ui-widget-content .calc2.ui-state-hover, .ui-widget-content .ui-ig-altrecord .calc2.ui-state-hover {
    background-color: rgb(200, 255, 255);
    background-color: rgba(200, 255, 255, 0.4);
    color: rgb(000, 064, 128);
}


.type6 {
    background-color: rgb(000, 064, 128);
    color: rgb(255, 255, 128);
}

.ui-widget-content .type6.ui-state-hover, .ui-widget-content .ui-ig-altrecord .type6.ui-state-hover{
    background-color: rgb(000, 064, 128);
    background-color: rgba(000, 064, 128, 0.4);
    color: rgb(255, 255, 128);
}

.static2, div.ui-iggrid td.static2 {
    background-color: rgb(240, 240, 240);
    color: rgb(000, 000, 000);
}

.ui-widget-content .static2.ui-state-hover, .ui-widget-content .ui-ig-altrecord .static2.ui-state-hover{
    background-color: rgb(240, 240, 240);
    background-color: rgba(240, 240, 240, 0.4);
    color: rgb(000, 000, 000);
}

.akanthos1, div.ui-iggrid td.akanthos1 {
    background-color: rgb(201, 226, 188);
    color: rgb(000, 000, 000);
}

.ui-widget-content .akanthos1.ui-state-hover, .ui-widget-content .ui-ig-altrecord .akanthos1.ui-state-hover{
    background-color: rgb(201, 226, 188);
    background-color: rgba(240, 240, 240, 0.4);
    color: rgb(000, 000, 000);
}

.type8 {
    background-color: rgb(255, 255, 128);
    color: rgb(000, 000, 000);
}

.ui-widget-content .type8.ui-state-hover, .ui-widget-content .ui-ig-altrecord .type8.ui-state-hover{
    background-color: rgb(255, 255, 128);
    background-color: rgba(255, 255, 128, 0.4);
    color: rgb(000, 000, 000);
}

.yellowForeground, div.ui-iggrid td.yellowForeground,
.ui-widget-content .yellowForeground.ui-state-hover, .ui-widget-content .ui-ig-altrecord .yellowForeground.ui-state-hover {
    color: rgb(255, 255, 128);
}
.yellowBackground, div.ui-iggrid td.yellowBackground,
.ui-widget-content .yellowBackground.ui-state-hover, .ui-widget-content .ui-ig-altrecord .yellowBackground.ui-state-hover {
    background-color: rgb(255, 255, 128);
}

.redForeground, div.ui-iggrid td.redForeground,
.ui-widget-content .redForeground.ui-state-hover, .ui-widget-content .ui-ig-altrecord .redForeground.ui-state-hover {
    color: rgb(255, 0, 0);
}

.redBackground, div.ui-iggrid td.redBackground,
.ui-widget-content .redBackground.ui-state-hover, .ui-widget-content .ui-ig-altrecord .redBackground.ui-state-hover {
    background-color: rgb(255, 0, 0);
}

.blueForeground, div.ui-iggrid td.blueForeground,
.ui-widget-content .blueForeground.ui-state-hover, .ui-widget-content .ui-ig-altrecord .blueForeground.ui-state-hover {
    color: rgb(000, 064, 128);
}

.blueBackground, div.ui-iggrid td.blueBackground,
.ui-widget-content .blueBackground.ui-state-hover, .ui-widget-content .ui-ig-altrecord .blueBackground.ui-state-hover {
    background-color: rgb(000, 064, 128);
}

.greyForeground, div.ui-iggrid td.greyForeground,
.ui-widget-content .greyForeground.ui-state-hover, .ui-widget-content .ui-ig-altrecord .greyForeground.ui-state-hover {
    color: rgb(130, 130, 130);
}

.greyBackground, div.ui-iggrid td.greyBackground,
.ui-widget-content .greyBackground.ui-state-hover, .ui-widget-content .ui-ig-altrecord .greyBackground.ui-state-hover {
    background-color: rgb(130, 130, 130);
}

.peach, div.ui-iggrid td.peach {
    background-color: rgb(255, 200, 180);
}

th.ui-iggrid-header span.ui-iggrid-headertext {
    white-space: normal;
    /*word-wrap: break-word;*/
    /*overflow: hidden;*/
}

body .ui-iggrid th,
body .ui-iggrid th.ui-state-default,
body .ui-iggrid th.ui-state-hover,
body .ui-iggrid th.ui-state-active
{
    background-color: rgb(211, 211, 211);
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    border-color:transparent transparent transparent #e3e3e3;
}

.ui-iggrid thead tr th.ui-iggrid-sortableheaderhover,
.ui-iggrid thead tr th.ui-state-hover,
.ui-iggrid thead tr th.ui-iggrid-sortableheaderhover:first-child,
.ui-iggrid thead tr th.ui-state-hover:first-child {
    border-color:transparent transparent transparent #e3e3e3;
}

/* Fix for padding offset on alt-rows. */
.ui-iggrid td.ui-state-hover[role="gridcell"] {
    padding: 4px;
    border-width: 1px !important;
    border-color: #e3e3e3 white white #e3e3e3
}

.gridFont {
    /*font-size: small;*/
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* IE/Edge */
    user-select: none;           /* non-prefixed version, currently not supported by any browser */
}

div.lesszero {
    color: rgb(255, 0, 0);
}

td.ui-iggrid-selectedcell div.lesszero {
    color: rgb(255, 255, 255);
}

@-webkit-keyframes blink {
    from {
        opacity: 1.0;
    }
    to {
        opacity: 0.25;
    }
}
.blink {
    -webkit-animation-name: blink;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(1.0, 0, 0, 1.0);
    -webkit-animation-duration: 2s;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently not supported by any browser */
}
.ui-igcombo-listitem {
    font-family: sans-serif;
    font-size: 10px;
    font-weight: bold;
}

.bold{
    font-weight: bold;
}

.italic {
    font-style: italic;
}


/*copied over from KynexStd1.css*/
input        { font-family: MS Sans Serif; font-size: 8pt }
.WhiteLink1  { font-family: MS Sans Serif; font-size: 10pt; color: #FFFFFF; margin-top: 0; 
               margin-bottom: 0; text-decoration: none }
.WhiteLink2  { font-family: MS Sans Serif; font-size: 8pt; color: #FFFFFF; text-decoration: 
               none; font-weight: bold; margin-top: 0; margin-bottom: 0 }
.Monospace   { font-family: Andale Mono; font-size: 9pt }
.NavbarLinks1 { font-family: MS Sans Serif; font-size: 10pt; color: #FFFFFF }
.FormLabel   { font-family: MS Sans Serif; font-size: 8pt;color: #000080}
select       { font-family: MS Sans Serif; font-size: 8pt }
.KynexTitle1 { font-family: Arial Black; font-size: 18pt; color: #008000; margin: 0 }
.KynexTitle2 { font-family: Arial Black; font-size: 14pt; color: #008000; margin: 0 }
.KynexTitle3 { font-family: Arial Black; font-size: 18pt; color: #000080; margin: 0 }
.KynexTitle4 { font-family: Arial Black; font-size: 14pt; color: #000080; margin: 0 }
.KynexTitle5 { font-family: Arial; font-size: 10pt; color: #008000; font-weight: bold; 
               margin: 0 }
.KynexTitle6 { font-family: Arial; font-size: 10pt; color: #000080; font-weight: bold; 
               margin: 0 }
.KynexTitleBlue { font-family: Arial Black; font-size: 14pt; color: #23238E; margin: 0 }
.KynexTable {border-collapse: collapse;
				border-left:  1px solid #C0C0C0;
				border-right: 1px solid #C0C0C0;
				border-top: 1px solid #C0C0C0;
				border-bottom: 1px solid #C0C0C0;
				cellpadding: 0;
				cellspacing: 0;
}
.left-align-cell {
    text-align: left;
    padding-left: 6px;
}
.right-align-cell {
    text-align: right;
    padding-right: 6px;
}
.yellow-bg {
    background-color: yellow;
    color: navy;
}
.navy-bg {
    background-color: navy;
    color: yellow;
}
.KynexTableOld {
    border-collapse: collapse;
    border-left-style: solid;
    border-left-width: 1px;
    border-right: 1px solid #C0C0C0;
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom: 1px solid #C0C0C0;
}
/*end color-profile KynexStd1.css*/
/*Added by HP*/
.lightGray-background {
    background:#D3D3D3;
}
.silver-background {
    background:#D3D3D3;
}
.blue-font {
   color:#000080;
}
.ui-chart-pointer-tootip-content-container {
    font-size:smaller;
    background:none;
    border:none;
}

/*end of css Added by HP*/

#kynex-navbar {
    display: inline-block;
    font-size: 8pt;
    font-family:Arial, Helvetica, sans-serif;
    background-color: navy;
    color: white;
    width: 175px;
    overflow: hidden;
    float: left;
    height:87%;
}

#notloggedin,
#notloggedin td {
    color:white;
}

#loggedin p,
#loggedin td,
#kynex-navbar p,
#kynex-navbar td {
    text-align:center;
}

#notloggedin a,
#loggedin a,
#kynex-navbar a {
    color: white;
    text-decoration:none;
    font-size:10pt;
}
.tablink {
      background-color: lightgray;
      color: yellow;
      float: left;
      border: none;
      outline: none;
      cursor: pointer;
      padding: 14px 16px;
      font-size: 17px;
      display:table-cell;
    }

    .tablink:hover {
      background-color: orange;
    }
    .tabcontent {
      display: none;
    }
    .tabnavigation { display:table;}
    .updateButton {
        background-color: orange;
        color: white;
        border: none;
        outline: none;
        padding: 4px 6px;
        font-size: 12px;
    }
    .updateButton:hover {
        background-color: red;
    }
    .resetButton {
        background-color: lightblue;
        color: white;
        border: none;
        outline: none;
        padding: 4px 6px;
        font-size: 12px;
    }
    .resetButton:hover {
        background-color: blue;
    }
    .closeButton {
        background-color: lightgray;
        color: black;
        border: none;
        outline: none;
        padding: 4px 6px;
        font-size: 12px;
    }
    .closeButton:hover {
        background-color: gray;
    }
    .ValuationSectionHdr {
        background-color: #008080;
        color: white;
        letter-spacing: 1px;
        font-family: MS Sans Serif;
        font-size: 10pt;
        height:15px;
    }