html {
/*   line-height: 1.50;
 */  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
 
 .outercontainer{
/* 	display: block;    
 */	
      top: 0;	 
	margin: 0;
	width:100vw;
	height:100vh;
	background-image:url("../images/technology.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

.innercontainer {
//display:block;
  width:50vw; 
  min-width:30em;    
  background: #fff;
    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

      
 }


/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
   margin: 0;
}

tableattr{
				
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1.1em 2.5em;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: medium;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: medium;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #af0;
  color: #000;
}


/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}


legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
//  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

[hidden] {
  display: none;
}

html {
  height: 100%;
}

fieldset {
  margin: 0;
  padding: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-before: 0;
  -webkit-padding-start: 0;
  -webkit-padding-end: 0;
  -webkit-padding-after: 0;
  border: 0;
}

legend {
  margin: 0;
  padding: 0;
  display: block;
  -webkit-padding-start: 0;
  -webkit-padding-end: 0;
}


.visibility-hidden {
				
	     display:none;			
}

.display-none {
	display:none;
}

.and-text {
  justify-center;
   border-radius: 1em;               
    border: 1px solid #096043;        
    font-family: 'Roboto', sans-serif;
     text-align: center;
     font-size:medium;     
      font-weight: normal; 
     
     height: 2.5em;
    color:#000;
    background:#fff;

         font-size:medium;     
         font-weight: normal; 
  color:#096043;
}

.center{
      align-self:center;
}

.hover-shadow{
	box-shadow:  0 0 5px #096043;			
}

button {
	  outline:0;
}
button:hover{
	box-shadow: inset 0px 0px 10px  #096043;              			
}

.backarrowbutton {
    border-radius: 1em;           
    border: 1px solid #096043;    
    font-family: 'Roboto', sans-serif;
 
   font-size:medium;     
   font-weight: normal; 
   outline-radius: 25px;
   padding:.5em;
   padding-left:2.5em;
   background: url(../images/backarrow.png) no-repeat ;
   background-position:left center;
   background-size: contain;
   text-align:left;
   color:#096043;
}

.downloadbutton {
    border-radius: 1em;           
    border: 1px solid #096043;    
    font-family: 'Roboto', sans-serif;
 
   font-size:medium;     
   font-weight: normal; 
   outline-radius: 25px;
   padding:.5em;
   padding-left:2.5em;
   background: url(../images/download.png) no-repeat ;
   background-position:left center;
   background-size: contain;
   text-align:left;
   color:#096043;
}

.plusbutton {
    border-radius: 1em;           
    border: 1px solid #096043;    
    font-family: 'Roboto', sans-serif;
 
   font-size:medium;     
   font-weight: normal; 
   outline-radius: 25px;
   padding:.5em;
   padding-left:2.5em;
   background: url(../images/plus.png) no-repeat ;
   background-position:left center;
   background-size: contain;
   text-align:left;
   color:#096043;
}


.searchbutton {

   width:75%;
    margin: .5em auto .5em auto;
    border-radius: 1em;           
    border: 1px solid black;        
    font-family: 'Roboto', sans-serif;
 
   font-size:medium;     
   font-weight: normal; 

   padding:.5em;
   padding-left:3em;
   background: url(../images/magnifierWhite.png) no-repeat #096043;
   background-position:left center;
   background-size: contain;
   text-align:left;
   color:#fff;
}

.searchbutton:hover{
     background-color:#2a6;                     
}

.noborder {
		border: 10px solid red;  		
}

#buttons :first-child {
    float: right;
}

#buttons :nth-child(2) {
    margin-right: 1.5em;
    float: right;
}

#buttons :nth-child(3) {
    margin-right: 1.5em;
    float: right;
}


.title-field .align-me-left{
   width:10;
   align-self:center;
   margin-left:2em;
   margin-right:2em;
  //   margin:5vw;      
}

.title-field .coers-geisel{

    height:60%;
   width:33%;             
   background: url(../images/Geisel_Logo_140.png) no-repeat #fff;
    background-position: left center;
   background-size: contain;
  
   color:#fff;
 
}

.title-field .coers-details{
      font-family: 'National2', sans-serif;
      font-size:1em;    
      font-weight: 100;
      width:33%;
      line-height:120%;
      text-align: left;     
      color:#096043; /* dartmouth green */
}

.title-field .coers-title{
      text-align: center;     
      width:33%;		
      font-family: 'National2', sans-serif;
      font-size:4em;	
      color:#096043; /* dartmouth green */
 
}

 .title-field{
   display: -ms-flexbox;
  display: flex;

  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  flex-direction:row;
 justify-content:center;
 padding: 0em;
 position: absolute;
  font-weight: bold;
  background: #ffffffff;
  width:100vw;
  height:5em;
 // font-size: medium;                    
}

.innertitle{
      font-family: 'National2', sans-serif;
      font-size:1.2em;    
      font-weight: 150;
      line-height:120%;
      text-align: left;     
      color:#096043; /* dartmouth green */

	 text-align: center;	
       font-family: 'National2', sans-serif; 
//      font-size: 1.2em;    
      
      margin: 1em auto 1em auto;
     color:#466f4e;		 	
}

.input-field {
  width: 100%;
}

.input-field .main-font {
      font-family: roboto; 
      font-size: medium;    
      margin-right:.1em;                  
}

./* input-field  {
  display: block;
  top: 0;
  left: 0;
  position: relative;
  font-weight: normal;
  color: #555;
  background: #fff;
  width:100%;
//  height: 100%;
  font-size: medium;
}
 */
