/******************************
    2025 Redesign Colors
    Primary Colors
    #161627 - Dark Blue
    #18213F - Blue
    #F2F2F2 - White

    Secondary Colors
    #F18D21 - Orange
    #587ABC - Light Blue
    #9595A6 - Grey

    Fonts
    Monserrat Bold
    Roboto
    Bodoni PT
*/
body {
    /*background:url("/library/gui/default/bg.jpg") top left repeat-x;
        background-color:#e8e8e8;
        color:#616161;
    */
    background:url("/library/gui/default/bkg-light.png") #eef5fa top left repeat;
    
    
    
    color:rgb(51, 51, 51);
    line-height:17px;
    margin:0;
    padding:0;
}

.master-wrapper {
    width: 96%;
    /*width:982px;*/
    display: block;
    margin: 0 auto;
    box-shadow: 0px 0px 4px #161627;
    background-color: #fff;
    position: relative;
}
/*
.logo{
    width:100%;
}
    */
.full-col{
    display:block;
    height:100%;
    width:100%;
}
.master-header {
    position: relative;
    display: flex;
    justify-content: flex-start; /* logo on the right */
    align-items: center;
    max-height: 150px;
    height: 150px;
    width: 100%;
    background-image: url('/library/gui/default/header-banner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
    /*background-attachment: fixed;*/ /* Optional: makes it stay while scrolling */
    margin-bottom: 2em;
}
.logo-container {
    height: 100%;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    box-sizing: border-box;
    min-width: 300px;
    max-width: 300px;
    border-right: 5px solid #F18D21;
}
.logo {
    max-width: 80%;
    max-height: 80%;
    height: auto;
    width: auto;
    object-fit: contain;
}
.header-overlay {
    position: absolute;
    bottom: 10px;
    right: 20px;
    color: white;
    font-size: 26px;
    padding: 4px 8px;
    border-radius: 4px;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
}


.left-column {
    width: 200px;
    min-height: 200px;
    float: left;
}
.right-column{
    padding-bottom:50px;
    padding-right:25px;
    margin-left:229px;
    padding-top:10px;
}

.fh{ font-weight:bold; /*vertical-align:top;*/padding-right:0.5em;}

.sg{font-weight:bold;color:Green;padding:10px 0px;display:inline-block;}
.eg{font-weight:bold;color:Red;padding:10px 0px;display:inline-block;}
.wg{font-weight:bold;color:orange;padding:10px 0px;display:inline-block;}
.eg span.eg{display:block;}
.sg span.sg{display:block;}
.wg span.wg{display:block;}
.errorBox{border:solid 1px Red;}
#emptyData{display:block;}
.pdsheader {
    /*color:#006699;
    color: #0f75bd;*/
    color: #18213F;
    font-size: 18px;
    font-weight: normal;
    position: relative;
    text-transform: uppercase;
    clear: right;
}
.pdsheadercolor {
    /*color: #0f75bd;*/
    color: #18213F;
    text-transform: uppercase;
}
.pdsnormal{
    font-size:12px;
    line-height:1.3;
}
.pdsboiler{
    font-size:10px;
    line-height:normal;
    white-space:normal;
}
.footer {
    display: block;
    padding: 20px;
    /*background-color: #e3e3e3;
    background-color: #474747;*/
    background-color: #18213F;
    font-size: 11px;
    color: #F2F2F2;
}
.footer a{
    color:#F2F2F2;
}
    .footer a:hover {
        color: #9595A6;
    }
.footer-left{
    float:left;
    text-align:left;
    display:block;
    width:48%;
}
.footer-right{
    float:right;
    text-align:right;
    display:block;
    width:48%;
}
.tosPanel{
    display:block;
    /*height:400px;
    overflow:scroll;
    border:solid 1px #444;*/
    width:95%;
    padding:10px;
    
}
.wellRefineWellContainer{
    display:block;
    padding-bottom:2.5em;
    margin-bottom:2.5em;
    border-bottom:solid 1px #9595A6;
}

.scrolly{
    display:block;
    overflow-y:scroll;
}
.maxheight400{
    max-height:400px;
}
.maxheight300{
    max-height:300px;
}
/************************************
    * Taken from template/css/include_styles.css
**************************************/

.setTextboxWidth input[type=textbox], .setTextboxWidth input[type=password], .setTextboxWidth input{
    width:175px;
}
.dataTables_filter
{
    height:15px;
}


td.pdsnormal
{
    margin-left: 100px;
}

.pdstitle {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3;
	padding-top: 9px;
}

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

.pdssmall {
    font-size: 12px;
    line-height: normal;
    white-space: normal;
}

.pdsboiler {
    font-size: 10px;
    line-height: normal;
    white-space: normal;
}

.expanderbtn {
	border:1px solid #9595A6;
	background:#f2f2f2;
	padding:5px 10px 5px 10px;
	font-weight: bolder;
	width:200px;
	cursor:pointer;
	margin-top: 0px;
}
.expander {
	border:1px solid #9595A6;
	background:#f2f2f2;
	padding:10px;
	margin-top: 0px;
}

#pdstable {
	/*font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;*/
	font-size: 12px;
	width: 95%;
	/*margin: 15px;*/
	text-align: left;
	border-collapse: collapse;
}
#pdstable th {
	padding: 8px;
	font-weight: bold;
	font-size: 13px;
	color: #000;
	background: #9595A6;
}
#pdstable td {
	padding: 8px;
	background: #F2F2F2;
	border-top: 1px solid #9595A6;
	color: #444;
}
#pdstable tbody tr:hover td {
	background: #d0dafd;
}

