@font-face {
  font-family: headerFont;
  src: url(/WebFlows/Wimmer/Diagrams/Content/fonts/LT-WebFonts-1473830340/Fonts/1475746/5dae3a6e-9b07-4c2f-aed2-1f5b8951261b.ttf);
}

@font-face {
  font-family: textFont;
  src: url(/WebFlows/Wimmer/Diagrams/Content/fonts/Open_Sans/OpenSans-Regular.ttf);
}

html {
  height: 100%;
}	

body
{
  min-height: calc(100vh - 64px);
}

#MainContainer,
#RightContainer,
#InnerRightContainer {
  height: calc(100vh - 64px);
  min-height: 750px;
}

body
{
  font-family: textFont;
  font-size: 14pt;
  background-color: #d3d3d3;
  color: black;
  margin: 32px;
  padding: 0px;
}

input[type=time].form-control
{
  line-height: 20px;
}

.form-control.xs
{
  width: 120px;
}

.form-control.inline
{
  display: inline-block;
  margin-right: 10px;
}

span.form-control
{
  border: 0px;
  box-shadow: none;
  -webkit-box-shadow: none;
}

#MainContainer
{
  margin: 0px;
  padding: 0px;
}

/* ------------------------------------------------------------------------- */
/* Left container                                                            */
/* ------------------------------------------------------------------------- */

#LeftContainer
{
  margin: 0px;
  padding: 0px;
  height: 100%;
  min-height: 750px;
}

#LeftContainer table
{
  background-color: #ffffff;
  margin: 0px;
  padding: 0px;
}

#LeftContainer td
{
  padding-top: 8px;
  padding-bottom: 8px;
}

#LeftContainer td.logo img
{
  padding-top: 12px;
  padding-bottom: 6px;
  padding-left: 20px;
  width: 90%;
}

#LeftContainer td.title
{
  padding-left: 16px;
}

#LeftContainer td.header, #LeftContainer span.header
{
  font-family: headerFont;
}

#LeftContainer td.icon
{
  width: 60px;
  text-align: center;
}

#LeftContainer td.icon img
{
  height: 26px;
}

#LeftContainer td.right-icon
{
  width: 50px;
  text-align: center;
}

#LeftContainer td.right-icon img
{
  height: 26px;
}

#LeftContainer td select
{
   background-color: #d3d3d3;
   border: 1px solid #888; 
   padding: 2px;
   width: 100%;
}

#LeftContainer td.left-blank
{
  width: 80px;
}

#InnerLeftContainer
{
  margin-right: 32px;
}

#SelectionContainer
{
  background-color: #ffffff;
  margin-bottom: 26px;
  padding-bottom: 10px;
}

#Logo
{
  margin-top: 21px;
  text-align: center;
}

#DataContainer
{
  background-color: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 26px;
  border: 2px solid black;
}

#DataContainer td.content.header
{
  font-size: 20px;
}

#TotalDataContainer
{
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #ffffff;
  margin-bottom: 32px;
}

#TimestampContainer
{
}

#HoverContainer
{
  position: absolute;
  top: 100px;
  left: 800px;
  background-color: white;
  border: 1px #4d80c1 solid;
  padding: 6px;
  display: none;
}

#HoverContainer td
{
  font-family: headerFont;
  font-size: 13px;
  padding: 6px;
}

#hover-dim1, #hover-dim2, #hover-dim3, #hover-dim4
{
  text-align: right;
}

circle[data-dimid=IT]:hover
{
  stroke-width: 1px;
  r: 40;
  stroke: black;
  fill: transparent;
}

/* ------------------------------------------------------------------------- */
/* Right container                                                           */
/* ------------------------------------------------------------------------- */

#RightContainer
{
  min-height: 750px;
  padding: 0px;
  background-color: #d3d3d3;
  height: 100%;
}

#InnerRightContainer
{
  background-color: #d3d3d3;
}

#DiagramContainer
{
  background-color: #d3d3d3;
}

#DiagramContainer svg
{
  font-family: headerFont;
  font-weight: bold;
}

#DiagramContainer svg rect.selected
{
  stroke: #404040;
  stroke-width: 1.5px;
  /* stroke-dasharray: 5,5; */ 
}

#DiagramContainer svg rect[data-type=drill-hole].selected
{
  stroke: #404040;
  stroke-width: 2px;
  stroke-dasharray: 5, 5; 
}

/* ------------------------------------------------------------------------- */
/* Navigation container                                                      */
/* ------------------------------------------------------------------------- */

#NavigationContainer
{
  position:absolute; 
  bottom: 0px; 
  padding: 18px;
  width: 100%;
  margin-left: 0px;
  background-color: #ffffff;
}

