/*
###########################################################################
#
# Measurement Uncertainty Calculator - Copyright (C) 2019
# Leverhulme Research Centre for Forensic Science
# Roy Mudie, Joyce Klu, Niamh Nic Daeid
# Website: https://github.com/LRCFS/lrcfs-measurement-uncertainty-calculator/
# Contact: lrc@dundee.ac.uk
#
# This program is free software: you can redistribute it and/or modify
# it under the terms of the GNU Affero General Public License as published
# by the Free Software Foundation, either version 3 of the License, or
# (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
# GNU Affero General Public License for more details.
#
# You should have received a copy of the GNU Affero General Public License
# along with this program.  If not, see <https://www.gnu.org/licenses/>.
#
###########################################################################
*/

body{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.main-header .logo {
  height: 70px;
  padding: 10px 0 0 15px;
}

.main-header .sidebar-toggle {
  padding-top: 25px;
  padding-bottom: 25px;
}

.main-header .navbar-nav > li > a {
  padding-top: 25px;
  padding-bottom: 25px;
}

.main-sidebar,
.control-sidebar {
  padding: 80px 10px 10px 10px;
}

.sidebar-menu>li>a{
  padding: 12px 5px 12px 5px !important;
}

.icon-large {
  color: rgba(255, 255, 255, 0.5) !important;
}



/* Fixes for when mobile view with larger header */
.main-header {
    max-height: 150px;
}

@media screen and (max-width: 767px){
  .main-sidebar{
    padding-top: 140px;
  }
}

/* End fixes for mobile view */


a[data-value="calibrationCurve"],
a[data-value="calibrationCurveQuadratic"],
a[data-value="methodPrecision"],
a[data-value="standardSolution"],
a[data-value="samplePreparation"],
.treeview, /* This is for the homogeneity nested menu */
a[data-value="combinedUncertainty"],
a[data-value="coverageFactor"],
a[data-value="expandedUncertainty"],
a[data-value="dashboard"],
#percentageExpandedUncertaintyStartPage
{ 
  display: none !important;
}

.navbar{
	background: #2e2d2c url("../images/lrcfs-logo.png") 99% 50% no-repeat !important;
}

.skin-blue .main-header .logo{
  background-color: #424140;
}

  .skin-blue .main-header .logo:hover {
      background-color: #2e2d2c;
  }
  
  .skin-blue .main-header .navbar .sidebar-toggle:hover {
      background-color: #424140;
  }
  
  .skin-blue .main-header .navbar .nav > li > a:hover {
      background-color: #424140;
      color: #f6f6f6;
  }
  
.nav-tabs-custom > .nav-tabs > li {
    border-top: 3px solid #BDD9EA;
    background-color: #F4F4F4;
}

.nav-tabs-custom > .nav-tabs > .header{
  background-color: #FFF;
  border-top: 3px solid transparent;
}

.visible,
li.visible,
a.visible,
div#percentageExpandedUncertaintyStartPage.visible{
	display: block !important;
}

.hidden{
	display: none;
}

.MathJax_Display,
.MathJax span {
	text-align : left !important;
}
th .MathJax_Display {
	text-align : right !important;
}
table.dataTable tfoot th{
  padding-right: 10px !important;
  text-align: right;
}

table.dataTable tfoot .tableFormula{
  text-align: center !important;
}

table.dataTable tfoot .result{
  text-align: center !important;
}

table .noBorderAbove{
  border-width: 0 !important;
}

.calcOverflow {
  overflow-x: auto;
  overflow-y: hidden;
}

#display_homogeneity_calcsTable3 .dataTables_scrollFootInner  > table > tfoot:nth-child(1) th{
	border-top: 0px;
}

#fileUploadBox .exampleDownloadLink,
#fileUploadBox button,
#reset_inputCustomWlsFileUpload,
#display_start_customWlsFileUploadExampleDownloadLink,
#display_start_customWlsPooledFileUploadExampleDownloadLink{
	float: right;
}

#fileUploadBox .shiny-input-container{
  width: 100% !important;
}

#fileUploadBox .nav-tabs a{
  font-size: 1.3em;
}

.wlsHelpImage{
  width: 500px;
  margin: 0 0 20px 20px;
  border: 1px solid #000;
  float: right;
  max-width: 100%;
}

#caseSampleDataStart small{
  font-weight: normal !important;
}

#customPooledWlsInfo{
    font-weight: normal !important;
    font-size: small;
}

.pageHelpTop{
  position: absolute;
  top: 80px;
  right: 30px;
  margin: 10px -10px 0 0;
}

#help_start_start{
	position: absolute;
    top: 10px;
    right: 10px;
}

.textSpacer{
  padding: 0 2.5em 0 2.5em;
}

.smallRightHelp{
	padding: 3px 8px 2px 8px;
	font-size: 0.9em;
	position: relative;
    top: -10px;
    float: right;
}

.introjs-top-middle-aligned,
.introjs-right,
.introjs-left,
.introjs-left,
.introjs-bottom-left-aligned{
	min-width: 60% !important;
	max-width: 80% !important;
}

.smallRightHelpInHeader{
	padding: 3px 8px 2px 8px;
	font-size: 0.9em;
	position: absolute;
    top: 10px;
    right: 10px;
}

#display_start_calibrationCurveFileUpload > div{
	margin: 0 !important;
}

.progress {
    margin-bottom: 5px !important;
}

.error{
    border: 1px solid #F00;
    background: #fae9e9;
    color: #F00;
    padding: 10px;
	margin: 0 0 20px 0;
	display: none;
}

.footerItem{
  
}

.footerLogo{
  float: right;
  margin-left: 20px;
}

  .footerLogo img{
    height: 41px;
  }

/* new clearfix */
.clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.introjs-floating{
	width: 600px !important;
	max-width: 600px !important;
}