body {
 
  line-height: 1.5;
  color: #044e81;
}

h1 {
  font: 700 20px Poppins, sans-serif;
  color: #044e81;
  margin-bottom: 10px;
}

h2 {
  font: 600 18px Poppins, sans-serif;
  color: #044e81;
  margin-bottom: 10px;
}

h3 {
  font: 600 18px Poppins, sans-serif;
  color: #044e81;
 
}

h4 {
  font: 600 18px Poppins, sans-serif;
  line-height: 1.375em;
  color: #044e81;
  margin-bottom: 10px;
  
}

.bnt {
  
  margin-top: 0px !important;
}



a:link {
  color: #044e81;
}

/* visited link */
a:visited {
  color: rgb(168, 127, 32);
}

/* mouse over link */
a:hover {
  color: rgb(168, 127, 32);
}

/* selected link */
a:active {
  color: rgb(168, 127, 32);
  font-weight: 600;
}

.btn-menu{width: 150px;
  position: relative;
  background-color: #FFF;
  color: #044e81;
  border: 1px solid #af9cc9;
  display: inline-block;
  padding: 8px 12px;

  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle; 

  background-image: none;
  
  border-radius: 10px;
  width: 150px;
 
}



.btn-menu:hover{
  background-color: #044e81 !important;
  color:  #FFF;
  border: 1px solid  #044e81;
}

.btn2 {
margin: 15px 0;
background-color: #FFF;
color: #c2c2c2;
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid #c2c2c2;
border-radius: 4px;
}

input::file-selector-button {
  margin: 0px 0;
  color: #044e81;
  background-color: #ebebeb;
  border-radius: 4px;
}
         
input::file-selector-button:hover{
  border: 1px solid #044e81;
  background-color: #FFF !important;
  color: #044e81;
  border-radius: 4px;
  }
  

  

.btn{width: 150px;
   display: inline-block;
   background-color: #044e81 !important;
   padding: 10px 12px;
  margin-bottom: 0;
  margin-top: 0px !important;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid #c2c2c2;
  border-radius: 10px;
  width: 150px;}

.btn2:hover{
  background-color: #044e81 !important;
  color:  #FFF;
  border: 1px solid  #044e81;

}

.btn3{
 
  background-color: #FFF;
  color: #044e81;
  border: 1px solid #044e81;
  display: inline-block;
  padding: 8px 12px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  
  border-radius: 10px;
  width: 150px;
  
}

.btn-submit{
  background-color: #ff8000 !important;
}

.btn-cal{
  background-color:#ffa64d !important;
  font-weight: 600 !important;
}

