@charset "utf-8";
/* CSS Document */

*{
	padding:0;
	margin:0;
	
	box-sizing: border-box;
}

html, body{
	height:100%;
	width:100%;	
}

body{
	padding:0;
	margin:0;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:1.25em;
	
	color:#234;
	
	background-image:url(../img/rts-ptr.png);
	background-repeat:repeat;
	background-color:#FFF;
	position:relative;	
}

#page{
	position:relative;	
}

#networkStatusEnv{
	position:absolute;
	z-index:18;
	font-size:.75em;
	
	padding:.25em 2em;
	
	text-align:center;
	margin:0 auto;
	
	left:50%;
  margin-left:-50px;
  top:0;
	
	border-radius: 0 0 .5em .5em;	
}

#networkStatusEnv.ni-online,
#networkStatusEnv.ni-offline
{	
	border-top-width:0;
	box-shadow:0 0 .25em .125em rgba(88,88,88,.75);
	text-transform:uppercase;
}

#networkStatusEnv.ni-online{
	background-color:#0C3;
	border:2px solid #9F0;
	color:#000;
}

#networkStatusEnv.ni-offline{
	background-color:#F33;
	border:2px solid #F93;
	color:#FFF;
}

p{
	padding:.75em .25em .25em;
	font-size:1em;
	text-align:justify;
}

p.sml{
	padding:.75em .25em .25em;
	font-size:.75em;
	text-align:justify;
}

p.note{
	margin:.25em 0;
	border:1px solid #CCC;
}

p.btn-env{
	padding:.25em .25em .5em;
	text-align:left;	
}

p.reset{
	padding:.125em;
}

a{
	color:#888;
	text-decoration:none;
}

a:hover{
	color:#234;
	text-decoration:underline;
}

a.active-hole,
a.inactive-hole{
	display:block;
	text-decoration:none;	
}

a.inactive-hole{
	background-color:#DDD;
}

	a.inactive-hole:hover{
			background-color:#EEE;
	}

a.active-hole{
	background-color:#9C3;
}

	a.active-hole:hover{
		background-color:#CF0;
	}

p.btn-env a{
	padding:.25em .5em;
	text-decoration:none;
	text-transform:uppercase;
	margin:0 .125em;
}

/* : */
p.btn-env a.add{
	background-color:#9B0;
	color:#FFF;
	
	border:1px solid #888;
	border-radius:.125em;	
}

p.btn-env a.add:hover{
	background-color:#9C6;
}
/* : */
p.btn-env a.remove{
	background-color:#F90;
	color:#FFF;
	
	border:1px solid #888;
	border-radius:.125em;	
}

p.btn-env a.remove:hover{
	background-color:#F60;
}

/* ::: */

table.action-table{
	
}

table.action-table tr:hover > *{
	background-color:#EEE;
	cursor:pointer;		
}

table.action-table tr.selected > *{
	background-color:#FDD;
}

table.tbl-data{
	background-color:#CCC;
	width:100%;
}

table.tbl-data-alt{
	background-color:#CCC;
	width:100%;
}

table.tbl-data tr{
	
}

table.tbl-data tr.hl td{
	background-color:#000;
	color:#EEE;
}

table.tbl-data tr.ctr-c td{
	text-align:center;
}

table.tbl-data tr.hplus td{
	font-size:1.25em;
	text-align:center;
}

table.tbl-data th, 
table.tbl-data td,
table.tbl-data-alt th, 
table.tbl-data-alt td
{
	color:#234;
	text-align:left;
	background-color:#EEE;
	font-size:.75em;
	
	padding:.25em;
}

table.tbl-data-alt th, 
table.tbl-data-alt td{
	background-color:#FFF;	
}

table.tbl-data-alt th,
table.tbl-data th{	
	font-weight:bold;
	min-width:8em;
}

table.tbl-data-alt td,
table.tbl-data td{
	font-weight:normal;	
}

#content{
	padding:.25em;	
}

.content-env{
	padding:.5em;
}

.content-env fieldset{
	border:1px solid #CCC;
	border-radius:.25em;
	min-height:4em;
	
	padding:.25em;		
}

