.app-header__logo .logo-src {
    height: 25px;
    width: 175px;
    background-size: contain;
    background-repeat: no-repeat;
}
.secondary-container{
    background:#e1f2ff
}
@keyframes ball-grid-pulse{0%{transform:scale(1)}50%{transform:scale(0.5);opacity:0.7}100%{transform:scale(1);opacity:1}}.ball-grid-pulse{width:57px}.ball-grid-pulse>div:nth-child(1){animation-delay:.51s;animation-duration:.61s}.ball-grid-pulse>div:nth-child(2){animation-delay:.12s;animation-duration:1.44s}.ball-grid-pulse>div:nth-child(3){animation-delay:-.13s;animation-duration:1.32s}.ball-grid-pulse>div:nth-child(4){animation-delay:.66s;animation-duration:1.43s}.ball-grid-pulse>div:nth-child(5){animation-delay:.14s;animation-duration:1.34s}.ball-grid-pulse>div:nth-child(6){animation-delay:.13s;animation-duration:.97s}.ball-grid-pulse>div:nth-child(7){animation-delay:.43s;animation-duration:1.51s}.ball-grid-pulse>div:nth-child(8){animation-delay:.16s;animation-duration:.85s}.ball-grid-pulse>div:nth-child(9){animation-delay:.09s;animation-duration:1.45s}.ball-grid-pulse>div{background-color:#3f6ad8;width:15px;height:15px;border-radius:100%;margin:2px;animation-fill-mode:both;display:inline-block;float:left;animation-name:ball-grid-pulse;animation-iteration-count:infinite;animation-delay:0}
.full-loading {
display: none;
position: fixed;
width: 100%;
height: 100%;
background: rgba(0,0,0,.5);
top: 0;
left: 0;
z-index: 999;
/* text-align: center; */
}
.full-loading.show-full-loading{
display: inline-block;
}
.loader.bg-transparent.no-shadow {
display: inline-block;
width: 57px;
height: 57px;
position: absolute;
top: calc(50% - 2.5px);
left: calc(50% - 2.5px);
}
.widget-numbers.text-white span > div {
display: inline-block;
}
div#data-table_processing {
display: inline-block;
width: 100%;
height: 200px;
line-height: 60px;
text-align: center;
background: #fff;
top: 10px;
}
.floating-button {
position: fixed;
top: 70px;
right: 40px;
font-size: 22px;
}

.floating-button a {
font-size: 16px;
color: #fff !important;
}


body::-webkit-scrollbar {
width: 10px;               /* width of the entire scrollbar */
}

body::-webkit-scrollbar-track {
background: gray;        /* color of the tracking area */
}

body::-webkit-scrollbar-thumb {
background-color: lightgray;    /* color of the scroll thumb */
border-radius: 20px;       /* roundness of the scroll thumb */
border: 3px solid darkgray;  /* creates padding around scroll thumb */
}
html, body{
font-family: 'Roboto', sans-serif;
background:#15212b;
color:#fff;
}
    .container{
overflow: hidden;
}
.navbar-dark .navbar-nav .nav-link {
  color: #fea050;
  font-size: 14px;
  /* text-transform: uppercase; */
}