.input-field {
  width: 100%; 
  margin:auto;
  margin-top: 2em;
   border-radius: 1em;            
  border:2px solid #00f;
}

 .input-field  .label-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  flex-direction:row;
 margin: 0.3em 0 .3em;
  position: relative;
  font-weight: normal;
  color: #555;
  background: #fff;
  font-size: medium;
  text-align: right;
  height:90%
}



/*  .input-field  .label-container  .select-search-input{
      width:50vw;              
}
 */
.input-field  .label-container  .left-pad{
      margin-left: 10%;             
}

/* .input-field   .right-pad{
      margin:.4em auto .4em auto;        
}
 */
.input-field span {
  color: #57b846;
}

.center{
	   display: -ms-flexbox;
	  display: flex;
	
	  -ms-flex-pack: start;
	      justify-content: space-evenly;
	  -ms-flex-align: center;
	      align-items: center;
	  flex-direction:row;
	 margin: .5em 0em .5em 0em; 
	  background: #ffffffff;
	  width:100%;
}

.andcenter{
	margin:.5em auto .5em auto;	
	text-align: center; 
	width:100%;	
	  font-family: 'Roboto', sans-serif;
	  font-size: 1.2em;     
	  font-weight: bolder; 
	color:#096043;
		
}

div.line select { 
margin: .2em 0em .2em 0em;   padding: 0;
  padding: .4em;
  border:  solid #dcdcdc; 
  font-family: 'Roboto', sans-serif;
  font-size: 1em;     
  font-weight: normal; 
    font-size: medium;     
  width: 60%; 
    color:#065338;
} 

div.line label { 
  margin: 0; 
  margin: .2em 0em .15em 0em; 
  padding: .25em .25em 0 0; 
//  padding-right: .25em; 
  font-family: 'Roboto', sans-serif;
  font-size: medium;     
  font-weight: normal; 
     
  color: #777;
  color:#317063;
/*   display: block; 
 */  width: 10em; 
  text-align: right; 
  line-height:150%;
  float: left;    
} 

div.line input{ 
  margin: 0; 
  margin:auto;
  margin: .2em 0em .2em 0em; 
  padding: .4em;
  border: solid #dcdcdc; 
  border-radius: 1em;        
  font-family: 'Roboto', sans-serif;
  font-size: medium;     
  font-weight: normal; 
  width: 55%; 
  color:#075540;
} 

div.input label { 
  margin: .2em 0em .2em 0em; 
  padding: .25em 0; 
  padding-right: .25em; 
  font-family: 'Roboto', sans-serif;
  font-size: medium;     
  font-weight: normal; 

/*  display: block; 
 */  width: 10em; 
  text-align: right; 
  line-height:150%;
  float: left;    
} 

.input-field input .placeholder {
  color: #999;
/*   font-size: 1em;
 */}

.input-field .icon-wrap {
  position: relative;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
    cursor:pointer;  

  width: 3.2em;
  height: 100%;
/*     border-radius: .5rem ;         
  border:2px solid black;
 */  
}

.input-field .icon-wrap svg {
  width: 90%;
  height: 90%;
  padding:.2em;
  fill: #aaa;
}

.input-field .icon-wrap svg:hover {
    fill: #00c;           
}

 .input-field input:-moz-placeholder {
  color: #999;
  font-size: medium;
}

 .input-field input::-webkit-input-placeholder {
  color: #999;
  font-size: medium;
}

.input-field input:hover,  .input-field input:focus {
  box-shadow: none;
  outline: 0;
}

 .input-field .btn-search {
  min-width: 6.25em;
  height: 2.5em;
  padding: .9em;
  background: #47a836;
  white-space: nowrap;
  border-radius: .19em;
  font-size: medium;
  color: #fff;
  transition: all .2s ease-out, color .2s ease-out;
  border: 0;
  cursor: pointer;
  font-weight: bold;
}

.input-field .btn-search:hover {
  background: #3e962f;
}
 .input-field .btn-back:hover {
  background: #3e962f;
}
.input-field .btn-csv:hover {
  background: #3e962f;
}

 .input-field .btn-delete {
  min-width: 6.25em;
  height: 2.5em;
  padding: .9em;
  background: transparent;
  white-space: nowrap;
  border-radius: .19em;
  font-size: 1em;
  color: #555;
  transition: all .2s ease-out, color .2s ease-out;
  border: 0;
  cursor: pointer;
  font-weight: bold;
}

 .input-field .btn-delete:hover {
  color: #000;
}
  
.tooltipBox {
      visibility:hidden; 
      position:fixed;
      top:1ex;
      left:1ex;
      padding:0.5em;
      max-width:20em;
      borderRadius:.5em;
      border:.2em solid black;
      background:#DDF;
      font-family: 'Roboto', sans-serif;
       fontsize:small;
      fontcolor:black;

}
 .minsamp{
 
     min:0 ;
   max:10000; 
 }

.minattr{
   min:0 ;
   max:10000;
 }
 
 .table-cell {
      padding:4em;
      background:#ff0;
  //    overflow:hidden;
 }
 
  .table_wrapper{
    border-collapse: collapse;
    border: 1;
    table-layout:fixed;
    text-align:left;
    width:100%;
    overflow-x: scroll;
    
    white-space: nowrap;
}

.table-container {
  overflow-x: scroll;
}

.fixed_header tbody{
  display:block;
  overflow:hidden;
  height:90vh;
  width:100%;
}
.fixed_header thead tr{
  display:block;
}
        

.inner-form  {
display:block;
  background: #fff;
  padding: .2em;
  border-radius: .19em;
  box-shadow: 0px .5em .2em 0px rgba(0, 0, 0, 0.15);
}