.theader {FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #FFFFFF; TEXT-ALIGN: center; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
.copyright {FONT-SIZE: 8pt; COLOR: #000000; TEXT-ALIGN: left}
.error {FONT-SIZE: 10pt; COLOR: #AA2222; TEXT-ALIGN: left; FONT-WEIGHT: bold;}
.errorbox {BACKGROUND: #AA2222; }
.warning {FONT-SIZE: 10pt; COLOR: #f68a00; TEXT-ALIGN: left; FONT-WEIGHT: bold;}
.ok {FONT-SIZE: 10pt; COLOR: #22AA22; TEXT-ALIGN: left; FONT-WEIGHT: bold; }
.space {FONT-SIZE: 7pt; COLOR: #000000;}
.barnormal {BACKGROUND-COLOR: #0bb60f;}
.barwarning {BACKGROUND-COLOR: #f6ed00;}
.barerror {BACKGROUND-COLOR: #d70000;}
.titlebar1         { COLOR: #FFFFFF; background-image: linear-gradient(#6f6f6e, #a2a2a2); }
.titlebar2         { COLOR: #FFFFFF; background-image: linear-gradient(#6f6f6e, #a2a2a2, #6f6f6e); }
.action            { background: rgb(255, 255, 255) url('../images/icons/bullet_arrow_down.png') no-repeat scroll 0px 0px; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; padding-left: 18px; height: 15px; }
.actiondelete      { background: rgb(255, 255, 255) url('../images/icons/delete.png') no-repeat scroll 0px 0px; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; padding-left: 18px; height: 15px; }
.actionmove        { background: rgb(255, 255, 255) url('../images/icons/move.png') no-repeat scroll 0px 0px; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; padding-left: 18px; height: 15px; }
.actionchmod       { background: rgb(255, 255, 255) url('../images/icons/lock.png') no-repeat scroll 0px 0px; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; padding-left: 18px; height: 15px; }

.txtinput {background: rgb(255, 255, 255); FONT-SIZE: 8pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
                      BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; 
                      BORDER-BOTTOM: 1px solid; COLOR: #000000; spacing: 0; 
                      BORDER-RIGHT-COLOR: #000000; BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; 
                      BORDER-BOTTOM-COLOR: #000000; MARGIN: 0px; }
.userCreateInput {width: 300px !important;}
.button {BACKGROUND: #EFF1F3; FONT-SIZE: 8pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
                      BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; 
                      BORDER-BOTTOM: 1px solid; COLOR: #000000; spacing: 0; 
                      BORDER-RIGHT-COLOR: #000000; BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; 
                      BORDER-BOTTOM-COLOR: #000000; MARGIN: 0px; PADDING: 3px; cursor:pointer}				  
.underline {TEXT-DECORATION: underline}
.disable {TEXT-DECORATION: line-through; color: #b7b7b7;}
a.disable{color: #b7b7b7;}
.expired {font-style: italic; color: #b7b7b7;}
a.expired{color: #b7b7b7;}
.underline.disable {TEXT-DECORATION: underline line-through}
.regionAccess {
    color: #8a5fd3;
    font-weight: bold;
}

a.regionAccess {
    color: #8a5fd3;
}
.nowell ,.nowell  a{color: red}
.floatting-left {FLOAT: left}
.well-list-item-to-check {list-style-type: none}
.well-list-item-to-check li {FLOAT: left; width: 250px; font-size: 11px;}
.well-list-item-to-check .well-disable {font-style:italic;color:#bec0c1;font-size: 11px;}

.addAll{
  position: absolute;
  right: 0;
  top: 0;
  padding: 1px;	  
  color: #FFFFFF;
  font-size: 15px;
  font-weight: bold;
  font-family: monospace;
}
.addAll:hover,.addAll:focus {color: #3250e8; cursor: pointer; font-size: 18px; padding: 0;}

.user-list-item-to-delete {list-style-type: none}
.user-list-item-to-delete li {cursor: pointer; position: relative; FLOAT: none; height: 20px; vertical-align: middle; width: 275px; font-size: 14px; margin: 1px 0 0 0; padding: 2px 0 0 5px;}
.user-list-item-to-delete li:nth-child(odd){background: #E5E5E5;}
.user-list-item-to-delete li:nth-child(even){background: #EEEEEE;}
.user-list-item-to-delete li:hover{background: #e84921; color: #FFFFFF;}
.user-list-item-to-delete .userToDeleteLi {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.user-list-item-to-delete li .close{
  position: absolute;
  right: 0;
  top: 0;
  padding: 1px;	  
  color: #666666;
  font-size: 15px;
  font-weight: bold;
  font-family: monospace;
}
.user-list-item-to-delete li .close:hover,.close:focus {color: red;cursor: pointer; font-size: 18px; padding: 0;}

.user-list-item-to-send {list-style-type: none}
.user-list-item-to-send li {cursor: pointer; position: relative; FLOAT: none; height: 20px; vertical-align: middle; width: 265px; font-size: 14px; margin: 1px 0 0 0; padding: 2px 0 0 5px;}
.user-list-item-to-send li:nth-child(odd){background: #E5E5E5;}
.user-list-item-to-send li:nth-child(even){background: #EEEEEE;}
.user-list-item-to-send li:hover{background: #e84921; color: #FFFFFF;}
.user-list-item-to-delete .userToAddLi {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.user-list-item-to-send li .send{
  position: absolute;
  right: 0;
  top: 0;
  padding: 1px;	  
  color: #666666;
  font-size: 15px;
  font-weight: bold;
  font-family: monospace;
}
.user-list-item-to-send li .send:hover,.send:focus {color: #3250e8; cursor: pointer; font-size: 18px; padding: 0;}



#ImportUsers_FileDetails,#ImportForecast_FileDetails {
    margin: 0;
    padding: 0 50px;
    list-style: none;
}
#ImportUsers_FileDetails li:before,#ImportForecast_FileDetails li:before { 
    content: "";
    border-color: transparent #111;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 0.9em;
    position: relative;
}




#divUserMgt_content input[type=text], #divUserMgt_content input[type=password] {
    width: 500px;
    padding: 5px 8px;
    margin: 1px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
#divUserMgt_content input[type=text]:disabled, #divUserMgt_content input[type=password]:disabled{
	font-style: italic;
    color: #dc7272;
	background-color: #e8dfdf;
}
.upload_progress {
	position: relative;
	width: 90%;
	margin: 10px auto;
	border: 1px solid #DDD;
	padding: 5px;
	border-radius: 3px;
}
.upload_bar{
	background: #008DE6;
	height: 20px;
	width: 0%;
	/* transition animation */
	-webkit-transition: width .3s;
		-moz-transition: width .3s;
			transition: width .3s;

}
.upload_percent {
	position: absolute;
	display: inline-block;
	top: 6px;
	left: 48%;
	color: #333;
}


.IsConnectedState{position: sticky;font-style: normal;font-family: exlogfont;font-size: 15px;-webkit-text-stroke: 1px black;}
.IsConnectedState.Off{color: #888888}
.IsConnectedState.On{color: #6ed638}
.IsConnectedState.On2{color: #0b9aff}
.IsConnectedState:after{content: '\F111';}

.IsConnectedState .TooltipText{
  visibility: hidden;
  /* width: 120px; */
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  font-size: 11px;
  -webkit-text-stroke: 0px black;

  /* Position the tooltip */
  /* position: sticky; */
  position: absolute;
  z-index: 1;
  /* margin-left: 20px; */
  right: 20px;
  width: max-content;
}
.IsConnectedState:hover .TooltipText {
  visibility: visible;
}
.IsConnectedState.Off .TooltipText:after{content: 'Not Connected';}
.IsConnectedState.On .TooltipText:before{content: 'Connected on ';}
.IsConnectedState.On2 .TooltipText:before{content: 'Connected on ';}

.FromCountry{font-style: normal;font-family: exlogfont;font-size: 15px;-webkit-text-stroke: 1px black;}
.FromCountry:after{content: '\F041';}
.FromCountry .TooltipText{
  visibility: hidden;
  /*width: 120px;*/
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  font-size: 11px;
  -webkit-text-stroke: 0px black;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  margin-right: 30px;
  right: 0;
}
.FromCountry:hover .TooltipText {
  visibility: visible;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 12px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
  margin: 0 2px;
  width: 22px;
}
.pagination a.active {
  background-color: #dc694b;
  color: white;
  border: 1px solid #bd5135;
}
.pagination a.none {
  border: 0px solid #bd5135;
}
.pagination a:hover:not(.active):not(.none) {background-color: #ddd;}



.WellDetailsFilter{
  position: relative;
  margin-bottom: 1px;
  background-color: #d8e3ff;
  height: 60px;
}
.WellDetailsFilter .wellcount{  
  position: absolute;
  top: 10px;
  right: 5px;
  font-size: 20px;
  color: #0085e4;
  font-weight: bold;
  font-variant-caps: small-caps;
}
.WellDetails{
  position: relative;
  margin-bottom: 1px;
  height: 118px;
  user-select: none;
}
.WellDetails .well{
  position: absolute;
  top: 5px;
  left: 8px;
  font-size: 16px;
  font-weight: bold;
}
.WellDetails .server{
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 12px;
  color: #e42a00;
}
.WellDetails .server.LOGGING{color: blue; font-weight: bold;}
.WellDetails .server.LIVE{color: green}
.WellDetails .server.ARCHIVED{color: grey; font-style: italic;}
.WellDetails .server.HIDDEN{color: #c78408; font-style: italic;}
.WellDetails .region{
  position: absolute;
  top: 25px;
  right: 5px;
  font-size: 14px;
  font-weight: bold;
}
.WellDetails .usercount{
  position: absolute;
  top: 42px;
  right: 5px;
  font-size: 9px;
  color: #00892a;
}
.WellDetails .opt_users{
  position: absolute;
  top: 56px;
  right: 5px;
  font-size: 9px;
  color: #00892a;
}
.WellDetails .opt_users_exlog{
  position: absolute;
  top: 70px;
  right: 5px;
  font-size: 9px;
  color: #e42a00;
}
.WellDetails .usercount_onlyExlog{
  position: absolute;
  top: 42px;
  right: 5px;
  font-size: 9px;
  color: #ff0000;
}
.WellDetails .created{
  position: absolute;
  top: 25px;
  left: 5px;
  font-size: 10px;
  font-style: italic;
  color: #94bada;
}
.WellDetails .lastdt{
  position: absolute;
  top: 35px;
  left: 5px;
  font-size: 10px;
  font-style: italic;
  color: #94bada;
}
.WellDetails .xchange{
  position: absolute;
  top: 25px;
  left: 240px;
  font-size: 11px;
  font-style: italic;
}
.WellDetails .welldb{
  position: absolute;
  top: 37px;
  left: 240px;
  font-size: 11px;
  font-style: italic;
}
.WellDetails .opt_rigact{
  position: absolute;
  top: 25px;
  left: 130px;
  font-size: 11px;
  font-style: italic;
  color: orange;
  width: 98px;
}
.WellDetails .opt_survey{
  position: absolute;
  top: 37px;
  left: 130px;
  font-size: 11px;
  font-style: italic;
  color: orange;
  width: 98px;
}
.WellDetails .opt_depprog{
  position: absolute;
  top: 50px;
  left: 130px;
  font-size: 11px;
  font-style: italic;
  color: orange;
  width: 98px;
}
.WellDetails .opt_depprogkpi{
  position: absolute;
  top: 63px;
  left: 130px;
  font-size: 11px;
  font-style: italic;
  color: orange;
  width: 98px;
}
.WellDetails .opt_elis{
  position: absolute;
  top: 76px;
  left: 130px;
  font-size: 11px;
  font-style: italic;
  color: orange;
  width: 98px;
}
.WellDetails .opt_camera{
  position: absolute;
  top: 102px;
  left: 130px;
  font-size: 11px;
  font-style: italic;
  color: orange;
  width: 98px;
}
.WellDetails .opt_gear{
  position: absolute;
  top: 89px;
  left: 130px;
  font-size: 11px;
  font-style: italic;
  color: orange;
  width: 98px;
}
.WellDetails .fa{
	font-style: normal;
	font-family: exlogfont;
	position: absolute;
	right: 5px;
	font-size: 15px;
}
.WellDetails .fa-check:after{content: '\F00C'; color: green;}
.WellDetails .fa-times:after{content: '\F00D'; color: red;}


.WellDetailsEdit{
  position: relative;
  margin-bottom: 1px;
  height: 195px;
  user-select: none;
}
.WellDetailsEdit .well{
  position: absolute;
  top: 5px;
  left: 8px;
  font-size: 16px;
  font-weight: bold;
}
.WellDetailsEdit .xchglimit{
  position: absolute;
  top: 25px;
  left: 150px;
  font-size: 11px;
  font-style: italic;
}
.WellDetailsEdit .opt_rigact{
  position: absolute;
  top: 25px;
  left: 5px;
  font-size: 11px;
  font-style: italic;
  color: orange;
  width: 120px;
}
.WellDetailsEdit .opt_survey{
  position: absolute;
  top: 45px;
  left: 5px;
  font-size: 11px;
  font-style: italic;
  color: orange;
  width: 120px;
}
.WellDetailsEdit .opt_depprog{
  position: absolute;
  top: 65px;
  left: 5px;
  font-size: 11px;
  font-style: italic;
  color: orange;
  width: 120px;
}
.WellDetailsEdit .opt_depprogkpi{
  position: absolute;
  top: 85px;
  left: 5px;
  font-size: 11px;
  font-style: italic;
  color: orange;
  width: 120px;
}
.WellDetailsEdit .opt_elis{
  position: absolute;
  top: 105px;
  left: 5px;
  font-size: 11px;
  font-style: italic;
  color: orange;
  width: 120px;
}
.WellDetailsEdit .opt_elis_edit{
  position: absolute;
  top: 125px;
  left: 30px;
  font-size: 11px;
  font-style: italic;
  color: orange;
  width: 125px;
}
.WellDetailsEdit .opt_camera{
  position: absolute;
  top: 165px;
  left: 5px;
  font-size: 11px;
  font-style: italic;
  color: orange;
  width: 125px;
}
.WellDetailsEdit .opt_gear{
  position: absolute;
  top: 145px;
  left: 5px;
  font-size: 11px;
  font-style: italic;
  color: orange;
  width: 125px;
}
.buttonControluserWell {
  cursor: pointer;
}
#buttonControluserWellAdd{
}
#buttonControluserWellRemove{
}
#buttonControluserWellAdd:after {
  content: '\f055';
  font-style: normal;
  font-family: exlogfont;
  font-size: 20px;
  color: #ffffff;
}
#buttonControluserWellRemove:after {
  content: '\f057';
  font-style: normal;
  font-family: exlogfont;
  font-size: 20px;
  color: #ffffff;
}
#buttonControluserWellAdd:hover::after,
#buttonControluserWellRemove:hover::after {
  color: #e42a00;
}
.controltdTable {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
}

.browse_btn{float: left;margin: 0 5px;font-style: normal;font-family: exlogfont;font-size: 24px;color: #f1cd2e;cursor: pointer;text-shadow: 1px 1px 1px black}
.browse_btn:after{content: '\F07C';}
.upload_btn{float: left;margin: 0 5px;font-style: normal;font-family: exlogfont;font-size: 24px;color: #31b7ab;cursor: pointer;text-shadow: 1px 1px 1px black;}
.upload_btn:after{content: '\F093';}
.createdir_btn{float: left;margin: 0 5px;font-style: normal;font-family: exlogfont;font-size: 24px;color: #3dd821;cursor: pointer;text-shadow: 1px 1px 1px black;}
.createdir_btn:after{content: '\F067';}

.delete_btn:after{margin: 5px;font-style: normal;font-family: exlogfont;font-size: 15px;color: #ff4d4d;cursor: pointer;content: '\F014';}
.delete_conv_btn:after{margin: 5px;font-style: normal;font-family: exlogfont;font-size: 12px;color: #ff9613;cursor: pointer;content: '\F0E5\F057';}
.delete_btn_disabled:after {margin: 5px;font-style: normal;font-family: exlogfont;font-size: 15px;color: #9f9f9f;cursor: default;content: '\F014';}
.move_btn:after{margin: 5px;font-style: normal;font-family: exlogfont;font-size: 14px;color: #000000;cursor: pointer;content: '\F047';}
.edit_btn:after{margin: 5px;font-style: normal;font-family: exlogfont;font-size: 14px;color: #6a9bdd;cursor: pointer;content: '\F085';}
.edit_btn_overall:after{margin: 5px;font-style: normal;font-family: exlogfont;font-size: 14px;color: #000000;cursor: pointer;content: '\F085';}
.download_btn:after{margin: 5px;font-style: normal;font-family: exlogfont;font-size: 14px;color: #3dd821;cursor: pointer;text-shadow: 1px 1px 1px black;content: '\F019';}
.save_btn:after {margin: 5px;font-style: normal;font-family: exlogfont;font-size: 15px;color: #000000;cursor: pointer;content: '\f0c7';}
.save_btn_disabled:after {margin: 5px;font-style: normal;font-family: exlogfont;font-size: 15px;color: #5d5d5d;cursor: default;content: '\f0c7';}

.browse_btn:hover, .browse_btn:focus,.upload_btn:hover, .upload_btn:focus,.createdir_btn:hover, .createdir_btn:focus,.delete_btn:hover, .delete_btn:focus,.delete_conv_btn:hover,
.delete_conv_btn:focus,.move_btn:hover, .move_btn:focus,.edit_btn:hover, .edit_btn:focus,.download_btn:hover, .download_btn:focus{
	transform: scale(1.2);
}

.folder_mime:after{margin: 5px;font-style: normal;font-family: exlogfont;font-size: 14px;color: #f1cd2e;cursor: pointer;text-shadow: 1px 1px 1px black;content: '\F07B';}
.pathup_mime:after{margin: 5px;font-style: normal;font-family: exlogfont;font-size: 18px;color: #000000;cursor: pointer;content: '\F148';}
.text_mime:after{margin: 5px;font-style: normal;font-family: exlogfont;font-size: 14px;color: #000000;cursor: pointer;content: '\F016';}
.pdf_mime:after{margin: 5px;font-style: normal;font-family: exlogfont;font-size: 14px;color: #f1372e;cursor: pointer;content: '\F1C1';}
.archive_mime:after{margin: 5px;font-style: normal;font-family: exlogfont;font-size: 14px;color: #de51e4;cursor: pointer;content: '\F1C6';}
.image_mime:after{margin: 5px;font-style: normal;font-family: exlogfont;font-size: 14px;color: #49d238;cursor: pointer;content: '\F1C5';}
.application_mime:after{margin: 5px;font-style: normal;font-family: exlogfont;font-size: 14px;color: #f1882e;cursor: pointer;content: '\F022';}
.audio_mime:after{margin: 5px;font-style: normal;font-family: exlogfont;font-size: 14px;color: #2eb2f1;cursor: pointer;content: '\F1C7';}
.video_mime:after{margin: 5px;font-style: normal;font-family: exlogfont;font-size: 14px;color: #088ba0;cursor: pointer;content: '\F1C8';}
.unknown_mime:after{margin: 5px;font-style: normal;font-family: exlogfont;font-size: 14px;color: #000000;cursor: pointer;content: '\F059';}