@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/AvenirLTStd-Book.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Avenir Heavy';
	src: url('../fonts/avenir-heavy-webfont.eot');
	src: url('../fonts/avenir-heavy-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/avenir-heavy-webfont.woff') format('woff'),
	     url('../fonts/avenir-heavy-webfont.ttf') format('truetype'),
	     url('../fonts/avenir-heavy-webfont.svg#avenir_85_heavyregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body {
	font-family: Avenir LT Std;
	font-size: 13px;	
	background-color:#FFFFFF;
	margin: 0;
	height:90%;
	color:#4a4a4a;
	line-height: 1.5em;
	width:100%;
}

ul {
	padding-top: 1px;
}

dd label input {
   margin-right:100px;
}

table.dataTable thead th {
  font-weight: !important;
}

a{color:#222222;} 
a:link {color:#222222;}      /* unvisited link */
a:visited {color:#222222;}  /* visited link */
a:hover {color:#222222;}  /* mouse over link */
a:active {color:#222222;}  /* selected link */
a{font-family: 'Avenir Heavy'; font-size:14px; text-decoration: underline} 

a.heading:link {color:#222222;}      /* unvisited link */
a.heading:visited {color:#222222;}  /* visited link */
a.heading:hover {color:#222222;}  /* mouse over link */
a.heading:active {color:#222222;}  /* selected link */
a.heading{font-family: 'Avenir Heavy'; font-size:14px; text-decoration: underline; font-weight:bold;}

a.white:link {color:#222222;}      /* unvisited link */
a.white:visited {color:#222222;}  /* visited link */
a.white:hover {color:#222222;}  /* mouse over link */
a.white:active {color:#222222;}  /* selected link */
a.white{font-family: 'Avenir Heavy'; font-size:14px; text-decoration: underline} 

a.blue:link {color:#222222;}      /* unvisited link */
a.blue:visited {color:#222222;}  /* visited link */
a.blue:hover {color:#222222;}  /* mouse over link */
a.blue:active {color:#222222;}  /* selected link */
a.blue{font-family: 'Avenir Heavy'; font-size:14px; text-decoration: underline; font-size:larger}

a.blueEmail:link {color:#222222;}      /* unvisited link */
a.blueEmail:visited {color:#222222;}  /* visited link */
a.blueEmail:hover {color:#222222;}  /* mouse over link */
a.blueEmail:active {color:#222222;}  /* selected link */
a.blueEmail{font-family: 'Avenir Heavy'; font-size:14px; text-decoration: underline;}

#map {
    height: 800px;
    overflow: hidden;
}

#legend {
    background: #fff;
    padding: 5px;
    margin-top: 10px;
    margin-right: 10px;
    border: 1px solid #000;
}

#legend h3 {
    font-family: 'Avenir Heavy'; font-size:14px; text-decoration: none;
    font-size: 13px;
    margin-top: 0;
    margin-bottom: 1px;
}

#legend img {
    vertical-align: middle;
}

#reportContent {
   width: 1400px;
   padding-top: 5px;
}

p.red {
	color: #FF0000;	
}

p.thick {
	font-weight:bold;
}

.dash {
	color: #0A64A4;
}

h1 {
    font-family: 'Avenir Heavy';
	margin-bottom: 16px;
	margin-top:0px;
	padding-top:18px;
	font-size: 24px;
	color:#101167;
    font-weight: 900;
    font-style: normal;
}

h2 {
    font-family: 'Avenir Heavy';
	font-size: 14px;
	color:#0091d0;
}

#header {	
	margin: 0 auto;
	margin-top:8px;
    margin-bottom:8px;
}

.topbar {
    height: 4px;
    background: linear-gradient(to right, #0092d5, #75b915);
}

.bar {
	margin-top:0px;
	margin-left:0%;
    margin-right:0%;
    padding-left:1px;
    padding-right:1px;
	background-color:#0091d0;
	height:2px; }
	
.bar1 {
	margin-top:0px;
	margin-left:0%;
    margin-right:36px;
    padding-left:1px;
    padding-right:1px;
    padding-bottom:5px;
    border:none;
    border-top:1px solid #16384e;
	/*background-color:#2B94C7;*/
	height:2px; }

#links {
	margin:0 auto;
	background:url('http://74.91.147.43/images/header-links.png');
	height:35px;
	width:100%;
}

#logo {
	margin-left:15px;
    margin-right:15%;
    padding-left:1px;
    padding-right:1px;
	overflow:hidden;
 }
 
 #floatContents {
 	float: left; 
 	height:800px;
 }

#nav {
    margin-right: 16px;
    height: 100%;
    color: #222;
}
 
 #report {
 	margin-left:20px; 
 	width:100%;
	min-width:800px;
	margin-right: 200px;

 }
 
 #reportInner {
 	float: left;
 }

#content {
    min-width:1500px;
    margin-left:10%;
    margin-right:10%;
    padding-left:1px;
    padding-right:1px;
    background-color:#FFFFFF;
}
	
#contentOuter {
	width:100%;
    padding-right:1px;
	background-color:#FFFFFF;
	height:98%;
	overflow: hidden;
    height: auto; !important;
}

#contentOuterLogin{
	width:100%;
    padding-right:1px;
	background-color:#FFFFFF;
	height:98%;
	overflow: hidden;
    height: auto; !important;
}
	 
#navigationBar {
	width:160px;
	background-color:#004C7E;
	border-right: #ABABAB solid;
	border-right-width: 2px;
	min-height:3000px;
	 }
	 
#navigationBar2 {
	width:160px;
	background-color:#707070;
	border-right: #ABABAB solid;
	border-right-width: 2px;
	 }

#footer {
	vertical-align:middle;
	margin-top:0px;
	margin-left:0%;
    margin-right:0%;
    padding-left:1px;
    padding-right:1px;
	background-color:#004C7E;
	line-height:35px;
}
	 
#textBox {
	border-style:solid;
	border-width:1px;
	border-color:#ABABAB;
	width:35%;
}
	/*
#navbar  { 
	padding:8px;
} 
	
#navbar ul { 
	margin: 0; 
    padding: 0px; 
    list-style-type: none; 
} 
 
#navbar ul li {  
	display: inline; 
} 
 
#navbar ul li a { 
	text-decoration: none; 
    padding: 0.2em 1em; 
    color: #fff; 
	font-size:15px;
} 
*/

/* These styles create the dropdown menus. */
#navigation {

    width: 160px;

    font-size: 0.75em;

}

	#navigation ul {

	    margin: 0px;

	    padding: 0px;

}

	ul.top-level { background: #004C7E }

		

		#navigation li { list-style: none; }

        ul.top-level li {

            border-bottom: #fff solid;

            border-width: 1px;

        }

			#navigation a {

				color: #fff;

				cursor: pointer;

				display:block;

				height:25px;

				line-height: 25px;

				text-indent: 10px;					

				text-decoration:none;

				width:100%;

		}

			#navigation a:hover{ color: #0094b3;}

	        #navigation li:hover {
				
	            position: relative;

	        }

        ul.sub-level { display: none; }

        li:hover .sub-level {

            background: #BCF5BC;

            border: #fff solid;

            border-width: 1px;

            display: block;

            position: absolute;

            left: 75px;

            top: 5px;

        }

        ul.sub-level li {

			border: none;

			float:left;

			width:150px; 

        }

		#navigation .sub-level { background: #BCF5BC; }

		#navigation .sub-level .sub-level { background: #09C; }

						

	/*IE RESET HELPER*/

	li:hover .sub-level .sub-level { display:none; }

	.sub-level li:hover .sub-level { display:block; }	
	
