/*.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: 6px;
  padding: 4px 6px;
  min-height: 28px;
  line-height: 1.8;
}

/* ── 3-track chart container ── */
#chart-container { width: 100%; overflow: hidden; }

/* horizontal: gas on top, depth axis hidden, rop/gamma below */
#chart-container.horz { display: flex; flex-direction: column; }
#chart-container.horz #rich-track-div  { order: 1; width: 100%; }
#chart-container.horz #gas-track-div   { order: 2; width: 100%; }
#chart-container.horz #depth-track-div { display: none; }
#chart-container.horz #rop-track-div   { order: 3; width: 100%; }

/* vertical mud-log: rop/gamma | depth | gas */
#chart-container.vert { display: flex; flex-direction: row; height: 640px; }
#chart-container.vert #rop-track-div   { order: 1; flex: 1; min-width: 0; }
#chart-container.vert #depth-track-div { order: 2; width: 50px; display: block; border-left: 1px solid #444; border-right: 1px solid #444; }
#chart-container.vert #gas-track-div   { order: 3; flex: 1; min-width: 0; }
#chart-container.vert #rich-track-div  { order: 4; width: 80px; display: block; border-left: 1px solid #444; }

#rop-track, #depth-track, #gas-track, #rich-track { display: block; touch-action: none; }

/* D3 grid lines */
.d3-grid line { stroke: #3a3a3a; stroke-opacity: 0.9; }
.d3-grid path { stroke-width: 0; }

/* legend toggle */
.lgnd-item:hover { opacity: 0.65 !important; }

/* chart badge + menu */
#chart-badge {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 20;
  background: rgba(0,0,0,0.55);
  color: #ccc;
  border: 1px solid #555;
  border-radius: 4px;
  padding: 4px 9px;
  cursor: pointer;
  font-size: 13px;
  line-height: 1;
  user-select: none;
}
#chart-badge:hover { background: rgba(0,0,0,0.8); color: #fff; }
@media (hover: none) and (pointer: coarse) {
  #chart-badge { font-size: 16px; padding: 5px 11px; }
}

#chart-menu {
  position: absolute;
  top: 34px;
  right: 6px;
  z-index: 30;
  background: #2a2a2a;
  border: 1px solid #555;
  border-radius: 4px;
  overflow: hidden;
  min-width: 155px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}
#chart-menu button {
  display: block;
  width: 100%;
  text-align: left;
  background: transparent;
  color: #ddd;
  border: none;
  border-bottom: 1px solid #3a3a3a;
  padding: 9px 14px;
  font-size: 12px;
  cursor: pointer;
  margin: 0;
}
#chart-menu button:last-child { border-bottom: none; }
#chart-menu button:hover { background: #3a3a3a; color: #fff; }

/* live / hist status pill */
.chart-status-pill {
  display: inline-block;
  padding: 2px 12px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1px;
}
.pill-live {
  color: #2ecc71;
  border: 1px solid #2ecc71;
  background: rgba(46, 204, 113, 0.1);
}
.pill-hist {
  color: #e8a838;
  border: 1px solid #e8a838;
  background: rgba(232, 168, 56, 0.1);
}
.live-dot { display: inline-block; }
.live-dot-pulse { animation: livepulse 1.5s ease-in-out infinite; }
@keyframes livepulse {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0.2; }
}

/* hover tooltip */
#chart-tooltip {
  position: fixed;
  display: none;
  background: rgba(18,18,18,0.60);
  color: #eee;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 11px;
  pointer-events: none;
  border: 1px solid #555;
  z-index: 1000;
  line-height: 1.7;
  white-space: nowrap;
}

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

label{
  color: #a2c8e5;
}

body {
  background-color: #2e2e30;
  /* background-color: #331407; */
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

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-bottom: 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;
  }
}

/* EDR mobile swipe pager */
.edr-page-dots {
  display: none;
  align-items: center;
  gap: 8px;
  margin-left: 12px;
}
.edr-dot {
  width: 10px; height: 10px;
  border-radius: 50%;
  background: #444;
  cursor: pointer;
  display: inline-block;
  transition: background 0.2s;
}
.edr-dot.active { background: #e05530; }

@media (orientation: portrait) and (max-width: 640px) {
  .edr-page-dots { display: flex; }
  .edr-mob-hide  { display: none !important; }
}

@media print {
  body * { visibility: hidden; }
  #chart-container, #chart-container * { visibility: visible; }
  #chart-container {
    position: fixed !important;
    top: 0 !important; left: 0 !important;
    width: 100% !important;
    overflow: visible !important;
  }
}