.scroll-pane
{
	width: 100%;
	min-height: 100px;
	overflow: auto;
}
html, body{height: 100%;}

.TrSelected
{
	background-color: #C0C0C0;
}

.DVButton
{
		float:left;
		height:auto;
		font:85%/150% Arial,Helvetica,sans-serif;
		width:5em;
		text-align:center;
		white-space:nowrap;
}

.DVTable table
{
	border-top:1px solid #e5eff8;
	border-right:1px solid #e5eff8;
	border-collapse:collapse;
}

.DVTable thead th
{
	background:#3B5998;
	text-align:center;
	font:bold 1.0em/1.0em Arial,Helvetica,sans-serif;
	color:#ffffff;
	border-left:1px solid #e5eff8;
}

.DVTable td
{
	color:#678197;
	/*border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;*/
	border:1px solid #e5eff8;
	padding: 0px 2px;
	text-align:center;
}

.GTbl thead th
{
	background:#3B5998;
	text-align:center;
	font:bold 1.0em/1.0em Arial,Helvetica,sans-serif;
	color:#ffffff;
	border:1px solid #e5eff8;
}

.GTbl td
{
	color:#678197;
	border:1px solid #e5eff8;
	padding: 1px 5px 1px 5px;
	text-align:center;
}

.DVResize{display:block;width:10px;height:10px;background:#ff2;cursor:nw-resize;position:absolute;right:0;bottom:0;}

a:hover {cursor: pointer;}

#overlay{
    background-color:#F0F0F0; 
    filter:alpha(opacity=5); /* IE */ 
    opacity:0.05; /* Safari, Opera */ 
    -moz-opacity:0.05; /* FireFox */ 
    background-repeat:no-repeat; 
    background-position:center; 
    width:100%; 
    height:100%; 
    position:absolute;
    top:0px; 
    left:0px; 
    z-index:1000005;
} 

.ActiveToDrag
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: move;
	color:white;
	font-weight:bold;
}

.dlgBar {
	height: 25px;
	background: url(../../images/bright_sd.png) right top;
	background-repeat: no-repeat;
	background-size: 100% 50px;
	border: hidden;
}

.progressBar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 15px;
    border: 2px solid grey;
    position: relative;
}

.DlgStyle
{
	text-align:center;
	font:18px Arial,Helvetica,sans-serif;
	border-collapse:collapse;
	position: absolute;
	touch-action: none;
	background: white;
	z-index: 1000001
}

.DlgStyle > tbody > tr:nth-child(1) > td {
	height: 25px;
	background: url(../../images/bright_sd.png) right top;
	background-repeat: no-repeat;
	background-size: 100% 50px;
	border: hidden;
}

.DlgStyleNoStack
{
	text-align:center;
	font:bold 1.2em/1.2em Arial,Helvetica,sans-serif;
	border-collapse:collapse;
	position: absolute;
}

.LogPre{cursor:w-resize;}
.LogPre tr {vertical-align:top;}
.LogPre td {border-spacing:0;border-style:none;padding:0;}
.LogPre img {margin: 0px 0px -8px 0px;}

.LogImg{border-collapse:collapse;}
.LogImg tr {vertical-align:top;}
.LogImg td {padding:0;}
.LogImg img {margin: 0px 0px 0px 0px;}

#header a {color: white; text-decoration: none;}
.LogPreview { COLOR: #00086A; TEXT-DECORATION: none; cursor:pointer;}
.LogPreview:hover { TEXT-DECORATION: underline; }

.ui-slider .ui-slider-handle {width:10px;height:10px;}
html { overflow: scroll; overflow-y: auto; } /*Bug in IE9 scroll bar instability when overflow is auto*/

.PinText{color:Blue;text-align:left;}
.DlgText{color:Black;text-align:left;}
.TxtSm{color:Black;font-size:.8em;text-align:center;}
.TxtNm{color:Black;font-size:1em;}
.mTxtD{color:Black;text-align:left;position:relative;}
.scAl td{padding:0px 2px 0px 2px;}
.scAlDup td {padding: 0px 2px 0px 2px;}
#loading { display:none; position:fixed; left:0; top:0; width:100%; height:100%; 
           /*background-image:url("transparentbg.png");*/ }
           