#NavigationContainer #productimage
{
  padding: 0px;  
  padding-right: 18px;
}

#NavigationContainer #productimage img
{
  height: 254px;
}

#NavigationContainer #location
{
  background-color: #b0b0b0;
  display: inline-block;
  padding: 9px 12px 9px 12px;
}

#NavigationContainer #location img
{
  height: 26px;
}

#NavigationContainer #location span
{
  margin-top: 20px;
}

.button a span
{
  color: black;
}

.nav-pills
{
  font-family: headerFont;
  font-size: 20px;
}

.nav-pills li > a
{
  padding: 3px 15px 3px 15px;
  text-align: center;
  background-color: #4d80c1 !important;
  color: white;
  border-radius: 0px;
}

.nav-pills li.active > a, .nav-pills li.active > a:hover
{
  background-color: #b0b0b0 !important;
  color: black;
}

.navigation-row td
{
  height: 63px;
}






#ApplianceName
{
  width: 100%;
}

.fixed-bottom
{
  bottom: 10px;
}

.full-width
{
  width: 100%;
}

.full-height
{
  height: 100%;
}

.border
{
 border: 1px solid black;
}

.no-data-available
{
  font-weight: bold;
  font-size: 16pt;
  position: absolute;
  left: 50%;
  top: 30%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.legend-caption
{
  font-size: 16pt;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}

.legend-icon
{
  border: 1px solid black; 
  width: 16px; 
  height: 16px
}

.error
{
  color: red;
}










.logoDM{
	position: absolute;
  top: 0px;
  right: 15px;
	width: 10em;
	height: 6.25em;
	display: block;
	margin: 1em 0px 0px;
	background: transparent url("../img/dm-logo.svg") no-repeat scroll top / 10em;
}

#GdsnFileContainer {
  height: 90%;
  padding: 0px;
}

#GdsnFileContainer > div, #GdsnFileContainer > div > .panel {
  height: 100%;
}

.gtin-selector {
  margin: -10px;
}

#MappingFile{
  overflow: hidden !important;
}

#MappingFile > div {
  max-height: 84%;
  overflow: auto;
}

#MappingContainer {
  height: 90%;
  padding: 0px;
}

#MappingContainer > div {
  overflow: hidden !important;
}

#MappingContainer > div, #MappingContainer > div > .tab-content {
  height: 95%;
  overflow: hidden;
}

#MappingContainer > div, #MappingContainer > div > .tab-content > .tab-pane {
  padding: 0px;
  margin: 0px;
  height: 100%;
  overflow: auto;
}

#PropertyContainer {
  height: 90%;
  padding: 0px;
}

#PropertyContainer > div, #PropertyContainer > div > .panel {
  height: 100%;
  overflow: auto;
}

.code-container
{
  padding: 0px;
  margin: 0px;
}

pre.code
{
  word-wrap: normal;
  padding: 0px;
  margin: 0px;
  height: 85%;
  overflow: auto;
}

.panel
{
  margin: 0px;
}

.info, .success, .alerts, .errors {
       font-family:Arial, Helvetica, sans-serif; 
       font-size:13px;
       border: 1px solid;
       margin: 10px 0px;
       padding:15px 10px 15px 50px;
       background-repeat: no-repeat;
       background-position: 10px center;
       position:relative;
}
.info {
       color:#31708f;
       background-color:#d9edf7;
       border-color:#bce8f1;
       background-image: url('../img/info.png');
}
.success {
       color:#3c763d;
       background-color:#dff0d8;
       border-color:#d6e9c6;
       background-image:url('../img/exito.png');
}
.alerts {
       color:#8a6d3b;
       background-color:#fcf8e3;
       border-color:#faebcc;
       background-image: url('../img/alerta.png');
}
.errors {
       color:#a94442;
       background-color:#f2dede;
       border-color:#ebccd1;
       background-image: url('../img/error.png');
}

/* selects in table */
.table tbody select{
  padding: 2px;
  border: 0 solid black;
  background-color: transparent;
}

.dropdown-menu hr
{
  margin-top: 5px;
  margin-bottom: 5px;
}

/* Alert boxes */
.alert-box
{
  display:flex;
  margin-bottom: 6px;
}

.alert-box i
{
  padding-left:4px;
  padding-top:10px;
}

.alert-box span
{
  padding-left:14px;
  padding-top:8px;
  padding-bottom:4px;
}

/* EditProject.cshtml / Date ranges */

.modal-content
{
  width: 650px;
  font-family: textFont;
  font-size: 14px;
}

.modal-header
{
  font-size: 16px;
  font-family: headerFont;
}

.modal-content label
{
  font-size: 14px;
  font-family: headerFont;
}

.modal-content th
{
  font-size: 14px;
  font-family: headerFont;
}

