.card{
  background-color: rgb(148, 188, 229, 0.25) !important;
  border: none;
}

.btn-success{
  background-color: rgb(15, 8, 89, 1) !important;
  border: none;
}


circle.track {
    stroke: white !important;
}

circle.track.progress{
    stroke: rgba(15,8,89,0.5) !important;
}
#oee #first{
  width: 40% !important;
  margin-right: 5%;
}

#speed .cRfgdB .needle-knob,
#availability .cRfgdB .needle-knob,
#quality .cRfgdB .needle-knob{
    /*stroke:  #f2f2f2   !important;*/
    /*stroke-width: 1px !important;*/
    /*fill:  #f2f2f2 !important;*/
    /*background-color:  #6EE5FF  !important;*/
}

#availability .cRfgdB .scale,
#speed .cRfgdB .scale,
#quality .cRfgdB .scale {
    fill:  #f2f2f2 !important;
  }

.jjZFEi{
    font-size: 1.6em !important;  /*hodnota v gauge*/
}


.cAPXWV{
  color:black !important;
}

div.sc-gZMcBi.jjZFEi div.sc-gqjmRU.cAPXWV{
  padding-left: 7%;
  padding-right: 7%;
  border-radius: 30px;
}

#progress-gauge div.sc-gZMcBi.jjZFEi div.sc-gqjmRU.cAPXWV{
  background-color: rgba(215, 44, 44, 0.7);
}

#oee .red{
  border-radius: 30px;
  background-color: rgba(215, 44, 44, 0.7);
  font-size:1.6em;
  height:50px;
  width: 75px;
}
#oee .green{
  border-radius: 30px;
  background-color: rgba(0, 219, 44, 0.7);
  height:50px;
  width: 75px;
}
#oee .orange{
  border-radius: 30px;
  background-color: rgba(255, 140, 30, 0.7);
  height:50px;
  width: 75px;
}


 h6{
  font-size:1.6em !important;
  margin:auto !important;
  text-align:center !important;
}

#progress-gauge text{
  font-size: 1.6em;
}

#progress-gauge{
  margin-left: 0.5%;
}
body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: rgb(50, 50, 50);

  background-color:  rgba(148, 188, 229, 0.25) ;
}

#quality text,
#speed text,
#availability text{
  /*fill: rgb(219, 233, 255)  !important;   --- farba text v mensich gauge*/
}

.eYbLCt{
  margin-top: 20px !important;
}
.sc-bwzfXH{
  margin-bottom: -15px !important;
}

button{
  /*width: 30px !important;*/
  padding: 0 !important;
  border: none !important;

}

#instant_notes button{
  background-color: rgba(15,8,89,0.8);
}
svg{
  display: inline-block !important;
  vertical-align: top !important;
  text-align: center !important;
  height:30 !important;
  width: 30 !important;
}

#clock {
  font-size: 175px;
  width: 900px;
  margin: 200px;
  text-align: center;
  border: 2px solid black;
  border-radius: 20px;
}

.cmSQpo,
.gTDjPF{
  height: auto !important;
}

div #my-daq-booleanswitch{
  margin-bottom: 10px !important;

}

.igrnnx,
.dlqMgb{
    height:20px !important;
    width:20px !important;
}

.tab{
  border-bottom: none !important;
}

.tab--selected{
  border-top: 1px solid #d6d6d6 !important;
  border-left:   1px solid #d6d6d6 !important;
  border-right: 1px solid #d6d6d6 !important;
  background-color: #fcfcfc !important;

  border-top-right-radius: 5px !important;
  border-top-left-radius: 5px !important;

}
.jsx-2137964197{

    border-top-right-radius: 5px !important;
    border-top-left-radius: 5px !important;
}

h5{
  text-align : center;

}
p#now,
p#cc_time{
  text-align: right !important;
  margin-left: 70% !important;
}
p{
  font-size: 1em;


}

#progress-gauge.daq-gauge--light{
  margin-top: -5%;
  margin-bottom: -20%;
}

#availability.daq-gauge--light,
#speed.daq-gauge--light,
#quality.daq-gauge--light{
  margin-top: -5% !important;
  margin-bottom: -5% !important;
}


.row{
  margin-top: 0 !important;
}

