/* --- globally --- */
* {margin: 0; padding: 0;}

/* --- primary tags --- */
html,
body 
{
   font-family: "Open Sans", "Verdana", "Arial", "sans-serif";
   font-size:10pt;
   margin:0;
   padding:0;
   height:100%;
   background: #ffffff;
   margin-bottom:1px; /* force vert scrollbar */
}


a:visited {color: #5f1712;}
a:hover   {text-decoration: none; color: #000;}

input[type="text"], 
input[type="password"], 
input[type="checkbox"], 
select 
{
   background: #ffffff; 
   padding:2px; 
   border: 1px solid #666;
   font-family: "Open Sans", "Verdana", "Arial", "sans-serif";
   font-size:10pt;
   line-height:18px;
}
select
{
   padding-right: 5px;
}   

textarea 
{
   background: #ffffff; 
   padding:2px; 
   border: 1px solid #666;
   overflow-x: hidden;
}



input[type="radio"]                  {margin: 2px 4px -2px 0;}
input[readonly]                      {background: #ffeaea; color: #000; border: 1px solid #666;}

#portfolio-name-narrow
{
   visibility: hidden;
   display: none;
}

.auto 
{
   background: #ffc; 
   color: #000; 
   border: 1px solid #990;
   vertical-align:top;
}


input[disabled],
select[disabled] 
{
   border: 1px solid #999;
   background-color: #ddd;
}

a.xfer,
a.xfer:visited
{
   text-decoration:none;
   color:#ef3b34;
}

a.xfer:hover
{
   text-decoration:none;
   color:black;
}

.darkLayer
{
   color:gray;
   filter:alpha(opacity=50); /* IE */
   opacity: 0.5; /* Safari, Opera */
   -moz-opacity:0.50; /* FireFox */
}

.t_label 
{
   text-align: right; 
   color:dimgrey;
   white-space:nowrap;
   vertical-align:top;
   font-size:10pt;
   padding-top:3px;
}


.encadre 
{
   border: 1px solid #aeb1b6; 
   width: auto; 
   padding: 15px; 
   font-weight: normal; 
   text-align: left; 
}

.action 
{
   padding: 0.25em;
   text-align: center; 
   color: #283039;
   border: 1px solid #283039;
}

.wait 
{
   padding: 1em; 
   text-align: center; 
   color: #1c4f8e;
   background: #dcfdff; 
   border: 1px solid #1c4f8e;
}

.ok 
{
   padding: 1em; 
   text-align: center; 
   color: #090; 
   background: #dfd; 
   border: 1px solid #090;
}

.error 
{
   padding: 1em; 
   text-align: center; 
   color: #900; 
   background: #fdd; 
   border: 1px solid #900;
}
.no_error
{
}

/*
table .error 
{
   border-color: #aeb1b6 !important;
}
*/

/* --- general data on page --- */
#popup 
{
   clear: both;
   width: auto;
   margin: 0;
   padding: 5px 25px 35px;
   background: #fff url(css-img/bg-content.gif) repeat-x left top fixed;
   z-index: 10;
}

#outer 
{
   height:100%;
   min-height:100%;
   position:relative;
}


/* --- div below menu --- */
#content 
{
   clear: both;
   width: auto;
   margin: 0;
   padding: 90px 25px 35px;
   background: #ffffff;
   z-index: 10;
}

/* --- outer div for modal --- */
#modal_content 
{
   clear: both;
   width: auto;
   margin: 0;
   padding: 20px 25px 35px;
   background: #ffffff;
   z-index: 10;
}

#content h3, 
#popup h3
{
   clear: both; 
   font-size: 1.1em; 
   font-weight: normal; 
   margin: 25px -25px 15px; 
   padding: 0 25px; 
   border-bottom: 1px solid #aeb1b6;
}

.modal_content h3
{
   margin: 0px;
   padding: 0px; 
}

#content hr, 
#modal_content hr,
#popup hr
{
   clear: both; 
   visibility: hidden;
}


/* --- class for simple selection criteria filters --- */
table.simple_filter
{
   border-spacing:1px;
   text-align:left;
}

table.simple_filter td 
{
   font:80%/1 sans-serif;
   border: none;
   border: 0px;
}

/* --- form for select criteria and data entry --- */
.container fieldset
{
   position: relative; 
   border: none;
   width:800px;
   float:left;
}
.modal_container fieldset 
{
/*
   font:95%/1 sans-serif;
*/
   position: relative; 
   border: none;
   width:100%;
   float:left;
}

.container .error,
.modal_container .error
{
   color: #900; 
   background: #fdd; 
   border-color: #900;
   height:50px;
   text-align:center;
   padding:10px;
}

.container .tbl_list,
.modal_container .tbl_list
{
background-color:#ffffcc;margin:0;border:1px; border-style:solid; border-spacing:3px; border-color:#666666;
}

.btn_top_right
{
   width:150px; 
}

input[type="submit"],
button
{
   height: 28px;
   line-height: 15px;
   padding: 2px 5px 2px 5px;
   width:200px;
}

/* --- inside our containers, modal and non-modal --- */
.container form button,
.container input[type="button"],
.container input[type="submit"],
.container input[type="reset"],
.modal_container form button,
.modal_container input[type="button"],
.modal_container input[type="submit"],
.modal_container input[type="reset"]
{
   font-family: "Open Sans", "Verdana", "Arial", "sans-serif";
   width: 200px; 
   height: 28px; 
   line-height: 15px; 
   margin: 0px 20px;
}

.container
{
  width:650px;
  background: #FFF;
  border: 1px #222 solid;
  height: auto;
  margin: 0px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  overflow:hidden;
}

.modal_container
{
  background: #FFF;
  border: 1px #222 solid;
  height: auto;
  margin: 10px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

.container label,
.modal_container label
{
   float: left;
   width: 130px;
   text-align:right;
   padding-top:0.4em; 
   padding-right:8px;
   white-space:nowrap;
   vertical-align:top;
}

.container form,
.modal_container form
{
  margin: 0 auto;
}

.container br,
.modal_container br 
{
  font-size: 1px;
  line-height: 5px;
}

.container h3,
.modal_container h3 
{
   margin-left:0px;
}


/* --- results table */
table.results
{
   background-color:white;
   margin-bottom: 5px; 
   border-width: 1px;
   border-spacing: 1px;
   border-style: none;
   border-color: black;
   border-collapse: collapse;
   text-align: left; 
}


table.results tr 
{
   font-size: 10pt;
}
table.results tr:hover
{
}

table.results th 
{
   font-size: 9pt;
   border-width: 1px;
   padding: 2px 4px; 
   border-style: solid;
   border-color: #30343D;
   background-color: white;
   -moz-border-radius: 0px 0px 0px 0px;

   color:white;
   background: #4e565e url(css-img/bg-th-dataActions.png) repeat-x left top scroll !important; 
   vertical-align:top;
   text-align:center; 
   white-space:nowrap;
}

table.results td 
{
   border-width: 1px;
   padding: 3px; 
   border-style: solid;
   border-color: #aeb1b6;
   vertical-align:top;
   -moz-border-radius: 0px 0px 0px 0px;
}

table.results td.perf 
{
   border-color: gainsboro;
   border: none;
   color:#0F2579;
}

/* --- invisible table */
table.invisible
{
   border: none;
   border-collapse: collapse;
}
table.invisible td
{
   font-size: 1.333333em;
   padding: 0px 2px;
   border-style:none;
}

/* --- borderless for name/value table --- */
table.borderless
{
   border: none;
   border-collapse: collapse;
}
table.borderless td
{
   font:95%/1 sans-serif;
   padding: 4px 5px;
   border-style:none;
}

/* --- fixed column headings for tables --- */
.fix_heading 
{
  overflow-y: auto;
  height: 500px; 
}

.fix_heading thead th 
{
  position: sticky;
  top: 0;
}


#search_box
{
   margin-top: 15px;
   margin-bottom:5px;
   border:1px solid Gainsboro;
   background-color: #FBFDFF;
}

#ytd
{
   margin-top: 15px;
   margin-bottom:5px;
   border:1px solid Gainsboro;
   background-color: #FBFDFF;
}

#hdr-perf-ytd,
#hdr-perf-today,
#hdr-perf-line-today,
#hdr-perf-line-ytd
{
   visibility: visible;
   display: inline;
}


/* -------------------------------------------------*/
/* --- custom css for w3 responsive --- */
/* -------------------------------------------------*/

/* --- If the screen size is 601px wide or more --- */
@media screen and (min-width: 695px) 
{
  /* --- header main title text --- */
  .isat-title {
    font-size: 28px;
  }

  /* --- header perf box --- */
  #hdr-perf-line-ytd,
  #hdr-perf-line-today
  {
     visibility: hidden;
     display: none;
  }

}


/* --- If the screen size is 600px wide or less --- */
@media screen and (max-width: 694px) 
{
  #isat-logo 
  {
    max-width: 85px;
    margin-top:5px;
  }
  .isat-title 
  {
    font-size: 11pt;
    font-weight: bold;
    line-height: 50px;
    white-space:nowrap;
    color:white;
  }
  #portfolio-name 
  {
     visibility: hidden;
     display: none;
  }
  #portfolio-name-narrow
  {
    font-size: 9pt;
    visibility: visible;
    display: inline;
    white-space:nowrap;
  }

  #search_box
  {      
     margin-top:10px;
     margin-bottom:20px;
  }

  #hdr-authname
  {
     display: none;
  }

  /* --- header perf box --- */
  #hdr-perf-ytd,
  #hdr-perf-today
  {
     visibility: hidden;
     display: none;
  }
}

/* --- If the screen size is 825 wide or less (sideways phone) --- */
@media screen and (max-width: 825px) 
{
  /* --- hide tab menu --- */
  #tab_men
  {
     display: none;
  }
  #menuitems
  {
     display:none;
     visibility:hidden;
  }
  #search_box
  {
     margin-top:80px;
  }
}

.w3-theme {color:#fff !important;background-color:#CC0B0E !important}
.w3-theme-light {color:#000 !important;background-color:#e8eaf6 !important}
.w3-theme-dark {color:#fff !important;background-color:#1a237e !important}

.w3-theme-l5 {color:#000 !important;background-color:#e8eaf6 !important}
.w3-theme-l4 {color:#000 !important;background-color:#c5cae9 !important}
.w3-theme-l3 {color:#000 !important;background-color:#9fa8da !important}
.w3-theme-l2 {color:#fff !important;background-color:#7986cb !important}
.w3-theme-l1 {color:#fff !important;background-color:#5c6bc0 !important}
.w3-theme-d1 {color:#fff !important;background-color:#3949ab !important}
.w3-theme-d2 {color:#fff !important;background-color:#303f9f !important}
.w3-theme-d3 {color:#fff !important;background-color:#283593 !important}
.w3-theme-d4 {color:#fff !important;background-color:#1a237e !important}

.w3-theme-action {color:#fff !important;background-color:#311b92 !important}
.w3-text-theme {color:#1a237e !important}

.w3-text-teal {font-size:10px}