.bg-primary{
background:#2d2f40 !important;
}
.equipment-container {
height: 300px;

border: 1px solid #2b3346;
border-radius: 15px;
position: relative;
background: #2d2f40;
}
.equipment-container:hover{
box-shadow: 0 0 10px rgba(0,0,0,.55);
}
.equipment-container a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color:#fff;
}
h1{
font-size: 20px;
color: #fff;
text-transform: uppercase;
font-weight: bolder;
}
.equipment-container a h2 {
color: #fff;
font-size: 14px;
text-align: center;
/* margin-top: 10px; */
position: relative;
top: -35px;
}
main.container {
  width: calc(100% - 45px);
  max-width: none;
}
.navbar-dark .navbar-nav .nav-link {
color: #fff;
font-size: 14px;
/* text-transform: uppercase; */
}
.equipment-container a .equipment-value {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 10px;
  background: greenyellow;
  border-radius: 3px;
  top: -20px;
  right: 0;
}
.equipment-img-container {
  display: inline-block;
  /*position: absolute;*/
  height: 45%;
  width: 100%;
  top: 0;
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
}
.valv-container .equipment-img-container{
background-image:url(../../backend/img/designh/diagrama-1.png);
background-size: 30%;
}
.bomb-container .equipment-img-container{
background-image:url(../../backend/img/designh/diagrama-3.png);
}
.camion-container .equipment-img-container{
background-image:url(../../backend/img/camion.png);
}
.belt-container .equipment-img-container{
background-image:url(../../backend/img/correa.svg);
}
.pala-container .equipment-img-container{
  background-image:url(../../backend/img/pala.svg);
  background-size:56%;
}
#real-time-data .layer-category2 .area {
fill: pink;
}
.equipment-container   span {
position: absolute;
top: 33%;
width: 100%;
text-align: center;
font-size: 12px;
}

.epoch-theme-dark .epoch.category20 .category1 .area,
.epoch-theme-dark .epoch.category20 .category1 .dot{
fill:#948EF7;
stroke:transparent
}
.epoch-theme-dark .epoch.category20 .category2 .area,
.epoch-theme-dark .epoch.category20 .category2 .dot{
fill:#37C7D4;
stroke:transparent
}

.epoch-theme-dark .epoch.category20 .category3 .area,
.epoch-theme-dark .epoch.category20 .category3 .dot{
fill:#F98789;
stroke:transparent
}

.epoch-theme-dark .epoch.category20 .category4 .area,
.epoch-theme-dark .epoch.category20 .category4 .dot{
fill:#FFDE97;
stroke:transparent
}

.epoch-theme-dark .epoch.category20 .category5 .area,
.epoch-theme-dark .epoch.category20 .category5 .dot{
fill:#387EE1;
stroke:transparent
}

.epoch-theme-dark .epoch.category20 .category6 .area,
.epoch-theme-dark .epoch.category20 .category6 .dot{
fill:#E0E6ED;
stroke:transparent
}
.equipment-container h3 {
font-size: 13px;
padding: 10px;
text-transform: uppercase;
/*text-align: center;*/
color: #fea050;
font-weight: bold;
}
.equipment-container h2 {
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
padding: 10px;
position: relative;
}
.equipment-container h2 span {
display: inline-block;
float: right;
width: auto;
position: absolute;
right: 10px;
top: 10px;
font-weight: normal;
font-size: 12px;
text-transform: none;
}
.equipment-container span{
top: 0%;
}
.equipment-value {
display: inline-block;
position: absolute;
width: 20px;
height: 10px;
border-radius: 5px;
top: 2px;
right: calc(100% + 10px);
}
.green-bg{
background:#00BC71;
}
.yellow-bg{
background:#FFD70E;
background: rgba(255,215,14,0.6);
}
.orange-bg{
background:#FF7300;
background: rgba(255,115,0,0.6);
}
.red-bg{
background:#FF1010;
background: rgba(255,16,16,0.6);
}
.alert-fail-mode-3,.alert-fail-mode-2, .alert-fail-mode-1, .alert-fail-mode-0 {
display: inline-block;
width: calc(100% - 20px);
margin-left: 10px;
margin-bottom: 5px;
height: 30px;
line-height: 30px;
font-weight: 100;
border-radius: 5px;

padding: 0 10px;
}
.fail-list img {
margin-right: 10px;
}
.fail-list span {
display: inline-block;
width: calc(100% - 37px);
position: static;
background: rgba(0,0,0,.5);
height: 28px;
text-align: left;
padding-left:10px;
}