.styleTable { border-collapse: separate; }
.styleTable TD { font-weight: normal !important; padding: .4em; border-top-width: 0px !important; }
.styleTable TH { text-align: center; padding: .8em .4em; }
.styleTable TD.first, .styleTable TH.first { border-left-width: 0px !important; }

table.hovertable {
	font-family: Avenir LT Std;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
}
table.hovertable th {
	background-color:#0094b3;
	color:#FFF;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #444;
}
table.hovertable tr {
	background-color:#FFFFFF;
}
table.hovertable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #444;
}

#stylized_textfield input{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 20px 10px;
}

.input {

}

.button {
    border: 1px solid #2E2E2E;
	font-weight:bold;
    background: #0094b3;
	color:#FFF;
	width:70px;
	height:35px;
}

.button:hover {
    border: 1px solid #2E2E2E;
	font-weight:bold;
    background: #0094b3;
	width:70px;
	height:35px;
	cursor: pointer;
}

input[type="text"], textarea {
  background-color : #FFFFFF;
  border:1px solid #f5f5f5;
  width:300px;
  height: 33px;
  padding-left: 2px;
  margin-top: 9px;
} 

input[type="text"].numerical, textarea {
  background-color : #FFFFFF;
  border:1px solid black;
  width:300px;
  height: 17px;
  text-align:right;
  padding-right: 10px;
}