/* Blocks sizing*/
@media only screen and (min-width: 600px)  {
      #camera_view,
      #batch_info,
      #shift_overview,
      #shift_analysis,
      #shift_performance,
      #instant_notes,
      #last_cycles,
      #shift_retrospect,
      #oee{
        width:32.3%;
        height:400px;
        margin: 0.5%;
        background-color: #f2f2f2;

        border-radius: 5px;
        display:inline-block;
        vertical-align:top;
        padding: .5%;

      }
      #searchSKUpanel{
        width:18%;
        height:800px;
        margin: 0.5%;
        background-color: #f2f2f2;

        border-radius: 5px;
        display:inline-block;
        vertical-align:top;
        padding: .5%;

      }
      #zvitok{
        width:25%;
        height:700px;
        margin: 0.5%;
        background-color: #f2f2f2;

        border-radius: 5px;
        display:inline-block;
        vertical-align:top;
        padding: .5%;

      }
      #tabzvitky{
        width:59%;
        height:700px;
        margin: 0.5%;
        background-color: #f2f2f2;

        border-radius: 5px;
        display:inline-block;
        vertical-align:top;
        padding: .5%;

      }
      #tab3{
        width:55%;
        height:800px;
        margin: 0.5%;
        background-color: #f2f2f2;

        border-radius: 5px;
        display:inline-block;
        vertical-align:top;
        padding: .5%;

      }
      #tabobrskladu{
        width:23%;
        height:700px;
        margin: 0.5%;
        background-color: #f2f2f2;

        border-radius: 5px;
        display:inline-block;
        vertical-align:top;
        padding: .5%;

      }
      #obrskl3{
        width:45%;
        height:700px;
        margin: 0.5%;
        background-color: #f2f2f2;

        border-radius: 5px;
        display:inline-block;
        vertical-align:top;
        padding: .5%;

      }
      #lifo{
        width:64.3%;
        height:400px;
        margin: 0.5%;
        background-color: #f2f2f2;

        border-radius: 5px;
        display:inline-block;
        vertical-align:top;
        padding: .5%;

      }
      #batch_info #second{
        color: gray;
      }


      #camera_view #first{
        width:90%;
        margin-left: 5%;
        display:inline-block;
        vertical-align:top;
      }
      #camera_view #second{
        margin-top: 10%;
        margin-left: 5%;
        width:30%;
        display:inline-block;
        vertical-align:top;
      }
      #oee #first{
        width:40%;
        display:inline-block;
        vertical-align:top;
      }


      #oee #second{
        width:50%;
        display:inline-block;
        vertical-align:top;
      }

      #oee row{
        height:100%;
      }

      #oee #stops,
      #oee #scraps {
         font-size:.7em;
      }


}

#login-email{
  height: 38px;
  font-size:inherit;
}

.navbar{
  background-color: #f2f2f2 !important;
}

#time_bar{
  border-bottom: 1px solid #d6d6d6 !important;
    background-color: #f2f2f2 !important;
    padding-top: 20px !important;
}


#InOEE_app,
#tab1{
  background-color: #fcfcfc !important;
}

#camera_view .row{
  margin-top: 10% !important;
}


button#save_pic,
button#stop{
   text-align: center;
   background-color: white;
   width:90%;
   margin-bottom: 20px;
   border-radius:20px;
}
#camera_view #filter{
     margin-bottom: 20px;
}
.DateInput, .DateInput_1 {
  width: 100px; /* replace with whatever length you prefer */
}

#batch_info .progress-bar {
    background-color: rgba(15,8,89,0.25) !important;
}

#batch_info .progress-bar-striped {
    background-color: rgba(15,8,89,0.5)  !important;
    background-size: 1rem 1rem;
}
.green{
  background-color: rgba(0, 219, 44, 0.7);
  border-radius:20px;
}
.red{
  background-color: rgba(215, 44, 44, 0.7);
  border-radius:20px;
}

.orange{
  background-color: rgba(255, 140, 30, 0.7);
  border-radius:20px;
}
.gray{
  border-radius: 30px;
  background-color: rgba(3, 0, 1, 0.2);
  height:50px;
  width: 75px;
}

.tab-container{
  flex-direction: row !important;
}

.rc-slider-track{
	background-color: rgba(15,8,89,0.5) !important;
}

.rc-slider-handle{
  border: solid 2px rgba(15,8,89,0.5) !important;
}


#time, #date {
  font-weight: bolder;
}


#logo{
  font-weight: bolder;
}

#live-overview.dash-graph{
  margin-top:-100px !important;
  z-index: -1;

}
#my-range-slider{
  z-index: 1;
  position: relative;
  margin-top: 0.5%;
}
#shift_overview_settings{
z-index: 2;
  position: relative;
}
html body.modal-open div div div.modal.fade.show div#modal-settings.modal-dialog.modal-xl div.modal-content div.modal-footer button#close-settings.ml-auto.btn.btn-secondary{
padding-left: 10px !important;
padding-right: 10px !important;
}

#live-graph{
  margin-top:-100px !important;
  margin-left: -70px !important;
  z-index: -1;
}

#slideshow_img{
  margin: 0 !important;
}
#next_question,
#previous_question{
  cursor: pointer;
}

#live-overview-mini{
  margin-top:-100px !important;
  margin-bottom:-70px !important;
  margin-left: -70px !important;
  margin-right: -20px !important;
  z-index: -1;
}
#waterfall_graph,
#pareto_graph{
  margin-top:-100px !important;
  margin-bottom:-70px !important;
  margin-left: -10px !important;
  margin-right: -20px !important;
  z-index: -1;
}



#shift_analysis button{
  background-color: rgba(15,8,89,0.8);
  z-index: 99;
    position: relative;
    font-weight: bolder;
}

#tooltip-span-id{
  display: inline-block;
  max-width: 150px;
  padding: 5%;  
}

#tooltip-info-div {
  visibility:hidden;
  position: absolute;
  background-color: #ffffff;
  border-color: brown;
  border-style: solid;
  border-width: thin;
  border-radius: 5%;
}