.checktable {
	margin: 10px; 
	font-size: 10pt
}
td.checktable {
	padding: 2px 10px; 
}

/* BUTTONS */
.buttons a, .buttons button {
    display: block;
    float: left;
    margin: 0 7px 0 0;
    background-color: #161627;
    border: 1px solid #587ABC;
    border-top: 1px solid #587ABC;
    border-left: 1px solid #587ABC;
    /*font-family: "Arimo", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;*/
    font-size: 15px;
    line-height: 130%;
    text-decoration: none;
    font-weight: bold;
    color: #f2f2f2;
    cursor: pointer;
    padding: 5px 10px 6px 7px; /* Links */

    }
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

.csvexport {
    margin: 0px 3px 3px 0px !important;
    padding: 1px !important;
    float: right !important;
}

/* BUY */
.button.buy, .buttons a.buy{
    color:#529214;
}


.buttons a.buy:hover, button.buy:hover {
    background-color: #F18D21;
    border: 1px solid #18213F;
    color: #f2f2f2;
}
.buttons a.buy:active {
    background-color: #587ABC;
    border: 1px solid #18213F;
    color: #f2f2f2;
}
.balance p {
    color: #18213F;
    /*font-family: "Arimo", Geneva, Tahoma, Sans-Serif;*/
    font-size: 12pt;
    font-weight: bold;
    letter-spacing: 0.07em;
}
/* PREFPERSONAL WIDTH */
.prefWrapper
{
   width: 500px;
}
.PrefHeader
{
   width: 500px;
}
.PrefPass
{
   width: 430px;
}
.expanderWrapper
{
   width: 400px;
}
#prefForms
{
   width: 250px;
}
.prefAuto
{
   min-width:500px;
}
.prefInterest
{
   width: 500px;
}
.expanderbtn {
	
	display: block;
}
.expander {
	
	margin-top: 10px;
}
.navigation
{
    width:180px;
    float: left;
    padding-top:0px;
    padding-bottom:60px;
    margin-left: 15px;
    margin-top: 0px;
    text-align: left;
    
}
.PDScontent
{
    width:500px;
    float: left;
    
}
/*
.navigation li
{
    width: 150px;
    padding: 2px 0 2px 10px;
    border-bottom: solid 1px #9595A6;
    margin: 0;
    list-style-type: none;
}
*/

.navigation li a {
    display: inline-block;
    font-size: 12px;
    /*font-family: "Arimo", verdana, sans-serif;*/
    color: #18213F;
    text-decoration: none;
}
.navigation li.bottomBorder{

border-bottom: 1px #D4D4D4 solid;
}

.navigation li {
    background-image: url(css/image/icon/ico_BulletRedBlockArrow.png);
    background-position: 3px 12px;
    background-repeat: no-repeat;
    list-style-image: url(css/image/icon/clear.png);
    padding: 7px 5px 4px 14px;
    margin: 0px;
    border-top: 1px #587ABC solid;
}

.backgroundPic
{
    
    background: url(images2/bg_divider2.png) no-repeat;
  
}
.prefAuto hr
{
    width: 500px;
    float: left;
}
.prefInterest hr
{
    width: 500px;
    float: left;
}
.hiddenDiv
{
    width: 610px;
}
.revised
{
    width: 580px !important;
}

.dataTables_filter
{
    width: 220px !important;
}
.DataTables_sort_wrapper
{
    font-size: 14px; 
}
.left-nav-area
{
    width: 200px
}
#pdsTblStyle {
background-color: #1F6378;
color: white;
padding: 8px;
margin-bottom: 10px;
width: 500px;
}
.center-cell
{
    vertical-align:top;
}

/*********************************************
    * end include_styles.css
***********************************************/


.gv{
    width:100%;
}
.fuForm .gv{
    width:auto;
}
.gv td, .gv, .gv th {
    border: solid 1px #161627;
    border-collapse: collapse;
    position: relative;
}

.gv-row {
    padding: 1px;
}
.gv-row td, .gv-alt-row td, .gv-selected-row td, .gv-edit-row td{
    padding:3px;
}