.content-env fieldset legend{	
	color:#222;
	padding:.25em .25em;
	margin:0 .5em;	
}

.min-box-4{
	min-height:4em;
	overflow:auto;	
}

.cnt-box25-0{
	padding:.25em 0;	
}

.ctr{
	text-align:center;
}

.ctr-l{
	text-align:left;	
}

.ctr-r{
	text-align:right;
}

.eol-env{
	background-color:#CCC;
	font-size:.75em;
	padding:.25em 0;	
}

.eol-env h3{
	color:#F00;
	font-weight:bold;
	font-size:1em;
}

.eol-env p{
	padding:.125em;
}


.limit-info-env{
	padding:.25em;
	text-align:left;
	border:1px solid #CCC;
	color:#000;
}

.limit-info-env.limit-reached{
	color:#F00;
	font-weight:bold;
}

.autocomplete-env{
	position:relative;	
}

.autocomplete{
	position:absolute;
	width:60%;	
	display:none;
	
	background-color:#EEE;
	box-shadow:0 .125em .25em .0625em rgba(88, 88, 88, .5);
	
	left:.5em;
}

.autocomplete p{
	padding:.25em .25em .125em;
	font-size:.75em;
}

#bhListingEnv .sort-button{
	display:block;
	padding:.25em .5em;
	text-align:left;	
	text-decoration:none;
	background-position:right center;
	background-repeat:no-repeat;	
}

#bhListingEnv .sort-button:hover{
	background-color:#CCC;
	background-image:url(../img/sort-icon16.png);
}
	
	#bhListingEnv .sort-button.up{
		background-image:url(../img/sort-icon-up16.png);		
	}
	
	#bhListingEnv .sort-button.down{
		background-image:url(../img/sort-icon-down16.png);
	}

.p80, .p70, .p60, .p50, .p40, .p33, .p30, .p25, .p20{
	float:left;	
	min-width:8em;	
}

.p40, .p33, .p30, .p25, .p20{
	min-width:2em;
}

.p80{
	width:80%;
}

.p70{
	width:70%;
}

.p60{
	width:60%;
}

.p50{
	width:50%;
}

.p40{
	width:40%;
}

.p33{
	width:33.33%;
}

.p30{
	width:30%;
}

.p25{
	width:25%;
}

.p20{
	width:20%;
}

.br, 
.nl{
	display:block;
	clear:both;
	padding:0;
	margin:0;
	line-height:0;
}

.cnt-box-25-0{
	padding:.25em;
}

.cnt-box-0-25{
	padding:0 .25em;
}

/*
	GUI Element
*/

.content-over-env{
	width:50%;

	background-color:#EEE;
	
	position:absolute;
	z-index:8;
	
	top:0;
}

	.cnt20p
	{
		width:20%;
	}

	.cnt30p
	{
		width:30%;
	}
	
	.cnt40p
	{
		width:40%;
	}
	
	.cnt60p
	{
		width:60%;
	}
	
	.cnt70p
	{
		width:70%;
	}
	
	.cnt80p
	{
		width:80%;
	}

.padding-box125{
	padding:.125em;
}	
	
.padding-box250{
	padding:.25em;
}	

	
.pos-rel{
	position:relative;	
}	

.content-over{
	margin:1px;
	
	height:99.80vh;
	overflow:auto;

	background-image:url(../img/rts-ptr.png);
	background-repeat:repeat;	
}

.content-over-action-env{
	background-color:#CCC;
	padding:.5em .25em;
	text-align:right;
	border-bottom:1px solid #FFF;
}

.content-over-action-env a{
	padding:.25em 1em;
	margin:0 .125em;
	text-decoration:none;
}

.content-over-action-env a.add{
	background-color:#6C3;
	color:#FFF;	
}

.content-over-action-env a.add:hover{
	background-color:#3C3;
}


/* FORM IN */

.fweight-b
{
	font-weight:bold;
}

.size-l
{
	font-size:1.25em;	
}

.size-xl
{
	font-size:1.5em;	
}

.clr-warn{
	color:#F00;
}

