/*.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}*/

.color-red {
  color: red;
}

.real-time label{
  color: #db640f;
  font-weight: normal;
}

.real-time-value label{
  color: #a2c8e5;
  font-weight: normal;
  border-radius: 11px;
  border: 2px solid #004c97;
}

.radio-item {
  display: inline-block;
  position: relative;
  padding: 0 6px;
  margin: 10px 0 0;
}

.radio-item input[type='radio'] {
  display: none;
}

.radio-item label {
  color: #db640f;
  font-weight: normal;
}

.radio-item label:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 5px 0 0;
  width: 20px;
  height: 20px;
  border-radius: 11px;
  border: 2px solid #004c97;
  background-color: transparent;
}

.radio-item input[type=radio]:checked + label:after {
  border-radius: 11px;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 9px;
  left: 10px;
  content: " ";
  display: block;
  background: #004c97;
}

.radio-company {
  display: inline-block;
  position: relative;
  padding: 0 6px;
  margin: 10px 0 0;
}

.radio-company input[type='radio'] {
  display: none;
}

.help-block {
    font-size: 12px;
}

button {
    margin-top: 10px;
    background-color: #555555;
}

#legenddiv {
  width   : 100%;
  border: 2px dotted #c65339;
  margin-top: 10px;
  position: relative;
  height: 60px !important; /* force that height */
  overflow: auto;
}

#chartdiv {
	/* width	: 100%;
	height	: 280px; */
}

.vertChart {
	width	: 100%;
	height	: 640px;
}

.horzChart {
  width	: 100%;
	height	: 280px;
}

a {
    text-decoration: underline;
    font-size: 16px;
    color: #a2c8e5;
}

label{
  color: #a2c8e5;
}

body {
  background-color: #2e2e30;
  /* background-color: #331407; */
}

h1 {
    color: #db640f;
}

h2 {
    color: #db640f;
}

.selectClass{
  background-color: #282726;
  width:  80px;
}

.wellGrid table, .wellGrid th, .wellGrid td  {
  border: 1px solid grey;
  border-collapse: collapse;
  padding: 5px;
  font-size: 16px;
  color: #a2c8e5;
}
.wellGrid tr:nth-child(odd) {
  background-color: #282726;
}
.wellGrid tr:nth-child(even) {
  background-color: #6b3816;
}

.wellGrid tr.highlight {
  background-color:#ffa64d;
}

.linkTbl table, .linkTbl th, .linkTbl td {
  border: 1px solid #2e2e30;
  border-collapse: collapse;
  padding: 5px;
  background-color: #2e2e30;
  font-size: 16px;
  color: #a2c8e5;
}

/*Added from template*/
a:hover {
text-decoration:underline;
}

#logo, #logo h1 a
{
  /*color: #40403E;*/
  border:none;
  text-decoration:none;
 }

#menu li a
{ display: block;
  float: left;
  height:26px;
  text-decoration: none;
  padding: 6px 19px 0px 19px;
  border-right: 2px solid;
  font-weight: bold;
  background: #40403E;
  color: #929280;
  border-color: #2C2C2A;
  /*background:transparent url(../images/nav_tab_bg.png) no-repeat scroll left top;*/
}

#menu li a:hover, #menu li a.selected, #menu li a.selected:hover
{ background: #82974B;
  color: #EEE;
  border-color: #2C2C2A;
  	/*background:transparent url(../images/nav_tab_bg.png) no-repeat scroll left top;*/
	background-position: 0 -34px;
}

/* ancors End
----------------------------*/


/* elementh style Start
--------------------------*/


p
{ margin: 0px;
  padding: 0px 0px 16px 0px;
  line-height: 1.7em;
}

h1
{ font-family: arial, sans-serif;
  letter-spacing: .1em;
  font-weight: normal;
  text-transform: uppercase;
  padding: 16px 0px 5px 0px;
  margin: 0px 0px 12px 0px;
  font-size: 150%;
}

.sub
{ font-size: 55%;
  padding-left: 12px;
  letter-spacing: .1em;
}

img
{ border: 0px;
  margin: 0px;
  padding: 0px;
}


/* block quote */
blockquote
{ margin: 20px 0px 20px 0px;
  padding: 10px 20px 0px 20px;
  border-left: 8px solid;
}

/* unordered list */
ul
{ margin: 2px 0px 18px 16px;
  padding: 0px;
}