.table-row span {
display: inline-block;
float: left;
padding: 6px;
margin: 0;
position: static;

font-size: 13px;
}
.table-row span b{
display: inline-block;
width: 100%;
text-transform: uppercase;
}
.table-header.table-row {
border: none;
display: inline-block;
border-radius: 5px 5px 0 0;
color:#fea050;
}
.table-row {
/* border-radius: 3px; */

display: inline-block;
width: 100%;
float: left;
padding: 3px 0;
/*border-bottom: 1px solid;*/
}
/*
.table-row span:nth-child(1) {
width: 25%;
}
.table-row span:nth-child(2) {
width: 45%;
}
.table-row span:nth-child(3) {
width: 30%;
}
.table-row span:nth-child(4) {
width: 20%;
}
.table-row span:nth-child(5) {

}*/
.col-sm-3,.col-sm-4,.col-sm-8 {
padding: 0 10px;
}
.full-height-cell{
line-height: 42px;
}
.table-row.table-header span{
color:#6f708b;
text-transform: uppercase;
}
.table-container .table-row:nth-child(2n+1) {
  background: #2d2f40;
  }
.mt-row-top {
margin-top: 30px;
}

.graph-container h4 {
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
margin-left: 10px;
background: transparent;
position: relative;
width:100%;
}
.group-wrapper {
display: inline-block;
width: calc(100% - 30px);
margin-left:15px;
background: rgba(3,169,244,.3);
padding: 15px 0 0;
margin-bottom:15px;
border-radius: 5px;
}
.group-wrapper.bg-2 {
background: rgba(0,150,136,.7);
}
.group-wrapper.bg-3 {
background: rgba(233,30,99,.7);
}
.group-wrapper.bg-4 {
padding: 15px 0;
background-color:transparent;
}
.group-wrapper  h4 a{
position: absolute;
right:20px;
width:auto;
}
.group-container {
display: inline-block;
height: 0;
width: 100%;
overflow: scroll;

margin-top: 15px;
}
.group-container.show {
height: auto;
border-top: 1px solid;
}
.graph-container {
display:inline-block;
width:100%;
height: 100%;
}
.fail-list a {
display: inline-block;
width: auto;
position: absolute;
height: auto;
color: #fff;
font-weight: 100;
z-index: 999;
right: 30px;
z-index: 1;
}
.fail-list a.alert-edit {
right:50px;
}
.last-interventions-wrapper {
display: inline-block;
width: calc(100% - 20px);
margin: 0 10px;
border: 1px solid;
border-radius: 3px;
padding: 5px;
height: 85%;
overflow-y: scroll;
overflow-x: hidden;
}

.last-intervention-container {
display: inline-block;
background: rgba(256,256,256,.3);
width: 100%;
border-radius: 3px;
padding: 3px;
font-size: 12px;
position: relative;
border: 1px solid transparent;
}

.intervention-date {
width: calc(20% - 10px);
display: inline-block;
float: left;
line-height: 34px;
text-align: left;
padding-left: 10px;
}

.intervention-content {
width: 65%;
display: inline-block;
float: left;
line-height: 34px;
text-align: lef;
position: relative;
}

.intervention-actions {
width: 15%;
display: inline-block;
float: left;
line-height: 34px;
text-align: right;
padding-right: 5px;
}

.intervention-actions a {
display: inline-block;
width: auto;
}
.group-container h4 {
margin-top: 20px;
}
.fail-list {
display: inline-block;
height: calc(100% - 55px);
overflow-y: scroll;
overflow-x: hidden;
}
.alert-actions {
display: inline-block;
position: absolute;
right:30px;
top: 1px;
font-size: 12px;
}

.fail-list > div {
display: inline-block;
position: relative;
}
.alert-actions a {
display: inline-block;
width: auto;
/* float: left; */
}
.alert-actions a.alert-view {
display: inline-block;
right: 15px;
}
.alert-actions a.alert-action {
display: inline-block;
right: -5px;
}


a.alert-action .fa {
position: relative;
z-index: 1;
}

div#alert-option-modal{
display: inline-block;
position: absolute;
right: -23px;
z-index: 99999999;
background: #fff;
width: 200px;
top: 28px;
}