input[type="text"].numericalTotal, textarea {
  background-color : #FFFFFF;
  border:1px solid black;
  width:300px;
  height: 17px;
  text-align:right;
  padding-top: 20px;
  padding-right: 10px;
}

select {
  background-color : #FFFFFF;
  border:1px solid black;
  width:100px;
  height:35px;
  padding-left: 2px;
}

table.mapDataTable {
	font-family: Avenir LT Std;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.mapDataTable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.mapDataTable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
}

img.mapLogo {
    position: absolute;
    top:84%;
    left: 77%;
}

table.dataTable tbody td {
    word-break: break-all;
    width : '200px';
    white-space: pre-wrap;
}

table.dataTable {
  margin: 0 auto;
  width: 100%;
  clear: both;
  border-collapse: collapse;
  table-layout: fixed; // ***********add this
  word-wrap:break-word; // ***********and this
}


table.dataTable th { font-size: 12px; }

table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: pre-wrap;
}

.blue-dotted-border {
    display: block;
    height: 4px;
    width: 100%;
    margin-top: 15px;
    background: url(../images/blue-dotted-border.png);
}

.orange-dotted-border {
    display: block;
    height: 4px;
    width: 100%;
    margin-top: 15px;
    background: url(../images/orange-dotted-border.png);
}

.grey-dotted-border {
    display: block;
    height: 4px;
    width: 100%;
    margin-right: 25px;
    background: url(../images/orange-dotted-border.png);
}

table>thead>tr>th {
	font-family: Avenir LT Std;
	font-size: 13px;
    color:#5F6B72;
}

.closePopupOverlay {
    font-size: 1.5em;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 5px;
}

.table_data th {
    border-top: none;
}

.table_data tr {
    border-top: 1px solid #ddd;
}

.dt-button.page {
    color: #ffffff;
    background: #0091d0;
    box-sizing: border-box;
    padding: 10px 22px;
    text-decoration: none;
    border-radius: 3px;
    font-family: 'Avenir LT W01 85 Heavy';
    font-weight: bold;
    font-size: 13px;
}

.dt-button.copy {
    color: #ffffff;
    background: #0091d0;
    box-sizing: border-box;
    padding: 10px 22px;
    text-decoration: none;
    border-radius: 3px;
    font-family: 'Avenir LT W01 85 Heavy';
    font-weight: bold;
    font-size: 13px;
}
 
.dt-button.csv {
    color: #ffffff;
    background: #0091d0;
    box-sizing: border-box;
    padding: 10px 22px;
    text-decoration: none;
    border-radius: 3px;
    font-family: 'Avenir LT W01 85 Heavy';
    font-weight: bold;
    font-size: 13px;
}
 
.dt-button.excel {
    color: #ffffff;
    background: #0091d0;
    box-sizing: border-box;
    padding: 10px 22px;
    text-decoration: none;
    border-radius: 3px;
    font-family: 'Avenir LT W01 85 Heavy';
    font-weight: bold;
    font-size: 13px;
}

.dt-button.copy:hover {
    color: #ffffff;
    background: #0091d0;
    box-sizing: border-box;
    padding: 10px 22px;
    text-decoration: none;
    border-radius: 3px;
    font-family: 'Avenir LT W01 85 Heavy';
    font-weight: bold;
    font-size: 13px;
}
 
.dt-button.csv:hover {
    color: #ffffff;
    background: #0091d0;
    box-sizing: border-box;
    padding: 10px 22px;
    text-decoration: none;
    border-radius: 3px;
    font-family: 'Avenir LT W01 85 Heavy';
    font-weight: bold;
    font-size: 13px;
}
 