.btn3:hover{
  background-color: #044e81 !important;
  color:  #FFF;
  border: 1px solid  #044e81;
  }
  


  .btn4{
 
    background-color: #FFF;
    color: #044e81;
    border: 1px solid #044e81;
    display: inline-block;
    padding: 8px 12px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    
    border-radius: 10px;
    width: 150px;
    
  }

  .btn4:hover{
      background-color: #044e81 !important;
    color:  #FFF;
    border: 2px solid  #044e81;
      }
  
      @-webkit-keyframes glowing {
        0% { background-color: #044e81; -webkit-box-shadow: 0 0 3px #044e81; }
        50% { background-color:  #0374bf; -webkit-box-shadow: 0 0 20px  #0374bf; }
        100% { background-color: #044e81; -webkit-box-shadow: 0 0 3px #044e81; }
      }
      
      @-moz-keyframes glowing {
        0% { background-color: #044e81; -moz-box-shadow: 0 0 3px #044e81; }
        50% { background-color:  #0374bf; -moz-box-shadow: 0 0 20px  #0374bf; }
        100% { background-color: #044e81; -moz-box-shadow: 0 0 3px #044e81; }
      }
      
      @-o-keyframes glowing {
        0% { background-color: #044e81; box-shadow: 0 0 3px #044e81; }
        50% { background-color:  #0374bf; box-shadow: 0 0 20px  #0374bf; }
        100% { background-color: #044e81; box-shadow: 0 0 3px #044e81; }
      }
      
      @keyframes glowing {
        0% { background-color: #044e81; box-shadow: 0 0 3px #044e81; }
        50% { background-color:  #0374bf; box-shadow: 0 0 20px  #0374bf; }
        100% { background-color: #044e81; box-shadow: 0 0 3px #044e81; }
      }
      

      .movetop{
        margin-top: 100px !important;
      }



  .custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
  }
  .custom-file-input::before {
    content: 'Import IDs from CSV';
    display: inline-block;
    background-color: #FFF;
    color: #044e81; 
    padding: 8px 12px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #c2c2c2;
    border-radius: 10px;
    width: 150px;
    border: 1px solid #044e81;
  }
  .custom-file-input:hover::before {
        background-color:#044e81 !important;
        color: white;
  }


  
#googleMap {
  -webkit-filter: grayscale(95%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(95%);
  height: 328px;
}

.jumbotron {
  background-color: #044e81;
  color: #FFF;
  padding: 100px 18px;
  font-family: Poppins, sans-serif;
}

.container-fluid {
  padding: 30px 30px;
}

.container-fluid2 {
  text-align: center;
  padding: 30px 30px;
}

.container-fluid2 h3 {
  font-size: 18px;
 
}

.container-fluid2 h4 {
  color: rgb(255, 255, 255);
  font-size: 18px;
}

.container-fluid2 .btn {
  margin: 15px 0;
  background-color: #044e81;
  color: #FFF;
}

.container-fluid2 .btn:hover {
  background-color: #044e81 !important;
  color:  #FFF;
}



.container-fluid3 {
  text-align: left;
  padding: 60px 50px;
}

.container-fluid3 h3 {
  font-size: 18px;

}

.container-fluid3 h4 {
  color:#044e81 ;
  font-size: 18px;

}

.container-fluid3 .btn {
  margin: 15px 0;
  background-color: #044e81;
  color: #FFF;
}

.container-fluid3 .btn:hover {
  background-color: #044e81 !important;
  color:  #FFF;
}


.btn.active, .btn:active {
  background-image: none;
  outline: 0 rgba(242, 242, 242, 0.125);
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.bg-grey {
  background-color: #ffffff !important;
}

.logo-small {
  color: #044e81;
  font-size: 60px;
}

.material-icons {
  color: #044e81;
  width: 60px;
  font-size: 60px;
}

.logo {
  color: #044e81;
  font-size: 200px;
}

.topimage {
  position: absolute;
  margin-top: -50px;
}

.thumbnail {
  padding: 0 0 15px 0;
  border: none;
  border-radius: 0;
}

.thumbnail img {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
}

.carousel-control.right, .carousel-control.left {
  background-image: none;
  color: #044e81;
}

.carousel-indicators li {
  border-color: #044e81;
}

.carousel-indicators li.active {
  background-color: #044e81;
}

.item h4 {
  font-size: 19px;
  line-height: 1.375em;
  font-weight: 400;
  font-style: italic;
  margin: 70px 0;
}

.item span {
  font-style: normal;
}



.panel {
  border: 1px solid #044e81;
  border-radius: 0 !important;
  transition: box-shadow 0.5s;
  margin-top: 20px;
}

.panel:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  box-shadow: 10px 0px 40px rgba(0, 0, 0, 0.5);
}

.panel-footer .btn:hover {
  background-color: #044e81 !important;
  color:  #FFF;
}

.panel-heading1 {
  color: #FFF !important;
  background-color: #A49EAC !important;
  padding: 25px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.panel-heading2 {
  color: #FFF !important;
  background-color: #896CAF !important;
  padding: 25px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.panel-heading3 {
  color: #FFF !important;
  background-color: #044e81 !important;
  padding: 25px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.panel-heading4 {
  color: #FFF !important;
  background-color: #512B85 !important;
  padding: 25px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.panel-footer {
  background-color: white !important;
}

.panel-footer h3 {
  font-size: 24px;
}

.panel-footer h4 {
  color: #AAA;
  font-size: 18px;
}

.panel-footer .btn {
  margin: 15px 0;
  background-color: #044e81;
  color: #FFF;
}

.navbar {
  margin-bottom: 0;
  background-color: #044e81;
  z-index: 9999;
  border: 0;


  border-radius: 0;
  font: 500 23px Poppins, sans-serif;
  margin-left: 0;
}

.navbar li a, .navbar .navbar-brand {
  color: #FFF !important;
}

.navbar-nav li a:hover, .navbar-nav li.active a {
  color: #044e81 !important;
  background-color: #FFF !important;
}

span.light{
  color:#d291ed;
}

.navbar-default .navbar-toggle {
  border-color: transparent;
  color: #FFF !important;
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
  margin-left: 0%;
  padding-bottom: 0;
  font-size: 30px;
  font-weight: 600;
}

.icon-bar{
  background-color: #FFF !important;
}

.form-control {
  font-size: 12px;
  border-radius: 4px;
  text-align: left;
  border: 1px solid #044e81;
  Color: #044e81;
  padding: 0px;
  padding-left: 20px;
  width: 200px;
  font: 500 12px Poppins, sans-serif;
}

.form-control option::-moz-focus-outer {
 
  Color: #a87b32;
  font: 700 12px Poppins, sans-serif;
}


.form-control:focus {
  border-color:#044e81;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #044e81;
}

.form-control::target-text {
 
  Color: #a68559;
 
}

strong{
  Color: #044e81;
  padding: 0px;
  padding-left: 5px;
  
  font: 600 14px Poppins, sans-serif;
  
}

#footer{margin-top:50px !important;}

footer .glyphicon {
  font-size: 10px;
  margin-bottom: 20px;
  color: #044e81;
}

.slideanim {
  visibility: hidden;
}

.slide {
  animation-name: slide;
  -webkit-animation-name: slide;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  visibility: visible;
}

@keyframes slide {
  0% {
    opacity: 0;
    transform: translateY(70%);
  }

  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}

@-webkit-keyframes slide {
  0% {
    opacity: 0;
    -webkit-transform: translateY(70%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
  }
}

@media screen and (max-width: 992px) {
  .col-sm-4 {
    text-align: center;
    margin: 25px 0;
  }

  .navbar {
    letter-spacing: 2px;
  }
}

@media screen and (max-width: 768px) {
  .col-sm-4 {
    text-align: center;
    margin: 25px 0;
  }

  .navbar {
    letter-spacing: 2px;
  }
}

@media screen and (max-width: 480px) {
  .logo {
    font-size: 150px;
  }
}

#demo {
  text-align: left;
  border-bottom: 1px solid #044e81;
  border-top: 1px solid #044e81;
  padding: 0px;
}

#demo h3 {
  font-size: 19px;
  line-height: 1.475em;
  font-weight: 400;
  margin: 40px 16px 19px -23px;
  color: #044e81;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.btn-collapse {
  margin: 15px 0;
  background-color: #044e81;
  color: #FFF;
}

#matrix {
  text-align: center !important;

}


#absinput {
  width:830px;
  min-height:240px;
  font-size: 11px;
}

  
#sampleidinput{
    width:830px;
    min-height:240px;
    font-size: 11px;
    
}

#dilinput{
  width:830px;
  min-height:240px;
  font-size: 11px;
  
}


#output {
  color: black !important;
  padding-top: 80px;
  margin-top: -40px;
}

#fitsummary {
  text-align: center !important;
 
  
  font-size: 11px;

 
}


#fitcalsummary{
  text-align: center !important;

  
  font-size: 11px;

 
}


#fitsummary .handsontable td {
  border:0;
}

#caloutput .handsontable td {
  border:0;
}

#fitsummary .handsontable th {
  border:0;
}
#caloutput .handsontable th {
  border:0;
}


#unknowntable {
  max-width: 850px !important;
}

#replicatetable {
  width: 300px;
  height: 260px;
  max-width: 260px !important;
  font-size: 11px;
}

#absoutput {
  margin-left: 5vw;
  margin-right: auto;
   height:240px;
   font-size: 11px;}