div#intervention-option-modal {
display: inline-block;
position: absolute;
right: 1px;
z-index: 99999999;
background: #fff;
width: 200px;
top: 41px;
}
.options-menu-wrapper {
display: inline-block;
width: 100%;
/* height: 35px; */
}

.options-menu-wrapper > div {
display: inline-block;
width: 100%;
height: 40px;
/* float: left; */
}
.options-menu-wrapper a {
background: #fff;
display: inline-block;
text-align: left;
color: #000;
width: 100%;
position: relative;
left: 0;
right: 0;
z-index: 9999;
height: 40px;
line-height: 40px;
padding-left: 20px;
}
.options-menu-wrapper a:hover {
background: #dfdfdf;
}
.alert-focused, .intervention-focused{
z-index: 2;
border: 1px solid #fff;
}
.table-wrapper tr {
border-top: 1px dashed #999;
}
.intervention-content span {
width: auto;
position: static;
background: #000;
padding: 2px 6px;
border-radius: 3px;
margin-left: 10px;
float: right;
line-height: 20px;
margin-top: 5px;
}
.color-container {
display: inline-block;
width: 100%;
text-align: center;
color: black;
padding: 5px 0px;
}
.color-container.color-container-0{
background: #30B32D;
}
.color-container.color-container-1{
background: #ffeb3b;
}
.color-container.color-container-2{
background: #ffa500;
}
.color-container.color-container-3{
background: #F03E3E;
}
.plan-colors-wrapper {
padding: 5px 30px;
}

.plan-colors-wrapper .row > div {
padding: 0;
}
.plan-colors-wrapper p {
padding: 6px;
text-align: center;
}


h3.titulo-preprocesamiento,
h4.titulo-preprocesamiento {
  color:#fff;
  font-size: 14px;
  padding-bottom: 0;
  margin-bottom: 0;
  padding: 10px;
  text-transform: uppercase;
  font-weight: bold;
}
h4.titulo-preprocesamiento {
  font-size: 13px;
}
.subtitulo-preprocesamiento {
  color:#fff;
  font-size: 12px;
  margin-bottom: 0;
  padding: 0 0 0 10px;
  text-transform: uppercase;
}
.widget-container {
  border: 1px solid #2b3346;
  border-radius: 15px;
  background: #2d2f40;
}

.preprocesamiento h3 small{
  color:#7b7aaf;
  font-size: 12px;
}
button.boton-amarillo {
  color:#2f2d4e;
  background-color: #f9b200;
  text-transform: uppercase;
  margin-right:20px;
  min-width: 165px;
}
.preprocesamiento .button-container {
  position: relative;
  text-align: right;
  top: -35px;
}
@media (max-width: 992px) {
  .preprocesamiento .button-container {
    position: static;
  }
}


.tabla thead th {
  font-weight: bold;
  text-transform: uppercase;
  color: #fea050;
}

.tabla td, .tabla th {
  padding-top: 5px;
  padding-bottom: 5px;
}

.table-wrapper .tabla tr {
  border:0;
}
.tabla tbody tr:nth-child(odd) {
  background:#15212b;
}

.modal-myriam .modal-content,
.modal-myriam .modal-header,
.modal-myriam .modal-footer{
    background-color: #2d2f40;
}
.modal-myriam .modal-header {
  border-bottom: 1px solid #2b3346;
}
.modal-myriam .modal-footer {
  border-top: 1px solid #2b3346;
}
.modal-myriam .modal-dialog {
  box-shadow:none;
}
.modal-myriam .btn-cerrar {
  color:white;
  font-weight: bold;
  text-transform: uppercase;
}

.modal-myriam .placeholder-upload {
  border:2px dashed #cacae2;
  border-radius: 15px;
  min-height: 350px;
  margin:25px
}
.modal-myriam h5 {
  color:#cacae2;
}
.modal-myriam form {
  margin:30px 50px;
}
.modal-myriam form label {
  text-transform: uppercase;
  color:white;
  font-size: 1rem;
}