.content-frm .clr-info{
	color:#22F;
}

.content-frm input,
.content-frm textarea,
.content-frm select,
.content-over input,
.content-over textarea,
.content-over select
{
	width:100%;
	margin:.125em .125em .25em;
	text-align:right;
	padding:.25em;
	border:1px solid #AAA;
	border-radius:.25em;
	
	box-shadow:inset 0 0 .5em .125em #CCC;
}

.content-frm textarea,
.content-over textarea{
	font:inherit;
	text-align:left;
	font-size:inherit;
}

.content-frm .bh-view input,
.content-frm .bh-view textarea,
.content-frm .bh-view select,

.content-over .bh-view input,
.content-over .bh-view textarea,
.content-over .bh-view select
{
	text-align:left;	
}

.content-frm .bh-view textarea{
	font:inherit;
	text-align:left;
	font-size:inherit;
}

.content-over input:disabled{
	background-color:transparent;
	border-color:transparent;
	color:#000;
	box-shadow:none;
}

.content-over input:disabled.clr-warn{
	color:#F00;
}

.content-over .hdr{
	background: linear-gradient(to bottom, #DDD 0%, #FFF 50%, #FFF 55%, #EEE 100%);
	background-color:#FFF;	
}

.content-over .hdr h1{
	font-size:1em;
	padding:.5em;
	color:#234;
	border-bottom:1px solid #888;
	position:relative;
}

a.close,
.content-over .hdr a{
	position:absolute;
	z-index:12;
	
	top:.125em;
	right:.125em;
	
	text-decoration:none;
	
	background-color:#900;
	color:#FFF;
	
	border:2px solid #FFF;
	border-radius:.25em;
	
	display:inline-block;
	width:2em;
	height:2em;
	
	text-align:center;
	padding:.125em 0 0;
	
	box-shadow:0 0 .125em 0 #000;
}

a.close:hover,
.content-over .hdr a:hover{
	background-color:#C00;
}

.field-popup-env{
	position:relative;
}

.field-popup-cnt{
	position:absolute;
	top:-2em;
	left:0;
	width:200%;
	height:auto;
	min-height:12em;
	
	background-color:#CCC;
	border:1px solid #999;
	
	box-shadow:0 0 .5em .125em #898;
	display:none;
}

.field-popup{
	padding:.25em;
	position:relative;	
}

.field-popup a.close{
	position:absolute;
	top:-1em;
	right:-1em;
	
	width:2em;
	height:2em;
	line-height:1;
	text-decoration:none;
	text-align:center;
	
	background-color:#F00;
	color:#FFF;
	
	border:2px solid #900;
	border-radius:1em;
	padding:.25em 0 0 0;
	margin:0;	
	display:inline-block;
}

.field-popup a.close:hover
{
	background-color:#900;
}

.field-popup textarea{
	height:18em;
}


#hdCntTop{
	border-bottom:1px solid #888;	
}

#hdCntTop p{
	padding:.5em .25em;
	text-align:left;	
}

#hdCntTop p.ctr-r{
	text-align:right;
}

#hdCntTop p.ctr{
	text-align:center;
}

#hdCntTop p span.cnt,
#hdCntTop p span.cnt-in{
	display:block;
	padding:.625em .125em;
	font-weight:bold;
	border:1px solid #000;
	text-align:center;
	
	min-width:4em;
}

#hdCntTop p span.cnt-in{
	display:inline-block;
}

/* LOGIN :. */

#loginEnv{
	padding:5em;
}

#loginBox{	
	max-width:400px;
	min-width:200px;
	
	border:1px solid #EEE;
	border-radius:.5em;
	
	box-shadow:0 0 .5em rgba(100, 100, 100, .75);
	padding:2em;
	
	background: linear-gradient(to bottom, rgba(240,240,240,1) 0%, rgba(192, 192, 192,1) 33%, rgba(182, 182, 182,1) 50%, rgba(190, 190, 190,1) 100%);
}

#loginEnv form{
	padding:0; 
	margin:0;	
}

#loginEnv form fieldset{
	border:1px solid #EEE;
	border-radius:.25em;
	padding:.5em;
}