#sampleidoutput {
    margin-left: 5vw;
    margin-right: auto;
     min-height:240px;
     font-size: 11px;}

#absconcoutput {
  margin-left: 5vw;
  margin-right: auto;
  font-size: 11px;
}

div wtholder {
  visibility: false;
}

#concoutput {
  margin-left: 5vw;
  margin-right: auto;
   height:240px;
   font-size: 11px;
      }



#inputcontent {
  color: rgb(116, 116, 116) !important;
}

#inputcontent .handsontable{
  color: black;
}


#content {
  text-align: center;
 
  margin-left: auto;
  margin-right: auto;
 
}




#disclaimer {
  text-align: left !important;
  padding-top: 80px;
  margin-top: -40px;
  margin-left: auto;
  margin-right: auto;
  font-size: 7px !important;
  line-height: 1 !important;
  font-family: Montserrat, sans-serif;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

#disclaimernew {
  text-align: left !important;
  padding-top: 40px;
  margin-top: -100px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 150px;
  font-size: 7px !important;
  line-height: 1 !important;
  font-family: Montserrat, sans-serif;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}




#mySelect {
  border-radius: 0
}

#text_div {
  margin-left: 20%;
  margin-right: auto;
  color: black !important
}


#caloutput {
  margin-left: 20%;
  margin-right: auto;
  color: black !important
}
#fitoutput {
  color: black !important;
  margin-left: 5vw;
  margin-right: auto;
  width: 80vw;
  height: 275px;
  overflow: hidden !important;
  font-size: 11px;
}