.dt-button.excel:hover {
    color: #ffffff;
    background: #0091d0;
    box-sizing: border-box;
    padding: 10px 22px;
    text-decoration: none;
    border-radius: 3px;
    font-family: 'Avenir LT W01 85 Heavy';
    font-weight: bold;
    font-size: 13px;
}

table.table_data tr:nth-child(odd) td{
   background-color: rgba(34, 177, 36, 0.1);
}

table.table_data tr:nth-child(even) td{
   background-color: white;
}

thead.table_data_header tr th{
    border-top: 3px solid #101167; //table border color
    border-bottom: 3px solid  #101167; //table border color
    border-left: 0;
    border-right: 0;    
    border-collapse:separate; 
    border-spacing:5px 5px;
    border-radius: 22px;
    //border-image-source: url(../images/orange-dotted-border.png);
    //border-image-repeat: round;
    border-image-slice: 30;
}

button.dt-button.excel:active:not(.disabled):hover:not(.disabled), button.dt-button.excel.active:not(.disabled):hover:not(.disabled),
div.dt-button:active:not(.disabled):hover:not(.disabled),
div.dt-button.active:not(.disabled):hover:not(.disabled),
a.dt-button:active:not(.disabled):hover:not(.disabled),
a.dt-button.active:not(.disabled):hover:not(.disabled) {
    color: #ffffff;
    background: #6f6f85;
    box-sizing: border-box;
    padding: 10px 22px;
    text-decoration: none;
    border-radius: 3px;
    font-family: 'Avenir LT W01 85 Heavy';
    font-weight: bold;
    font-size: 13px;
}
button.dt-button.excel:hover,
div.dt-button:hover,
a.dt-button:hover {
  text-decoration: none;
}
button.dt-button.excel:hover:not(.disabled),
div.dt-button:hover:not(.disabled),
a.dt-button:hover:not(.disabled) {
    color: #ffffff;
    background: #6f6f85;
    box-sizing: border-box;
    padding: 10px 22px;
    text-decoration: none;
    border-radius: 3px;
    font-family: 'Avenir LT W01 85 Heavy';
    font-weight: bold;
    font-size: 13px;
}

      .gpt-j {
            position: fixed;
            bottom: 20px;
            right: 20px;
            width: 450px;
            height: 450px;
            border-radius: 5px;
            padding: 5px;
            z-index: 9999;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
            display: flex;
            flex-direction: column;
            background-color: #f9f9f9; /* Light gray */
            border: 1px solid #e5e5e5; /* Slightly darker gray */
          }
          
            .gpt-j a {
                color: #4b4b4b; /* Set the link color */
                text-decoration: none; /* Remove the underline */
                transition: color 0.2s ease-in-out; /* Add a smooth transition for color changes */
                font-size: 0.9em; /* Reduce the font size */
            } 
            
            .gpt-j a:hover {
                text-decoration: underline; /* Add an underline when hovering */
            }
          
            .gpt-j a:active {
                color: #0d2f81; /* Set the link color when clicked (active) */
            }
            
            .gpt-j a:focus {
                outline: none; /* Remove the outline when focused */
            }

          .gpt-j-response {
            flex-grow: 1;
            line-height: 1.5;
            color: #333;
            overflow-y: auto;
          } 
    
      .gpt-j-response::after {
        content: "";
        position: absolute;
        background-color: #000000;
        vertical-align: top;
        width: 10px;
        height: 15px;
        -webkit-animation: blink 1s step-end infinite;
        animation: blink 1s step-end infinite;
      }
    
      .gpt-j-response:focus::after {
        content: "";
        animation: blink 1s step-end infinite;
      }
      
          .gpt-j-header {
            display: flex;
            justify-content: space-between;
            align-items: left;
            margin-bottom: 5px;
            background-color: #f0f0f0; /* Slightly darker gray */
          }
      
        .gpt-j-response-minimized::after {
            content: none;
        }

      
        .powered-by {
                margin-right: 5px;
            font-size: 0.9em;
            color: #666;
              }
              
        .powered-by .beta {
            margin-left: 5px;
            display: inline-block;
            color: rgb(255, 102, 102);
            font-size: 0.75em;
            font-weight: bold;
            margin-left: 5px;
        }
      
        .gpt-j-logo {
          width: 24px; /* Adjust the width as needed */
          height: 24px; /* Adjust the height as needed */
          margin-right: 5px;
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        }
              
      .gpt-j-header .minimize-button {
        cursor: pointer;
        margin-right: 5px;
        margin-left: auto;
      }
    
      .gpt-j-header .maximize-button {
        cursor: pointer;
        margin-right: 5px;
      }
      
      .gpt-j-minimized {
        height: 24px !important;
      }
      
      .gpt-j-minimized .gpt-j-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
      
      .gpt-j-minimized .gpt-j-header .minimize-button {
        margin-right: 5px;
      }
      
        .gpt-j-minimized .gpt-j-header .maximize-button {
            font-size: 2em; /* Increase the font size */
            margin-right: 5px;
        }
      
      .gpt-j-minimized .gpt-j-header .maximize-button:hover {
        text-decoration: underline;
        cursor: pointer;
      }
      
      .gpt-j-minimized .gpt-j-header .maximize-button:active {
        text-decoration: none;
      }
      
      .gpt-j-minimized .gpt-j-header .maximize-button:focus {
        outline: none;
      }
    
      [contenteditable] {
        outline: 0 solid transparent;
      }
      
      @keyframes blink {
        from, to {
          opacity: 1;
        }
        50% {
          opacity: 0;
        }
      }
    
      /* Additional styles for the new input and response boxes */
        .gpt-j .gpt-j-input {
            width: 100%;
            padding: 6px 10px;
            padding-right: 30px;
            outline: none;
            box-sizing: border-box;
            border: 1px solid #e5e5e5;
            border-radius: 4px;
            font-size: 0.95em;
            color: #333;
            background-color: #f9f9f9;
            font-family: Arial, sans-serif;
            transition: 0.3s;
        }
        
        .gpt-j .gpt-j-input:focus {
            border-color: #999;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
        }
          
        .gpt-j-input-container {
            position: relative;
            display: flex;
            align-items: center;
        }
                
        .gpt-j .gpt-j-send-icon {
            position: absolute;
            right: 5px;
            top: 50%;
            cursor: pointer;
            transform: translateY(-25%);
        }

        .toggle-button {
            cursor: pointer;
            font-size: 1.5em;
        }

        .gpt-j-minimized .gpt-j-send-icon {
            display: none;
        }
        
        .gpt-j-minimized .gpt-j-input {
            display: none;
        }

        .gpt-j-disclaimer {
            font-size: 0.8em;
            color: #999;
            text-align: center;
            margin-top: 5px;
            color: #999;
            font-size: 0.75em;
        }
        
        .gpt-j-minimized .gpt-j-disclaimer {
            display: none;
        }

        .gpt-j-header a {
            text-decoration: none;
            font-weight: normal;
            color: #666; 
            font-size: 12px;
        }
        
        .gpt-j-header a:hover {
            text-decoration: underline;
        }
         
        .gpt-j-user-input {
            color: #333333; /* Dark gray */
            font-weight: bold;
            background-color: #f0f0f0; /* Light gray background */
            padding: 5px;
            border-radius: 4px;
            margin-bottom: 5px;
        }
        
        .gpt-j-ai-response {
            color: #666666; /* Light gray */
            background-color: #f9f9f9; /* Lighter gray background */
            padding: 5px;
            border-radius: 4px;
            margin-bottom: 5px;   
        }
        
        .gpt-j-ai-response::after {
          content: none;
        }
        
        .gpt-j-ai-response-last::after {
          content: "";
          position: absolute;
          background-color: #000000;
          vertical-align: top;
          width: 10px;
          height: 15px;
          margin-left: 5px;
          -webkit-animation: blink 1s step-end infinite;
          animation: blink 1s step-end infinite;
        }
                
        .gpt-j-ai-response-last::after {
          content: "";
          position: absolute;
          background-color: #000000;
          vertical-align: top;
          width: 10px;
          height: 15px;
          margin-left: 5px;
          -webkit-animation: blink 1s step-end infinite;
          animation: blink 1s step-end infinite;
        }

          .gpt-j-ai-response:focus::after {
            content: "";
            animation: blink 1s step-end infinite;
          }
        
        
        @keyframes typing {
            from { width: 0; }
            to { width: 3px; }
        }