#loginEnv form legend{
	font-size:1em;
	color:#000;
	padding:.125em .5em;	
}

#loginEnv form label,
#loginEnv form input 
{
	display:block;
	padding:.5em .5em .25em;
	text-align:left;
	
	border:1px solid #888;
	border-radius:.25em;
	margin:.125em;
	
	width:100%;
	font-size:inherit;	
}

#loginEnv form input{
	box-shadow:inset 0 0 .25em .125em #CCC;
	padding:.5em;	
}

#loginEnv form input[type="submit"]
{
	display:inline;
	font-size:.875em;
	box-shadow:none;
	width:auto;
	
	padding:.5em 1em;
	text-align:center;
	
	cursor:pointer;
	
	text-transform:uppercase;
	background: linear-gradient(to bottom, rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%);
}

#loginEnv form input[type="submit"]:hover{	
	background: linear-gradient(to bottom, rgba(200,240,163,1) 0%,rgba(200,230,56,1) 50%,rgba(105,216,37,1) 51%,rgba(209,240,67,1) 100%);
}

#loginEnv form label{
	border-color:transparent;
	padding-left:.125em;
	padding-bottom:.125em;
}

/* LOGIN .: */

.hole-details-central{
	border:1px solid #CCC;
	
	position:relative;
	height:64%;
}

.hole-details-central .box-l,
.hole-details-central .box-r{
	position:absolute;
	z-index:11;
	
	height:100%;
	
	top:0;
	left:0;	
	
	background-color:#FFF;
}

.hole-details-central .box-r{
	width:60%;
}

.hole-details-central .box-l{
	width:40%;
	box-sizing: border-box;
}

.hole-details-central .box-cnt img{
	width:100%;
	height:auto;
}

.hole-details-central .box-cnt{
	padding:1em .5em .5em;
	
	height:97%;	
	
	margin:.75em .25em;
	
	border:1px solid #CCC;
	border-radius:.25em;
	position:relative;
	
	box-sizing: border-box;
}

.hole-details-central .box-cnt-in{
	margin:1em .25em .25em;
	border:1px solid #CCC;
	border-radius:.25em;
		
	position:relative;	
}

.box-label{
	position:absolute; 
	top:0;
	left:1em;
	z-index:3;
	background-color:#FFF;
	font-size:.75em;
	padding:.125em .5em;
}

.gs-data-env{
	position:absolute;
	z-index:4;
	top:0;
	left:0;
	width:120%;
}

.gs-note-env{
	position:absolute;
	z-index:5;
	top:10em;
	left:0;
	width:200%;
	background-color:#6F0;
}

.gs-note{
	font-size:.75em;
	color:#888;
	padding:.25em;
	text-align:right;
}

.gs-values{
	font-size:.75em;
	text-align:right;
	padding:.25em 0 .5em;
}

.gs-values span{
	padding:0 .25em;
	border:1px solid #333;
	text-align:right;
	display:inline-block;
	line-height:1.125em;
}

.hole-details-central .box-l{

}

.hole-details-central .box-r{
	top:0;
	left:auto;
	right:0;
}

.hole-label{
	width:50%;
	border-bottom:1px solid #234;
	text-align:left;
	padding:0;
	margin:0;
	
	font-size:.75em;
	line-height:1.5em;
	/*
	overflow:hidden;
	*/
}

.hole-label,
.hole-interval
{
	position:absolute;
}

.hole-label span{
	display:inline-block;
	width:50%;
	text-align:right;
	line-height:1;
	padding:0;
	margin:0;
	box-sizing: border-box;	
}

.hole-label span:nth-child(1)
{
	text-align:left;
}

.hole-interval
{	
	padding:0;
	margin:0;
	box-sizing: border-box;
}

/* CASING */

.casing-image-env{
	position:relative;
}

.casing-image-top{
	border-top:1px solid #000;

	background-image:url(../img/rts-casing-pattern.png);
	
	position:absolute;
	z-index:18;
	
	top:0;
	left:0;
	
	width:100%;
}