ul li
{ list-style-type: square;
  margin: 0px 0px 6px 0px;
  padding: 0px;
}

/* ordered list */
ol
{ margin: 8px 0px 0px 24px;
  padding: 0px;
}

ol li
{ margin: 0px 0px 11px 0px;
  padding: 0px;
}



/* elementh style  end
--------------------------*/

/* site content Start
-----------------------------*/
#main
{
	width:100%;
	padding-top: 3px;
}

/*design box First*/

.disignBoxFirst
{
	/*background:transparent url(../images/db_first_bg.jpg) no-repeat scroll left top;*/
clear:left;
margin-bottom:10px;
padding-top:16px;
position:relative;
}

.disignBoxFirst .boxFirstHeader
{
	color:#006598;
font-size:18px;
font-weight:bold;
height:20px;
padding:3px 0px 0px 40px;
position:relative;
text-align:left;
text-transform:uppercase;
}
.disignBoxFirst .boxContent
{
  color: #a2c8e5;
	font-size:13px;
overflow:hidden;
padding:10px 0pt 10px 24px;
position:relative;
}

/*design box Second*/
.disignBoxSecond
{
	/*background:transparent url(../images/db_second_bg.jpg) repeat-x scroll left top;*/
}

.disignBoxSecond .boxSecondHeader
{
	color:#006598;
font-size:110%;
font-weight:bold;
height:20px;
padding:3px 0px 0px 40px;
position:relative;
text-align:left;
text-transform:uppercase;
}
.disignBoxSecond .boxContent
{
  color: #a2c8e5;
	font-size:13px;
overflow:hidden;
/*padding:10px 24pt 10px 24px;*/
padding:10px 0pt 10px 24px;
position:relative;
}

/* thumb images
-----------------------------*/

.thumb_block
{position:relative; height:100px;}
.thumb_image
{
float:left;
margin:0pt 5px 5px 5px;
width:70px;
}


/* margin lefts / margin rights - to centre content */
#logo, #menu, #site_content, #main
{ margin-left: auto;
  margin-right: auto;
}

/* logo */
#logo
{ width: 100%;
  height: 96px;
}

#logo h1
{ font-family: century gothic, sans-serif;
  font-size: 60px;
  text-transform: lowercase;
  font-weight: normal;
  padding: 0px 0px 0px 14px;
  border: 0px;
  float: left;
  letter-spacing: 0px;
}

#links
{ margin: 15px 9px 0px 0px;
  font-size: 80%;
  text-align: right;
  padding: 20px 10px 0px 0px;
  text-transform: uppercase;
}


/* navigation menu */
#menu
{ height: 32px;
  width: 100%;
}

#menu ul{margin: 0px auto;}

#menu li
{ float: left;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#colours
{ height: 0px;
  text-align: right;
  padding: 16px 16px 0px 300px;
}

/* main content */
#site_content
{ width: 99%;
  overflow: hidden;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-left: 1px solid;
}

/* side menu */
#first_column
{ padding: 22px 3px 10px 19px;
  float: left;
  width: 250px;
}


.info
{ padding-top: 4px;
  float: left;
}

/* page content */
#content
{ text-align: left;
  width:250px;
  float: left;
  padding: 12px 0px 18px 0px;
}



#footer
{padding:10px;
font-size:14px;}


#footer #copy_r
{
	float:right;
}


/*colors Start
---------------------------*/

blockquote{border-color: #40403E;}

#site_content
{
	background-color:#000;
	border-color: #40403E;
}

#content h1
{ background: transparent;
  color: #E6E8DC;
  border-color: #40403E;

}

#contact input, #contact textarea, #contact input.submit
{ background: #2C2C2A;
  color: #929280;
  border-color: #40403E;
}

#menu
{ background: #40403E;
  color: #EEE;
  border-color: #82974B;
}

/*css for contactform*/

@import "compass/css3";

@import url(http://fonts.googleapis.com/css?family=Lato);

$dark: #252525;
$light: #efefef;
$screen: 40em;
$font-stack: "lato", sans-serif;
$font-stack:  sans-serif;

body {
  font-family: $font-stack;

   .has-error .form-control{
      box-shadow:  none;
      &:focus{
        box-shadow: none;
      }
    }

  .form-control{
      border-radius: 0;
      border: 1px solid #154406;
    &:focus{
      border-color:  #30a916;
      box-shadow:  none;
    }

  }

  .help-block{
    display: inline;
  }
}