.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%;

  }

  #searchSKUpanel2 {
    width: 25%;
    height: 1800px;
    margin: 0.5%;
    background-color: #f2f2f2;

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

  }

  #searchSKUpanel {
    width: 15%;
    height: 1800px;
    margin: 0.5%;
    background-color: #f2f2f2;

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

  }

  #searchSKUpanel3 {
    width: 47%;
    height: 1800px;
    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%;

  }

  #params_radod {
    width: 25%;
    height: 900px;
    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%;

  }

  #tab_3 {
    width: 45%;
    height: 800px;
    margin: 0.5%;
    background-color: #f2f2f2;

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

  }

  #tabobrskladu {
    width: 37%;
    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%;

  }

  #erp_input_tab {
    width: 98%;
    height: 1400px;
    margin: 0.5%;
    background-color: #f2f2f2;

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

  }

  #wide_single_dropdown {
    width: 98%;
    height: 80px;
    margin: 0.5%;
    background-color: #f2f2f2;

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

  }

  #lossregistr2 {
    width: 98%;
    height: 630px;
    margin: 0.5%;
    background-color: #f2f2f2;

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

  }

  #lossregistr2 .first {
    width: 15%;
    display: inline-block;
    vertical-align: top;
  }

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

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

  }

  .razeni_tab {
    margin: 0;
    background-color: #f2f2f2;
    border-radius: 0;
    display: inline-block;
    vertical-align: top;
    padding: .5%;
    flex: 1;
    border-left: 1px solid #c0c0c0;
  }

  #tab3 #left_sidepanel {
    width: 23%;
    display: flex;

    height: calc(100vh - 114px);
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: thin;
  }

  #tab3 #main_panel {
    flex: auto;
    display: flex;

    height: calc(100vh - 114px);
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: thin;
  }

  #tab4 #left_sidepanel {
    width: 33%;
    display: flex;

    height: calc(100vh - 114px);
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: thin;
  }

  #tab4 #right_sidepanel {
    width: 10%;
    display: flex;

    height: calc(100vh - 114px);
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: thin;
  }

  #tab4 #main_panel {
    flex: auto;
    display: flex;

    height: calc(100vh - 114px);
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: thin;
  }

  #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;
}

#tab3 {
  display: flex;
  background-color: #fcfcfc !important;
}

#tab4 {
  display: flex;
  background-color: #fcfcfc !important;
}

#tab-history {
  display: flex;
  background-color: #fcfcfc !important;
}

#tab-erp-view {
  display: flex;
  background-color: #fcfcfc !important;
}

#tab-radod-params {
  display: flex;
  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;
}


.blocker-input {
  width: 4rem;
  margin-left: 1rem;
}