.casing-image-mid{
	width:64%;
	border:1px solid #000;
	
	margin:0 auto;
	/*
	position:absolute;
	z-index:17;
	
	top:0;
	left:0;
	right:0;
	*/
}

.casing-image-btm{
	width:48%;
	border:1px solid #000;
	
	margin:0 auto;
	border-top:none;
	border-bottom:none;		
}

.casing-image-end{
	width:48%;
	margin:0 auto;
	display:block;
	position:relative;
}	

.casing-image-end img{
	width:100%;
	max-width:100%;
	height:auto;
	
	position:absolute;	
}

.action-app-env{
	padding:.25em;
	text-align:right;	
}

.action-app-env .btn{
	padding:.5em 1em;
	
	text-decoration:none;
	
	font-size:.875em;
	
	color:#000;
	text-transform:uppercase;	
	
	border:1px solid #555;
	
	border-radius:.25em;
	
	margin:0 .0625em;
	
	background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
}

.action-app-env .btn.action{
	background: linear-gradient(to bottom, #0B3 0%, #8E0 50%, #8E0 51%, #0B3 100%);
}

.action-app-env .btn:hover{
	background: linear-gradient(to bottom, #EEE 0%, #DDD 50%, #CCC 51%, #FFF 100%);
}

.action-app-env .btn.action:hover{
	background: linear-gradient(to bottom, #0C3 0%, #9F0 50%, #9F0 51%, #0C3 100%);
}
/* EDIT WINDOW */

.layout-row{
	overflow:auto;	
}

.layout-row-cnt{
	padding:.5em;	
}

.layout-row-cnt-in{
	padding:.25em;	
}

.layout-row-cnt p{
	padding:.25em .5em;	
}

.layout-row-cnt fieldset{
	border:1px solid #FFF;
	border-radius:.25em;
	min-height:3em;
	
	padding:.25em .5em .75em;
}

.layout-row-cnt legend{
	padding:.125em .5em;
	font-size:.875em;	
}

/* FORMS */

.frm-details{
	font-size:.875em;	
}

.frm-details{
	padding:.25em;	
}

.frm-details fieldset{
	border:1px solid #CCC;
	padding:.25em;
	border-radius:.25em;	
}

.frm-details legend{
	color:#234;
	padding:.25em .5em;
}

.frm-details textarea{
	width:100%;
	height:3em;
	font:inherit;
	font-weight:bold;
	font-size:1.5em;
}

/* 
----------------- 
POPUP FORM
----------------- 
*/
.pp-form-env{
	position:absolute;
	z-index:21;
	top:0;
	left:0;
	
	width:100%;
	height:100%;
	
	text-align:center;
	
	background-image:url(../img/rts-bg-w50.png);
}

.pp-form-cnt{
	width:50%;
	padding:10em;
	margin:0 auto;	
}

.pp-form{
	box-shadow:0 0 .5em .125em rgba(88, 88, 88, .5);
}

.pp-form h2{
	background:linear-gradient(to bottom, #DDD 0%, #FFF 50%, #FFF 55%, #EEE 100%);
	background-color:#FFF;
	
	padding:.5em;
	text-align:left;
	position:relative;
	
	font-size:1em;
	font-weight:normal;
	
	border-bottom:1px solid #234;
}

.pp-form h2 a{
	font-size:.875em;
}

.pp-cnt{
	padding:.5em;
	background-color:#FFF;
}

.pp-cnt form{

}

.pp-cnt form input, 
.pp-cnt form label{
	padding:.25em;
	display:block;
	
	border:1px solid #CCC;
	border-radius:.25em;
	
	margin:.125em;
	
	text-align:left;
	
	width:96%;
}

.pp-cnt form label{
	border-color:transparent;	
}

.pp-cnt form input[type="submit"]{
	background-color:#9C0;
	color:#FFF;
	text-align:center;
	
	display:inline-block;
	max-width:8em;
	
	border:1px solid #060;
	cursor:pointer;
}

.pp-cnt form input[type="submit"]:hover{
	background-color:#9C6;	
}

.rts-chart-env{
	overflow:auto;
}

.rts-chart{ 
  min-height: 450px;
	padding:1em;
}

/* 
 Customize the label (the container) 
*/
 
.rts-custom-container {
	/*
  display: block;
	*/
	display:inline-block;
  position:relative;
  padding-left:1em;
	
  margin-bottom:0;
	
  cursor:pointer;
  font-size:2em;
  user-select:none;
}

/* Hide the browser's default checkbox */
.rts-custom-container input {
  position:absolute;
  opacity:0;
  cursor:pointer;
  height:0;
  width:0;	
	line-height:0;
}

/* Create a custom checkbox */
.rts-checkmark{
  position:absolute;
  top:-.75em;
  left:.25em;
  height:1em;
  width:1em;
  background-color:#EEE;
	
	box-shadow:inset 0 0 .125em 0 #444;
	
	border-radius:.125em;
	border:1px solid #FFF;
}

/* On mouse-over, add a grey background color */
.rts-custom-container:hover input ~ .rts-checkmark{
  background-color: #CCC;	
}

/* When the checkbox is checked, add a blue background */
.rts-custom-container input:checked ~ .rts-checkmark{
  background-color:#9C0;
}

/* Create the checkmark/indicator (hidden when not checked) */
.rts-checkmark:after{
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.rts-custom-container input:checked ~ .rts-checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.rts-custom-container .rts-checkmark:after {
  left:.3125em;
  top:.0625em;
  width:.25em;
  height:.5em;
	
	border-color:#FFF;
	border-style:solid;
  border-width: 0 .125em .125em 0;

  transform: rotate(45deg);
} 

.bh_dashboard_graph{
	border:1px solid #EEE;	
	border-radius:.25em;	
	padding:.5em;
}

/* NAVIGATION */
#hdrEnv
{
	background-color:#069;
	border-bottom:1px solid #EEE;	
}

#hR p{
	text-align:right;
	padding:.25em;
}

#hR p span{
	color:#FFF;
	padding:.5em 0 .125em 0;
	display:inline-block;
	font-size:.75em;
	border-bottom:1px solid #FFF;
	margin:0 .5em;
}

#hR p a{
	display:inline-block;
	background-color:#F93;
	color:#FFF;
	padding:.5em 1em;
	text-transform:uppercase;
	font-size:.75em;
	border-radius:.4em;
	border:1px solid #F00;
	text-decoration:none;
}

#hR p a:hover{
	background-color:#900;	
}

#nav{	

}

