/*================================================================
 *
 * Filename: ver_css.css
 * Website: viiper.net
 * Author: David Stephens
 * Date Created: 27-Jun-2012
 * Last Updated: 06-Apr-2020
 * Media: Screen
 *
 * Description
 * -----------
 * Base stylesheet for Vertech operations website. Designed to work with Twitter Bootstrap
 *
 *================================================================ */
body {
    padding-top: 120px;
    padding-bottom: 40px;
	font-family: Barlow-Regular, Arial, Helvetica, sans-serif;
}
@media (max-width: 768px) {
  body {
    padding-top: 60px;
  }
}
a img {	border: none; }
* {
	font-size: 12px;
	font-weight: normal;
}
.footer { 
	font-weight:bolder;
	font-size:11px;
	color:#FFFFFF;
}
table.datatable th {
   	text-align:center;
	vertical-align:middle;
	font-size: 10px;
	font-weight:700; 
	color:#FFFFFF;
	background-color:#5B6770;
}
table.datatable td {
   	text-align:center;
	vertical-align:middle;
	font-size: 10px;
}
table.datatable select {
	font-size: 10px;
   	text-align:center;
	font-weight:700; 
	background-color:#7C878E;
	color:#FFFFFF;
}
table.datatable textarea{
	font-size: 10px;
	font-weight:700; 
   	text-align:center;
	background-color:#7C878E;
	color:#FFFFFF;
}
table.datatable a:link, a:visited { font-size: 9px; }
table.datatable input {
   	text-align:center;
	vertical-align:middle;
	font-size: 10px;
	font-weight:700; 
	background-color:#7C878E;
	color:#FFFFFF;
}
.noborder {
	border-style: none;
	border-width: 0;
	background-color: white;
	border-collapse: collapse;
}
.title { 
	font-weight:700; 
	font-size:20px; 
	color:black; 
	margin-top:18px; 
	margin-bottom:8px; 
	text-align:center 
}
h1 { 
	font-weight:700; 
	font-size:17px; 
	font-family: Barlow-Light, Arial, Helvetica, sans-serif;
	color:black; 
	margin-top:18px; 
	margin-bottom:12px 
}
h2 { 
	font-weight:700; 
	font-size:15px; 
	color:black; 
	font-family: Barlow-Light, Arial, Helvetica, sans-serif;
	margin-top:13px; 
	margin-bottom:10px  
}
h3 { 
	font-weight:700; 
	font-size:13px; 
	color:black; 
	font-family: Barlow-Light, Arial, Helvetica, sans-serif;
	margin-top:8px; 
	margin-bottom:5px  
}
.info {
	color: #3a87ad;
	background-color: #d9edf7;
}
.success {
	color: #468847;
	background-color: #dff0d8;
}
.warning {
	color: #9F6000;
	background-color: #FFFFE0;
}
.error {
	color: #b94a48;
	background-color: #f2dede;
}
.validation {
	color: #D63301;
	background-color: #FFCCBA;
}
.brand_ver_orange {
  	font-size: 20px;
	font-weight: 200;
	color: #F58220;
}
.ver_bold {	font-weight: bold; }
.ver_selected {
	font-weight: bold;
	color: #F58220;
}
div.centered {
    text-align: center;
}
div.centered table {
    margin: 0 auto; 
    text-align: left;
}
/* Make icons orange	*/
i {
color:#F58220;
}/* Make icons bigger on hover	*/
i:hover {
font-size:	150%;
}
/* Make images a bit smaller, increasing to full size on hover	*/
.ver_icon:hover {
height: 20px;
width: 20px;
}
.ver_icon {
height: 16px;
width: 16px;
}
/* No vertical scrollbar for static modals	*/
 .modal { overflow-y: auto; }
/* Tweaks needed for our Navigation Tabs	*/
.nav-tabs>.disabled, .nav-pills>.disabled {
    color: #999;
    cursor: default;
    border: none; /** add this for tabs/pills **/
}
.nav-tabs>.disabled>a, .nav-pills>.disabled>a {
    color: #999;
    cursor: default;
    border: none; /** add this for tabs/pills **/
}
.nav-tabs>.disabled>a:hover, .nav-pills>.disabled>a:hover {
    background-color: transparent;
}
/* Production navigation bar	*/
.navbar-default {
  background-color: #fbf9f9;
  font-size: 14px;
}
.navbar-default .navbar-brand {
  color: #2b2c2d;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #b4b4b4;
}
.navbar-default .navbar-text {
  color: #2b2c2d;
}
.navbar-default .navbar-nav > li > a {
  color: #2b2c2d;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: #f58220;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #fbf9f9;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #2b2c2d;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #b4b4b4;
  background-color: #f58220;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
  background-color: #f58220;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #b4b4b4;
  background-color: #f58220;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #b4b4b4;
  background-color: #f58220;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #b4b4b4;
  background-color: #f58220;
}
.navbar-default .navbar-toggle {
  border-color: #f58220;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #f58220;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #2b2c2d;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #2b2c2d;
}
.navbar-default .navbar-link {
  color: #2b2c2d;
}
.navbar-default .navbar-link:hover {
  color: #b4b4b4;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #2b2c2d;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #b4b4b4;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #b4b4b4;
    background-color: #f58220;
  }
}
/* For test environnments, change the bar colour	*/
.navbar-test {
 min-height: 40px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #e6ffe6 ;
  background-image: -moz-linear-gradient(top, #e6ffe6, #ccffcc);
  background-image: -ms-linear-gradient(top, #e6ffe6, #1ccffcc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6ffe6), to(#ccffcc));
  background-image: -webkit-linear-gradient(top, #e6ffe6, #ccffcc);
  background-image: -o-linear-gradient(top, #e6ffe6, #ccffcc);
  background-image: linear-gradient(top, #e6ffe6, #ccffcc);
  background-repeat: repeat-x;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e6ffe6', endColorstr='#ccffcc', GradientType=0);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
/* For dev environnments, change the bar colour	*/
.navbar-dev {
 min-height: 40px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #e9e9fc ;
  background-image: -moz-linear-gradient(top, #e9e9fc, #d2d2f9);
  background-image: -ms-linear-gradient(top, #e9e9fc, #0d2d2f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e9e9fc), to(#d2d2f9));
  background-image: -webkit-linear-gradient(top, #e9e9fc, #d2d2f9);
  background-image: -o-linear-gradient(top, #e9e9fc, #d2d2f9);
  background-image: linear-gradient(top, #e9e9fc, #d2d2f9);
  background-repeat: repeat-x;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e9e9fc', endColorstr='#d2d2f9', GradientType=0);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
/*Typeahead styling	*/
.tt-query,
.tt-hint {
    width: 396px;
    height: 30px;
    padding: 8px 12px;
    font-size: 24px;
    line-height: 30px;
    border: 2px solid #ccc;
    border-radius: 8px;
    outline: none;
}
.tt-query {box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.tt-hint {color: #999}
.tt-dropdown-menu {
    width: 422px;
    margin-top: 12px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
}
.tt-suggestion.tt-is-under-cursor { /* UPDATE: newer versions use .tt-suggestion.tt-cursor */
    color: #fff;
    background-color: #0097cf;

}
.tt-suggestion p {margin: 0;}