@import "w3.css";

/*
      * {border: 1px solid darkgreen;}
     
      html,body{font-family:Calibri,Arial,sans-serif;font-size:15px;line-height:1.5} 
    
      .w3-half {background-color:#e6ffee;}
    */

/*overrule  w3-...*/

.dc-menu-separator {
   display: block;
   margin: 0.5em;
   border-style: outset;
   border-width: 1px;
}

.dc-top {
   position: fixed;
   width: 100%;
   top: 0;
   right: 0;
   padding: 5px 20px;
   z-index: 1;
}

.dc-bottom {
   position: fixed;
   width: 100%;
   bottom: 0;
   right: 0;
   z-index: 1;
}

.dc-page-margin {
   height: 4em;
   min-height: 50px;
}

.dc-page-footer {
   line-height: 2.5em;
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-gap: .15em;
   padding: 0 .5em;
   font-size: 0.8rem;
}

.dc-table td {
   padding: 8px 8px;
   display: table-cell;
   text-align: right;
   vertical-align: top
}

/*overrule  w3-table*/

.dc-half {
   width: 47.99999%;
   margin-right: 2%;
}



/* .logon-panel {margin-top:95px! important} */
/*overrule for w3-margin -> margin-top*/

h1,
h2 {
   margin-left: 1em;  
}

p {
   margin: 0;
}

td {
   padding: 1px 10px;
}

td:last-child {
   font-weight: bold;
}

/* #table1 {
    min-width: 240px;
} */

/* #table1 tbody tr td:first-child { */
#table1 tbody tr td,
#table1 thead tr th {
   text-align: right;
   padding-right: 2rem;
}

#configheader p span {
   padding-left: 1.1em;
}

.dc-header {
   display: inline-block;
   width: 100%;
   padding-left: 1.5em;
}

.float-left {
   float: left;
}

.float-right {
   float: right;
}

.dc-darkblue,
.dc-hover-darkblue:hover {
   color: #fff !important;
   background-color: #003282 !important;
}
.dc-text-grayed {
   color: #888 !important;
}

.sumload-config {
   border: 1px solid gray;
   border-collapse: collapse;
   margin-left: 2%;
}

.sumload-config th,
.sumload-config td {
   border: 1px solid gray;
   text-align: center;
}

.sumload-config th {
   padding: 5px;
   font-weight: normal;
}

.sumload-config .sumrow {
   background-color: #ccd9ff;
}

.sumload-config .sumrowt {
   background-color: #99b3ff;
}

.sumload-config .colR {
   text-align: right;
   padding-right: 1em;
}


/* right aligned gauge */
.gauge {
   display: flex;
   flex-direction: row-reverse;
   min-height: 1.5em;
   min-width: 12em;
   padding: 1px;
}

.gauge,
.gauge-bar {
   color: black !important;
   font-size: 0.8rem;
}

.gauge-left-label {
   margin-right: .5%;
}

/* field grid */
.card {
   min-width: 320px;
   /*border: 1px solid #ccc;*/
   border-radius: 5px;
   padding: .5em;
   margin: 5px 0px;
}

.gridpanel {
   font-size: 1em;
   display: grid;
   grid-template-columns: repeat(1, 1fr);
   grid-gap: 0.1rem;
}

.headerfield {
   background-color: #f7f7f7;
   line-height: 2.5rem;
   padding-left: .5em;
   vertical-align: middle;

}

.datafield {
   margin: 0.2em;
   border-bottom: 1px solid #ccc;
   min-height: 1.8em;
}

.datafield div:first-child {
   float: left;
}

.datafield div:last-child {
   float: right;
}

.caption {
   font-size: 1.2em;
}

.tooltip {
   position: relative;
   display: inline-block;
   border-bottom: 1px dotted black;
}

.tooltip .tooltip-text {
   visibility: hidden;
   min-width: 250px;
   background-color: rgb(136, 197, 255);
   color: #fff;
   text-align: center;
   border-radius: 6px;
   padding: 5px;

   /* Position the tooltip */
   position: absolute;
   z-index: 1;
}

.tooltip:hover .tooltip-text {
   visibility: visible;
}

.no-border {
   border: none;
}

/* table styles */
table.parameter-list {
   width: 100%;
}

table.parameter-list td:nth-of-type(1) {
   width: 50%;
   border-bottom: 1px solid rgb(231, 230, 230);
}

table.cf-table {
   width: 70%;

}

table.cf-table td,
table.cf-table th {
   border-bottom: 1px solid rgb(231, 230, 230);
}

table.cf-table td+td {
   font-weight: normal;
   text-align: right;

}

.xy-diagram {
   width: 100%;
}

#errlog-panel {
   font-size: .7rem;

}

/* #errlog-panel td img {
  width: 100%;
  
}  */




/* style sheet for "A4" printing */
/* @media print and (width: 21cm) and (height: 29.7cm) { */
   @media print {
      @page {
         width: 21.5cm;
         height: 29.7cm;
         margin: 2cm 2cm 2cm 3cm;
         /* top right bottom left */
         /* margin-right: 2cm; */
      }
   
      .dc-no-print {
         display: none !important;
   
      }
   }
   
   /* style sheet for "letter" printing */
   /* @media print and (width: 8.5in) and (height: 11in) { */
   /* @media print {
      @page {
         width:  8.5in;
         height: 11in;
         margin: 1in 1in 1in 1.2in;
      } 
   }*/