@charset "UTF-8";
/* CSS Document */

.debug{
  padding: 4px;
  border: solid 1px lightgray;
  margin: 8px;
  color: darkgrey;
}

.scroll-to-top {
  z-index: 10000;
}

.none{
  display: none;
}
.hide{
  opacity: 0;
  pointer-events: none;
}


.error_message{
  color: red;
}

.disabled{
  opacity:0.65;
  pointer-events:none;
}

.site_image .img_box{
  min-height: 48px;
  min-width: 68px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.site_image img{
  max-width: 65px;
  max-height: 45px;
}

th{
  white-space: nowrap;
}

#dtable thead th {
  font-size: 0.6rem;
  text-align: center;
  /* vertical-align: center; */
  vertical-align: middle;
}

#dtable tfoot th {
  font-size: 0.6rem;
  text-align: center;
  /* vertical-align: center; */
  vertical-align: middle;
}

#dtable tbody td.left {
  font-size: 0.8rem;
  text-align: left;
  /* vertical-align: center; */
  vertical-align: middle;
}

#dtable tbody td.right {
  font-size: 0.8rem;
  text-align: right;
  /* vertical-align: center; */
  vertical-align: middle;
}

#dtable tbody td.center {
  font-size: 0.8rem;
  text-align: center;
  /* vertical-align: center; */
  vertical-align: middle;
}

#dtable tbody tr:nth-child(even):hover td{
  color: black;
  /*background-color: #D7EEFF !important;*/
  background-color: rgba(0, 0, 255, 0.2) !important;
}

#dtable tbody tr:nth-child(odd):hover td {
  color: black;
  /*background-color: #D7EEFF !important; */
  background-color: rgba(0, 0, 255, 0.2) !important;
}

#dtable tbody tr {
  cursor:pointer;
}


.graph-card{
  min-width: 460px;
}

.graph-image{
  position: relative;
  padding: 0;
  max-width: 280px;
}
.graph-canvas{
  position: absolute;
  top:0;
  left:0;
}

.graph-point-value{
  position: absolute;
  top:0;
  left:0;
  z-index: 1;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  min-width:100px;
  padding: 0 8px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.7);
  border: solid 2px white;
  color: white;
  transition: all 150ms 0s ease;
}


.graph-bar{
  position: absolute;
  background-color: rgba(0, 0, 196, 0.5);
  top:0;
  left:0;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  cursor: pointer;
}
.graph-bar:hover {
  background-color: rgba(0, 0, 196, 0.4);
  transform: scale(1, 1.05);
}



.graph-point{
  position: absolute;
  background-color: #00006D;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  top:0;
  left:0;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  transform: translate(-10px, -10px);
  cursor: pointer;
}
.graph-point:hover {
  background-color: rgb(34, 34, 121);
  transform: translate(-10px, -10px) scale(1.2, 1.2);
}

.bootbox.modal.show .modal-dialog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (1.75rem * 2));
}


.bg-warning2 {
  background-color: #FEEF0B !important;
}

a.bg-warning2:hover, a.bg-warning2:focus,
button.bg-warning2:hover,
button.bg-warning2:focus {
  background-color: #f4b30d !important;
}


.menu-link {
  color: #5a5c69;
  text-align: center;
  padding: .25rem;
  width: 100%;
  box-shadow: 0 .125rem .25rem 0 rgba(58,59,69,.3);
  border-bottom: 1px solid #e3e6f0;
  text-decoration: none;
}

.menu-link:hover {
  box-shadow: 0 .125rem .25rem 0 rgba(58,59,69,.5);
  text-decoration: none;
}

.side_navigation {
  width: 300px;
}


/* highcharts */
.highcharts-figure, .highcharts-data-table table {
  min-width: 360px;
  max-width: 900px;
  margin: 1em auto;
}

.highcharts-data-table table {
  font-family: Verdana, sans-serif;
  border-collapse: collapse;
  border: 1px solid #EBEBEB;
  margin: 10px auto;
  text-align: center;
  width: 100%;
  max-width: 500px;
}
.highcharts-data-table caption {
  padding: 1em 0;
  font-size: 1.2em;
  color: #555;
}
.highcharts-data-table th {
  font-weight: 600;
  padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
  padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
  background: #f8f8f8;
}
.highcharts-data-table tr:hover {
  background: #f1f7ff;
}

.menu-link-active {
  color: white;
  background-color: #4e73df;
  border-color: #4e73df;
}
.menu-link-active:hover {
  color: white;
  background-color: #4e73df;
}

/* .container-fluid {
  min-height: calc(100vh - 100px);
  display: flex;
  flex-direction: column;
  min-width: 960px;
  max-width: 1680px;
} */

/* .container-fluid > div:last-child {
  flex-grow: 1;
} */

.container-fluid-custom {
  /* min-height: calc(100vh - 100px); */
  display: flex;
  flex-direction: column;
  min-width: 960px;
  max-width: 1680px;
  padding: 56px 0 0;  /* header = 56 */
}

.has-footer {
  padding: 56px 0 54px;  /* header = 56, fotter = 54 */
}

.container-fluid-custom > div:last-child {
  flex-grow: 1;
}

/* .table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
} */

.img-system-image {
  width: 100%; 
  height: auto;
  object-fit: contain;
}

.table-input-cell {
  position: relative;
  padding: 0 !important;
}
.table-input-cell > input {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  border: none;
  text-align: center;
}

.error_message ul {
  color: #e74a3b;
  font-size:80%;
  list-style-type: none;
  padding: 0;
}
::-webkit-input-placeholder {
  color: red !important;
}
::-moz-placeholder {
  color: red !important;
}
::-ms-placeholder {
  color: red !important;
}
::placeholder {
  color: red;
}
input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button { 
  -webkit-appearance: none!important; 
  margin: 0!important; 
}
input[type="number"] { 
  -moz-appearance:textfield!important; 
} 
.state_alert{
  color: red;
  font-size: 10pt;
  padding-left: .75rem;
  display: none;
}