.gv-alt-row {
    background: #e3e3ef;
}



.gv-header {
    background: #18213F;
    color: #F2F2F2;
}
.gv-header a{
    color:#F2F2F2;
}
    .gv-header a:hover {
        color:#9595A6;
    }
.gv-empty-row {
    display: block;
    background: #9595A6;
    color: #F2F2F2;
    font-size: 1.2em;
    font-style: italic;
    font-weight: bold;
    padding: 1em;
}
.gv-empty-row td{
    border:none;
}
.gv-header th, .gv-header td{
 padding:5px;
 font-size:1.2em;
 font-weight:bold;
}
.gv-error-row{
    background:#f46b72 !important;
    color:#888 !important;
}
.gv-pager{}
.gv-pager td, .gv-pager{
    border:0;
}


.gv-pager table td {
    border-radius: 2px;
    padding: 0.2em 0.4em;
    margin: 0.25em;
    text-decoration: none;
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #18213F;
    color: #161627;
    font-weight: bold;
    display: inline-block;
}
.gv-pager table td:hover{
    background:#d9f0fc;
}
.gv-edit-row{background:#9acfe1;}
.gv-selected-row{background:#9acfe1;}
.gv-footer{}


.PrefVerified{
    color:Green;
}
.PrefNotVerified{
    color:Red;
}
.PrefPassData{
    font-weight:bold;
}
.expanderbtn{
    text-decoration:none;
    margin-bottom:10px;
    margin-top:5px;
}
.collapsiblePanel{
    display:block;
    padding:10px;
    border:solid 1px #9595A6;
    min-width:400px;
    height:auto;
    white-space:normal;
}
.collapsiblePanel .eg, .collapsiblePanel .sg{
    display:block;
    width:100% !important;
    padding-bottom:5px;
    clear:both;
}
.expander{
    margin:10px;
    width:23%;
}
.prefInterest{
    width:auto;
}

.ui-widget-overlay
{
  opacity: .50 !important; /* Make sure to change both of these, as IE only sees the second one */
  filter: Alpha(Opacity=50) !important;

  background-color: rgb(50, 50, 50) !important; /* This will make it darker */
}


fieldset.messagesFieldSet{
    border:2px groove threedface;
    font-size:12px;
    font-style:Arial;
}

.ui-modal-close{
    float:right;
    z-index:9999;
}
.ui-modal-close:hover{
    cursor:pointer;
}
.browserDetectMsg{}
.faux-textbox, .gv td.faux-textbox{
    border:solid 1px #333;
    border-radius:4px;
    padding:3px;
    background:#F2F2F2;
    position:static;

}
.set-modal-width{
    min-width:500px;
    display:block;
}
.modal-content{
    display:block;
    /*margin-bottom:5em !important;*/
    font-size:13px;
    min-width:250px;
}

.modal-popup-wide{
    width:800px;
    height:500px;
    overflow:auto;
}
.filterBox{
    display:block;
    margin-bottom:10px;
}
.wellLogViewGridWrapper{
    display:block;
    overflow-y:scroll;
    max-height:300px;
}
.warRightsGridWrapper{
    display:block;
    overflow-y:scroll;
    max-height:550px;
    min-width:400px;
}
.wellInfoWrapper{
    display:block;
    padding-bottom:1em;
}
        
.wellInfo{
    display:block;
    padding:5px 10px;
    border:solid 1px #999;
    margin-bottom:20px;
}
.wellInfo table td.fv{
    padding-right:30px;
}
.wellInfo table td.fh{
    padding-right:8px;
    text-align:right;
}
      
.wellInfoFNWrapper, .blockWrapper{
    position:relative;
    display:block;
            
}
.wellInfoFNWrapper{
    height:100%;
    width:100%;
}
.blockMsgWrapper{
    display:block;
    min-height:32px;
    z-index:10;
}
.blockMsgWrapper span{
    display:block;
    z-index:19;
    min-height:32px;
    padding:0px 0px 10px 0px !important;
}
.blockMsgWrapper span img{
    z-index:20;
    display:inline-block;
    margin:0 !important;
    padding:0 !important;
}
.name-hover{
    display:block;
}
.name-hover:hover{
    background-color:#ddd;
}
.hover-box{
    position:absolute;
    display:none;
    padding:10px;
    min-width:250px;
    bottom:0px;
    left:-999em;
    background:#F2F2F2;
    border:solid 1px #666;
    border-radius:4px;
    font-size:11px;
    box-shadow:#666 4px 4px 4px;
    z-index:99999;
}
.hover-box td.fh{white-space:nowrap;}
.hover-box table td{
    border:none;
}
.hover-box-show{
    display:block;
} 

.btnArrowUp,.btnArrowDown{
    height:30px;
    width:30px;
    padding:10px;
    cursor:pointer;
} 

.wellAssignmentTool td, .upDownWrapper td{
    vertical-align:top;
}
.emulation-wrapper, .switchroles-wrapper, .customer-box {
    display: block;
    border: solid 1px #F18D21;
    background: #f2f2f2;
    padding: 6px;
    margin: 6px auto;
    border-radius: 4px;
    /*color: Red;*/
}
.switchroles-wrapper {
    color: #18213F;
}
.emulation-wrapper .btn{
    margin:8px 14%;
    text-align:center;
}

.switchroles-wrapper select{
    max-width:110px;
}
.vmDataTypeWrapper{
    float:left; display:block;width:100%;
}
.vmDataTypeGroup:nth-child(2n+1){
    clear:both;
}
.vmDataTypeGroup{
    display:block;
    width:48%;
    padding-right:2%;
    float:left;
    margin-bottom:5px;
}
.vmDataTypeCheckbox{
    display:block;
    margin-bottom:4px;
}

.pDataTypeCheckbox{
    display:block;
    margin-bottom:2px;
}

.labelForm{
    display:block;
    min-width:500px;
}
.labelForm label{
    clear:both;
    display:block;
    margin-top:0.5em;
    margin-bottom:2px;
    font-weight:bold;
    padding-left:0px;
}
.labelForm input{
    width:100%;
}

.labelForm input.btn, .labelForm input[type="checkbox"]{
    width:auto;
}
.labelForm .triline .box{
    width:30%;
    margin-right:3%;
    float:left;
    display:block;

}
.labelForm .triline .box:last-child{
    width:34%;
    margin-right:0%;
}
.labelForm .biline .box{
    width:47%;
    margin-right:3%;
    float:left;
    display:block;
}
.labelForm .biline .box:last-child{
    width:50%;
    margin-right:0px;
}

.smallBox{
    max-width:90px;
}
.microBox{
    max-width:50px;
}
.mediumBox{
    max-width:105px;
}
.note{
    font-style:italic;
    font-size:0.9em;
}
.wlumAlertBox{border:solid 1px Red;}

.baseMasterErrorMessage{
    display:block;
    
    
    overflow-y:auto;
    /*
        max-height:350px;
    width:650px;
        height:400px;
        min-height:300px;
    max-height:600px;*/
}
.errorDisplayContainer{
    display:block;
    padding:2em;
    border:solid 1px #0362b2;
    background-color:#eff5f9;
    color:#01325b;
    color:Red;
    border-radius:0.5em;
}

.reportGridWrapper{
    font-size:0.9em;
    display:block;
    width:100%;
    overflow-y:auto;
    border-right:dotted 1px #999;
    padding:.5em 0.5em 0.5em 0em;
    box-shadow: inset -1px 0px 3px #888888;
}
.gridCount{
    display:inline-block;
    margin-top:10px;
    font-style:italic;
}

.egaa-datatypewrapper{
    display:block;
    margin-bottom:2px;
    white-space:nowrap;
    font-weight:bold;
}
.indistinct-box{
    width:100%;
    background-color:#F2F2F2;
    display:inline-block;
}
.distinct-box{
    border:solid 1px #999;
    background-color:#ddd;
    display:inline-block;
}
.db-box-header{
    background-color:#999;
    color:#F2F2F2;
    display:block;
    padding:0.5em 2em;
}
.db-box-body{
    display:block;
    padding:1em 3em 3em 3em;
}

.scrollableRemarks{
    display:block;
    overflow-y:scroll;
    max-height:300px;
}

.roleSelectItem{
    display:block;
    line-height:40px;
}



.selectRoleMarketBox {
    display: block;
    float: left;
    margin: 2%;
    padding: 1%;
    width: 23%;
    border: solid 1px #F18D21;
    background: #ededed;
    background: #f2f2f2;
}
.pdswdxSelectRoleMarketBox, .pdswdxSelectMarketBox {
    float: none;
    width: 81%;
    background: #edd6be;
}
.selectRoleMarketBox .h3{
    margin-bottom:5px;
    display:block;
    text-align:left;
}
.selectRoleMarketBox .roleSelectItem{
    display:block;
    line-height:20px;
}
.pdswdxSelectRoleMarketBox .roleSelectItem, .pdswdxSelectMarketBox .roleSelectItem {
    float:left;
    width:33%;
    margin-bottom:1%;
}
.pdswdxSelectRoleMarketBox::after, .pdswdxSelectMarketBox::after {
    content: "";
    display: block;
    clear: both;
}
@media screen and (max-width: 990px){
    .selectRoleMarketBox{
        margin:1%;
        width:28%;
    }
}
@media screen and (max-width: 600px){
    .selectRoleMarketBox{
        margin:1%;
        width:95%;
    }
}