#tblCurves{padding-top:1px;padding-bottom:1px;}

.spinner {
    border: collapse;
    border-spacing: 1pt 0pt;
    z-index: 1000008;
}

.videoBox {
    background: url(/Images/lasHubLogoWithD3.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 10%;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 2px solid black;
    z-index: 1000008;
}

#videoClose {
    background: url(/Images/buttons.png);
    cursor: pointer;
    height: 30px;
    left: -20px;
    top: -20px;
    position: absolute;
    width: 30px;
    z-index: 1000009;
}

div.up {
	display: block;
	background: #ccc url(vista-up.gif);
	height: 15px;
	width: 25px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
	div.up:hover {
		background: #ccc url(vista-up-hover.gif);
		height: 15px;
		width: 25px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
div.dn {
	margin-top: 1px;
	display: block;
	background: #ccc url(vista-dn.gif);
	height: 15px;
	width: 25px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
	div.dn:hover {
		background: #ccc url(vista-dn-hover.gif);
		height: 15px;
		width: 25px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}

/* Las styles */
.ui-dialog .ui-dialog-titlebar{background:#3B5998;font:bold .8em/.8em Arial,Helvetica,sans-serif;color:#ffffff;height:20px;padding:5px 0px 0px 5px;}
.ui-slider .ui-slider-handle{width:.7em;height:.7em;}
.tblLas td {font:12px Arial,Helvetica,sans-serif;color:#3B5998;}
.tblLin td{border:1px solid #3B5998;}
.tblNil td{border:0px;text-align:left;}
.tdMinL td:nth-child(1){width:3%;border:0px;text-align:left;}
.tdMinL td:nth-child(2){border-left-style:hidden;border-right-style:hidden;text-align:left;}
.unlne2 td:nth-child(2){border-bottom-style:solid;border-bottom-width:1px;}

/* Right click menu */
.vmenu{
	border:1px solid #aaa;
	position:absolute;
	background:#fff;
	display:none;
    font-size:0.75em;
}

.vmenu .first_li span {
	min-width: 125px;
	display: block;
	padding: 5px 10px;
	cursor: pointer;
}

.vmenu .inner_li {
	display: none;
	margin-left: 145px;
	position: absolute;
	border: 1px solid #aaa;
	border-left: 1px solid #ccc;
	margin-top: -28px;
	background: #fff;
}

.vmenu .sep_li {
	border-top: 1px ridge #aaa;
	margin:5px 0;
}

/* colorpicker styles */
.colorpicker {
    background-color: #222222;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 2px 2px 2px #ffffff;
    color: #FFFFFF;
    position: absolute;
}
#picker {
    cursor: crosshair;
    float: right;
    margin: 1px;
    border: 0;
}

/* 
JQuery Auto complete customize	
http://wiki.asp.net/page.aspx/1742/jquery-autocomplete-custom-styling/ */

.ui-menu
{
   display: block;
   float: left;
   list-style: none outside none;
   margin: 0;
   padding: 2px;
}

.ui-menu .ui-menu-item
{
   clear: left;
   float: left;
   margin: 0;
   padding: 0;
   width: 100%;
	text-align: left;
}

.ui-menu .ui-menu-item a:hover
{
   display: block;
   text-decoration: none;
   color: black;
   cursor: pointer;
   /*background-color: ButtonText;*/
}

.wspName {border:none;padding:0px 15px 0px 0px;font-size:0.8em;}

fieldset { border:1px solid #3B5998 }
legend {
  /*padding: 0.2em 0.5em;*/
  color:#3B5998;
  font-size:90%;
  text-align:right;
  }

/*Style dlgWellLogLoad start*/
table.reference tr:nth-child(odd){background-color:#F6F4F0;}
table.reference tr:nth-child(even){background-color:#ffffff;}
table.reference {width: 100%;}
    table.reference th {
        color: #000000;
        background-color: #d4d4d4;
        border: 1px solid #CCE4F5;
        font-size: 12px;
        padding: 3px;
        text-align: left;
    }
table.reference td{border:1px solid #d4d4d4;padding:5px;padding-top:7px;padding-bottom:7px;white-space:nowrap}

/*aGeo:link,a:visited {background-color:transparent;text-decoration: none;}
a:hover,a:active {color:#B72801; background-color:transparent}
*/
.logList { border:2px solid #ccc; width:100%; height: 100px; overflow-y: scroll; }

logData tr:nth-child(even)	{background-color:#F6F4F0;}
logData td{border:none;padding:0px 15px 0px 0px;font-size:0.8em;}
logData th{color:#000000;background-color:#F6F4F0;border:none;font-size:0.9em;padding:0px 15px 5px 0px;text-align:left;}
#DlgWLogNav {text-align: center;}
	.alignRt {
		text-align: right;
	}
/*Style dlgWellLogLoad end*/

.ma{border:none}
.lck {-ms-touch-action: none;}
.btn, #rcp_submit {
	display: inline-block;
	padding: 2px 4px;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #ccc;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-bottom-color: #b3b3b3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	background: url(/images/bright_sd.png) right top;
	background-repeat: no-repeat;
	background-size: 100% 50px;
	border-color: #51a351 #51a351 #387038;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btnAlert {
    display: inline-block;
    padding: 2px 4px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #ccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    background-color: #ff3333;
    background-repeat: no-repeat;
    background-size: 100% 50px;
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn:hover, .btn:focus, #rcp_submit:hover:enabled, #rcp_submit:focus {
    color: white;
    background: #4963C1;
}

.btn:active:enabled, #rcp_submit:active {
	box-shadow: 1px 0px 1px #203891, 0px 1px 1px #3852b1, 2px 1px 1px #203891, 1px 2px 1px #3852b1, 2px 1px 1px #203891;
	-webkit-transform: translate(1px, 1px);
	-moz-transform: translate(1px, 1px);
	-ms-transform: translate(1px, 1px);
	-o-transform: translate(1px, 1px);
	transform: translate(1px, 1px);
	background: #3d57b4;
}

.btn:disabled
{
	background: #617193;
	opacity:.2;
}

.small
{
font-size: 12px; 
line-height: 12px;
}

.tip-text {
    color: #3B5998;
}

.pagination {
    color: #3B5998;
    font-size: 14px;
    white-space: nowrap;
}

.TitleL{
    display: inline-block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

#notifyCount {
	padding: 3px 3px 3px 3px;
	background: #cc0000;
	color: #ffffff;
	font-weight: bold;
	line-height: 7px;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	font-size: 8px;
	visibility: hidden;
	z-index: 100000009;
	position: absolute;
	top: 25px;
}

#notifyContainer {
	background-color: #fff;
	border: 1px solid rgba(100, 100, 100, .4);
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	overflow: visible;
	position: absolute;
	top: 45px;
	left: 300px;
	width: 400px;
	z-index: 100000005;
	display: none;
	border-radius: 5px;
}

#notifyContainer:before {
 content: '';
 display: block;
 position: absolute;
 width: 0;
 height: 0;
 color: transparent;
 border: 10px solid black;
 border-color: transparent transparent white;
 margin-top: -20px;
 margin-left: 188px;
 }

#notifyTitle
 {
	color: #3B5998;
	font-weight: bold;
	padding: 8px 0px 8px 8px;
	font-size: 16px;
	background-color: #fff;
	z-index: 1000;
	position: relative;
	width: 95%;
	border-bottom: 1px solid #dddddd;
 }

#notifyBody {
	color: #3B5998;
	font-weight: bold;
	min-height: 200px;
}

#notifyList{
list-style-type: none;
margin: 0;
padding: 0;
border:none;
}

.notifyItem{
border-bottom: 1px solid #ddd;
overflow: hidden;
position: relative;
text-align:left;
}

.notifyNew{
background: #EDEFF5;
}

.notifyData {
font-size: 12px;
padding: 7px;
}

.notifyData:hover {background: #F6F7F8;}
.notifyData:hover ._5c9_ {display: inline;}
._5c9_:hover {background-image: url(/../Images/DownLoad2.jpg?2);}
._5c9_ {position: absolute;}
._5c9_ {
background-image: url(/../Images/DownLoad1.jpg?2);
background-repeat: no-repeat;
background-size: auto;
display: block;
height: 26px;
margin-top: 0px;
right: 0px;
top: 2px;
width: 23px;
display: none;
}

.notifyData:hover .xOut {display: inline;}
.xOut:hover {background-image: url(/../Images/x.png?3);
    background-position: 0 0;
}
.xOut {position: absolute;}
.xOut {
background-image: url(/../Images/x.png?3);
background-repeat: no-repeat;
background-size: auto;
display: block;
height: 16px;
margin-top: -4px;
right: 0px;
top: 30px;
width: 20px;
display: none;
background-position: 0 -16px;
}

.TypeThumbNails {
    height: 20px;
    cursor: pointer;
}
.TypeThumbMenu {
    height: 18px;
    cursor: pointer;
    padding-top: 1px;
    padding-left: 1px;
}

.tooltip, .tooltipClr {
	position: relative;
}

.tooltip .tooltiptext, .tooltipClr .tooltiptextClr {
    visibility: hidden;
    width: 120px;
    background-color: rgba(0,0,0,.2);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
	 white-space: nowrap;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.tooltipClr:hover .tooltiptextClr {
	visibility: visible;
	background-color: rgba(0,0,0,.0);
	padding: 0;
	font-weight: 900;
}

#mainTip {
	top: 10px;
	position: relative;
	padding-left: 10px;
	color: #FFF;
	font-weight: 700;
	font-style: normal;
}

input[type=checkbox] {
	/* Double-sized Checkboxes */
	-ms-transform: scale(2); /* IE */
	-moz-transform: scale(2); /* FF */
	-webkit-transform: scale(2); /* Safari and Chrome */
	-o-transform: scale(2); /* Opera */
	padding: 10px;
}

.dropFontSel {
	width: 150px;
	height: 30px;
	font-size: 16px;
	border: solid 1px grey
}

.checkCon {
	padding: 6px 6px 6px 6px;
	display: flex;
}

.ckChild {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-html-border-radius: 20px;
	border-radius: 20px;
	behavior: url(/css/border-radius.htc);
}

.errorText {
	font-family: 'Montserrat', Arial, Tahoma, sans-serif;
	font-size: 14px;
	color: #cc0000;
	font-weight: bold;
	margin-top: 4px;
}

.busyText {
    font-family: 'Montserrat', Arial, Tahoma, sans-serif;
    font-size: 14px;
    color: #1b9448;
    font-weight: bold;
    margin-top: 4px;
}

.btnPad {
	padding: 2px 10px 2px 10px;
}

/** Pulse start **/
.pulse {
    box-shadow: 0 0 0 rgba(59,89,152,1);
    animation: pulse 2s infinite;
}

    .pulse:hover {
        animation: none;
    }

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(59,89,152, 0.9);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(59,89,152, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(59,89,152, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(59,89,152, 0.9);
        box-shadow: 0 0 0 0 rgba(59,89,152, 0.9);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(59,89,152, 0);
        box-shadow: 0 0 0 10px rgba(59,89,152, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(59,89,152, 0);
        box-shadow: 0 0 0 0 rgba(59,89,152, 0);
    }
}
/** Pulse end **/

.uitooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}
.ui-tooltip {
    z-index: 100000004;
}

.myGrey {
    color: #9696a0;
}
/*Start: Hide google map controls and logo*/
a[href^="http://maps.google.com/maps"],
a[href^="https://maps.google.com/maps"],
a[href^="https://www.google.com/maps"] {
    display: none !important;
}
/*End: Hide google map controls and logo*/
/*Start: Las curve search*/
.crvHeader td {
    font-size: 14px;
    background-color: #d4d4d4;
    text-align: center;
}

.placeHolder {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3B5998;
    font-size: 18px;
    text-align: center;
    margin-top: 30px;
}

.crvHeader {
    background-color: #d4d4d4;
    white-space: nowrap;
    font-size: 12px;
    text-align: center;
    width: 100%;
}

crvDataTxt td {
    background-color: white;
    padding: 0px 0px 5px 0px;
    width: 100%;
}

#tblCurves {
    border-collapse: collapse;
    width: 100%;
}

.someinput::-ms-clear {
    display: none;
}

#editCell::-ms-clear {
    display: none;
}

#projectSelCell {
    padding-right: 10px;
    visibility: hidden;
    white-space: nowrap
}

.paginateCrvs a {
    float: left;
    padding: 5px 10px;
    text-decoration: none;
    transition: background-color .3s;
    margin: 0 2px;
}

.pag-selectable {
    color: #0066c0;
    background: linear-gradient(to bottom,#f7f8fa,#e7e9ec);
    border: 1px solid #6c6e73;
    border-color: #adb1b8 #a2a6ac #8d9096;
}

.pag-disable {
    color: #999;
    border: 1px solid transparent;
    border: 1px solid rgb(222,222,222);
    background: #fff;
}

.pag-selected {
    color: #0066c0;
    background-color: #fff;
    color: #000;
    border: 1px solid #e77600;
    font-weight: bold;
}

a.pag-selected:hover, .pag-selectable:hover {
    background: #ddd;
}

.paginateCrvs {
    width: 100%;
    font-weight: 500;
    font-size: 80%;
    color: #3B5998;
}

#pag-inner {
    display: flex;
    padding-top: 5px;
}

.dropFile {
    display: flex;
    flex-direction: column;
    border: solid 3px rgba(212,212,212,.8);
    padding: 10px;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.user-input-wrp {
    position: relative;
    width: 80%;
    padding: 0px 15px 0px 0px;
}

    .user-input-wrp .inputText {
        width: 100%;
        outline: none;
        border: none;
        border-bottom: 1px solid #777;
        box-shadow: none !important;
    }

        .user-input-wrp .inputText:focus {
            border-color: blue;
            border-width: medium medium 2px;
        }

    .user-input-wrp .floating-label {
        position: absolute;
        pointer-events: none;
        top: 18px;
        left: 10px;
        transition: 0.2s ease all;
    }

    .user-input-wrp input:focus ~ .floating-label,
    .user-input-wrp input:not(:focus):valid ~ .floating-label {
        top: 0px;
        left: 10px;
        font-size: 13px;
        opacity: 1;
    }

.crvCk {
    font-size: 14px !important;
}

.btnCrvType {
    width: 100px;
}

.btnBig {
    padding: 3px 5px !important;
    font-size: 16px !important;
}

.ckType {
    width: 1%;
    padding: 4px 0px 4px 8px;
}

.crvSeltbl {
    background-color: white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.dropdown-toggle {
    white-space: nowrap;
}

.wellNotFound {
    color: #cc0000;
    font-weight: bold;
}

.wellFound {
    color: #1d7e21;
    font-weight: bold;
    font-size: 12px;
}

.crvBtn button {
    font-size: 83%;
    padding: 2px 2px 2px 2px;
}

.crvInfo td {
    color: #3B5998;
    white-space: nowrap;
}

.crvName {
    font-weight: bold;
    font-size: 83%;
}

.crvRange, .depthUnits {
    font-weight: 500;
    font-size: 80%;
}

.rangeWidth {
    text-align: right;
    white-space: nowrap;
}

.inCart, .crvTypeSelected {
    background: rgb(0, 133, 67);
}

.crvTbl td {
    text-align: center;
}

.LogPreview {
    white-space: nowrap;
}

#ddState {
    padding: 10px;
    margin-left: 5px;
    width: 160px;
}

.optionFont > option {
    font-size: 12px;
    font-family: Arial,sans-serif;
}

.measuring {
    font-size: 12px;
    font-family: Arial,sans-serif;
    display: none;
}

.btnWellName {
    min-width: 120px;
}

.cartBtn {
    width: 100%;
}

.btnShowCurve {
    width: 100%;
}

.btnWellUWI {
    min-width: 140px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
/*End: Las Curve Search*/

.logLabelCon {
    padding: 5px 10px 5px 10px;
    border: 2px solid #2647A0;
    display: flex;
    justify-content: space-between;
    border-radius: 10px;
}
.logLabel {
    color: #2647A0;
    font-weight: bold;
    padding-top: 4px;
}

.logTitleBar {
    cursor: auto;
    color: white;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}