#resultoutput {
  color: black !important;
  margin-left: 5vw;
  margin-right: auto;
  overflow: visible !important;
  font-size: 11px;

  
}






#fitoutput .handsontable th {
  border: 0;
}

#fitoutput.handsontable td {
  border:0;
}


#resultoutput .handsontable th {
  border: 0;
}


#diloutput {
  margin-left: 5vw;
  margin-right: auto;
   height:240px;
  overflow:hidden !important;
      font-size: 11px;}


#sampleidop {
  margin-left: 10vw;
  margin-right: auto;
  overflow: hidden !important;
  width: 70vw;
  height: 70vw;
  color: black !important;
  max-height: 275px;
  font-size: 11px;
}

#concdiloutput {
margin-left: 5vw;
  margin-right: auto;
   height:240px;
  overflow:hidden !important;
      font-size: 11px;}


      .fixed-position {
    position: fixed;
 }
















      .dropdown-toggle::after {
        display: inline-block;
      
        align-self: right;
        vertical-align: .25em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
      }



      .dropdown-submenu {
        position: relative;
    }
    
    .dropdown-submenu>.dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }
    
    .dropdown-submenu:hover>.dropdown-menu {
        display: block;
    }
    
    .dropdown-submenu>a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
       
        margin-right: -10px;
    }
    
    .dropdown-submenu:hover>a:after {
        border-left-color: #fff;
    }
    
    .dropdown-submenu.pull-left {
        float: none;
    }
    
    .dropdown-submenu.pull-left>.dropdown-menu {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px;
    }


   .dropdown-menu:hover {
   
      position: absolute;
      display: block;
      visibility:visible;
   }

.navbar .dropdown-menu:hover {
  position: absolute;
  display: block;
  visibility:visible;
}
   
.dropdown-menu li a:hover {
 
  background-color: #044e81 !important;
  color: white !important;
  visibility: visible !important;
}

.dropdown-submenu li a:hover {
  background-color: #044e81 !important;
  color: white !important;
  visibility: visible !important;

}






  
  
/* Dropdown */





/* Dropdown links */


.dropdown-menu{
  margin: 0px !important;

}

.dropdown-menu li a {
  color: #044e81 !important;
  visibility: visible !important;
    border-radius: 4px;

}

.dropdown:hover >.dropdown-menu {display: block;
}






.navbar .dropdown-submenu:hover>.dropdown-menu {
  
  display: block;
}

.navbar .dropdown:hover>.dropdown-menu {
 
  display:block;
}