tfoot input {
        width: 100%;
        padding: 3px;
        box-sizing: border-box;
    }

body {
    font-family: Arial, sans-serif;
}

.table-striped tbody tr:nth-of-type(odd){
    background-color: rgba(0, 0, 0, 0.05);
}


#passwordfield + .glyphicon {
   cursor: pointer;
   pointer-events: all;
 }

.table .someTableClass {
  table-layout: fixed
}

.navbar-custom {
    background-color: #005EB8;
}

.navbar-custom .navbar-brand {
    color: white !important;
    font-family: Arial, sans-serif;
    font-weight: bold;
}

.navbar-custom .navbar-top-links .fa {
    color: white;
}

.navbar-custom .navbar-top-links .dropdown-menu .fa {
    color: #005EB8;
}

.navbar-custom .dropdown-toggle:hover,
.navbar-custom .dropdown-toggle:focus {
    background-color: #003087;
}

.nav-link {
    color: white;
}

.navbar-custom .nav-link:hover,
.navbar-custom .nav-link:focus {
    color: white;
    background-color: #003087;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: #003087;
}

.sidebar ul li a {
    color: #005eb8;
}

.sidebar ul li a.active,
.sidebar ul li a:hover {
    background-color: #e8edee;
}


.panel-primary {
    border-color: #005EB8;
}
.panel-primary>.panel-heading {
    background-color: #005eb8;
    border-color: #005EB8;
}
.panel-primary > a {
    color: #005EB8;
}
.panel-primary > a:hover {
    color: #003465;
}


.panel-green {
    border-color: #44355B;
}
.panel-green>.panel-heading {
    background-color: #44355B;
    border-color: #44355B;
}
.panel-green > a {
    color: #44355B;
}
.panel-green > a:hover {
    color: #261D32;
}


.panel-yellow {
    border-color: #FF9F1C;
}
.panel-yellow>.panel-heading {
    background-color: #FF9F1C;
    border-color: #FF9F1C;
}
.panel-yellow > a {
  color: #FF9F1C;
}
.panel-yellow > a:hover {
  color: #E8911A;
}


.panel-red {
    border-color: #1A535C;
}
.panel-red>.panel-heading {
    background-color: #1A535C;
    border-color: #1A535C;
}
.panel-red > a {
    color: #1A535C;
}
.panel-red > a:hover{
    color: #133D43;
}


.panel-default > .panel-heading {
    background-color: #e8edee;
}

#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #e8edee;
  border-radius: 50%;
  border-top: 16px solid #005EB8;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 }
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom {
  from{ bottom:-100px; opacity:0 }
  to{ bottom:0; opacity:1 }
}


/* Change dash style on Location analysis sev comp chart*/

#sevcompchart .highcharts-legend rect.highcharts-point {
    stroke: black;
    stroke-width: 1.2;
    fill: #E8EDEE;
}

#sevcompchart .highcharts-legend .highcharts-series-1 rect.highcharts-point {
    stroke-dasharray: 4,3.6;
}

#overallchart path.highcharts-boxplot-whisker {
    stroke-dasharray: 4,3;
}

.highcharts-menu hr {
    border-top: 1px solid rgb(153, 153, 153);
    margin-top: 5px;
    margin-bottom: 5px;
}