#date-ranges
{
  margin-top:  10px;
}

#date-ranges ta_ble
{
  border: 1px solid black;
}

#date-ranges th
{
  padding-bottom: 12px;
  padding-left: 12px;
}

#date-ranges input[type=date]
{
  margin-right: 4px;
  width: 11em;
}

#date-ranges a
{
  margin-left: 0px;
  margin-right: 0px;
}

#date-ranges a i
{
  margin: 0px;
}

#rock-typ_es
{
  margin-top:  10px;
}

#rock-types select
{
  margin-right: 4px;
  width: 22.3em;
}

#rock-types a
{
  margin-left: 0px;
  margin-right: 0px;
}

#rock-types a i
{
  margin: 0px;
}


#diagram-param_eters
{
  margin-top:  10px;
}

#diagram-parameters select
{
  margin-right: 4px;
  width: 22.3em;
}

#diagram-parameters a
{
  margin-left: 0px;
  margin-right: 0px;
}

#diagram-parameters a i
{
  margin: 0px;
}

.tab-pane
{
  margin-top: 20px;
}

/*--- Drill report ---*/

#DrillReport
{
  width: (100% - 40pt);
  margin: 20pt;
}

#DrillReport table
{
  width: 100%;
  border: 0px;
}

#DrillReport td
{
  height: 60pt;
  padding: 10pt;
  vertical-align: top;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}

#DrillReport td:last-child,
#DrillReport td.lo_go

{
  border-right: 0px solid black;
}

#DrillReportMainData td.logo 
{
  width: 140pt;
  height: 120pt;
  margin: 0;
  text-align: right;
}

#DrillReportMainData td.logo img
{
  height: 100pt;
}

#DrillReportMainData td.customerlogo
{
  text-align: center;
  vertical-align: central;
}

#DrillReportMainData td.customer-logo img
{
  text-align: center;
  height: 40pt;
}

#DrillReportAddtionalData td
{
  width: 20%;
}

#DrillReportMainData td div:first-child,
#DrillReportAddtionalData td div:first-child
{
  font-family: headerFont;
}

#DrillReportMainData td div:last-child,
#DrillReportAddtionalData td div:last-child
{
  margin-top: 8pt;
}


#DrillReportDiagramContainer
{
  min-height: 1000pt;
}

#DrillReportFooter
{
  background-color: rgb(74,128, 191)
}

#DrillReportFooter td
{
  padding: 3px;
  height: 40pt;
  border: 0px;
}

#DrillReportFooter td div:last-child
{
  margin-top: 8pt;
}

#DrillReportFooter td:last-child
{
  text-align: right;
}

#DrillReportDiagramContainer div.no-data-available
{
  margin-top: 150px;
  font-weight: bold;
  font-size: 16pt;
  position: absolute;
  left: 50%;
  top: 30%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* ----------------------------------- */
/* Zoom                                */
/* ----------------------------------- */

#SvgContainer
{
  position: relative;
}

#zoom-selector
{
 font-family: sans-serif;
 font-size: 16px;

 position: absolute; 
 right: 10px; 
 top: 10px;
}

#zoom-selector a
{
  display: inline-block;
  margin-left: 6px;
  padding: 4px 8px 4px 8px;
  background-color: #4d80c1 !important;
  border-radius: 0px;
}

#zoom-selector a.disabled
{
  background-color: #d3d3d3 !important;
}

#zoom-selector a.selected
{
  color: black;
  background-color: #b0b0b0 !important;
}

#zoom-selector a img
{
  margin: 0;
  padding: 0;
  height: 16px;
}

#zoom-scroll-bar
{
 position: absolute; 
 left: 0px; 
 bottom: 0px;
}

/* ----------------------------------- */
/* Actions toolbar                     */
/* ----------------------------------- */

#action-toolbar
{
 display: none;

 font-family: headerFont;
 font-size: 14px;

 position: absolute; 
 right: 10px; 
 top: 40px;
}

#action-toolbar.visible
{
  display: block;
}

#action-toolbar a
{
  display: inline-block;
  margin-left: 6px;
  padding: 4px 8px 4px 8px;
  color: #ffffff;
  background-color: #4d80c1 !important;
  border-radius: 0px;
}

#action-toolbar a.disabled
{
  background-color: #d3d3d3 !important;
}

#action-toolbar a.selected
{
  color: black;
  background-color: #b0b0b0 !important;
}

#action-toolbar a:hover, #action-toolbar a:focus {
  text-decoration: none;
}

/* ----------------------------------- */
/* Resize drill hole                   */
/* ----------------------------------- */

line[data-type=drill-hole-separator].selected
{
  cursor: grab; 
  z-index: 1000;
  stroke-width: 3px;
}