#nav ul{
	list-style:none;
}

#nav ul li{
	display:inline-block;
	float:left;
	position:relative;
}

#nav ul li a{
	display:inline-block;
	padding:.75em 1.5em;
	text-align:center;	
	min-width:8em;
	text-decoration:none;
	color:#FFF;
	font-size:1em;	
}

#nav ul li a:hover{
	background-color:#999;
}

#nav ul li a.active{
	background-color:#777;
}

#subNav{
	border-bottom:1px solid #888;
	border-top:1px solid #BBB;	
}

#subNav ul{
	background-color:#999;
	list-style:none;
}

#subNav ul li{
	display:inline-block;	
}

#subNav ul li a{
	display:block;
	padding:.75em 1em;
	text-align:center;	
	min-width:8em;
	text-decoration:none;
	color:#FFF;
}


#subNav ul li a:hover{
	background-color:#AAA;
}

#subNav ul li a.active{
	background-color:#777;
}


/*
================
:: MESSAGE STACK
================
*/

.fitms-view{
	margin:.125em 1em;
	padding:.5em 0;
	list-style:none;
		
}

.fitms-view .fitms-view-info,
.fitms-view .fitms-view-warn,
.fitms-view .fitms-view-error{
	margin:.125em;
	padding:.25em .5em;
	font-size:.875em;
	text-align:left;
	color:#FFF;
	border-radius:.25em;	
}

.fitms-view .fitms-view-info{
	background-color:#1563C3;
	border:2px solid #0D396E;	
}

.fitms-view .fitms-view-warn{
	background-color:#FF8800;
	border:2px solid #CC6600;

}

.fitms-view .fitms-view-error{
	background-color:#C00;
	border:2px solid #A00;
}