@font-face {
  font-family: "leaderMesFont";
  /*a name to be used later*/
  src: url("fonts/DroidSans.ttf");
  /*URL to font*/
}

body:lang(eng) {
  font-family: ProximaNova !important;
}

body:lang(heb) {
  font-family: OpenSansHebrew !important;
}

body:lang(eng) svg.highcharts-root {
  font-family: ProximaNova !important;
}

body:lang(heb) svg.highcharts-root {
  font-family: OpenSansHebrew !important;
}

.light {
  overflow: hidden;
  padding: 0 0 0px;
  width: 40px;
}

.highcharts-series-0 {
  fill: #b3597c !important;
}

.highcharts-series-1 {
  fill: #c4688c !important;
}

.light span {
  border-radius: 50px;
  display: block;
}

/*! Light colours */
.red {
  background-color: #bf1620 !important;
}

.yellow {
  background-color: #fba30c !important;
}

.green {
  background-color: #166715 !important;
}

.grey {
  background-color: #959595 !important;
}

/*! Active states */
.light span.active {
  opacity: 1;
  width: 40px;
  height: 40px;
}

.ibox-tools-custom {
  display: inline-flex;
  float: right;
}

.modal-dialog {
  width: 90%;
  margin: 30px auto;
}

.requiredFiled {
  color: blue;
}

/* .square {
    float: left;
    position: relative;
    width: 30%;
    padding-bottom: 30%;
    margin: 1.66%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
} */

.dummy {}

/* drag and drop area */

#garbage-area {
  left: 0px;
  background-color: #eff0f1;
  font-size: 30px;
}

.animation_boxSize {
  width: 30px !important;
  float: right !important;
  left: 0px !important;
  background-color: transparent !important;
}

.shuge>box-directive>ng-include>div {
  height: 100%;
}

.shuge>box-directive>ng-include>div>div {
  text-align: center;
  height: 15%;
  border-bottom-style: solid;
  border-bottom-width: inherit;
  border-bottom-color: #1c84c6 !important;
  border-bottom-width: 3px !important;
}

.shuge>box-directive>ng-include>div>table {
  position: relative;
  top: 0;
  left: 0;
  height: 85%;
  width: 100%;
  border-width: 3px !important;
  border-color: #ed5565 !important;
}

.shuge>box-directive>ng-include>div>table>tbody>tr:first {
  height: 70% !important;
}

.shuge>box-directive>ng-include>div>table>tbody>tr>td:first {
  width: 50% !important;
}

.ssmall1>box-directive>ng-include>div {
  height: 100%;
}

.ssmall1>box-directive>ng-include>div>table {
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-width: 3px !important;
  border-color: #ed5565 !important;
}

.ssmall2>box-directive>ng-include>div>table {
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-width: 3px !important;
  border-color: #ed5565 !important;
}

.ssmall3>box-directive>ng-include>div>table {
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-width: 3px !important;
  border-color: #ed5565 !important;
}

.ssmall1>box-directive>ng-include>div>table>tbody>tr {
  height: 70%;
}

.ssmall1>box-directive>ng-include>div>table>tbody>tr>td:first {
  width: 50% !important;
}

.ssmall1>box-directive>ng-include>div>table>tbody>tr>td {
  width: 25%;
}

/*small 2*/

.ssmall2>box-directive>ng-include>div {
  height: 100%;
}

.ssmall3>box-directive>ng-include>div {
  height: 100%;
}

.ssmall4>box-directive>ng-include>div {
  height: 100%;
}

.ssmall2>box-directive>ng-include>div {
  height: 100%;
}

.ssmall2>box-directive>ng-include>div>table {
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-width: 3px !important;
  border-color: #ed5565 !important;
}

.ssmall2>box-directive>ng-include>div>table>tbody>tr {
  height: 50%;
}

.ssmall2>box-directive>ng-include>div>table>tbody>tr>td {
  width: 25%;
}

.sbig1>box-directive>ng-include>div {
  height: 100%;
  width: 100%;
}

.sbig1>box-directive>ng-include>div {
  height: 100%;
  width: 100%;
}

.sbig1>box-directive>ng-include>div>table {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-width: 3px !important;
  border-color: #ed5565 !important;
}

.sbig1>box-directive>ng-include>div>table>tbody>tr {
  height: 50%;
}

.sbig1>box-directive>ng-include>div>table>tbody>tr>td {
  width: 50%;
}

.sbig2>box-directive>ng-include>div {
  height: 100%;
  width: 100%;
}

.sbig2>box-directive>ng-include>div {
  height: 100%;
  width: 100%;
}

.sbig2>box-directive>ng-include>div>table {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-width: 3px !important;
  border-color: #ed5565 !important;
}

.sbig2>box-directive>ng-include>div>table>tbody>tr {
  height: 25%;
}

/* build machine box from json */

.huge-1 {
  position: relative;
  float: left;
  height: 200px !important;
  border-color: #e7eaec !important;
}

.huge-1>div>div {
  text-align: center !important;
  height: 15% !important;
  border-bottom-style: solid !important;
  border-bottom-width: inherit !important;
  border-bottom-color: #e7eaec !important;
  border-bottom-width: 3px !important;
  border-color: #e7eaec !important;
}

.huge-1>div>table {
  position: relative;
  top: 0;
  left: 0;
  height: 85%;
  width: 100%;
  border-width: 3px;
  border-color: #e7eaec !important;
}

/*
.huge-1 > div > table > tbody > tr :first-child {
    height: 70%
}
*/
.huge-1>div>table>tbody tr>td {
  width: 50%;
}

.red-yellow {
  background-color: red;
  color: yellow;
}

.yellow-red {
  background-color: yellow;
  color: red;
}

/*////////////////////////////////////////*/

.big-1 {
  width: 100%;
  position: relative;
  float: left;
  height: 200px !important;
  border-width: 2px !important;
}

.big-1>div>table {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-width: 3px;
  border-color: #e7eaec;
}

.big-1>div>table>tbody>tr :first-child {
  height: 50%;
}

.big-1>div>table>tbody>tr>td {
  width: 50%;
}

/*////////////////////////////////////////////////////////////*/

.big-2 {
  position: relative;
  float: left;
  height: 200px;
  margin-left: 5px;
  z-index: 0;
  border-width: 3px !important;
  border-color: #ed5565;
  z-index: 0 !important;
}

.big-2>div {
  height: 100%;
  width: 100%;
}

.big-2>div>table {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-width: 3px;
  border-color: #e7eaec;
}

.big-2>div>table>tbody>tr {
  height: 25%;
}

/*/////////////////////////////////////////////////////////////////*/

.big-3 {
  position: relative;
  float: left;
  height: 200px;
  margin-left: 5px;
  z-index: 0;
  border-width: 3px !important;
  border-color: #ed5565;
  z-index: 0 !important;
}

.big-3>div {
  height: 100%;
  width: 100%;
}

.big-3>div>table {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-width: 3px;
  border-color: #e7eaec;
}

.big-3>div>table>tbody>tr {
  height: 25%;
}

/*/////////////////////////////////////////////////////////////////*/

.small-2 {
  position: relative;
  float: left;
  height: 100px;
  margin-left: 5px;
  z-index: 0;
  border-width: 3px !important;
  z-index: 0 !important;
}

.small-2>div {
  height: 100%;
}

.small-2>div>table {
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-width: 3px;
  border-color: #ed5565;
}

.small-2>div>table>tbody>tr {
  height: 50%;
}

.small-2>div>table>tbody>tr>td {
  width: 25%;
}

.small-1 {
  position: relative;
  float: left;
  height: 100px;
  margin-left: 5px;
  z-index: 0;
  border-width: 3px !important;
  border-color: #ed5565;
  z-index: 0 !important;
}

.small-1>div {
  height: 100%;
}

.small-1>div>table {
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-width: 3px !important;
  border-color: #ed5565 !important;
}

.small-1>div>table>tbody>tr {
  height: 70%;
}

.small-1>div>table>tbody>tr>td:first-child {
  width: 50% !important;
}

.small-1>div>table>tbody>tr>td {
  width: 25%;
}

.boxPerMachine.size1>.TheTable>.ibox-content {
  height: 110px;
}

.boxPerMachine.size2>.TheTable>.ibox-content {
  height: 230px;
}

.boxPerMachine.size3>.TheTable>.ibox-content {
  height: 230px;
}

.boxPerMachine.size4>.TheTable>.ibox-content {
  height: 230px;
}

.boxPerMachine.size5>.TheTable>.ibox-content {
  height: 230px;
}

.class1-2 {
  width: 350px;
}

.class1-2>.TheTable>.ibox-content {
  height: 110px;
}

.class8-2 {
  width: 700px;
}

.class8-2>.TheTable>.ibox-content {
  height: 230px;
}

.class12-2 {
  width: 1500px;
}

.class12-2>.TheTable>.ibox-content {
  height: 230px;
}

#dropArea {
  height: 110px;
  width: 100px;
}

.trash {
  /*border: 1px dashed red;*/
  /*height: 200px;*/
  /*margin-top: 50px;*/
  padding: 20px;
  /*text-align: center;*/
  /*background-image: url("images/rsz_1rsz_trash-icon.png");*/
}

.rTable {
  display: table;
  background-color: rgb(239, 240, 270) !important;
  color: black;
  z-index: 0;

  border-color: #e7eaec;
}

.panel-body {
  border: 1px #ccc;
}

.rTableRow {
  display: table-row;
}

.rTableHeading {
  display: table-header-group;
}

.rTableBody {
  display: table-row-group;
}

.rTableFoot {
  display: table-footer-group;
}

.rTableCell,
.rTableHead {
  display: table-cell;
}

.container {
  position: relative;
}

.container>div {
  background: transparent;
  position: absolute;
  height: 200px;
  width: 200px;
}

.rTableCell {
  border: 1px dashed blue;
}

.show-grid {
  background-color: white !important;
}

.container[class*="boxShapeShift"]>div[data-ss-colspan="2"] {
  width: 100px;
  /*width: 17.1%;*/

  z-index: 0;
  border-width: 3px !important;
  border-color: #ed5565;
  z-index: 0 !important;
}

.container[class*="boxShapeShift"]>div[data-ss-colspan="3"] {
  width: 150px;
  z-index: 0;
  border-width: 3px !important;
  border-color: #ed5565;
  z-index: 0 !important;
}

.container[class*="boxShapeShift"]>div[data-ss-colspan="4"] {
  width: 200px;
  z-index: 0;
  border-width: 3px !important;
  border-color: #ed5565;
  z-index: 0 !important;
}

.container[class*="boxShapeShift"]>div[data-ss-colspan="8"] {
  width: 400px;
  z-index: 0 !important;
}

.container [class*="boxShapeShift"]>.ss-placeholder-child {
  background: transparent;
}

.ss-active-child {
  background-color: rgb(239, 240, 241) !important;
}

.containerMachine {
  padding-left: 30px;
}

.rtl .containerMachine {
  padding-right: 30px;
}

.rtl .serviceCallCardRed {
  background: linear-gradient(90deg, rgba(249, 249, 249, 1) 60%, rgba(245, 0, 5, 0.30015756302521013) 100%);
}

.rtl .newTaskWindowMiddle [date-picker-wrapper] {
  right: unset;
  left: 50px;
}

.containerMachine>div {
  background: transparent;
  /*position: absolute;*/
}

.rtl .notificationsArrow {
  margin-left: unset;
  margin-right: auto;
}

.containerMachine .ss-placeholder-child {
  background: transparent;
  border: 1px dashed red;
}

.containerMachine>div[data-ss-colspan="1"] {
  width: 50px;
}

.containerMachine>div[data-ss-colspan="2"] {
  width: 100px;
}

.containerMachine>div[data-ss-colspan="3"] {
  width: 150px;
}

.containerMachine>div[data-ss-colspan="4"] {
  width: 200px;
}

.containerMachine>div[data-ss-colspan="5"] {
  width: 250px;
  width: 210px;
}

.containerMachine>div[data-ss-colspan="6"] {
  /*width: 300px;*/
  width: 260px;
}

.containerMachine>div[data-ss-colspan="7"] {
  width: 350px;
  width: 310px;
}

.containerMachine>div[data-ss-colspan="8"] {
  /*width: 400px;*/
  width: 360px;
}

.containerMachine>div[data-ss-colspan="9"] {
  width: 450px;
  width: 390px;
}

.containerMachine>div[data-ss-colspan="10"] {
  /*width: 500px;*/
  width: 460px;
}

.containerMachine>div[data-ss-colspan="13"] {
  /*width: 650px;*/
  width: 610px;
}

.containerMachine>div[data-ss-colspan="14"] {
  width: 660px;
  /*width: 700px;*/
}

.containerMachine>div[data-ss-colspan="16"] {
  /*width: 800px;*/
  width: 760px;
}

.containerMachine>div[data-ss-colspan="17"] {
  /*width: 750px;*/
  width: 710px;
}

.containerMachine>div[data-ss-colspan="19"] {
  /*width: 950px;*/
  width: 910px;
}

.containerMachine>div[data-ss-colspan="32"] {
  /*width: 1600px;*/
  width: 4560px;
}

/*//////////////////////////////////////////////*/
/*//////////////////////////////////////////////*/

/*////////////////////////////////////////////////*/
.boxPerMachine.size1>.TheTable>.ibox-content {
  height: 110px;
}

.boxPerMachine.size7>.TheTable>.ibox-content {
  height: 230px;
}

.boxPerMachine.size10>.TheTable>.ibox-content {
  height: 230px;
}

.boxPerMachine.size14>.TheTable>.ibox-content {
  height: 230px;
}

.boxPerMachine.size19>.TheTable>.ibox-content {
  height: 230px;
}

.outOfBoundaryColor {
  color: red;
}

.progress-bar-1 {
  background-color: #1aa917;
}

.progress-bar-2 {
  background-color: #fba30c;
}

.progress-bar-3 {
  background-color: #bf1620;
}

.progress-bar-4 {
  background-color: #bf1620;
}

.progress-bar-5 {
  background-color: #1aa917;
}

.progress-bar-6 {
  background-color: #bf1620;
}

.progress-bar-7 {
  background-color: #bf1620;
}

.progress-bar-8 {
  background-color: grey;
}

.progress-bar-0 {
  background-color: #bf1620;
}

/*
.navbar.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    padding: 10px 20px;
    background: white;
    border-top: 1px solid #e7eaec;
    margin-left: 220px;
}
*/

.departmentLastChild {
  margin-bottom: 1.823vw;
}

.departmentFirstChild {
  margin-top: 8.073vw;
}

.circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  font-size: 10px;
  color: #a32d00;
  line-height: 500px;
  text-align: center;
  background: #0b3e6f;
}

.machineCollapsed {
  background-color: transparent !important;
  border: 0 !important;
  width: 209px !important;
  margin-left: 30px;
}

/*//////radio button css*/

label.btn span {
  font-size: 1.5em;
}

label input[type="radio"]~i.fa.fa-circle-o {
  color: #c8c8c8;
  display: inline;
}

label input[type="radio"]~i.fa.fa-check-circle-o {
  display: none;
}

label input[type="radio"]:checked~i.fa.fa-circle-o {
  display: none;
}

label input[type="radio"]:checked~i.fa.fa-check-circle-o {
  color: #7aa3cc;
  display: inline;
}

label:hover input[type="radio"]~i.fa {
  color: #7aa3cc;
}

label input[type="checkbox"]~i.fa.fa-square-o {
  color: #c8c8c8;
  display: inline;
}

label input[type="checkbox"]~i.fa.fa-check-square-o {
  display: none;
}

label input[type="checkbox"]:checked~i.fa.fa-square-o {
  display: none;
}

label input[type="checkbox"]:checked~i.fa.fa-check-square-o {
  color: #7aa3cc;
  display: inline;
}

label:hover input[type="checkbox"]~i.fa {
  color: #7aa3cc;
}

div[data-toggle="buttons"] label.active {
  color: #7aa3cc;
}

div[data-toggle="buttons"] label {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 2em;
  text-align: left;
  white-space: nowrap;
  vertical-align: top;
  cursor: pointer;
  background-color: none;
  border: 0px solid #c8c8c8;
  border-radius: 3px;
  color: #c8c8c8;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div[data-toggle="buttons"] label:hover {
  color: #7aa3cc;
}

div[data-toggle="buttons"] label:active,
div[data-toggle="buttons"] label.active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.iradio_square-green {
  background-position: -120px 0;
}

.iradio_square-green.hover {
  background-position: -144px 0;
}

.iradio_square-green.checked {
  background-position: -168px 0;
}

.iradio_square-green.disabled {
  background-position: -192px 0;
  cursor: default;
}

.iradio_square-green.checked.disabled {
  background-position: -216px 0;
}

.fa.fa-toggle-on.active,
.fa.fa-toggle-on.inactive {
  font-size: 40px;
  cursor: pointer;
}

i.fa.fa-toggle-on.active {
  color: var(--color2);
}

i.fa.fa-toggle-on.inactive {
  color: #d9534f;
}

.iboxMachineBox {
  margin-top: 0;
  padding: 0;
  border-width: 2px 1px 1px;
  border-style: solid solid none;
  border-color: #e7eaec;
}

.dt-title {
  clear: both;
  font-weight: bold;
  padding: 15px 5px 10px 10px;
}

.chosen-container {
  width: 100% !important;
}

templates-directive .chosen-container {
  width: 100% !important;
}

.modal {
  z-index: 10000 !important;
}

.fixed-nav .minimalize-styl-2 {
  margin: 5px 5px 5px 5px;
}

.navbar-top-links li a {
  padding: 10px 10px;
  min-height: 40px;
}

.navbar {
  min-height: 40px;
}

body.fixed-nav #wrapper .navbar-static-side,
body.fixed-nav #wrapper #page-wrapper {
  margin-top: 0px;
}

.ui-select-choices-row {
  transition: background 0.1s ease, color 0.1s ease;
  background: #fff;
  color: #0099ff;
}

.ui-select-choices-row:hover {
  background: #007acc !important;
  color: #fff;
}

.option.ui-select-choices-row-inner {
  padding: 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.option.ui-select-choices-row-inner div {
  padding: 6px 12px;
  position: relative;
}

.selectize-dropdown {
  margin-top: -3px;
  overflow: hidden;
}

.selectize-dropdown-content {
  overflow-x: auto;
}

.selectize-dropdown.group-tree .goto-child-group {
  background: none;
  border: none;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.5);
  height: 100%;
  line-height: 1;
  margin: 0;
  padding: 8px;
  position: absolute;
  right: 0;
  text-shadow: none;
  top: 0;
  transition: background 0.2s;
}

.selectize-dropdown.group-tree .goto-child-group:hover {
  box-shadow: none;
  background: rgba(0, 0, 0, 0.1);
  border: none;
  color: #fff;
}

.selectize-dropdown.group-tree .ui-select-breadcrumbs {
  padding: 6px 12px;
  margin: 0;
  background: rgba(0, 0, 0, 0.8);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.selectize-dropdown.group-tree .ui-breadcrumb {
  color: white;
  cursor: pointer;
  font-size: 12px;
}

.selectize-dropdown.group-tree .ui-breadcrumb:hover {
  color: #ff9000;
}

.selectize-dropdown.group-tree .ui-breadcrumb:after {
  content: ">";
}

.selectize-dropdown.group-tree .ui-breadcrumb:last-child {
  color: white;
  cursor: default;
}

.selectize-dropdown.group-tree .ui-breadcrumb:last-child:after {
  content: " ";
}

.cg-notify-message.inspinia-notify {
  z-index: 10000;
}

.cg-notify-message-tasks.inspinia-notify {
  z-index: 10000000000000000;
}

.fixedHeader-floating {
  top: 120px !important;
  z-index: 10000;
}

.fixed {
  padding-left: 20px;
}

.groupContainer {
  display: flex;
  flex-wrap: wrap;
}

.pdf-toolbar {
  max-width: 600px;
  margin: 0 auto;
}

.highcharts-credits {
  display: none;
}

.navbar-default {
  float: left;
}

/* The switch - the box around the slider */
.switchDashboard {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switchDashboard input {
  display: none;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked+.slider {
  background-color: #2196f3;
}

input:focus+.slider {
  box-shadow: 0 0 1px #2196f3;
}

input:checked+.slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.grid1 {
  background: white;
}

.grid-stack-item-content {
  color: #2c3e50;
  text-align: center;
  background-color: white;
  border-color: red;
  border-style: solid;
  border-width: 5px;
}

.grid-stack-item {
  color: #2c3e50;
  text-align: center;
  background-color: white;
  border-color: white;
  border-style: solid;
  border-width: 5px;
}

.print>.chosen-container-multi .chosen-choices {
  width: 250px;
  margin-top: 15px;
}

.divLikeModal {
  top: 50%;
  left: 60px;

  margin-top: -5em;
  /*set to a negative number 1/2 of your height*/
  margin-left: -5em;
  /*set to a negative number 1/2 of your width*/
  border: 1px solid #ccc;
  border: 2px solid black;
  z-index: 100;
}

/* Style the tab */
div.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the links inside the tab */
div.tab a {
  float: left;
  display: block;
  color: black;
  text-align: center;
  padding: 1px 5px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 15px;
}

/* Change background color of links on hover */
div.tab a:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab a:focus,
.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 6px;
  border: 1px solid #ccc;
  border-top: none;
}

.popovercontent {
  z-index: 2;
  margin-left: 15px;
  padding: 0px;
  font-style: normal;
  text-align: start;
  text-decoration: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  max-width: 30%;
  border: none;
}

.popover-inner {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0px;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.applyChanges {
  margin: 20px 25px 10px 25px;
}

.arrowContainer {
  background: transparent !important;
}

.arrow-up {
  width: 15px;
  height: 15px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 10px solid rgba(0, 0, 0, 0.4);
  left: 7px;
  position: relative;
  top: 1px;
}

.innerContent {
  padding: 20px;
}

.button-d {
  border: 1px solid #ccc;
  border-radius: 4px;
}

.loader {
  border: 16px solid #f3f3f3;
  /* Light grey */
  border-top: 16px solid #3498db;
  /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

.graphFullScreenView .graphs-container .shiftContainerGraphPrint,
.graphFullScreenView .graphs-container .shiftContainerGraphPrint #insightGraph {
  height: auto !important;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.crop {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}

.dashboardInputs {
  font-weight: bolder;
  margin-bottom: 0;
}

.dashboardInputsButtons {
  padding-top: 1px;
  padding-left: 3px;
  width: 100%;
  height: 40px;
  margin-bottom: 5px;
  text-align: left;
}

.displayType {
  padding-left: 0;
  padding-bottom: 3px;
}

.showGraphButton {
  position: relative;
  top: 19px;
  margin-bottom: 5px;
  height: 38px;
}

.graphIconsLeft {
  cursor: pointer;
  line-height: 60px;
  margin-left: 15px;
}

.graphIconsRight {
  cursor: pointer;
  margin-right: 15px;
}

.onoffswitch-inner:before {
  background-color: var(--color2);
}

.onoffswitch-label,
.onoffswitch-switch {
  border-color: var(--color2);
}

input[type="radio"] {
  position: relative;
  top: 2px;
}

label {
  margin-bottom: 10px;
}

.modalz {
  position: fixed !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  background: rgba(0, 0, 0, 0.7) !important;
  z-index: 9999 !important;
}

.modalz .highcharts-root {
  width: 75%;
  height: 100%;
  margin: 0 auto;
  display: block;
}

.tabContentRtl {
  padding: 15px 25px 0 0;
}

.graphsDisplay {
  margin-right: 75px;
  text-align: right;
}

.graphsDisplayActive {
  color: #00004f;
}

.graphsDisplay span :hover {
  color: var(--color2);
}

div.tab a:focus,
.active {}

.popover-inner {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0px;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.arrowContainer {
  background: #f3f3f4;
  margin-top: -10px;
}

.arrow-up {
  width: 15px;
  height: 15px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 10px solid var(--color2);
  position: relative;
  top: 1px;
}

/** disabling gauges data until fixing error */
.modalz .gaugesData {
  display: none;
}

.dashboard-screen .nav-tabs>li>a {
  color: #ffffff;
  font-weight: 600;
  padding: 10px 20px 10px 25px;
}

.dashboard-screen .nav-tabs>li.active>a {
  color: var(--color2) !important;
  background-color: white;
  border-bottom-color: white;
  border-left-color: #a7b1c2;
  border-right-color: #a7b1c2;
  border-top-color: #a7b1c2;
  font-weight: 900;
}

.emptyPage {
  background: #fff;
}

.dashboard-screen .emptyPage {
  background: transparent;
}

div.tab a:focus,
.active {
  /*background-color: #ccc;*/
}

.popover-inner {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.arrowContainer {
  background: #f3f3f4;
  margin-top: -10px;
}

.arrow-up {
  width: 15px;
  height: 15px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 10px solid var(--color2);
  position: relative;
  top: 1px;
}

.FillMandatoryfields .passed-failed {
  border-color: red;
}

/** disabling gauges data until fixing error */
.modalz .gaugesData {
  display: none;
}

.dashboard-screen .nav-tabs>li>a {
  color: #ffffff;
}

.compareToOnOff {
  padding-right: 15px;
  padding-left: 15px;
}

.updateBox .icheckbox_square-green {
  margin-right: 5px;
  margin-left: 5px;
}

.notGauges .highcharts-plot-lines-0 path {
  opacity: 0.4;
}

.printerMargin {
  margin-top: 20px !important;
}

.printTableRow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}

.printModalComponents {
  min-width: 144px;
}

.printModalPercents {
  min-width: 200px;
}

.printListModalPlusMinus {
  min-width: 52px;
}

/*@media print {*/
/*body * {*/
/*visibility: hidden;*/
/*}*/
/*.widgetArea *{*/
/*visibility: visible;*/
/*}*/
/*html, body {*/
/*width: 210mm;*/
/*height: 297mm;*/
/*}*/
/*}*/
/*@page {*/
/*size: A4;*/
/*margin: 0;*/
/*}*/
/*@page {*/
/*size: 21cm 29.7cm;*/
/*margin: 30mm 45mm 30mm 45mm; !* change the margins as you want them to be. *!*/
/*}*/

.grid1 {
  background: white;
}

.grid-stack-item-content {
  color: #2c3e50;
  text-align: center;
  background-color: white;
  border-color: black;
  border-style: solid;
  border-width: 1px;
}

.A {
  background: white;
  display: block;
  margin: 0 auto;
  padding: 10px 25px;
  margin-bottom: 30px;
  box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
  /*overflow-y: scroll;*/
  box-sizing: border-box;
  font-size: 12pt;
}

.A4 {
  width: 793.7px;
  height: 1122.519685039px;
}

.A3 {
  width: 1587.4015px;
  height: 1122.519685039px;
}

.A5 {
  width: 793.7px;
  height: 559.37px;
}

#widgetArea {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.printSection {
  padding: 0px !important;
}

.printDifintionHeader {
  /*position: fixed;*/
  /*z-index: 10000;*/
  /*top: 150px;*/
  /*background-color: white;*/
}

/*@media print {*/
/*.page-break {*/
/*!*display: block;*!*/
/*page-break-after: always;*/
/*}*/

/*@page {*/
/*size: portrait*/
/*}*/
/*}*/

/*@media print {*/
/*body * {*/
/*visibility: hidden;*/
/*}*/
/*#section-to-print1 * {*/
/*visibility: visible;*/

/*}*/
/*#section-to-print1 {*/
/*position: absolute;*/
/*left: 0;*/
/*top: 0;*/
/*min-height:0*/
/*}*/
/*@page { margin: 0;size: portrait; }*/
/*}*/

.staticButton:active,
.staticButton:focus {
  border: 1px solid black !important;
  /* here configure as your needs */
  color: black !important;
}

.dataTables_scrollBody {
  min-height: 350px;
}

@font-face {
  font-family: ProximaNova;
  src: url(../fonts/proximanova/proximanova-regular.a7942249.woff) format("woff");
}

@font-face {
  font-family: ProximaNova;
  src: url(../fonts/proximanova/proximanova-medium.woff) format("woff");
  font-weight: 500;
}

@font-face {
  font-family: ProximaNova;
  src: url(../fonts/proximanova/proximanova-semibold.46e3f047.woff) format("woff");
  font-weight: 700;
}

@font-face {
  font-family: ProximaNova;
  src: url(../fonts/proximanova/proximanova-regular-italic.053a1112.woff) format("woff");
  font-style: italic;
}

@font-face {
  font-family: ProximaNova;
  src: url(../fonts/proximanova/proximanova-semibold-italic.660bf63e.woff) format("woff");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../fonts/fontAwesome/fa-solid-900.woff2") format("woff2"), url("../fonts/fontAwesome/fa-solid-900.ttf") format("truetype");
}

@font-face {
  font-family: 'Avenir';
  src: url('../fonts/avenir/avenir.woff') format('woff');
  font-weight: 400;
}

.fas,
.fa-solid {
  font-weight: 900;
}

@font-face {
  font-family: OpenSansHebrew;
  src: url(../fonts/opensansheb/OpenSansHebrew-Regular.ttf) format("opentype");
}

@font-face {
  font-family: OpenSansHebrew;
  src: url(../fonts/opensansheb/OpenSansHebrew-Bold.ttf) format("opentype");
  font-weight: 700;
}

@font-face {
  font-family: OpenSansHebrew;
  src: url(../fonts/opensansheb/OpenSansHebrew-Italic.ttf) format("opentype");
  font-style: italic;
}

@font-face {
  font-family: OpenSansHebrew;
  src: url(../fonts/opensansheb/OpenSansHebrew-BoldItalic.ttf) format("opentype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "Bree Serif";
  src: url(../fonts/BreeSerif-Regular.ttf) format("opentype");
  font-weight: 200;
}

.underLogoHeader {
  width: 415px;
  margin-left: -15px;
  height: 66px;
  font-size: 24px;
  text-align: center;
  color: #4a4a4a;
}

.logoHolder {
  /* height: calc(50% - 260px);
    display: flex;
    vertical-align: bottom;
    align-items: flex-end; */
  padding-left: 86px;
}

.inputLogin {
  width: 395px;
  margin-bottom: 24px;
  border-radius: 2px !important;
  font-size: 14px;
  line-height: 1.57;
  color: var(--color2);
}

.inputLogin::-webkit-input-placeholder {
  font-size: 14px;
  line-height: 1.57;
  color: var(--color2);
}

.inputLogin::-moz-placeholder {
  font-size: 14px;
  line-height: 1.57;
  color: var(--color2);
}

.inputLogin:-ms-input-placeholder {
  font-size: 14px;
  line-height: 1.57;
  color: var(--color2);
}

.inputLogin:-moz-placeholder {
  font-size: 14px;
  line-height: 1.57;
  color: var(--color2);
}

.buttonLogin {
  width: 395px !important;
  margin-top: 68px;
}

.checkboxLogin {
  font-size: 14px;
  text-align: center;
  color: #0f0f0f;
  font-weight: 100;
}

.underLoginButton {
  width: 395px;
  height: 15px;
  font-size: 12px;
  color: #0f0f0f;
  position: fixed;
  bottom: 30px;
}

.mainColor {
  background-color: #00004f !important;
}

.production-floor-icon {
  width: 20px;
  height: 18px;
  object-fit: contain;
}

.setup-icon {
  width: 22px;
  height: 23px;
  object-fit: contain;
}

.production-icon {
  width: 19px;
  height: 23px;
  object-fit: contain;
}

.lists-icon {
  width: 17px;
  height: 18px;
  object-fit: contain;
}

.infrastructure-icon {
  width: 14px;
  height: 14px;
  object-fit: contain;
}

.reports-icon {
  width: 18px;
  height: 17px;
  object-fit: contain;
}

.New-tab-icon {
  width: 15px;
  height: 15px;
  object-fit: contain;
}

.marginleftt {
  margin-left: 5px;
}

.printNestedCol {
  margin-left: 0px;
  margin-right: 0px;
}

.marginrightt {
  margin-right: 5px;
}

/*.btnPrim:hover {*/
/*background-color: #337ab7;*/
/*border-color: #337ab7;*/
/*color: #337ab7;*/

/*}*/

.btnPrim {
  background-color: var(--color2);
  border-color: var(--color2);
  color: #ffffff;
}

.printFocus:focus {
  background-color: var(--color2);
  border-color: var(--color2);
}

.datetimepicker.form-control[readonly] {
  background-color: white;
}

.print:last-child {
  page-break-after: auto;
}

.printTableWhiteSpace {
  white-space: -moz-pre-wrap !important;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap !important;
  /* Opera 4-6 */
  white-space: -o-pre-wrap !important;
  /* Opera 7 */
  white-space: pre-wrap !important;
  /* css-3 */
  word-wrap: break-word !important;
  /* Internet Explorer 5.5+ */
  /*word-break: break-all !important;*/
  white-space: normal !important;
}

.printDisplayActive {
  /*color: var(--color2);*/
  color: #00004f;
}

.printDisplay span :hover {
  color: var(--color2);
}

.barcodeDisplayActive {
  /*color: var(--color2);*/
  color: #00004f;
}

.barcodeDisplay span :hover {
  color: var(--color2);
}

.printGreenIcon {
  color: green;
}

.printRedIcon {
  color: red;
}

.printIcon {
  margin-top: 50px;
  margin-left: 50px;
}

.table-striped>tbody>tr:nth-of-type(even) {
  background-color: #ffffff;
}

.DTFC_Cloned {
  margin-top: 0px !important;
}

div.DTFC_LeftWrapper table.dataTable.no-footer,
div.DTFC_RightWrapper table.dataTable.no-footer {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  border-top: none;
}

.DTFC_LeftHeadWrapper {
  margin-top: 6px;
  border-top: 1px solid #ebebeb;
}

div.DTFC_LeftWrapper table.dataTable.no-footer tbody tr:first-child td {
  border-top: none;
}

.swalRTL {
  direction: rtl;
}

body {
  color: #4a4a4a !important;
}

.nav-tabs>li>a {
  color: #00003e !important;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
  color: #000000;
}

/*
.ui-grid-render-container-body .ui-grid-viewport {
    overflow-y: scroll !important;
}*/

.gridStyle {
  text-align: left;
}

.ui-grid-cell {
  /* background-color: #ed5565 !important; */
  font-size: 15px;
  color: #4a4a4a;
  padding: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* white-space: nowrap; */
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 50px !important;
  text-align: center;
  word-break: break-all;
  white-space: normal;
}

.ui-grid-grid-footer {
  padding-left: 32px;
}

.showMain {
  display: block !important;
}

.sweet-alert button:hover {
  background-color: #00004f !important;
}

.rotateRightTop {
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.rotateRightExit {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.ui-grid-cell.number {
  direction: ltr;
}

.movingColumn {
  background-color: white;
}

.ui-grid-header-cell-wrapper {
  background-color: var(--color2);
}

.SearchTitle {
  font-size: 24px;
  text-align: left;
  color: #4a4a4a;
  width: 236px;
  height: 33px;
}

.Home-Infrastructure {
  width: 365px;
  height: 22px;
  font-size: 12px;
  line-height: 1.83;
  text-align: left;
  color: #0f0f0f;
}

.categoryTitle {
  width: 105px;
  height: 33px;
  font-size: 24px;
  text-align: left;
  color: #4a4a4a;
}

.ui-grid-filter-container>div>input {
  background-color: #ffffff;
  border: 0 !important;
  color: #2b2b2b;
  border-radius: 2px !important;
}

.ui-grid-filter-container {
  /*border: solid 1px #000000;*/
  /* border-top: 1px solid #e5e5e5; */
  background-color: #f3f3f4;
}

.ui-grid-header-cell .ui-grid-clearfix {
  /*border: solid 1px #000000;*/
  background-color: #072345;
  border: 0;
}

.ui-grid-header-cell {
  color: black;
  border-color: #e5e5e5;
  background-color: #f3f3f4;
  /* border-style: solid; */
  /*border-width: 0.001em;*/
}

/*.ui-grid-cell-contents {*/
/*background-color: #072345;*/
/*}*/
/*.ui-grid-cell-contents:first {*/
/*background-color: var(--color2);*/
/*}*/

.ui-grid-header-viewport {
  font-size: 14px;
  line-height: 1.57;
  /*text-align: left;*/
  color: #ffffff;
}

.qc-tests .ui-grid-cell-contents,
.qc-test-results .ui-grid-cell-contents {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ui-grid-header-cell.ui-grid-clearfix> :first-child>div.ui-grid-cell-contents {
  height: 100%;
}

.ui-grid-icon-ok {
  background-color: #cfcfcf;
  border: solid 1px #cfcfcf;
}

.ui-grid-cell {
  padding: 0;
  /*background-color: white!important;*/
}

/* .ui-grid-row:nth-child(even) .ui-grid-cell:hover {
    background-color: lightgrey ;
    /* cursor: pointer; */
/* } */
/* .ui-grid-row:nth-child(odd) .ui-grid-cell:hover { */
/* background-color: lightgrey ; */
/* cursor: pointer; */
/* } */

.ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: white;
  border-bottom: 1px solid #e5e5e5;
}

.ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: white;
  border-bottom: 1px solid #e5e5e5;
}

.ui-grid-selection-row-header-buttons {
  cursor: pointer;
  opacity: 1;
  background-color: #f6f6f6;
  border: solid 1px #cfcfcf;
}

.ui-grid-selection-row-header-buttons.ui-grid-icon-ok.ui-grid-row-selected:before {
  content: "\c362" !important;
}

.ui-grid-selection-row-header-buttons.ui-grid-icon-ok.ui-grid-all-selected:before {
  content: "\c362" !important;
  color: black;
  margin-left: 2px;
}

.ui-grid-selection-row-header-buttons.ui-grid-icon-ok.ui-grid-all-selected {}

.ui-grid-selection-row-header-buttons.ui-grid-icon-ok:before {
  content: "" !important;
}

.verticalAlign {
  display: flex;
  align-items: center;
  justify-content: center;
}

.nav.nav-second-level.collapse[style] {
  padding-inline-start: 0px
}

.ui-grid-row.ui-grid-row-selected>[ui-grid-row]>.ui-grid-cell {
  background-color: white;
}

.ui-grid-header-cell-primary-focus {
  line-height: 20px;
}

.ui-grid-icon-menu:before {
  content: "\c363";
  color: black;
}

.ui-grid-menu-button {
  border-color: #f3f3f4 !important;
  background-color: var(--color2) !important;
}

.ui-grid-render-container-body .ui-grid-header-cell,
.ui-grid-render-container-left .ui-grid-header-cell,
.ui-grid-header-cell {
  height: 88px;
}


/* insights-dashboard-directive  .ui-grid-render-container-left .ui-grid-viewport{
    height:288px !important
}
insights-dashboard-directive .inModelInsight .ui-grid-render-container-left .ui-grid-viewport{
    height: 916px !important;
} */
/*
insights-dashboard-directive .ui-grid-footer-panel .ui-grid-footer-aggregates-row {
    display: none;
} */

/* responsive-table-directive .ui-grid-render-container-body .ui-grid-header-cell,
.ui-grid-render-container-left .ui-grid-header-cell,
.ui-grid-header-cell  { */
/* .ui-grid-render-container-body .ui-grid-header-cell,
.ui-grid-render-container-left .ui-grid-header-cell,
.ui-grid-header-cell {
    height: 44px !important;
} */

/* responsive-table-directive .ui-grid-header-cell-wrapper .ui-grid-cell-contents {  */
.ui-grid-header-cell-wrapper .ui-grid-cell-contents {
  /* header content in table */
  height: 37px;
  padding-top: 10px;
}


.ui-grid-header-cell-primary-focus {
  height: 44px;
}

.ui-grid-filter-container {
  height: 44px;
  padding-top: 9px;
}

responsive-table-directive.ui-grid-filter-container {
  height: 0px !important;
  padding-top: 9px;
}

.ui-grid-filter-input {

  height: 27px;
}

input[type="text"].ui-grid-filter-input {
  border: 1px solid #d4d4d4 !important;
}


.ui-grid-selection-row-header-buttons.ui-grid-icon-ok {
  height: 20px;
  width: 20px;
  margin-top: 10px;
}

select.ui-grid-filter-select {
  background-color: #ffffff;
  border: 0;
  height: 28px;
  width: 90%;
  color: #2b2b2b;
  border-radius: 2px !important;
  border: 1px solid #d4d4d4 !important;
}

.ui-grid {
  /*border: 0;*/
}

.ui-grid-header-cell-wrapper {
  /* background-color: #072345 !important; */
  background-color: #f3f3f4 !important;
}

.ui-grid-header-cell-wrapper .ui-grid-cell-contents {
  background-color: var(--color2) !important;
}

/* responsive-table-directive .ui-grid-header-cell-wrapper .ui-grid-cell-contents { */
.ui-grid-header-cell-wrapper .ui-grid-cell-contents {
  /* padding-left: unset; */
  /* padding-top: unset; */
  display: flex;
  align-items: center;
  justify-content: center;
}

.responsive-table-directive {
  margin-top: 0px;
  /* margin-left: -15px; */
  height: 480px;
}

.graphFullScreenView .responsive-table-directive {
  height: calc(90vh - 66px);
}


.graphFullScreenView insights-dashboard-directive .insight-grid-table {
  height: calc(100vh - 232px) !important;
}

/* .graphFullScreenView .graphs-container > div {
  height: unset !important;
} */

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header .ui-grid-header-cell:last-child {
  /* border-right: 0.5px solid; */
  /* border-right-color: #153257; */
}

.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header .ui-grid-header-cell:first-child {
  /* border-left: 0.5px solid; */
  /* border-left-color: #153257; */
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header .ui-grid-header-cell:last-child {
  /* border-right: 0.5px solid; */
  /* border-right-color: #e5e5e5; */
  /*karma*/
}

.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header .ui-grid-header-cell:last-child {
  /* border-left: 0.5px solid;
    border-left-color: #153257; */
}

.ui-grid-header .ui-grid[dir="rtl"] .ui-grid-filter-container .ui-grid-filter-button-select {
  right: initial;
  left: 0;
}

.ui-grid[dir="rtl"] .ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"] {
  right: initial;
  left: 2px;
}

.Search-Results-ID {
  font-size: 20px;
  color: #4a4a4a;
  margin: 10px 0px 3px 0;
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-viewport .ui-grid-cell:last-child {
  border-right: 0.5px solid;
  border-right-color: #e5e5e5;
  word-break: break-all;
  white-space: normal;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-viewport .ui-grid-cell:first-child {
  border-left: 0.5px solid;
  border-left-color: #e5e5e5;
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-viewport .ui-grid-cell:last-child {
  /* padding-top: 15px; */
  border-right: 0.5px solid;
  border-right-color: #e5e5e5;
  word-break: break-all;
  white-space: normal;
  text-align: center;
  flex-direction: column;

}

.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-viewport .ui-grid-cell:last-child {
  border-left: 0.5px solid;
  border-left-color: #e5e5e5;
  text-align: center;
  word-break: break-all;
  white-space: normal;

}

.grid1506585625840 .ui-grid-row:last-child .ui-grid-cell {
  border-bottom-width: 1px !important;
}

.ui-grid-render-container-body .ui-grid-viewport {
  overflow-x: auto !important;
}

.ui-grid-menu-button {
  height: 44px;
  width: 25px;
}

.ui-grid-icon-container {
  margin-top: 7px !important;
  background-color: #f3f3f4;
}

.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
  border: 0;
}

.rotateindent {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.tab-pane>search-results>div {
  background-color: white !important;
}

.breadcrumb>li+li:before {
  padding: 0 5px;
  color: #4a4a4a;
  content: "\f105";
  font-family: FontAwesome;
}

.tabs-container .nav-tabs>li.active>a {
  color: #00003e !important;
}

.tabs-container .nav-tabs>li>a:hover {
  color: var(--color2) !important;
}

.nav-tabs>li>a.dashboard-a:hover {
  color: var(--color2) !important;
}

.sweet-alert button.cancel {
  background-color: #dd6b55 !important;
  float: right;
}

.sa-button-container {
  display: inline-block;
}

#testmodal.container-fluid {
  margin-right: 0px;
  margin-left: 0px;
}

.marginrightleft {
  margin-left: 5px;
  margin-right: 5px;
}

.machineHeader {
  background: #092344;
  color: white;
  height: 60px;
  line-height: 60px;
}

.machineHeader a {
  color: inherit;
}

.recipeHeaderButtons button {
  margin: 20px 0px;
  border-radius: 0;
  height: 37px;
  background-color: #7019a8;
  border: none;
  padding: 0px 20px;
  margin-left: 35px;
}

.recipeMatrixButton {
  position: relative;
  bottom: 80px;
  height: 37px;
  width: 170px;
  background-color: #7019a8;
  border: none;
  border-radius: 0;
  margin: 0 25px;
}

.recipeHeaderFields h4 {
  font-size: 16px;
}

.channelTitles i {
  color: white !important;
}

.hiddenIboxTools {
  display: inline-block;
}

.hiddenIboxTools span {
  display: none;
}

.hiddenIboxTools a {
  position: relative;
  top: 5px;
  left: 8px;
}

.progressContainer {
  padding: 0;
  height: 75px;
  background: white;
}

.machinesProgressContainer {
  padding: 0;
  height: 75px;
  background: white;
}

.progressContainer>div {
  border-radius: 0;
  margin-bottom: 0;
}

.progressContainer div div {
  text-align: left;
}

.progressContainer>div:last-child {
  height: 40px;
  background: white;
}

.progressContainer .progressBarLine.allMachinesLineBar {
  height: 10px;
}

.allMachinesIconsBar {
  height: 35px;
}

.departments i {
  color: black !important;
}

.recipeMaxButtonContainer {
  min-height: 205px;
  background: #fff;
}

.recipeRefButtons {
  width: 60%;
}

.blockChild .panel-success {
  border-color: #cecece;
  margin-left: -1px;
  margin-top: -1px;
  border-top: none;
}

.selectedSubMenu {
  background-color: var(--color3);
  color: white !important;
}

#noDataGraph tspan {
  font-size: 22px;
  color: black;
}

.progressBarLine {
  height: 8px;
}

.progressNumbers {
  height: 17px;
}

.ui-grid-header-cell-label {
  color: black;
  /* #4a4a4a; */
  font-size: 15px;
  /* white-space: normal; */
  width: 100%;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* div[aria-sort="ascending"] span[ui-grid-visible="col.sort.direction"] {
    white-space: normal;
} */

/* div[aria-sort="descending"] span[ui-grid-visible="col.sort.direction"] {
    white-space: normal;
} */

#1515099824211-uiGrid-000T-sortdir-text {
  white-space: initial;
}

.tabs-container .nav-tabs>li>a.disabled {
  opacity: 0.3;
  color: #676a6c !important;
  cursor: context-menu;
}

.tabsHeader a {
  text-decoration: underline;
}

.textboder {
  border-width: 2px;
}

.noborder {
  border: none !important;
}

div.ui-grid-cell input {
  border-radius: 1px;
  padding: 6px 12px;
  color: inherit;
  height: unset;
  font: unset;
  outline: unset;
}

.multiFormCell {
  padding-top: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.ui-grid-cell .icheckbox_square-green {
  margin-top: 5px;
}

/* .input-group.date{
    position: absolute;
}

.input-group.date input {
    width: 100%;
    min-width: 100px;
    height: 100%;
    position: absolute;
} */

.ui-grid-row {
  height: 50px !important;
}

.ui-grid-pinned-container-left .ui-grid-row:last-child {
  height: 67px !important;
}

.input-group.date {
  direction: unset;
}

.ui-grid-row.ui-grid-row-selected>[ui-grid-row] .ui-grid-cell {
  background-color: #edf6ff !important;
}

.stop-def-start {
  stop-color: rgb(255, 255, 255);
  stop-opacity: 1;
}

.stop-def-end {
  stop-color: #00004f;
  stop-opacity: 1;
}

.floatOnBottom button {
  border-radius: 0;
  height: 50px;
  width: 150px;
  font-size: 16px;
}

.modal-dialog .floatOnBottom button {
  width: 100%;
  height: inherit;
  position: inherit;
  border-radius: 3px;
  font-size: 12px;
}

.floatOnBottom,
.floatOnBottomRec {
  position: fixed;
  bottom: 0;
  right: 90px;
  z-index: 999;
}

.modal-dialog .floatOnBottom {
  position: inherit;
  bottom: inherit;
  right: inherit;
}

.floatOnBottomRec {
  margin-right: 10px;
  border: none;
  border-radius: 0;
  background-color: #7019a8;
  width: 172px;
  font-size: 16px;
}

.floatOnBottomRec:hover {
  background: #00004f;
}

.deleteRowsButton {
  position: relative;
  bottom: 6px;
  margin-right: 8px;
}

.exportButtons {
  display: flex;
  align-items: center;
}

.exportButtons>div.disabled {
  color: darkgrey;
}


.exportContainer .exportButtons>div {
  /* display: inline-block; */
  height: 32px;
  padding: 5px 10px;
  background-color: white;
}

.exportContainer .exportButtons>div.refreshButton {
  padding: 1px 5px;
  font-size: 31px;
}

.exportButtons:hover {
  cursor: pointer;
}

.exportMenuButton:hover {
  color: var(--color2) !important;
}

.exportContainer .exportButtons>div i {
  float: right;
  height: 25px;
  transform: scale(0.5, 0.6);
}

.exportContainer button {
  height: 10px;
  width: 15px;
}

.exportContainer ul {
  list-style: none;
  background: white;
  border: 1px solid #e5e5e5;
  padding: 0;
  box-shadow: 0px 2px 4px #989595;
  position: absolute;
  z-index: 99;
  right: 0;
}

.exportContainer ul li {
  border-bottom: 1px solid #e5e5e5;
  padding: 5px 10px;
  font-size: 15px;
}

.exportContainer ul li:hover {
  cursor: pointer;
  background: #e5e5e5;
}

.exportContainer ul li:last-child {
  border-bottom: none;
}

.exportMenuButton {
  background-image: url("../images/export_gray.png");
  height: 22px;
  width: 42px;
  background-repeat: no-repeat;
}

.machines-sum .circles-view,
.machines-sum .grid-view {
  height: 1.615vw;
  display: inline-block;
  width: 2.344vw;
  background-repeat: no-repeat;
  border-radius: 0.089vw;
  border: solid 0.052vw #d0cfd0;
  background-position: 0.521vw;
  cursor: pointer;
}

.machines-sum .circles-view {
  background-image: url("../images/circles.png");
  margin-left: 1.563vw;
}

.machines-sum .circles-view.selected {
  background-image: url("../images/circles-selected.png");
  background-size: 33% auto;
}

.machines-sum .grid-view {
  background-image: url("../images/grid-grey-new.svg");
  background-position: 0.6vw;
  background-size: 40% auto;
  margin-left: -0.2vw;
  top: 0.049vw;
  position: relative;
}

.machines-sum .grid-view.selected {
  background-image: url("../images/grid-blue-new.svg");
}

.machines-sum .icons-container {
  height: 100%;
  display: inline-block;
}

.exportMenuButton:hover {
  background-image: url("../images/export_blue.png");
}

.clearExportButton {
  background-image: url("../images/clear_gray.png");
  height: 22px;
  width: 42px;
  background-position: 3px !important;
}

.clearExportButton:hover {
  background-image: url("../images/clear_blue.png");
}

.exportMenuButton,
.exportMenuButton:hover,
.clearExportButton,
.clearExportButton:hover,
.duplicateButton,
.treeButton,
.copyButton,
.refreshButton,
.expandButton,
.collapseButton,
.closeButton {
  background-repeat: no-repeat;
  background-position: 0.521vw;
  background-size: 0.885vw;
}

.exportMenuButtonContainer {
  margin-left: 0.365vw;
  margin-right: 0.365vw;
}

.duplicateButton {
  width: 1.927vw !important;
  background-image: url("../images/tree.png");
}

.refreshButton {
  width: 1.927vw !important;
}

.treeButton {
  width: 1.927vw !important;
  background-image: url("../images/tree.png");
}

.copyButton {
  width: 1.927vw !important;
  background-image: url("../images/duplicate.png");
}

.expandButton {
  width: 1.927vw !important;
  background-image: url("../images/expand-grey.svg");
}

.closeButton {
  width: 1.927vw !important;
  background-image: url("../images/close.png");
}

.collapseButton {
  width: 1.927vw !important;
  background-image: url("../images/reduce.png");
}

.exportButtons>div {
  border: 1px solid #e6e6e6;
}

.verticalLine {
  border-right: 1px solid gray;
  height: 20px;
  position: relative;
  top: 5px;
  width: 1px;
}

.knowledgeBaseImg {
  width: 18px;
  height: 15px;
  object-fit: contain;
}

.gearTopNav:hover {
  cursor: pointer;
  color: var(--color2);
}

.gearNavMenu {
  position: absolute;
  width: 131px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  text-align: left;
  right: -65px;
  top: 28px;
  padding-left: 15px;
}

.gearNavMenu li {
  font-size: 13px;
  text-align: left;
  height: 35px;
  line-height: 2.62;
  letter-spacing: normal;
  text-align: left;
  color: #101010;
  border-bottom: 1px solid #efefef;
  width: 131px;
  margin-left: -15px;
  padding-left: 10px;
}

.gearNavMenu li:hover {
  cursor: pointer;
  background: #e5e5e5;
}

#graph-tools {
  width: 100%;
  min-height: 52px;
  display: flex;
  flex-flow: row;
  justify-content: space-around;
  background-color: var(--color2);
}

span#graph-tools-line {
  font-size: 25px;
  color: white;
  padding-top: 8px;
}

.settingsIframe {
  width: 100%;
  border: 0;
}

.topNavBar .navbar {
  height: 40px;
  border-bottom-color: #072345 !important;
  background-color: #072345;
}

.topNavBar .logout {
  width: 21px;
  height: 15px;
  object-fit: contain;
}

.topNavBar .settings {
  width: 21px;
  height: 21px;
  object-fit: contain;
  cursor: pointer;
}

.topNavBar .Knowledge {
  width: 67px;
  height: 16px;
  font-size: 10px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

#page-wrapper .topNavBar .KnowledgeContainer {
  width: 145px;
  height: 40px;
  background-color: #072345 !important;
}

.topNavBar .navbar .navbar-header .navbar-minimalize {
  height: 24px;
  width: 24px;
  background-image: url(../images/menu.png);
  background-repeat: no-repeat;
  background-position-y: 4px;
  background-position-x: 1px;
  padding: 0;
}

.topNavBar .navbar .navbar-header .navbar-minimalize:hover {
  background-color: var(--color3);
}

.loginTopImg {
  position: absolute;
  top: 160px;
  width: 340px;
  left: 90px;
  height: 500px;
}

.loginTopTitle {
  position: absolute;
  top: 305px;
  color: white;
  left: 480px;
  font-family: "Bree Serif", serif;
  font-size: 2.2vw;
  max-width: 330px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: normal;
  font-stretch: normal;
}

.customSettingsModal .modal-dialog {
  height: 85%;
}

.customSettingsModal .modal-content {
  height: 100%;
  margin: 60px 0;
}

div#graph-side-options {
  box-shadow: 2px 0 2px 0 rgba(0, 0, 0, 0.12);
  width: 286px;
}

.tree-graph #graph-side-options {
  min-width: 315px;
  height: 100%;
  position: relative;
  top: -40px;
}

.tool-option-list {
  display: flex;
  justify-content: space-between;
  padding: 16px;
  padding-bottom: 0;
}

.graph-option-li {
  width: 152px;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 25px;
  letter-spacing: normal;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: #072345;
}

.graph-options {
  width: 52px;
  height: 15px;
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #072345;
  cursor: pointer;
  padding-top: 5px;
}

.graph-options-ul {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.graph-option-shape {
  margin: 0 10px;
  font-size: 24px;
  line-height: 22px;
}

.shape-options-container {
  display: flex;
}

.options-drop-down {
  display: none;
}

.options-drop-down.active {
  display: block;
  background-color: #ffffff;
  font-size: 0.677vw;
  padding: 0.26vw 1.042vw 1.042vw 4.688vw;
  text-align: left;
  color: #072345;
}

.node-option-container.active>.tool-option-list {
  background-color: white;
}

input.graph-option-li {
  width: 2.292vw;
  height: 0.938vw;
  vertical-align: text-bottom;
  display: none;
  margin-right: -0.469vw;
}

.remove_option_x {
  display: none;
}

.node-option-container.active .remove_option_x {
  display: block;
}

.tree-graph .checkmark {
  border-radius: 3px;
  display: inline-block;
  border: 1px solid #d4d0d0;
  position: relative;
  left: -10px;
  top: 5px;
  width: 20px;
  height: 20px;
}

/* When the checkbox is checked, add a blue background */
.options-drop-down input:checked~.checkmark {
  background-color: var(--color2);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.options-drop-down input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.options-drop-down .checkmark:after {
  left: 6px;
  top: 1px;
  width: 6px;
  height: 13px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

h2.production-floor-header {
  height: 1.302vw;
  font-size: 1.25vw;
  margin-left: 1.042vw;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #4a4a4a;
}

.nav-online-shfit-a {
  height: 2.344vw;
  font-size: 0.833vw;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: black;
}

ul.nav-online-shfit {
  margin: 0px;
  list-style: none;
  padding-left: 0.417vw;
  height: 1.563vw;
  margin-top: 0.781vw;
}

ul.nav-online-shfit>li {
  display: inline-block;
  min-width: 4.167vw;
  width: auto;
  text-align: center;
  margin-right: 0.521vw;
  height: 100%;
  user-select: none;
}

li.nav-online-shfit-li.selected {
  border: 0px;
  border-bottom: 0.156vw;
  border-style: solid;
  border-color: var(--color2);
}

li.nav-online-shfit-li.selected>a {
  color: var(--color2);
}

li.nav-online-shfit-li>a {
  color: black;
}

.row.wrapper.border-bottom.white-bg.page-heading.ng-scope {
  padding: 0 10px 0px 10px !important;
}

.side-option-production-floor {
  display: flex;
  justify-content: center;
}

.productionfloor-smenu-setting,
.productionfloor-smenu-date {
  width: 121px;
  height: 22px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.57;
  letter-spacing: normal;
  text-align: left;
  vertical-align: text-top;
  color: #101010;
}

.productionfloor .page-heading {
  width: calc(100% - 220px);
  height: 5.521vw;
}

.mini-navbar .productionfloor .page-heading {
  width: calc(100% - 56px);
}

.productionfloor .more-options {
  cursor: pointer;
  z-index: 99999;
  display: flex;
  width: 100%;
}

.productionfloor .side-menu {
  display: inline-block;
  margin-left: 1.042vw;
  cursor: pointer;
  font-size: 0.729vw;
  text-align: center;
  width: calc(100% - 11.875vw);
}

.productionfloor .reportRectangle {
  background-color: var(--color2);
  width: 5.948vw;
  height: 6.167vw;
  /* display: flex; */
  border-radius: 0.156vw;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-right: 0.521vw;
  user-select: none;
  cursor: pointer;
  min-width: 5.948vw;
  max-width: 5.948vw;
  position: relative;
}

.productionfloor .reportRectangleRed {
  background-color: var(--color2);
  opacity: 0.5;
  width: 5.948vw;
  height: 6.167vw;
  /* display: flex; */
  border-radius: 0.156vw;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-right: 0.521vw;
  user-select: none;
  cursor: pointer;
  min-width: 5.948vw;
  max-width: 5.948vw;
}

.productionfloor .reportRectanglePurple {
  background-color: rgba(87, 6, 163, 1);
  width: 5.948vw;
  height: 6.167vw;
  display: flex;
  border-radius: 0.156vw;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-right: 0.521vw;
  user-select: none;
  cursor: pointer;
  min-width: 5.948vw;
  max-width: 5.948vw;
  position: relative;
}

.productionfloor .customTemplate.reportRectangleRed {
  background-color: rgba(87, 6, 163, 0.7);
  opacity: unset;
}

.productionfloor .customTemplateBlue.reportRectangleRed {
  background-color: rgba(0, 128, 255, 0.7);
  opacity: unset;
}

.productionfloor .reportRectangle:focus {
  background-color: red;
}

.productionfloor .imgReport {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.productionfloor .fontReport {
  font-size: 0.7vw;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.06;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  padding: 0 10px;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 2px;
  max-width: 100%;
}

.Rectangle-2 {
  border-radius: 0.104vw;
  border: solid 0.052vw #d0cfd0;
  padding: 0.208vw 0.521vw;
  margin-left: 1.042vw;
  cursor: pointer;
  font-size: 0.729vw;
  min-width: 6.25vw;
  text-align: center;
  height: 1.927vw;
  max-height: 1.823vw;
  padding: 0.417vw;
  user-select: none;
}

.graphFullScreenView {
  position: fixed;
  top: 26px;
  z-index: 10000;
  left: 0px;
  width: 100%;
  height: 90vh !important;
}

.small-model {
  width: 400px;
}

.Dashboard-Time-Displ {
  width: 193px;
  height: 22px;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

shift-directive rzslider {
  height: 100px;
  margin-top: 166px;
  display: block;
}

#changeDateModal .modal-body {
  padding: 30px;
}

.rzslider .rz-pointer {
  width: 15px;
  height: 34px;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(171, 175, 179, 0.6), inset 0 -3px 6px 0 rgba(122, 125, 128, 0.2);
  background-color: #ffffff;
  border: solid 1px rgba(122, 125, 128, 0.3);
}

.rzslider .rz-pointer:after {
  position: initial;
}

.rzslider .rz-bar {
  height: 11px;
  border-radius: 3px;
  background-color: #f4f4f400;
  border: solid 1px #a6a8ab;
}

.rzslider .rz-pointer {
  top: -11px;
}

span.rz-bar.rz-selection {
  height: 5px;
  border-radius: 3px;
  background-color: lightgray;
  top: 19px;
}

.shift-container {
  display: block;
  margin: 0px 20px;
  /* margin-top: 150px; */
  margin-bottom: 60px;
  margin-top: calc(40px + 6vw);
}

.shift-container-insights {
  margin-top: 0px;
  margin-bottom: 0px;
}

.timeline-container {
  margin-bottom: -20px;
  position: relative;
}

.top-date-container {
  display: flex;
  justify-content: space-between;
  margin: 25 px 0px;
  height: 10px;
  position: relative;
}

.end-date-top {
  width: 50%;
}

.slider-ticks {
  width: 100%;
  height: 86px;
  display: flex;
  position: relative;
  justify-content: space-between;
}

.shift-ticks .tick {
  border-left: solid 1px #cfcfcf;
  height: 90px;
  position: absolute;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #272727;
  padding: 0px 4px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.shift-ticks .tick.tick-blue {
  border-color: var(--color2);
  min-width: 45px;
}

.end-date-top {
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.57;
  letter-spacing: normal;
  text-align: left;
  color: #101010;
}

.start-date-top {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.57;
  letter-spacing: normal;
  text-align: left;
  color: #101010;
}

.slider-container {
  min-width: 670px;
  height: 100px;
}

.shift-period {
  position: relative;
  margin-top: -7px;
  height: 5px;
  border-radius: 3px;
  background-color: #11115a;
  top: -54px;
}

.white-wrap {
  position: relative;
  margin-top: 36px;
  width: 100%;
  height: 9px;
  border-radius: 3px;
  background-color: white;
  top: -54px;
}

.sideBarColor {
  background-color: #00004f;
}

.nav-header {
  background-color: #00004f;
  background: 0;
}

.mainColor2 {
  color: var(--color2);
}

.loginPage {
  height: 100%;
}

.shift-container-donuts {
  background-color: white;
  background-clip: content-box;
  margin-top: 20px;
  height: 100%;
}

.header-tools {
  display: flex;
  justify-content: space-between;
  padding: 1.042vw 1.302vw;
  height: 3.333vw;
  border-bottom: solid 0.052vw #dcdcdc;
}

.header-tools.override {
  position: absolute;
  z-index: 300;
  background-color: white;
  width: calc(100% - 30px);
}

.header-tools.pinned {
  z-index: 9999;
  /* background-color: white; */
  width: calc(100%);
}

.header-hoverOn {
  position: absolute;
  z-index: 9999;
  width: 100%;
  height: 40px;
}

.tools-donuts {
  display: flex;
  justify-content: flex-end;
}

.Shift-Name {
  font-size: 0.938vw;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

.vertical-line {
  height: 22px;
  margin-left: 20px;
  width: 1px;
  border-left: solid 1px #cecece;
}

.shift-period-selected {
  position: relative;
  margin-top: -5px;
  height: 5px;
  border-radius: 3px;
  background-color: var(--color2);
  top: -54px;
  z-index: 2;
}

.tools-donuts img {
  cursor: pointer;
}

.node.selected>.shape {
  stroke: var(--color2);
  stroke-width: 1px;
}

#tree-graph svg {
  width: 100%;
  height: 100%;
}

.tree-node-form .panel-body {
  border: unset;
  padding: unset;
}

.tree-node-form .col-sm-3,
.tree-node-form .col-lg-6,
.tree-node-form .col-sm-6 {
  width: 100%;
}

.tree-node-form .floatOnBottom {
  display: none;
}

img.tree-close-form-img {
  width: 10px;
  height: 10px;
}

.tree-close-form {
  display: flex;
  flex-direction: row-reverse;
  padding: 10px;
}

.tree-node-form {}

.tree-node-form button {
  margin-right: 5px;
}

.bg-white {
  background-color: white;
}

line.start-here-line {
  stroke: #cecece;
  stroke-width: 1;
}

text.You-are-here {
  font-size: 8px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  fill: #999999;
}

.hide-material-switch {
  width: 1.979vw;
  height: 1.042vw;
  position: relative;
  top: 0.104vw;
}

.hide-material-switch .onoffswitch-switch {
  background: var(--color2);
  border-color: var(--color2);
  right: 0px;
}

.hide-material-switch .onoffswitch-label,
.hide-material-switch .onoffswitch-switch {
  border-radius: 1.042vw;
}

.hide-material-switch .onoffswitch-inner:before {
  background: white;
}

.hide-material-switch .onoffswitch-inner:after {
  content: none;
}

.material-switch-v {
  position: absolute;
  display: inline-block;
  left: 0.208vw;
  height: 0.573vw;
  width: 0.26vw;
  border: 0.052vw solid #ffffff;
  border-width: 0 0.104vw 0.104vw 0;
  transform: rotate(40deg);
}

.shift-loading {
  margin-top: 150px;
}

.shift-error {
  margin-top: 175px;
  color: red;
  text-align: center;
  font-size: 30px;
}

.shift-ticks {
  display: flex;
  justify-content: space-between;
  position: absolute;
  height: 100%;
  contain: content;
}

.slider-div {
  position: relative;
  top: -80px;
  direction: ltr;
}

.search-container {
  padding: 15px;
  background: white;
}

.search-container select {
  padding-right: 20px;
  -webkit-appearance: none;
}

.search-container .search-label-text {
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: left;
  color: #4a4a4a;
  line-height: 30px;
}

.search-container .search-label-select {
  border-radius: 2px;
}

.site-configuration-directive .search-label-select>div {
  position: relative;
}

.site-configuration-directive .search-label-select>div select {
  -webkit-appearance: none;
}

.search-container .search-label-select>div:after,
.site-configuration-directive .search-label-select>div:after {
  content: "";
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(0deg);
  right: 22px;
  top: 13px;
  border-bottom: 1px solid #ddd;
  position: absolute;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid var(--color2);
}

.site-configuration-directive .search-label-select>div:after {
  right: 5px;
}

.rtl .search-container .search-label-select>div:after {
  left: 23px;
  right: inherit;
  top: 15px;
}

.rtl .numberOfTasksInStatus {
  text-align: left;
}

.rtl .numberOfTasksInStatus img {
  margin-right: 10%;
}

.search-container .search-label-input {
  width: 300px;
  margin-right: 30px;
}

.search-container .search-label-input input {
  width: 220px;
  height: 35px;
  border-radius: 2px;
  background-color: #ffffff;
  border: 1px solid #e5e6e7;
  padding: 10px;
}

.search-container .search-plus {
  width: 55px;
}

.rtl .search-container .search-plus>div {
  margin-right: 10px;
}

.rtl .search-container .search-plus span {
  bottom: 0.625vw;
  left: 0;
}

.search-container .search-op-select {
  width: 195px;
}

.search-container .search-plus>div {
  background: var(--color2);
  border-radius: 30px;
  width: 1.406vw;
  height: 1.406vw;
  object-fit: contain;
  position: relative;
  top: 0.156vw;
  cursor: pointer;
}

.search-container .search-plus span {
  color: white;
  font-size: 34px;
  position: relative;
  bottom: 10px;
  left: 3px;
}

.search-container>div>div {
  padding-left: 0;
}

.search-container .search-button button {
  width: 118px;
  height: 36px;
  font-size: 13px;
}

.search-container .search-button i {
  color: white;
  font-size: 15px;
  margin-right: 15px;
}

.search-area-op {
  display: inline-block;
  height: 32px;
  line-height: 22px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #e3e3e3;
  padding: 5px 10px 5px 5px;
  margin-right: 10px;
}

.search-area-op span {
  width: 84px;
  height: 17px;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
  margin-right: 10px;
}

.rtl .search-area-op span {
  margin-right: 0;
  margin-left: 10px;
}

.search-container .search-amper {
  font-size: 15px;
  font-weight: bold;
  color: var(--color2);
  display: inline-block;
  margin-right: 10px;
}

.search-container .op-section {
  padding: 0;
}

.search-container .op-section .right-op {
  font-weight: 300;
  text-decoration: underline;
}

.search-container .op-section .close-op {
  font-size: 18px;
  font-weight: 600;
  color: black;
  margin: 0;
  cursor: pointer;
}

.search-container .clear-all {
  cursor: pointer;
}

.nodeOptions {
  padding: 15px;
}

.nodeOptions .see_also {
  width: 46px;
  height: 15px;
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #072345;
}

.nodeOptions .item {
  width: 43px;
  height: 22px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #101010;
  text-decoration: underline;
  width: 100%;
  display: block;
}

.treeButton.disabled {
  opacity: 0.5;
}

.productionContainer {
  padding: 0 0.521vw;
  position: fixed;
  top: 40px;
  z-index: 1002;
  display: flex;
  flex-direction: column;
}

.productionContainer .production-floor-header .caret {
  position: relative;
  top: 3px;
  width: 8px;
  height: 4px;
}

.depDirective {
  background-color: white;
  /* overflow-y: auto; */
  margin-bottom: 100px;
}

.newTab .depDirective {
  margin-top: 110px;
  overflow-y: auto;
}

.newTab .productionContainer {
  top: 0px;
  width: calc(100% + 15px);
}

.newTab .shift-container {
  margin-top: 110px;
}

.greyOut {
  opacity: 0.5;
  cursor: not-allowed;
}

.tick-container {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
  min-width: 32px;
  padding-bottom: 3px;
}

.header-btns {
  bottom: 0px;
  margin: 1.042vw 0px;
  font-size: 0.885vw;
  display: flex;
  margin-top: 0.573vw;
  margin-right: -0.476vw;
}

.shiftTable .ui-grid-render-container-body .ui-grid-header-cell,
.ui-grid-render-container-left .ui-grid-header-cell,
.ui-grid-header-cell {
  height: unset !important;
}

insights-dashboard-directive .shiftTable .ui-grid-render-container-body .ui-grid-header-cell,
.ui-grid-render-container-left .ui-grid-header-cell,
.ui-grid-header-cell {
  height: 88px !important;
}

insights-dashboard-directive .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
  border-right-color: #e5e5e5;
}

insights-dashboard-directive .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:first-child {
  border-left-color: #e5e5e5;
}

insights-dashboard-directive .highcharts-grid-line {
  display: none;
}

insights-dashboard-directive .newGoalsModal {
  height: 16vw !important;
}

.shift-header-btns-text {
  font-size: 0.729vw;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #101010;
}

.shift-progress {
  width: 100%;
}

.donuts-container {
  padding-top: 0px !important;
}

.production-description {
  position: relative;
  top: 8px;
  right: 10px;
}

.padding-right-50 {
  padding-right: 50px;
}

.ui-grid-row:last-child .ui-grid-cell {
  border-bottom: 1px solid #d4d4d4;
  border-bottom-width: 1px !important;
}

.margin-top-search-results-criteria {
  margin-top: 12px;
}

.job-clicked-container {
  margin-top: 10px;
  width: 100%;
  overflow-x: auto;
  display: block;
  flex-direction: row;
  justify-content: space-around;
}

.job-circle {
  border-radius: 50%;
  border: 1px solid transparent;
  width: 35px;
  height: 35px;
  color: black;
  text-align: center;
  padding: 9px 0px;
  display: inline-block;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 2px;
  font-size: 10px;
}

.job-circle-parent {
  width: 40px;
  display: inline-block;
  height: 40px;
  border: 1px solid #8500ff;
  border-radius: 50%;
  margin-left: 5px;
}

.icons-grouping-first {
  font-size: 45px;
  margin: 0 10px 0 5px;
  color: #cecece;
}

.icons-grouping-second {
  font-size: 45px;
  margin: 0 10px 0 10px;
  color: #cecece;
}

.dropdown-toggle.shift-drop-down {
  border: 0px;
  font-size: 0.938vw;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  padding: 0px;
  background-color: white;
  color: #000000;
}

.shift-drop-down .caret {
  height: 0.417vw;
  width: 0.573vw;
  border-top: 5px dashed;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.dropdown-toggle.shift-drop-down:active {
  outline: 0;
  box-shadow: none;
}

.shift-distribution-container {
  display: flex;
  flex-direction: row;
}

.vr-line-dashed {
  border-left: 1px dashed lightgray;
  height: 380px;
}

.hr-line-dashed {
  border-bottom: 1px dashed lightgray;
  width: 100%;
  height: 2px;
}

shift-distribution-bar-directive svg.svg-bar-stop-events {
  height: 331px;
  padding-bottom: 15px;
  width: 260px;
  overflow: visible;
}

.distribution-bar-container {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #c01b29;
}

shift-container ul.dropdown-menu {
  border-radius: 0px;
  margin-top: 0.781vw;
  top: 100%;
  margin: 0;
}

.distribution-bar-title {
  height: 30px;
  margin: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  color: #101010;
}

.distribution-bar-title-rotate {
  transform: rotate(-20deg);
  font-size: 13px;
  margin: 12px 0px;
  overflow: visible;
  font-weight: bold;
  min-width: 70px;
  max-width: 70px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.navbar-static-side {
  background-color: #072345;
}

#wrapper {
  background-color: #f3f3f4 !important;
}

.header-title {
  height: 3.125vw;
}

.distribution-list {
  display: flex;
  justify-content: space-between;
  margin: 0px 20px;
}

.shift-list-dot {
  color: #eaeaea;
  font-size: 31px;
  margin: 0px 6px;
}

.shift-list-dot.selected {
  color: var(--color2);
}

.shift-duration-keys {
  display: flex;
  height: 1.51vw;
  flex-direction: row-reverse;
  padding-right: 1.823vw;
  top: 0.2vh;
  font-size: 0.677vw;
}

img.shift-header-btns-img {
  margin-top: -0.104vw;
}

.Rectangle-2.selected {
  color: var(--color2);
  border-color: var(--color2);
}

all-machines-donut-directive .tooltip {
  background: white;
  box-shadow: 0 0 5px #999999;
  color: #333;
  font-size: 12px;
  left: 130px;
  padding: 10px;
  position: absolute;
  text-align: center;
  top: 95px;
  min-width: 100px;
  z-index: 300;
  display: block;
  opacity: 0;
}

shift-time-graph-directive .tooltip {
  background: white;
  box-shadow: 0 0 5px #999999;
  color: #333;
  font-size: 12px;
  left: 130px;
  padding: 10px;
  position: absolute;
  text-align: center;
  top: 95px;
  min-width: 100px;
  z-index: 300;
  display: block;
  opacity: 0;
}

shift-time-graph-directive .tooltip .tooltip-event-name {
  font-size: 13px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #11115a;
}

shift-time-graph-directive .tooltip .tooltip-event-duration {
  font-size: 13px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #11115a;
}

shift-time-graph-directive .machine-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-decoration: underline;
  font-size: 13px;
  color: #101010;
}

shift-time-graph-directive .simple-table-directive-container {
  height: unset;
}

.dashboard-settings-tooltip,
.dashboard-settings-tooltip ul {
  list-style: none;
  padding-left: 0;
}

.dashboard-settings-tooltip ul ul li {
  display: inline;
}

.settings-tooltip-overflow-scroll {
  max-height: 440px;
  overflow: hidden;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.settings-tooltip-overflow-scroll::-webkit-scrollbar {
  display: none;
}

ul.dashboard-settings-tooltip>li {
  width: 10.313vw;
  height: 1.771vw;
  font-size: 0.677vw;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.62;
  letter-spacing: normal;
  color: #101010;
  height: 1.302vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

/* ul.dashboard-settings-tooltip > li:first-child {
    width: 5.313vw;
    height: 1.771vw;
    font-size: 0.677vw;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.62;
    letter-spacing: normal;
    color: #101010;
    height:1.302vw;
} */

ul.dashboard-settings-tooltip {
  width: 18.021vw;
  padding: 0 0.833vw;
  position: absolute;
  margin-top: 2.344vw;
  box-shadow: 0 0.104vw 0.208vw 0 rgba(0, 0, 0, 0.17);
  background-color: #ffffff;
  z-index: 10;
  border: solid 0.052vw #d0cfd0;
}

ul.dashboard-settings-tooltip:before {
  content: "";
  width: 0.729vw;
  height: 0.729vw;
  border: 0.052vw solid #d0cfd0;
  position: absolute;
  margin: 0 auto;
  right: 5.208vw;
  transform: rotate(45deg);
  top: -0.417vw;
  border-right: none;
  border-bottom: none;
  z-index: 9999999999;
  background: white;
}

ul.dashboard-settings-tooltip>li:last-child {
  width: 344px;
  height: 37px;
  background-color: var(--color2);
  text-align: center;
  line-height: 37px;
  color: white;
  position: relative;
  bottom: -14px;
  margin-left: -16px;
}

ul.dashboard-settings-tooltip ul:last-child>li:first-child {
  margin-right: 25px;
}

.shift-settings-pie>li:first-child {
  margin-right: 50px;
}

ul.dashboard-settings-tooltip.shift-menu {
  z-index: 999;
  margin-top: 0.781vw;
  width: 10.817vw;
}

ul.dashboard-settings-tooltip.shift-menu:before {
  right: 7.917vw;
}

.settings ul.dashboard-settings-tooltip.shift-menu:before {
  right: 43px;
}

ul.shift-settings-items li {
  display: inline-block;
}

ul.shift-settings-items li:last-child {
  position: relative;
  top: 13px;
}

ul.dashboard-settings-tooltip.shift-menu>li:last-child {
  width: 10.313vw;
}

.shift-settings-pie {
  margin: 15px -15px;
  padding: 15px;
}

.shift-settings-pie span {
  display: inline-block;
  width: 100%;
  margin-top: 15px;
}

ul.dashboard-settings-tooltip.shift-menu li.shift-settings-pie ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 53px;
  text-align: center;
}

.availble-square {
  width: 0.938vw;
  height: 0.938vw;
  display: inline-block;
  content: "";
  position: relative;
  top: 0.26vw;
  margin-right: 0.5vw;
}

.availble-circle {
  width: 0.938vw;
  height: 0.938vw;
  display: inline-block;
  content: "";
  position: relative;
  top: 0.3vw;
  margin-right: 0.5vw;
  border-radius: 10px;
  margin-bottom: 1px;
}

.legend-menu li {
  margin-bottom: 0.521vw;
}

.legend-menu li:first-child {
  margin-top: 1.302vw;
  font-weight: normal !important;
}

.legend-menu li:last-child {
  margin-bottom: 1.302vw;
}

.notifications {
  width: 24px;
  height: 24px;
  object-fit: contain;
  cursor: pointer;
}

/* injection values css */
.mask {
  width: 100%;
  position: relative;
  height: 6px;
  border-radius: 5px;
  background-color: #cecece;
}

.layer {
  width: 22px;
  height: 22px;
}

.heigher {
  right: 20%;
  top: 10px;
  margin-right: -10px;
  position: absolute;
}

.lower {
  left: 20%;
  top: 10px;
  margin-left: -10px;
  position: absolute;
}

.rectangle {
  position: absolute;
  width: 6px;
  height: 6px;
  top: -5px;
  margin-left: -3px;
  background-color: #1aa917;
  display: inline-block;
}

.injection-target .minToTarget .lower-rectangle-value,
.heigher-rectangle-value {
  display: inline-block;
  width: 2px;
  display: inline-block;
  margin-left: -14px;
  z-index: 300;
  padding-top: 1px;
  position: absolute;
  height: 10px;
  top: -6px;
  background-color: black;
  width: 3px;
}

.lower-rectangle-value {
  margin-left: 0px;
  position: relative;
}

.heigher-rectangle-value {
  position: relative;
  left: 89px;
}

.left-grey {
  width: 24px;
  height: 6px;
  display: inline;
  background-color: #c01b29;
  border-radius: 5px;
  position: absolute;
  left: -19px;
}

.right-grey {
  width: 24px;
  height: 6px;
  display: inline;
  background-color: #c01b29;
  border-radius: 5px;
  position: absolute;
  left: 82px;
}

.current-value {
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  width: 40px;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1aa917;
  position: absolute;
  text-align: center;
  top: -25px;
  margin-left: -20px;
}

.injection-values {
  top: 15px;
  position: relative;
  width: 100%;
}

/* end injection values css */

.job-clicked-container a:hover,
.job-clicked-container a:focus {
  color: white;
  text-decoration: none;
}

.productNameText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 18px;
  padding-left: 12px;
}

.topNavBar .KnowledgeContainer {
  width: 119px;
  height: 40px;
}

shift-distribution-directive .tooltip {
  background: white;
  box-shadow: 0 0 5px #999999;
  color: #333;
  font-size: 12px;
  left: 130px;
  padding: 10px;
  position: absolute;
  text-align: center;
  top: 95px;
  min-width: 100px;
  z-index: 300;
  display: block;
  opacity: 0;
}

shift-container .settings {
  position: initial;
  z-index: 100000;
}

[class^="ui-grid-icon"]:before,
[class*=" ui-grid-icon"]:before {
  margin-left: 0.7em;
}

ul.dashboard-settings-tooltip.legend-menu>li:first-child {
  width: 100%;
}

ul.dashboard-settings-tooltip.shift-menu.legend-menu {
  margin-top: 11.938vw;
  right: -1vw;
}

ul.dashboard-settings-tooltip.shift-menu.legend-menu:before {
  left: 9.7vw;
}

.shift-container-donuts.full-screen {
  width: 100%;
  height: calc(100% - 59px);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000000;
}

.shift-container-donuts.full-screen .graphs-container {
  height: calc(100% - 64px);
}

.shift-container-donuts.full-screen .graphs-container .shiftContainerGraphPrint {
  height: 100% !important;
  max-height: 100% !important;
}

.button-disabled {
  border-color: gray !important;
  background-color: gray !important;
}

shift-distribution-directive {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

.shift-grid .ui-grid-header-cell-wrapper {
  background-color: var(--color2) !important;
}

.shift-grid .availble-square {
  margin-left: 5px;
  margin-right: 0px;
}

.shift-grid .availble-circle {
  margin-left: 5px;
  margin-right: 0px;
}

.shift-tools-icon {
  margin-left: 1.406vw;
  width: 1.042vw;
  cursor: pointer;
}

.Assembly-8-Pending-Jobs {
  /* width: 276px; */
  height: 24px;
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: normal;
  text-align: left;
  color: var(--black-050709);
}

.grid-header-wrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 65%;
  margin: 4px;
}

.bold {
  font-weight: bold;
}

shift-distribution-bar-directive {
  min-height: 110px;
  min-width: 205px;
}

.dashboard-settings-tooltip.shift-menu.stop-events {
  width: 276px;
  padding: 0;
}

ul.dashboard-settings-tooltip.shift-menu.stop-events li {
  padding: 0 15px;
}

.dashboard-settings-tooltip.shift-menu.stop-events .stop-event.between-range {
  border-bottom: solid 0.052vw #e8e7e7;
  border-top: solid 0.052vw #e8e7e7;
  padding: 0.521vw 0.781vw;
  margin: 0.521vw 0;
}

.dashboard-settings-tooltip.shift-menu.stop-events li:first-child {
  width: 100%;
  margin-bottom: 12px;
}

.dashboard-settings-tooltip.shift-menu.stop-events li:last-child {
  width: 274px;
  margin-left: 0;
}

.dashboard-settings-tooltip.shift-menu.stop-events input {
  width: 32px;
  height: 37px;
  border-radius: 2px;
  border: solid 1px #d0cfd0;
  text-align: center;
  margin-left: 22px;
  margin-right: 6px;
}

.dashboard-settings-tooltip.shift-menu.stop-events .hide-material-switch {
  display: inline-block;
  width: 35px;
  float: right;
  height: 20px;
  position: relative;
  top: 5px;
}

span.material-switch-x:after {
  content: "X";
  color: white;
  position: relative;
  left: 0.156vw;
  top: 0;
  font-size: 0.573vw;
}

.dropdown-menu-settings span.material-switch-x:after {
  content: "X";
  color: white;
  position: relative;
  left: 0.156vw;
  font-size: 0.573vw;
  top: -0.208vw;
}

.goalsScreenAllDep .goalsSumm .dropdown-menu-settings span.material-switch-x:after {
  top: -0.68vw;
}

.department-name-machines .dropdown-menu-settings span.material-switch-x:after {
  top: -0.208vw;
}

span.onoffswitch-switch.unchecked {
  background: #4a4a4a;
  border-color: #4a4a4a;
  right: 0.938vw;
}

.slider-container {
  /* direction: ltr; */
}

.settings ul.dashboard-settings-tooltip.shift-menu {
  position: relative;
}

shift-container .settings {
  position: relative;
  right: 14.4vw;
  max-height: 26.042vw;
  overflow-y: visible;
  top: 0.7vw;
}

.ui-grid-selection-row-header-buttons.ui-grid-icon-ok.ng-pristine.ng-untouched.ng-valid.ng-scope.ui-grid-row-selected:before {
  margin-left: 0.2em;
}

.injection-values {
  direction: ltr;
}

.scales-div {
  border-bottom: solid 1px #dcdcdc;
  height: 55px;
}

.scale-btn {
  display: inline-block;
  float: right;
  border-radius: 2px;
  background-color: white;
  border: solid 1px #d0cfd0;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #101010;
  margin: 10px;
  min-height: 33px;
  cursor: pointer;
}

.scale-btn span {
  padding: 6px;
  vertical-align: sub;
}

.scale-btn span.selected {
  background-color: var(--color2);
  border: solid 1px var(--color2);
  color: white;
}

text.bar-text {
  font-size: 12px;
  fill: black;
  cursor: pointer;
  font-weight: normal;
}

text.total-bar {
  text-anchor: middle;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  font-weight: normal;
  letter-spacing: normal;
}

.from-to-date {
  display: inline-block;
  min-width: 50px;
  text-align: center;
  position: relative;
  top: -15px;
}

.shift-hours {
  margin-left: 1.3vw;
  font-size: 0.920vw;
}

.shift-progress .event-bar {
  height: 25px;
  text-align: right;
}

.ui-grid-header {
  height: 89px;
}

.responsive-table-directive .ui-grid-header {
  height: 45px;
}

.ui-grid-header .ui-grid-top-panel {
  height: 100%;
}

.ui-grid-header .ui-grid-top-panel .ui-grid-header-viewport {
  height: 100%;
}

.distribution-bar-grid {
  position: absolute;
  padding-right: 28px;
  margin-top: 75px;
}

.distribution-grid-tick {
  margin-left: 40px;
  border-bottom: solid 1px #cecece;
}

.distribution-bar-grid {
  width: 100%;
}

.distribution-grid-tick-text {
  right: 35px;
  position: relative;
}

.donuts-duration {
  position: relative;
  width: 100%;
  float: right;
  text-align: right;
  font-size: 11px;
}

.donut-container {
  margin-right: 50px;
}

header-title,
.header-title {
  min-width: 1.042vw;
  font-size: 0.938vw;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}

.Rectangle-2-Copy-19 {
  border-radius: 0.104vw;
  border: solid 0.052vw #d0cfd0;
  padding: 0.208vw 0.521vw;
  margin: 0px 0.26vw;
  cursor: pointer;
  font-size: 0.729vw;
  text-align: center;
  height: 1.927vw;
  max-height: 1.823vw;
  padding: 0.417vw;
  min-width: 1.823vw;
}

.bars-clicked {
  color: var(--color2);
}

.department-name-machines {
  font-size: 0.938vw;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}

.machines-sum,
.pie-number-footer {
  font-size: 0.833vw;

  font-weight: normal;

  font-style: normal;

  font-stretch: normal;

  line-height: normal;

  letter-spacing: normal;
  color: #000000;
  text-align: center;
}

.Machines-12 {
  font-size: 0.833vw;

  font-weight: normal;

  font-style: normal;

  font-stretch: normal;

  line-height: normal;

  letter-spacing: normal;

  color: #000000;
}

.Line-8 {
  height: 22px;
  margin-left: 10px;
  margin-right: 10px;
  width: 1px;
  border-left: solid 1px #cecece;
}

/*
  .inner-container-pie{
    margin: 0 auto;
    width: 420px;
    position: relative;
    left: 55px;
  } */

.inner-container-bars {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.allMachines.bars-container {
  /* margin-top: 155px; */
  margin-bottom: 100px;
}

all-machines-online-directive .graphs-container {
  margin: 0px 15px 40px;
}

.Rectangle-2.lastRefresh {
  border: 0px;
  cursor: unset;
  color: grey;
  font-size: 0.677vw;
  font-weight: 100;
  direction: ltr;
}

pe-chart-directive .x.axis line {
  stroke-width: 1px;
  stroke: #e3e3e3;
  stroke-dasharray: "4 1";
}

pe-chart-directive path {
  /* stroke-width: 2px; */
}

pe-chart-directive .x.axis .tick text {
  text-anchor: start;
  font-size: 12px;
  fill: #2459af;
  transform: translate(20px, 30px);
}

machine-plans-directive .x.axis line {
  stroke-width: 1px;
  stroke: #e3e3e3;
  stroke-dasharray: "4 1";
}

machine-plans-directive .x.axis .tick text {
  text-anchor: start;
  font-size: 12px;
  fill: #101010;
  transform: translate(20px, 0px);
}

text.machine-plan-text {
  font-size: 0.938vw;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.22;
  letter-spacing: normal;
  color: #101010;
  transform: translate(0px, -22px);
}

all-machines-bar-directive .progressNumbers,
all-goals-directive .progressNumbers {
  height: 23px;
}

all-goals-directive .new-dep-header-buttons {
  margin-top: 0.521vw;
  font-size: 0.729vw;
}

all-machines-bar-directive .progressContainer,
all-goals-directive .progressContainer {
  height: auto;
  margin-top: 13px;
  margin-left: 19px;
  margin-right: 19px;
}

all-machines-bar-directive .progressContainer .progressBarLine.allMachinesLineBar,
all-goals-directive .progressContainer .progressBarLine.allMachinesLineBar {
  height: 8px;
}

all-machines-online-directive .machines-sum {
  width: 46%;
}

apply-to-model-directive .applyToModelContainer {
  position: absolute;
  margin-top: 1.5vw;
  box-shadow: 0 0.104vw 0.208vw 0 rgb(0 0 0 / 17%);
  background-color: #ffffff;
  z-index: 1001;
  border: solid 0.052vw #d0cfd0;
  width: 15vw;
  display: grid;
  padding: 13px;
  font-size: 0.677vw;
  grid-template-rows: 0.2fr 1fr;
  text-align: left;
}


apply-to-model-directive .applyStructureToContainer {
  display: grid;
  grid-template-rows: 0.3fr 1fr;
}

apply-to-model-directive .applyStructureToCheckBox {
  border-bottom: 1px solid #cecece;
  display: flex;
  flex-direction: column;
}

apply-to-model-directive .doneButton {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}

apply-to-model-directive .filter-body-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 5px 0;
  padding: 10px 0;
}

apply-to-model-directive .filter-body-list {
  height: 98%;
  overflow-y: auto;
}

.Department-Name {
  font-size: 0.938vw;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}

.mainMachineCard {
  display: block;
  width: 185px;
  position: relative;
  height: 185px;
}

.mainMachineCard .upperPart {
  width: 100%;
  height: 40%;
  padding: 5% 3%;
  background-color: #127510;
  border: 0.052vw solid gray;
  border-bottom: 0;
  position: relative;
}

.mainMachineCard .custom-flex-layout {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.mainMachineCard .dot {
  position: absolute;
  height: 0.833vw;
  width: 0.833vw;
  background-color: white;
  border-radius: 50%;
  display: inline-block;
  border: solid 0.104vw red;
  top: -0.208vw;
}

.mainMachineCard .upperPart .applyAll {
  display: flex;
  position: absolute;
  z-index: 100;
  white-space: nowrap;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5vw;
  height: 1.5vw;
  justify-content: center;
  align-items: center;
  width: 4.5vw;
}

.mainMachineCard .upperPart .productName {
  width: 100%;
  height: 100%;
  font-size: 0.625vw;
  text-align: center;
  color: white;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mainMachineCard .upperPart .productName:after {
  content: "\200B";
}

.mainMachineCard .upperPart .machineEName {
  width: auto;
  height: auto;
  font-size: 1.042vw;
  font-weight: 600;
  text-align: center;
  color: white;
  margin: 0;
  line-height: 1;
  overflow: visible;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: fit-content;
}

.mainMachineCard.large .upperPart .machineEName {
  height: 41px;
}

.mainMachineCard .upperPart .towLines {
  height: auto;
  white-space: unset;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.mainMachineCard {
  border: 2px solid transparent;
}

.mainMachineCard.endOfLine {
  border: 2px solid black;
}

.mainMachineCard .upperPart .machineEName:after {
  content: "\200B";
}

.mainMachineCard .upperPart .StatusTimeMin {
  width: 100%;
  height: auto;
  font-size: 0.625vw;
  text-align: center;
  margin-top: 2%;
  color: white;
}

.mainMachineCard .lowerPart {
  width: 100%;
  height: 60%;
  background-color: white;
  color: black;
  border: 1px solid gray;
  box-sizing: border-box;
  border-top: 0;
  font-weight: bold;
  line-height: 1;
}

.mainMachineCard .darkMode {
  background-color: #1d1d1d !important;
  color: white !important;
}

.mainMachineCard .pencilEdit {
  cursor: pointer;
  margin: auto 2px;
  width: 1.042vw;
  height: 1.042vw;
}

.mainMachineCard .lowerPart .pencil-container {
  display: flex;
  flex-direction: row;
  clear: both;
  width: inherit;
}

.mainMachineCard .lowerPart .timeDown-rejects-part {
  height: 100%;
  display: flex;
  border: solid 1px rgba(220, 220, 220, 0.5);
  overflow: hidden;
  box-sizing: border-box;
}

.mainMachineCard .lowerPart .timeDown-rejects-part .part-number {
  width: 100%;
  height: auto;
  font-size: 100%;
  font-weight: 600;
  text-align: center;
  color: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: auto 1%;
}

.mainMachineCard .lowerPart .timeDown-rejects-part .part-number:after {
  content: "\200B";
}

.mainMachineCard .lowerPart .timeDown-rejects-part .part-title {
  width: auto;
  height: auto;
  /* font-size: calc(0.625vw * 1.5); */
  text-align: center;
  color: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: auto 2px;
  max-width: 75%;
  min-width: 60%;
}

.mainMachineCard.small .lowerPart .timeDown-rejects-part.vertical-boxes .pencilEditContainer {
  top: 2.249vw;
  right: 1.243vw !important;
}

.mainMachineCard.medium .lowerPart .timeDown-rejects-part.vertical-boxes .pencilEditContainer {
  top: 4.97vw;
  right: 3.136vw !important;
}

.mainMachineCard.large .lowerPart .timeDown-rejects-part.vertical-boxes .pencilEditContainer {
  top: 8.994vw;
  right: 5.858vw !important;
}

.mainMachineCard .lowerPart .timeDown-rejects-part .part-title:after {
  content: "\200B";
}

.mainMachineCard .lowerPart .timeDown-rejects-part .part {
  width: calc(100% - 2px);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.mainCircle {
  display: block;
  border: 1px solid red;
  height: 150px;
  width: 150px;
  margin-left: 29px;
  border-radius: 150px;
}

.small-circle.rec .mainCircle {
  width: 165px;
}

.mainCircle.big-circle {
  display: block;
  border: 3px solid red;
  height: 225px;
  width: 225px;
  margin-left: 29px;
  border-radius: 225px;
}

.mainCircle.big-circle.rec {
  border-radius: 0;
}

.big-circle .machineCollaped .pencil {
  margin: 0 15px;
}

.mainCircle.small-circle {
  display: block;
  border: 3px solid red;
  height: 80px;
  width: 80px;
  margin-left: 29px;
  border-radius: 80px;
}

.mainCircle .productName {
  color: white;
  font-size: 16px;
  text-align: center;
  position: relative;
  top: 44px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mainCircle .productName a {
  color: white;
}

.mainCircle .bottomSection h5 {
  width: 115px;
  position: relative;
  left: 15px;
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mainCircle .bottomSection h5.pencilEnabled {
  width: 100px;
}

.small-circle .mainCircle .bottomSection h5.pencilEnabled {
  width: 65px;
}

.mainCircle .upperSection {
  border-top-left-radius: 150px;
  border-top-right-radius: 150px;
  height: 95px;
  position: relative;
  bottom: 19px;
  width: inherit;
  /* left: -1px; */
}

.zoom-reset-btn {
  cursor: pointer;
  background-color: white;
  border: solid 1px rgb(204, 204, 204);
  box-sizing: border-box;
  padding: 5px;
  border-radius: 2px 2px;
  font-size: 13px;
}

.zoom-reset-btn:hover {
  background: #e6e6e6;
}

.options-drop-down.graph-display-checkbox {
  display: inline-block;
  padding: 0px;
  vertical-align: text-top;
  margin: 0px;
}

.graph-name-checkbox {
  display: flex;
  min-height: 1.4vw;
  font-weight: 700;
  font-size: 0.729vw;
  color: #072345;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 11.458vw;
  vertical-align: middle;
  margin-left: 10px;
  align-items: center;
}

.graph-name-checkbox span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.graph-display-container {
  padding: 0.156vw;
  min-height: 1.4vw;
  display: flex;
  align-items: center;
}

.graph-parameters-dropdown select {
  width: 100%;
  font-size: 15px;
}

.shift-start-line text {
  font-size: 12px;
}

.top-stop-events-svg {
  width: 100%;
}

.top-stop-events-text {
  font-size: 15px;
  font-weight: 600;
  color: #101010;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  width: 100%;
}

.top-stop-events-text-row {
  font-size: 0.781vw;
  font-weight: 600;
  color: #101010;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  /* width: 14%; */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.top-stop-events-duration {
  font-size: 0.781vw;
  font-weight: normal;
  position: relative;
  width: 0%;
  right: -25px;
}

.distribution-list img {
  cursor: pointer;
}

.dropdown-menu-settings:before {
  content: "";
  width: 0.729vw;
  height: 0.729vw;
  border: 0.052vw solid #d0cfd0;
  position: absolute;
  margin: 0.101vw auto;
  right: 0.521vw;
  transform: rotate(45deg);
  top: -0.521vw;
  border-right: none;
  border-bottom: none;
  z-index: 9999999999;
  background: white;
}

.dropdown-menu-settings {
  position: absolute;
  box-shadow: 0 0.104vw 0.208vw 0 rgba(0, 0, 0, 0.17);
  background-color: #ffffff;
  border: solid 0.052vw #d0cfd0;
  z-index: 999;
  font-size: 0.885vw;
  right: 0;
  margin-top: 0.521vw;
  min-width: 14.844vw;
}

.settings-title {
  padding: 0px 0.521vw;
  font-size: 0.885vw;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.62;
  letter-spacing: normal;
  color: #101010;
  height: 1.302vw;
  margin-bottom: 0.781vw;
  width: 100%;
  text-align: start;
}

.size-dropdown {
  display: inline-block;
  width: 200px;
  height: 28px;
}

.settings-update-btn {
  width: 100%;
  background: var(--color2);
  text-align: center;
  color: white;
  cursor: pointer;
  line-height: 35px;
}

.dropdown-settings-body {
  padding: 0.521vw;
}

.setting-pies-size-selector {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-direction: column;
}

.setting-pies-size-selector .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.setting-pies-size-selector .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.setting-pies-size-selector .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.setting-pies-size-selector .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.setting-pies-size-selector input:checked+.slider {
  background-color: #2196f3;
}

.setting-pies-size-selector input:focus+.slider {
  box-shadow: 0 0 1px #2196f3;
}

.setting-pies-size-selector input:checked+.slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.input-number-settings-sm {
  width: 2.083vw;
  height: 1.406vw;
  border-radius: 0.104vw;
  border: solid 0.052vw #d0cfd0;
  text-align: center;
  margin-left: 1.146vw;
  margin-right: 0.313vw;
}

.shift-settings-reset-btn {
  cursor: pointer;
  width: 76px;
  float: right;
  background: var(--color2);
  color: white;
  font-size: 13px;
  line-height: 30px;
  text-align: center;
}

.shift-settings-reset-btn.applyAll {
  width: 100px;
  border-radius: 3px;
  margin: 0 10px;
  line-height: 20px;
  display: inline-block;
}

.stop-event {
  margin: 10px;
}

new-dep-directive .onlineCollapsed {
  display: inline-block;
  height: 100%;
  /* margin: 0.26vw;  */
}

new-dep-directive .onlineCollapsed.big-circle {
  display: inline-block;
  width: 320px;
  height: 320px;
}

new-dep-directive .onlineCollapsed.small-circle {
  display: inline-block;
  width: 105px;
  height: 105px;
}

new-dep-directive .onlineCollapsed .iconWarpper {
  position: relative;
  bottom: 10px;
  width: 100%;
  height: 25px;
  text-align: center;
}

new-dep-directive .apply-all-button {
  cursor: pointer;
  width: 110px;
  float: right;
  background: var(--color2);
  color: white;
  font-size: 13px;
  line-height: 30px;
  text-align: center;
}

all-machines-bar-directive .onlineCollapsed {
  display: inline-block;
  height: 100%;
}

all-machines-bar-directive .onlineCollapsed.big-circle {
  display: inline-block;
  width: 320px;
  height: 320px;
}

all-machines-bar-directive .onlineCollapsed.small-circle {
  display: inline-block;
  width: 105px;
  height: 105px;
}

all-machines-bar-directive .onlineCollapsed .iconWarpper {
  position: relative;
  bottom: 10px;
  width: 100%;
  height: 25px;
  text-align: center;
}

new-dep-directive .progressNumbers {
  height: 23px;
}

new-dep-directive .progressContainer {
  margin-top: 15px;
}



.online-dropdown-menu-settings:before {
  content: "";
  width: 0.729vw;
  height: 0.729vw;
  border: 0.052vw solid #d0cfd0;
  position: absolute;
  margin: 0.101vw auto;
  right: 0.2vw;
  transform: rotate(45deg);
  top: -0.521vw;
  border-right: none;
  border-bottom: none;
  z-index: 9999999999;
  background: white;
}

.online-dropdown-menu-settings {
  position: absolute;
  box-shadow: 0 0.104vw 0.208vw 0 rgba(0, 0, 0, 0.17);
  background-color: #ffffff;
  border: solid 0.052vw #d0cfd0;
  z-index: 9999999;
  font-size: 0.885vw;
  right: -0.4vw;
  /* margin-top: 0.5vw; */
  min-width: 8.844vw;
  height: 10vw;
}

.online-dropdown-menu-settings span.material-switch-x:after {
  content: "X";
  color: white;
  position: relative;
  left: 0.156vw;
  font-size: 0.573vw;
  top: -0.208vw;
}

.dropdown-settings-body-menu {
  height: 7vw;
}



.machine-expanded-directive {
  display: inline-block;
  padding: 0;
  /* margin-right: 20px;
    margin-left: 20px; */
}

.machine-expanded-container img {
  cursor: pointer;
}

.machine-edit-event-color {
  width: 65px;
  height: 65px;
  border-radius: 50%;
}

.show-as-inline {
  display: inline-block;
}

.machine-expanded-container {
  width: 100%;
  border: solid 1px #cecece;
  margin-bottom: 40px;
}

.machine-expanded-container .img-container {
  min-width: 32px;
  min-height: 32px;
  max-width: 32px;
  max-height: 32px;
  float: left;
  border-radius: 100%;
  margin-right: 15px;
}

.machine-expanded-container .img-container img {
  position: relative;
  left: 0;
  top: 7px;
}

.machine-expanded-container .machine-title {
  display: flex;
  height: 48px;
  border-bottom: 1px solid #cecece;
  background-color: #686868;
  padding-top: 6px;
}

.machine-expanded-container .machine-title .machine-name {
  font-size: 18px;
  font-weight: 600;
  color: white;
  height: 25px;
  margin-bottom: -4px;
  max-width: 130px;
}

.machine-expanded-container .machine-title .worker-name {
  max-width: 130px;
  font-size: 15px;
  color: White;
  min-width: 110px;
}

.machine-expanded-container .machine-title .machine-description {
  font-size: 14px;
  line-height: 1.36;
  color: #4a4a4a;
}

.machine-expanded-container .machine-title>div {
  /* top: 6px; */
  position: relative;
  /* margin-left: 2px; */
}

.machine-expanded-container .machine-values {
  border-top: 1px solid #cecece;
}

.machine-expanded-container .machine-values>div {
  height: 100%;
}

.machine-expanded-container .machine-values div>div {
  width: 33.3%;
  height: 100%;
  text-align: center;
  position: relative;
}

.borderedValueItem {
  border-right: 1px solid #cecece;
  border-left: 1px solid #cceecc;
}

.machine-expanded-container .machine-values div>div span {
  font-size: 16px;
  line-height: normal;
  color: #4a4a4a;
  max-width: 100%;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.machine-expanded-container .machine-values div>div span.small {
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  color: #4a4a4a;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  font-weight: 600;
}

.machine-expanded-container .machine-values .values-item {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.machine-expanded-container .bar-graph {
  height: 330px;
  overflow: hidden;
  padding-right: 26px;
}

.machine-expanded-container .machine-notes {
  height: 55px;
}

.machine-expanded-container .inbox-section {
  font-size: 14px;
  font-weight: 600;
  color: #4a4a4a;
}

.machine-expanded-container .inbox-section .v-container {
  width: 30px;
  height: 30px;
  border-radius: 1.8px;
  border: solid 0.9px #cccccc;
  text-align: center;
  margin: 0 auto;
}

.machine-expanded-container .machine-notes span {
  font-size: 16px;
  line-height: normal;
  color: #000000;
}

.machine-expanded-container .machine-notes img {
  margin: 0 13px;
}

.machine-expanded-container .machine-notes {
  position: relative;
  top: 15px;
}

.machine-expanded-container .machine-notes span {
  position: relative;
  top: 1px;
}

.machine-expanded-container .machine-notes .blueRay {
  top: -4px;
}

.machine-expanded-container .bar-graph>div {
  height: 70px;
  /* padding: 0 15px; */
  font-size: 14px;
  font-weight: 600;
  color: #4a4a4a;
  /* padding-right: 36px; */
  margin-left: 15px;
}

.reported-stop-events-box {
  border-top: solid;
  border-width: 1px;
  padding: 0px;
  text-align: center;
  width: 33.3%;
  height: 2.865vw;
  border-color: #cfcfcf;
  font-size: 0.625vw;
}

.reported-stop-events-box.middle {
  border: solid;
  border-width: 1px;
  border-color: #cfcfcf;
  border-bottom: none;
}

.reported-stop-events-box .box-number {
  position: relative;
  top: 0.365vw;
  display: inline-block;
  font-size: 1.198vw;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}

.reported-stop-events {
  width: 100%;
  color: #00004f;
  font-weight: bold;
}

.injection-target {
  width: 100%;
  z-index: 2;
  height: 6px;
  position: relative;
  top: 20px;
}

.injection-target .minToTarget {
  background: #cecece;
  left: 0;
  position: absolute;
  height: 6px;
  float: left;
  z-index: 2;
}

.injection-target .minToMax {
  background: #efefef;
  width: 100%;
  height: 6px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  position: relative;
}

.injection-target .minToCurrent {
  background: rgb(26, 169, 23);
  height: 6px;
  float: left;
  position: absolute;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  z-index: 30;
}

.injection-target .heigher-rectangle-value {
  position: relative;
  margin: 0;
  top: -5px;
}

.injection-target .targetVal {
  position: absolute;
  top: -20px;
  margin-left: -5px;
  font-weight: 500;
}

.injection-target .targetMax {
  position: absolute;
  top: 10px;
  right: -10px;
}

.injection-target .targetMin {
  position: absolute;
  top: 10px;
}

.machine-expanded-container .barsTitle {
  min-width: 100px;
  max-width: 100px;
}

.mainCircle .upperSection .iconWarpper .text {
  width: 96px;
  height: 31px;
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

.settings-shift-pie {
  left: -200px;
}

new-dep-directive .settings {
  right: 10.5vw;
}

.small-circle .onlineCollapsed {
  /* height: 150px; */
  margin-left: 0;
  margin-bottom: 25px;
}

.small-circle .mainCircle {
  height: 120px;
  width: 120px;
  /* margin-left: 29px; */
  border-radius: 120px;
}

.medium-circle.rec .mainCircle {
  width: 190px;
  height: 145px;
}

.big-circle .mainCircle {
  height: 200px;
  width: 200px;
  /* margin-left: 29px; */
  border-radius: 200px;
}

.big-circle.rec .mainCircle {
  width: 220px;
  height: 150px;
}

.small-circle.rec .mainCircle,
.medium-circle.rec .mainCircle,
.big-circle.rec .mainCircle {
  border-radius: 0;
}

.small-circle .mainCircle .upperSection {
  border-top-left-radius: 120px;
  border-top-right-radius: 120px;
  height: 55px;
}

.small-circle .onlineCollapsed .iconWarpper img {
  position: relative;
  bottom: 10px;
}

.small-circle.rec .mainCircle .upperSection,
.medium-circle.rec .mainCircle .upperSection,
.big-circle.rec .mainCircle .upperSection {
  border-radius: 0;
  height: 70px;
}

.small-circle.rec .mainCircle .upperSection {
  height: 56px;
}

.big-circle .mainCircle .bottomSection h5 {
  position: relative;
  font-size: 14px;
  margin-top: 1px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 155px;
  width: 120px;
  margin-left: 20px;
}

.small-circle .mainCircle .bottomSection h5 {
  width: 80px;
  position: relative;
  font-size: 9px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.big-circle .machineCollaped.bottom {
  width: 100%;
  height: 17px;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.8px;
  text-align: center;
  color: #101010;
  margin-top: 40px;
}

.big-circle.rec .machineCollaped.bottom {
  margin-top: 0;
}

.medium-circle .machineCollaped.bottom {
  margin-top: 35px;
}

.small-circle .machineCollaped.bottom {
  width: 100%;
  height: 17px;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.8px;
  text-align: center;
  color: #101010;
  margin-top: 5px;
}

.small-circle .mainCircle .productName {
  color: white;
  font-size: 16px;
  text-align: center;
  position: relative;
  top: 32px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.big-circle .mainCircle .productName {
  color: white;
  font-size: 16px;
  text-align: center;
  position: relative;
  top: 70px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.production-floor-header .dropdown-toggle.shift-drop-down {
  height: 1.302vw;
  font-size: 1.25vw;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

all-machines-bar-directive .progressContainer>div:last-child,
all-machines-bar-directive .expanded .progressContainer {
  height: unset;
}

.settings-dep-clicked {}

.settings-dep-not-clicked {
  background-image: url(images/dashboard/settings-grey-new.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.settings-dep {
  display: inline-block;
  height: 1.615vw;
  display: inline-block;
  width: 2.344vw;
  border-radius: 1.7px;
  border: solid 0.8px #d0cfd0;
  cursor: pointer;
  background-size: 1vw;
}

.new-settings-dep-clicked {
  display: inline-block;
  height: 1.615vw;
  display: inline-block;
  width: 2.344vw;
  border-radius: 1.7px;
  border: solid 0.8px #d0cfd0;
  cursor: pointer;
  background-color: white;
  background-size: 1vw;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/combined-shape-copy-clicked.svg");
}

.new-settings-dep-unclicked {
  display: inline-block;
  height: 1.615vw;
  display: inline-block;
  width: 2.344vw;
  border-radius: 1.7px;
  border: solid 0.8px #d0cfd0;
  cursor: pointer;
  background-color: white;
  background-size: 1vw;
  background-image: url("../images/combined-shape-copy-unclicked.svg");
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
}

.icon-dep {
  display: inline-block;
  height: 1.615vw;
  display: inline-block;
  width: 2.344vw;
  border-radius: 1.7px;
  border: solid 0.8px #d0cfd0;
  cursor: pointer;
  /* background-size: 0.75vw; */
}

.goals-rect {
  border-top: 1px solid #dcdcdc;
  width: 33.33333%;
  height: 104px;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 30px;
  line-height: normal;
  letter-spacing: normal;
  display: flex;
}

.goals-rect:nth-child(2) {
  border: 1px solid #dcdcdc;
  border-bottom: none;
}

.goals-rect .percentage {
  width: 11px;
  height: 17px;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #4a4a4a;
}

.ibox-goals {
  display: inline-flex;
  width: 100%;
  background-color: #ffffff;
}

.bottom-title {
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.07;
  letter-spacing: normal;
  text-align: center;
  width: 100px;
  color: #4a4a4a;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.goal-wrapper {
  width: 100%;
  height: 20px;
  background-color: #d5d5d5;
  display: flex;
  margin-bottom: 10px;
}

.outer-box {
  display: inline-flex;
  width: 100%;
}

.goals-bars {
  width: 100%;
  margin-right: 20px;
  margin-left: 20px;
  min-height: 145px;
}

.goals-bars .goal-directive-title {
  height: 30px;
  font-size: 14px;
  font-weight: 600;
  line-height: 50px;
}

.inner-cotainer-pie-goals {
  margin: 0 auto;
  width: 260px;
  position: relative;
}

.goal-blue-bar {
  height: 9px;
  background-color: var(--color2);
  vertical-align: middle;
  margin-top: auto;
  margin-bottom: auto;
  position: relative;
  display: inline-block;
}

.goal-black-bar {
  height: 20px;
  background-color: #4a4a4a;
}

.goal-blue-bar-dot {
  width: 13px;
  height: 13px;
  background-color: var(--color2);
  vertical-align: middle;
  margin-top: auto;
  margin-bottom: auto;
  position: relative;
  display: inline-block;
  border-width: 3px;
  border-color: var(--color2);
  border-radius: 13px;
  left: -8px;
}

.goal-black-bar-icon {
  width: 22px;
  height: 22px;
  background-color: #ffffff;
  border: solid 2px #4a4a4a;
  vertical-align: middle;
  margin-top: auto;
  margin-bottom: auto;
  position: relative;
  display: inline-block;
  border-radius: 22px;
  left: -10px;
  top: -1px;
  font-size: 10px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: normal;
  text-align: center;
}

.blue-bar-container {
  display: flex;
  height: 100%;
}

.goal-title {
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.07;
  letter-spacing: normal;
  color: #4a4a4a;
}

.blue-bar-title {
  position: relative;
}

.machine-plan-tooltip {
  background: white;
  box-shadow: 0 0 5px #999999;
  color: #333;
  font-size: 12px;
  left: 130px;
  padding: 10px;
  position: absolute;
  text-align: center;
  top: 95px;
  min-width: 100px;
  z-index: 300;
  display: block;
}

.machine-expanded-tooltip {
  background: white;
  box-shadow: 0 0 5px #999999;
  color: #333;
  font-size: 12px;
  /* left: 130px; */
  padding: 10px;
  position: absolute;
  text-align: center;
  top: 6px;
  min-width: 100px;
  z-index: 300;
  display: block;
}

.duplicate-graph-btn {
  font-size: 0.677vw;
  cursor: pointer;
  padding: 0.625vw;
  width: 9.896vw;
}

.Rectangle-4 {
  background: var(--color2);
  color: white;
  padding: 0.365vw 0.625vw;
  cursor: pointer;
}

.duplicate-graph-img {
  display: inline;
  margin-right: 0.521vw;
  width: 1.302vw;
  height: 1.302vw;
}

.setting-sizes-selector {
  display: flex;
  justify-content: space-around;
  height: 4.167vw;
  align-items: flex-end;
  padding: 0.521vw;
  font-size: 0.677vw;
}

.setting-sizes-selector-title {
  font-size: 0.677vw;
  font-weight: 600;
  color: #101010;
}

.setting-sizes-selector .selected-size {
  color: var(--color2);
}

.collapse-expand-btn {
  width: 35px;
  height: 40px;
  background: var(--color2);
  position: relative;
  top: 52px;
  cursor: pointer;
  z-index: 300;
  color: white;
  font-size: 30px;
  padding: 0px 10px;
}

.svg-with-goals {
  margin-top: 25px;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.svg-no-goals {
  width: 46%;
  height: 150px;
}

.svg-icons-no-goals {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.allDepOnline .expandAll {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #101010;
}

.machine-dashboard-header .machine-name {
  font-size: 24px;
  color: #4a4a4a;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}

.machine-dashboard-header {
  background: white;
  padding: 20px 70px;
}

.machine-dashboard-timeline {
  height: 130px;
  padding: 10px;
  padding-left: 115px;
}

shift-container .target-goals-name {
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #101010;
  margin-bottom: 10px;
  margin-top: 0px;
}

.machine-dashboard-header .shift-duration-keys {
  margin-top: 10px;
  top: 0px;
  padding: 0px;
}

.goals-rect-wrapper {
  margin-top: auto;
  margin-bottom: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.upper-wrapper-with-goals {
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.custom-svg-text {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100px;
  white-space: nowrap;
  display: inline-block;
}

.upper-wrapper-no-goals {
  width: 60%;
}

.machine-timeline-plan {
  position: absolute;
  width: 100%;
  height: 200px;
  top: 0px;
  padding: 35px 20px 33px 50px;
}

.text-field-expand-values {
  display: inline-block;
  max-width: calc(100% - 15px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.text-field-expand-values-col {
  display: inline-block;
  overflow-wrap: break-word;
  max-width: calc(100% - 15px);
}

.edit-icon-expand-values {
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
}

.values-of-expand-values {
  vertical-align: top;
}

.machine-expanded-container .machine-title .expanded-showmore {
  top: 24px;
  position: absolute;
  right: -10px;
  width: 200px;
  left: inherit;
  z-index: 9999;
}

.machine-expanded-container .showmore-buttons {
  margin: 15px 0;
}

.machine-expanded-container .showmore-buttons button {
  min-width: 150px;
  height: 30px;
  line-height: 15px;
}

.onlinetab-collapsed-header {
  text-align: center !important;
  position: relative;
  bottom: 30px;
}

.disabledGearIcon {
  cursor: not-allowed !important;
  background-color: rgb(214, 214, 214) !important;
}

.applyToAllV {
  height: 35px;
  position: relative;
  bottom: 22px;
  left: 20px;
}

.applyToAllV input {
  position: relative;
  top: 2px;
  margin-right: 5px;
}

.applyToAllV strong {
  color: black;
}

.expandedEditParamsDropdown {
  position: absolute !important;
  border: none !important;
  top: 0px;
  right: 70px;
}

.fieldBox .expandedEditParamsDropdown {
  position: absolute !important;
  border: none !important;
  right: unset;
  left: 15px;
}

.dashboard-settings-close-btn {
  cursor: pointer;
  float: right;
  margin: 0.417vw 0.313vw;
  width: 0.781vw;
}

.machine-load-legend {
  position: absolute;
  background: white;
  height: 50px;
  width: calc(100% - 45px);
  bottom: 0px;
  text-align: center;
}

.print-wrapper-distribution {
  overflow-y: auto;
  height: 400px;
  width: 100%;
}

.machine-top-event-tooltip {
  background: white;
  box-shadow: 0 0 5px #999999;
  color: #333;
  font-size: 12px;
  left: 130px;
  padding: 10px;
  position: absolute;
  text-align: center;
  top: 95px;
  min-width: 100px;
  z-index: 300;
  display: block;
}

.machine-values .addNewParamsRow {
  cursor: pointer;
  font-size: 10px;
  border: 1px solid black;
  border-radius: 40px;
  width: 15px;
  height: 15px;
  float: right;
  position: absolute;
  right: 8px;
  top: 15px;
  padding: 1px;
}

.chart .highcharts-reset-zoom {
  display: none;
}

.allMachines.donuts-container .department-name-machines {
  line-height: 1.042vw;
  padding: 1.354vw 0.781vw;
}

.new-dep-header-buttons {
  position: relative;
  bottom: 0.365vw;
  margin: 0 1.042vw;
}

.machine-plan-graph-line-title {
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #272727;
}

.shift-time-compare-title {
  font-size: 0.938vw;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.22;
  letter-spacing: normal;
  color: #101010;
  margin-bottom: 0.781vw;
}

rect.zoom-rect {
  display: none;
  opacity: 0.3;
  fill: #0f0ffa;
}

.goalsScreenAllDep .goalsSumm {
  height: 3.333vw;
  line-height: 2.083vw;
}

.goalsScreenAllDep .goalsSumm {
  font-size: 0.938vw;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}

.goalsScreenAllDep .progressBarsVal,
.goalsScreenAllDep .progressBarsVal span {
  background: white;
  float: left;
  width: 28px;
  height: 22px;
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #11115a;
}

.goalsScreenAllDep .progressBarsVal .question-mark {
  text-align: right;
  cursor: pointer;
}

.goalsScreenAllDep .goalBarsContainer {
  margin: 35px 30px 15px 30px;
}

.goalBarsContainer .bars-container {
  display: inline-block;
  margin-bottom: 25px;
}

.goalsScreenAllDep .goalBarsContainer .goal-directive-title {
  width: 93px;
  height: 20px;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #101010;
  position: relative;
  top: 30px;
  margin-bottom: 20px;
}

.goalsScreenAllDep .goalsSumm .filter select{
  font-size: 0.729vw;
}

.goalBarsContainer .box-mode-targets {
  width: 320px;
  min-height: 182px;
  display: inline-block;
  border: solid 1px #dcdcdc;
  background-color: #ffffff;
  margin-right: 25px;
  padding: 25px;
  margin-bottom: 20px;
}

.goalBarsContainer .box-mode-targets .names {
  max-width: 125px;
  display: flex;
  align-items: center;
  white-space: inherit;
}

.newGoalsModal .newGoalsTitle {
  height: 4.427vw;
  line-height: 4.427vw;
  font-size: 0.938vw;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #000000;
  text-align: center;
  padding: 0;
  background: #f6f6f6;
}

.newGoalsModal .saveButton {
  width: 256px;
  margin: 0 auto;
  display: block;
  margin-top: 20px;
}

.newGoalsModal .tabs-container {
  height: 55px;
  line-height: 55px;
  width: 585px;
  margin: 0 auto;
}

.newGoalsModal .tabs-container .selected {
  color: var(--color2);
  border-bottom: 4px solid var(--color2);
}

.newGoalsModal .form-group label {
  height: 10px;
  font-weight: normal;
  color: #101010;
}

.newGoalsModal .machineTargetDesc {
  width: 521px;
  height: 32px;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}

.newGoalsModal .ibox-content {
  height: calc(100% - 190px);
  overflow-y: auto !important;
}

.newGoalsModal .ibox-content>div {
  width: 20.677vw;
  margin: 2.083vw auto;
  position: relative;
}

.newGoalsModal .ibox-content>div.lang {
  width: 100%;
}

.newGoalsModal .ibox-content>div.lang>div {
  width: 50%;
  margin: 0 auto;
}

.newGoalsModal .tabs-container div>div {
  cursor: pointer;
}

/* .productionfloor .select-dep-dropdown {
  left: 23.51vw;
} */

.allGoalsModal .modal-dialog {
  width: 761px;
}

.allGoalsModal,
.allGoalsModal .modal-dialog,
.allGoalsModal .modal-content,
.newGoalsModal {
  height: 95%;
}

machine-message-directive .inbox-message::-webkit-scrollbar,
.allGoalsModal ::-webkit-scrollbar,
.editTemplatesModal ::-webkit-scrollbar .dashboard-settings-tooltip.dropdownmenu>div::-webkit-scrollbar {
  width: 10px;
}

/* Track */
machine-message-directive .inbox-message::-webkit-scrollbar-track,
.allGoalsModal ::-webkit-scrollbar-track,
.editTemplatesModal ::-webkit-scrollbar-track,
.dashboard-settings-tooltip.dropdownmenu>div::-webkit-scrollbar-track {
  background: #cecece;
}

/* Handle */
machine-message-directive .inbox-message::-webkit-scrollbar-thumb,
.allGoalsModal ::-webkit-scrollbar-thumb,
.editTemplatesModal ::-webkit-scrollbar-thumb,
.dashboard-settings-tooltip.dropdownmenu>div::-webkit-scrollbar-thumb {
  background: var(--color2);
}

machines-load-directive .tooltip {
  background: white;
  box-shadow: 0 0 5px #999999;
  color: #333;
  font-size: 12px;
  left: 130px;
  padding: 10px;
  position: absolute;
  text-align: center;
  top: 95px;
  min-width: 100px;
  z-index: 300;
  display: block;
  opacity: 0;
}

.newGoalsModal .toggeler-machine {
  font-size: 16px;
  padding: 20px;
  border-top: 1px solid #cecece;
  cursor: pointer;
}

.machines-container>div>div:first-child .toggeler-machine {
  border: none;
}

.newGoalsModal .toggled-machine {
  background: #f6f6f6;
  padding: 20px;
}

.newGoalsModal .machines-container {
  margin-top: 15px;
}

.newGoalsModal .toggeler-machine .fa {
  margin: 0 20px;
}

.newGoalsModal .toggeler-machine[aria-expanded="true"] {
  background: #f6f6f6;
}

.newGoalsModal .toggled-machine span {
  color: #101010;
  line-height: 37px;
}

.newGoalsModal .toggled-machine input {
  margin-right: 50px;
  height: 37px;
  width: 235px;
  border-radius: 2px;
  /* background-color: #ffffff; */
  border: solid 1px #d0cfd0;
}

.newGoalsModal .toggled-machine select {
  float: right;
  margin-right: 50px;
  height: 37px;
  width: 235px;
  border-radius: 2px;
  /* background-color: #ffffff; */
  border: solid 1px #d0cfd0;
}

.newGoalsModal .toggled-machine div>div {
  margin-bottom: 35px;
}

.newGoalsModal .toggled-machine button {
  width: 115px;
  height: 28px;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  line-height: 15px;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  float: right;
}

.onlineExpanded .machine-name a {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 260px;
  white-space: nowrap;
  display: inline-block;
  color: white;
}

.Rectangle-2.disable-btns {
  cursor: default;
  color: lightgray;
  border-color: lightgray;
  opacity: 0.5;
}

img.goalsToggle.collapsed {
  transform: rotate(180deg);
}

.allMachineMarginTop {
  margin-top: 155px;
}

.machine-notes i {
  padding: 3px 9px;
  border: 3px solid #0080f0;
  border-radius: 100%;
  cursor: pointer;
  margin: 0 10px;
}

.machine-notes .blueRay span {
  color: #0080f0 !important;
}

.machine-notes .settings {
  left: 225px;
  top: -190px;
  width: 186px;
  height: 167px;
}

.machine-notes .settings:before {
  bottom: -7px;
  border-left: none;
  border-top: none;
  border-bottom: inherit;
  border-right: inherit;
  top: auto;
}

.machine-notes .title-note {
  margin-top: 8px;
}

.machine-notes .title-note div:first-child {
  font-size: 12px;
  color: var(--color2);
}

.machine-notes .title-note div:last-child {
  color: #4a4a4a;
  font-size: 14px;
}

machine-time\line-directive .shift-ticks .tick {
  height: 125px;
}

machine-timeline-directive .slider-ticks {
  height: 125px;
}

machine-timeline-directive .slider-div {
  top: -30px;
}

machine-timeline-directive .toHide {
  visibility: hidden;
}

.onlineExpanded .setings-item {
  padding: 10px 00px;
  width: 155px;
  margin: 0 auto;
}

.onlineExpanded .setings-item button {
  width: 100%;
}

.machine-status-circle {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: red;
  border-radius: 100%;
  position: relative;
  vertical-align: top;
  top: -15px;
  left: -10px;
}

.machine-status-cycle-time {
  margin: 0px 20px;
  margin-top: 26px;
  display: flex;
  height: 50px;
  position: relative;
  padding-right: 30px;
}

.machine-status-cycle-time.twoOptions {
  margin-top: 50px;
}

.machine-status-cycle-time .cycle-time-title {
  font-size: 14px;
  padding: 10px 0px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #101010;
  min-width: 150px;
}

.machine-status-cycle-time .cycle-time-progress {
  width: 100%;
}

.machine-status-grid {
  display: flex;
  text-align: center;
}

.machine-status-grid .grid-box {
  width: 20%;
  border: solid 1px #cecece;
  border-right: none;
  height: 100px;
  padding: 3px;
}

.machine-status-grid .center-grid-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* .machine-status-grid .grid-box:first-child {
    border-left: none;
} */

.machine-status-grid .grid-box .grid-number {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #101010;
}

.grid-box .grid-number {
  font-size: 30px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #101010;
}

.grid-box .grid-text {
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #101010;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.machine-status-info {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #101010;
  height: 60px;
}

.machine-status-info .info-hour {
  color: var(--color2);
  margin: 0px 10px;
  vertical-align: middle;
}

.machine-status-info .info-technician-name {
  margin: 0px 10px;
  vertical-align: middle;
}

.info-input {
  height: 60px;
  background-color: #e7e7e7;
  padding: 10px;
  display: flex;
  justify-content: space-between;
}

.info-input input {
  height: 40px;
  width: 100%;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #979797;
  padding: 0px 5px;
  border-radius: 3px;
  border: solid 1px #cecece;
}

.info-input .add-image {
  padding: 8px 5px;
}

.info-input .send-image {
  padding: 5px;
}

.info-input .input-text {
  width: 100%;
}

.ratioContainer {
  position: absolute;
  top: 15px;
  right: 20px;
  width: 350px;
  z-index: 100;
}

.ratioContainer .new-dep-header-buttons {
  margin: 0 5px;
}

.ratioContainer .new-dep-header-buttons.enabled {
  color: var(--color2) !important;
  border: 1px solid var(--color2) !important;
}

.imageInModal {
  width: 40% !important;
  margin: 0 auto;
  max-height: 90%;
  margin-top: 40px;
}

.imageInModal .modal-dialog {
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.imgInModalX {
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  font-weight: bold;
  margin: 0 20px;
  cursor: pointer;
}

.info-hour i {
  border: solid 2px;
  padding: 2px;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  text-align: center;
  vertical-align: middle;
}

.target-goals-directive {
  width: 100%;
  background: #cecece;
  height: 5px;
  margin-top: 50px;
  position: relative;
}

.flex-mode-targets .target-goals-directive {
  margin-top: 25px;
  /* max-width: 250px; */
  margin-right: 40px;
}

.flex-mode-targets {
  display: flex;
  justify-content: space-between;
}

.target-goals-directive .min-value,
.target-goals-directive .max-value {
  width: 3px;
  height: 5px;
  background: #101010;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 10%;
  z-index: 999;
}

.target-goals-directive .max-value {
  left: 90%;
}

.target-goals-directive .current-value-area {
  background: #850f16;
  height: 5px;
  display: inline-block;
  position: absolute;
  line-height: 19px;
}

.target-goals-directive .greenCurrentArea {
  background: #127510;
}

.target-goals-directive .min-value span,
.max-value span {
  font-size: 12px;
  font-weight: 600;
  position: relative;
  top: 15px;
  right: 13px;
  width: 30px;
  display: inline-block;
  text-align: center;
  color: #272727;
}

.target-goals-directive span.circled {
  position: relative;
  bottom: 5px;
  display: inline-block;
  color: white;
  text-align: center;
  font-size: 10px;
  width: 11px;
  height: 11px;
  border: solid 2px #cecece;
  background-color: #ffffff;
  border-radius: 100%;
  z-index: 1000;
}

.target-goals-directive .currentVal {
  position: relative;
  bottom: 20px;
  color: #850f16;
  font-size: 14px;
  font-weight: 600;
}

.target-goals-directive .target-val div {
  width: 0;
  height: 0;
  border-left: 19px solid transparent;
  border-right: 19px solid transparent;
  border-top: 12px solid #101010;
  position: absolute;
  bottom: 13px;
}

.rectangle-value-min,
.rectangle-value-max {
  display: inline-block;
  width: 2px;
  z-index: 1;
  padding-top: 1px;
  position: absolute;
  height: 10px;
  top: -3px;
  background-color: black;
  width: 3px;
}

.rectangle-value-avg-title {
  display: inline-block;
  /* width: 2px; */
  /* padding-top: 1px; */
  position: absolute;
  height: 39px;
  top: 0px;
  width: 3px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid black;
}

.rectangle-value-avg {
  display: inline-block;
  width: 2px;
  padding-top: 1px;
  position: absolute;
  height: 10px;
  top: 2px;
  width: 3px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 12px solid black;
}

.rectangle-value-min {
  left: 20%;
}

.rectangle-value-max {
  right: 20%;
}

.mask .current {
  position: absolute;
  text-align: center;
  height: 6px;
}

.mask .current .current-rectangle {
  width: 100%;
  position: absolute;
  top: 0px;
  height: 6px;
  border-radius: 5px;
}

/** Insights absolute window**/

.productionfloor .insights-absolute-window {
  width: 450px;
  background: white;
  z-index: 1001;
  position: absolute;
  box-shadow: -3px 2px 4px 3px rgba(0, 0, 0, 0.08);
  overflow-y: auto;
  /* margin-top: 5vh; */
  left: 11vw;
}

.insights-tab {
  margin-top: 5px;
}

.window-container-insight-tab {
  width: 450px;
  background: white;
  right: 0;
  z-index: 99999999;
  position: relative !important;
  height: 100%;
  top: 0px !important;
  box-shadow: -3px 2px 4px 3px rgba(0, 0, 0, 0.08);
  max-height: 70vh;
  overflow-y: auto;
}

.productionfloor .insight-page {
  margin-top: calc(40px + 5.521vw);
  margin-bottom: 45px;
}

.insights-absolute-window2 {
  width: 450px;
  background: white;
  z-index: 99999999;
  position: fixed;
  height: 100%;
  box-shadow: -3px 2px 4px 3px rgba(0, 0, 0, 0.08);
  max-height: 715px;
  overflow-y: auto;
  margin-top: 5px;
}

.fullScreenInsights {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10001;
  /* overflow:unset; */
}

.highlightText {
  background: yellow;
}

.fullScreenInsights2 {
  position: absolute;
  z-index: 10003;
  visibility: visible;
}

.productionfloor .insights-absolute-window .window-container>div {
  line-height: 53px;
}

.window-container .title .textBoxInput {
  height: 35px;
  padding: 13px 10px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: #f3f3f4;
  width: 90%;
}

.productionfloor .insights-absolute-window .topics-items-container {
  cursor: pointer;
}

.productionfloor .insights-absolute-window>div>div {
  padding: 0 32px;
}

.productionfloor .insights-absolute-window .title span {
  font-size: 18px;
  color: var(--color2);
  margin: 0 10px;
}

.productionfloor .insights-absolute-window .title img:last-child {
  cursor: pointer;
  width: 16px;
  height: 16px;
  position: relative;
  /* top: 20px; */
}

.productionfloor .insights-absolute-window .secondry-title {
  font-size: 18px;
  font-weight: 600;
  color: #4a4a4a;
  padding: 0 13px;
  margin: 0 -32px;
  border-top: 1px solid #e8e7e7;
}

.productionfloor .insights-absolute-window .secondry-title .fa {
  line-height: 53px;
  font-size: 24px;
}

.productionfloor .insights-absolute-window .collapsed-area {
  margin: 0 -32px;
  padding: 0 32px;
  background-color: #f6f6f6;
  line-height: normal;
  border-bottom: solid 1px #e8e7e7;
}

.productionfloor .insights-absolute-window .collapsed-area .topic-items {
  font-size: 14px;
  padding: 10px 0;
  color: #725656;
  border-bottom: solid 1px #e8e7e7;
}

/* .productionfloor .insights-absolute-window .collapsed-area .topic-items span {

    padding: 10px 0;
    display: inline-block;
} */
.productionfloor .insights-absolute-window .collapsed-area .topic-items2 span {
  padding: 10px 0;
  display: inline;
}

.productionfloor .insights-absolute-window .window-container>div:last-child {
  border: none;
}

.productionfloor .insights-absolute-window .window-container>div:first-child {
  /* border-bottom: solid 1px #e8e7e7; */
}

.productionfloor .insights-absolute-window .collapsed-area .topic-items:last-child {
  border: none;
}

.productionfloor .insights-absolute-window .secondry-title .chosen {
  color: var(--color2);
}

.productionfloor .insights-absolute-window

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.productionfloor .insights-absolute-window ::-webkit-scrollbar-track {
  background: #cecece;
}

/* Handle */
.productionfloor .insights-absolute-window ::-webkit-scrollbar-thumb {
  background: var(--color2);
}

.productionfloor .insights-absolute-window.page-2 .window-container>div {
  line-height: normal;
}

.productionfloor .insights-absolute-window.page-2 .you-asked {
  /* margin: 20px 0; */
  color: #4a4a4a;
  font-size: 14px;
}

.productionfloor .insights-absolute-window.page-2 .you-asked span {
  margin: 0px 5px;
}

.productionfloor .insights-absolute-window.page-2 .question-topic,
.productionfloor .insights-absolute-window.page-2 .description,
.productionfloor .insights-absolute-window.page-2 .parameter-container,
.productionfloor .insights-absolute-window.page-2 .download-rep {
  margin-bottom: 20px;
  padding-top: 20px;
}

.productionfloor .insights-absolute-window.page-2 .parameter-container span:first-child {
  display: inline-block;
  width: 9px;
  height: 9px;
  background-color: #11115a;
}

.productionfloor .insights-absolute-window.page-2 .parameter-container span:first-child {
  margin: 0 10px;
}

.productionfloor .insights-absolute-window.page-2 .download-rep {
  width: 166px;
  height: 37px;
  background-color: var(--color2);
  font-size: 13px;
  cursor: pointer;
  color: white;
  font-weight: bold;
}

.productionfloor .insights-absolute-window.page-2 .download-rep:hover {
  background-color: #0270de;
}

.productionfloor .insights-absolute-window.page-2 .download-rep div {
  position: relative;
  bottom: 10px;
  display: inline-block;
  width: 120px;
  margin: 0 25px;
}

.productionfloor .insights-absolute-window.page-2 .download-rep img {
  margin-left: -15px;
  margin-right: 10px;
}

.productionfloor .insights-absolute-window.page-2 .question-topic p:first-child {
  font-size: 18px;
  font-weight: 600;
}

.productionfloor .insights-absolute-window.page-2 .question-topic p:last-child {
  font-size: 14px;
  font-weight: normal;
  color: #979797;
}

.productionfloor .insights-absolute-window.page-2 .description {
  font-size: 14px;
}

/** End of Insights absolute window**/

injection-values-directive {
  width: 100%;
  position: relative;
  min-height: 40px;
  top: 20px;
}

/* .messagesModal {
    display: inline-block;
    width: 580px;
    margin: 0 auto;
    margin-top: 85px;
} */

.messagesModal

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.messagesModal

/* width */
::-webkit-scrollbar-track {
  background: #cecece;
}

/* Handle */
.messagesModal

/* width */
::-webkit-scrollbar-thumb {
  background: #000000;
}

.messagesModal .typing-section {
  padding-bottom: 25px;
  padding-left: 25px;
  border-bottom: solid 0.5px #6d6d6d;
}

.messagesModal .modal-dialog {
  width: 580px;
}

.translationsModal .modal-dialog {
  width: 70%;
}

.translationsModal div.lang {
  max-width: 300px;
  margin: 0 auto;
  padding: 30px;
}

.messagesModal .modal-header {
  text-align: right;
  height: 60px;
  line-height: 60px;
  margin: 0 -25px;
  padding: 0 45px;
  background-color: #f6f6f6;
  margin-bottom: 20px;
  text-align: center;
  width: 578px;
  margin-left: 0px;
}

.messagesModal .modal-header img {
  float: right;
  top: 20px;
  position: relative;
  right: -10px;
}

.messagesModal .modal-header span {
  font-size: 18px;
  color: #000000;
}

.messagesModal .items-section {
  /* height: 406px; */
  overflow-y: auto;
}

.messagesModal .items-section>div {
  border-bottom: 0.5px solid #e5e5e5;
  padding: 10px 20px;
  display: flex;
}

.messagesModal .items-section .desc {
  width: 100%;
  padding: 0px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.messagesModal .items-section .item {
  min-width: 30px;
  border: 1px solid black;
  height: 30px;
  text-align: center;
  border-radius: 1.8px;
  border: solid 0.9px #cccccc;
}

.messagesModal .items-section .message-hour {
  color: var(--color2);
  min-width: 130px;
  text-align: right;
}

.machine-status-header {
  display: flex;
  font-size: 11px;
  min-width: 250px;
}

.cycle-time-title ul.dropdown-menu {
  display: block;
  max-height: 169px;
  min-height: 10px;
  overflow: auto;
  top: -40px;
}

.cycle-time-title .title {
  max-width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  /* white-space: nowrap; */
}

machine-message-directive .message-hour {
  font-size: 13px;
}

machine-message-directive .inbox-section {
  display: flex;
  justify-content: center;
  padding: 13px 10px 15px;
  height: 100%;
  font-weight: 600;
  font-size: 14px;
  align-items: flex-start;
}

machine-message-directive .inbox-message {
  width: 100%;
  font-size: 14px;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

machine-message-directive .inbox-status {
  min-width: 30px;
  margin-right: 10px;
  display: flex;
  align-items: center;
}

machine-message-directive .inbox-mail {
  /* min-width: 145px; */
  height: 100%;
  font-size: 16px;
  color: var(--color2);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: end;
  max-height: 70px;
  padding-bottom: 3px;
}

machine-message-directive .v-container {
  width: 30px;
  height: 30px;
  border-radius: 1.8px;
  border: solid 0.9px #cccccc;
  text-align: center;
}

.message-text-area {
  min-width: 486px;
  max-width: 486px;
  height: 84px;
  min-height: 55px;
  border-radius: 3px;
  border: solid 1px #cecece;
  background-color: #ffffff;
  padding: 10px;
}

.typing-section-btns {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0px 15px;
}

.messagesModal.modal.in {
  height: calc(100% - 45px);
  overflow: hidden;
}

.messagesModal.modal.in .modal-dialog {
  height: 100%;
  min-height: 371px;
  max-height: 530px;
}

.messagesModal.modal.in .modal-dialog .modal-content {
  height: calc(100% - 30px);
}

.messagesModal.modal.in .modal-dialog .modal-content .messagesWrapper {
  height: 100%;
}

.messagesModal.modal.in .modal-dialog .modal-content .messagesWrapper .messagesBody {
  height: calc(100% - 80px);
  overflow-y: auto;
}

.messagesModal.modal.in .modal-dialog .modal-content .messagesWrapper .messagesBody .items-section {
  /* height: calc(100% - 110px); */
}

.dashboard-settings-tooltip.dropdownmenu {
  right: 2.604vw;
  padding: 0;
}

.dashboard-settings-tooltip.dropdownmenuFactoryInsights {
  right: 4.604vw;
  padding: 0;
  margin-top: 3.344vw;
}

.dashboard-settings-tooltip.dropdownmenu>div {
  padding: 0 0.833vw;
}

.dashboard-settings-tooltip.dropdownmenuFactoryInsights>div {
  padding: 0 0.833vw;
}

.dropdown-messages-suggestion {
  position: absolute;
  background: bisque;
  width: 200px;
  right: 10px;
  margin-top: 10px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17);
  background-color: #ffffff;
  border: solid 1px #d0cfd0;
  padding: 10px;
  z-index: 999;
}

.dropdown-messages-suggestion:before {
  content: "";
  width: 14px;
  height: 14px;
  border: 1px solid #d0cfd0;
  position: absolute;
  margin: 0 auto;
  right: 21px;
  transform: rotate(45deg);
  top: -8px;
  border-right: none;
  border-bottom: none;
  z-index: 9999999999;
  background: white;
}

.messagesBody hr {
  margin: 10px 0px;
}

.target-goals-name {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #101010;
  margin-bottom: -20px;
}

.target-goals .names {
  width: 155px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 10px;
}

.flex-mode-targets .target-goals-name {
  position: relative;
  top: 20px;
}

.target-goals-name {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  min-height: 40px;
}

.percentage {
  font-size: 37px;
  font-weight: 100;
  /* max-width: 100px; */
}

.target-goals-name i {
  cursor: pointer;
  font-size: 10px;
  border: 1px solid black;
  border-radius: 40px;
  width: 15px;
  height: 15px;
  bottom: 0;
  padding-left: 3px;
  padding-top: 1px;
}

machine-timeline-directive .slider-div {
  height: 0px;
}

.onlineExpanded .machine-title-2 {
  height: 75px;
  background: white;
  border-bottom: solid 1px #cecece;
  padding: 8px;
  margin: 0px 1px;
  width: calc(100% - 2px);
}

.expanded-machines-reach {
  width: 100%;
  font-size: 14px;
  color: red;
  border: solid 1px #cecece;
  background-color: #f6f6f6;
  border-left: none;
  border-right: none;
  z-index: 20;
  position: absolute;
  top: 371px;
  height: 31px;
  line-height: 31px;
  text-align: center;
  font-weight: 600;
  max-width: 100%;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.machine-status-reach {
  width: calc(100% - 30px);
  font-size: 14px;
  color: red;
  border: solid 1px #cecece;
  background-color: #f6f6f6;
  border-left: none;
  border-right: none;
  z-index: 20;
  height: 31px;
  font-weight: 600;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  bottom: 219px;
  justify-content: center;
  position: absolute;
}

.add-remove-staticField {
  cursor: pointer;
  width: 40px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.machine-expanded-container .bar-graph .row-static-param {
  display: flex;
  padding-top: 25px;
  position: relative;
}

.machine-expanded-container .thirdGraph i {
  cursor: pointer;
  font-size: 10px;
  /* border: 1px solid black;
    border-radius: 40px; */
  width: 15px;
  height: 15px;
  bottom: 0;
  padding-left: 3px;
  padding-top: 1px;
}

.timeline-job {
  position: absolute;
  display: inline-block;
  border-left: black 1px solid;
  height: 48px;
  z-index: 300;
  padding-left: 5px;
}

.long-name-elipsis {
  max-width: 65%;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
}

.attentionMessage {
  width: 100%;
  font-size: 14px;
  color: red;
  /* border: solid 1px #cecece; */
  background-color: #f6f6f6;
  border-left: none;
  border-right: none;
  line-height: 31px;
  text-align: center;
  font-weight: 600;
}

.truncated-bars {
  display: inline-block;
  top: 25px;
  width: 60px;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}

.truncated-bars .titles {
  display: inline-block;
  transform: rotate(-55deg);
  width: 70px;
  margin-top: 7px;
  height: 45px;
  font-size: 10px;
  text-align: right;
  margin-bottom: 5px;
  margin-top: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wokerOverflow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100px;
}

.allGoalsModal form {
  height: 100%;
}

machine-status-directive .expanded-machines-reach {
  width: calc(100% - 30px);
}

machine-param-directive .injection-values {
  margin-left: 5px;
  margin-right: 5px;
  width: calc(100% - 10px);
}


.ellipsisText {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 99%;
  white-space: normal;
  word-break: break-all;
  display: flex;
}

.ellipsisText-expanded {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 99%;
  white-space: nowrap;
  word-break: break-all;
  display: flex;
}

.totalsBars {
  /* justify-content: flex-end; */
  background-color: #A6A8AB;
  /* background-color: lightskyblue; */
  margin-left: 15px;
  margin-right: 15px;
  width: 20%;
  height: 18px;
  place-self: flex-start;
  margin-right: 0;
}

.totalsTitle {
  /* justify-content: flex-end; */
  margin-left: 15px;
  height: 18px;
  place-self: flex-start;
}

.no-margin-left {
  margin-left: 0 !important;
}

.newGoalsModal .newGoalsTitle .x {
  right: 1.042vw;
  cursor: pointer;
  line-height: 3.906vw;
  position: relative;
}

.small-circle.rec .mainCircle .bottomSection h5 {
  width: 140px;
}

.medium-circle.rec .mainCircle .bottomSection h5 {
  width: 155px;
}

.medium-circle.rec .mainCircle .bottomSection h5.pencilEnabled {
  width: 140px;
}

.small-circle.rec .mainCircle .bottomSection h5.pencilEnabled {
  width: 110px;
}

.big-circle.rec .mainCircle .bottomSection h5 {
  width: 150px;
}

.pies-selection-arr {
  cursor: pointer;
  min-width: 4.167vw;
  height: 100%;
  text-align: center;
  line-height: 2.344vw;
}

.big-circle.rec .mainCircle .productName {
  top: 45px;
}

.distribution-grid-tick-label {
  top: -25px;
  position: absolute;
  left: 15px;
}

.distribution-grid-tick-label.rtl {
  right: 15px;
}

.medium-circle .mainCircle .upperSection {
  height: 70px;
}

/* .insights-absolute-window path:not(.insights-absolute-window .pieg path),
.cycleTimeGraph path {
  stroke: #00004f;
  stroke-width: 3;
  fill: none;
} */

.insights-absolute-window .axis path,
.insights-absolute-window .axis line,
.cycleTimeGraph .axis line {
  fill: none;
  stroke: grey;
  stroke-width: 1;
  shape-rendering: crispEdges;
}

.insights-absolute-window .pieg #tooltippp {
  position: absolute;
  width: 200px;
  height: auto;
  padding: 10px;
  background-color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  -mox-box-shadow: 4px 4px 4px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 10px rbga(0, 0, 0, 0.4);
  pointer-events: none;
}

.insights-absolute-window .pieg #tooltippp.hiddentooltip {
  opacity: 0;
}

.insights-absolute-window .pieg #tooltippp p {
  margin: 0;
  font-family: sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.drag-show-hide-explain {
  font-size: 0.781vw;
  color: black;
}

.insights-absolute-window .tick line,
.cycleTimeGraph .tick line {
  opacity: 0.2;
}

.hide-material-switch.pe-graph-setting {
  margin-top: 3px;
  direction: ltr;
  text-align: left;
  float: right;
  height: 20px;
  line-height: 17px;
}

.drag-icon {
  display: inline-block;
  margin: 0px 0.521vw;
  float: left;
  cursor: move;
}

shift-slider-directive {
  direction: ltr;
}

.tick-hours.ShiftName {
  width: 50px;
}

machine-timeline-directive {
  direction: ltr;
}

.insights-absolute-window .histogram .x.axis text {
  transform: rotate(-35deg) translate(-25px, 0);
}

.regularTexts text {
  transform: initial !important;
}

.zoom-reset-btns-container {
  position: absolute;
  z-index: 200;
  height: 30px;
  right: 35px;
  margin-top: 30px;
  display: flex;
}

.machine-expanded-container .workername {
  max-width: 89px;
}

.machine-expanded-directive.col-lg-2dot4 .machine-expanded-container .workername,
.machine-expanded-directive.col-lg-2 .machine-expanded-container .workername,
.machine-expanded-directive.col-lg-new-7 .machine-expanded-container .workername,
.machine-expanded-directive.col-lg-1 .machine-expanded-container .workername,
.machine-expanded-directive.col-lg-1 .machine-expanded-container .calendar_icon_big_cube,
.machine-expanded-directive.col-lg-1 .machine-expanded-container .pencil_icon_big_cube {
  display: none;
}

.machine-expanded-container .machineName {
  min-width: 158px;
}

.machine-expanded-container .pencilActive .workername {
  display: none;
}

ul.dashboard-settings-tooltip.old-cube-dropdown {
  width: 235px;
}

ul.dashboard-settings-tooltip.old-cube-dropdown::before {
  right: 25px;
}

.rectangle-value-max.standard {
  background: #a5a4a4;
  color: #616161;
}

.dashboard-settings-tooltip.dropdownmenu>div {
  max-height: 23.438vw;
  overflow-y: auto;
  overflow-x: hidden;
}

.dashboard-settings-tooltip.dropdownmenuFactoryInsights>div {
  max-height: 23.438vw;
  overflow-y: auto;
  overflow-x: hidden;
}

.last-row .expandedEditParamsDropdown ul.dropdown-menu {
  height: 200%;
}

.machine-expanded-container .expandedEditParamsDropdown.param_0 ul {
  left: 0;
}

.machine-expanded-container .expandedEditParamsDropdown.param_2 ul {
  right: 0;
  left: auto;
}

machine-status-directive .param_0 ul {
  left: 0;
}

machine-status-directive .param_4 ul {
  right: 0;
  left: auto;
}

machines-load-directive .x-axis text {
  transform: rotate(-13deg) translate(25px, 0px);
}

machines-load-directive .y-axis text {
  transform: translate(15px, 15px);
}

/* machines-load-directive rect {
    fill: #1aa917;
} */

.header-tools ul.dropdown-menu {
  min-width: 12.5vw;
  font-size: 0.625vw;
}

.old-cube-dropdown .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
  left: 0.938vw;
  right: unset;
}

all-machines-online-bars-directive hr {
  margin: 0;
  margin: 0;
  position: relative;
  bottom: 60px;
}

button .param-name {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
}

header-title .btn-group {
  width: 100%;
}

header-title button {
  width: 100%;
}

.editTemplatesModal .ibox-content p {
  color: #101010;
  font-size: 12px;
  margin-bottom: 0px;
}

.editTemplatesModal .modal-dialog {
  width: 730px;
}

.editTemplatesModal .templateName input {
  width: 296px;
}

.editTemplatesModal .templateName button {
  width: 90px;
  border-radius: 0;
}

.newGoalsModal.editTemplatesModal .ibox-content>div {
  width: 390px;
}

.newGoalsModal.editTemplatesModal .newGoalsTitle {
  height: 60px;
  line-height: 60px;
}

.newGoalsModal.editTemplatesModal .newGoalsTitle .x {
  line-height: 59px;
}

.newGoalsModal.editTemplatesModal .ibox-content .savedTemplates {
  width: 100%;
  max-height: 418px;
  overflow-y: auto;
  padding: 0 60px;
}

.editTemplatesModal .savedTemplates .title {
  font-size: 18px;
  padding: 10px 0;
}

.editTemplatesModal .templateContainer {
  display: inline;
  float: left;
  cursor: pointer;
}

.op-app .tablet-outer-container {
  margin: 2vw;
  height: 33vw;
  border: 0.26vw solid #0080f0;
  border-radius: 1.979vw;
  padding: 2.708vw 4.427vw 2.708vw 0px;
}

.op-app .tablet-button .triangle {
  font-size: 1.458vw;
  color: #0080f0;
}

.op-app .tablet-button .circle {
  width: 1.146vw;
  height: 1.146vw;
  background: transparent;
  border-radius: 50%;
  border: 0.156vw solid #0080f0;
  margin: 0px 4.948vw;
}

.op-app .tablet-button .square {
  width: 1.146vw;
  height: 1.146vw;
  border: 0.156vw solid #0080f0;
  background: transparent;
}

.op-app .tablet-inner-container-upper {
  border-radius: 0;
  border: 0.104vw solid #0080f0;
  height: calc(100% - 2.604vw);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0px 1.042vw;
  background-color: #f6f6f6;
  overflow: auto;
  padding: 1.563vw;
}

.op-app .tablet-inner-container-bottom {
  border-radius: 0;
  border-bottom: 0.104vw solid #0080f0;
  border-left: 0.104vw solid #0080f0;
  border-right: 0.104vw solid #0080f0;
  height: 2.604vw;
  display: flex;
  flex-direction: row;
  justify-content: center;
  background-color: #ffffff;
  align-items: center;
}

.op-app .fieldBox {
  background-color: white;
  height: calc(14.4vw * 0.68);
  display: flex;
  justify-content: center;
  align-items: center;
}

.op-app .fieldBox .caret-open-drop-down {
  padding-left: 10px;
  vertical-align: super;
}

.op-app .fieldBox .caret-open-drop-down .fa {
  font-size: 20px;
}

.op-app .add-row {
  height: 63px;
  margin-bottom: 30px;
  background-color: #ffffff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.op-app .add-row .text {
  cursor: pointer;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
  margin: 14px;
}

.op-app .fieldBox .title .text {
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
  width: calc(100% - 30px);
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
}

.op-app .fieldBox .title {
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.rectangle-value-avg-title .text {
  position: relative;
  display: flex;
  align-items: baseline;
  right: 7px;
  top: 13px;
}

.rectangle-value-avg-title .text {
  display: flex;
  position: relative;
  left: 10px;
  flex-direction: row;
}

.injection-values .rectangle-value-avg .text span {
  width: 50px;
  text-align: center;
}

.editTemplatesModal .templateContainer .remove-icon {
  position: relative;
  bottom: 22px;
  right: 6px;
}

.templates-dropdown {
  right: unset;
  left: unset;
  width: 150px;
}

.templates-dropdown button {
  height: 25px;
  min-width: 85px;
  line-height: 10px;
}

.templates-dropdown>div>div {
  padding: 10px 0;
  text-align: CENTER;
}

.templates-dropdown>div {
  padding: 10px 5px 0;
}

ul.dashboard-settings-tooltip.dropdownmenu.templates-dropdown {
  width: 115px;
  right: 365px;
}

ul.dashboard-settings-tooltip.dropdownmenuFactoryInsights.templates-dropdown {
  width: 115px;
  right: 365px;
}

ul.dashboard-settings-tooltip.templates-dropdown:before {
  right: 90px;
}

.technician-notification-drop-down {
  width: 185px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.32);
  background-color: #ffffff;
  position: absolute;
  border: 1px solid #6e6e6e;
  right: 0px;
  z-index: 400;
  top: 40px;
  max-height: 300px;
  overflow: auto;
}

.technician-notification-drop-down:before {
  content: "";
  width: 14px;
  height: 14px;
  right: 8px;
  top: -8px;
  border: 1px solid #6e6e6e;
  position: absolute;
  margin: 0 auto;
  transform: rotate(45deg);
  border-right: none;
  border-bottom: none;
  background: white;
}

.technician-notification {
  font-size: 14px;
  height: 70px;
  padding: 7px 10px;
  display: flex;
}

.technician-notification .image {
  width: 30px;
  margin-right: 10px;
}

.technician-notification .image img {
  cursor: default;
  width: 30px;
}

.technician-notification-drop-down hr {
  margin: 0px;
  border-top: 1px solid #6e6e6e;
}

.notification-details {
  text-align: justify;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 125px;
}

.notification-details .request-sent {
  font-size: 12px;
}

.notification-details .time,
.name {
  color: #4a4a4a;
}

.notification-details .time,
.name,
.request-sent {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.op-app .select-machine-type {
  width: 270px;
  height: 401px;
  background-color: #f6f6f6;
  margin: 0 auto;
  padding: 1px 25px;
}

.op-app .container-radio,
.manager-app .container-radio {
  display: block;
  position: relative;
  padding-left: 29px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.op-app .container-radio input,
.manager-app .container-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.op-app .checkmark,
.manager-app .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: white;
  border-radius: 50%;
  border: 1px solid #cecece;
}

.op-app .container-radio input:checked~.checkmark:after,
.manager-app .container-radio input:checked~.checkmark:after {
  display: block;
}

.op-app .separtor {
  border-top: 1px solid #cecece;
}

.global-checkbox {
  cursor: pointer;
}

.global-checkbox label {
  cursor: pointer;
}

.op-app .global-checkbox label {
  padding-left: 9px;
}

.op-app .container-radio .checkmark:after,
.manager-app .container-radio .checkmark:after {
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--color2);
}

.op-app select,
.manager-app select {
  margin-bottom: 25px;
}

.op-app .big-title,
.manager-app .big-title {
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #101010;
  margin: 25px 0;
}

.templates.dropdown-menu {
  display: block;
  left: unset;
  right: unset;
  top: 2.344vw;
  /* margin-left: 7.552vw; */
}

.op-app .tablet-left-side {
  background-color: #f6f6f6;
}

.manager-app .mobile-left-side {
  background-color: #f6f6f6;
  margin-top: 10px;
}

.op-app .scroll::-webkit-scrollbar,
.manager-app .scroll::-webkit-scrollbar {
  width: 13px;
}

.op-app .scroll::-webkit-scrollbar-track,
.manager-app .scroll::-webkit-scrollbar-track {
  background: #4a4a4a;
}

.op-app .scroll::-webkit-scrollbar-thumb,
.manager-app .scroll::-webkit-scrollbar-thumb {
  background: var(--color2);
}

.op-app .scroll::-moz-scrollbar,
.manager-app .scroll::-moz-scrollbar {
  width: 13px;
}

.op-app .scroll::-moz-scrollbar-track,
.manager-app .scroll::-moz-scrollbar-track {
  background: #4a4a4a;
}

.op-app .scroll::-moz-scrollbar-thumb,
.manager-app .scroll::-moz-scrollbar-thumb {
  background: var(--color2);
}

.op-app .scroll::-ms-scrollbar,
.manager-app .scroll::-ms-scrollbar {
  width: 13px;
}

.op-app .scroll::-ms-scrollbar-track,
.manager-app .scroll::-ms-scrollbar-track {
  background: #4a4a4a;
}

.op-app .scroll::-ms-scrollbar-thumb,
.manager-app .scroll::-ms-scrollbar-thumb {
  background: var(--color2);
}

.fieldBox .dropdown-menu {
  display: block;
  max-height: 190px;
  overflow-y: auto;
}

.op-app .saveButton,
.manager-app .saveButton {
  height: 35px;
  border-radius: 2px;
  background-color: var(--color2);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  margin-top: 15px;
  cursor: pointer;
}

.op-app .saveButton .content,
.manager-app .saveButton .content {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

.op-app .machines,
.manager-app .machines {
  max-height: 200px;
  overflow: auto;
}

.technician-notification.no-data {
  height: 33px;
  direction: ltr;
  color: black;
}

.op-app .tablet-outer-container .cameraIcon {
  display: inline-block;
  padding: 0px 1.4vw;
  height: 100%;
  vertical-align: middle;
  color: #0080f0;
}

.op-app .tablet-outer-container .cameraIcon:before {
  content: "\25CF";
  font-size: 20px;
}

.op-app .tablet-outer-container .li-container {
  width: calc(100% - 4.427vw);
  display: inline-block;
  height: 100%;
}

.fieldBox .removeIcon {
  position: absolute;
  bottom: 33px;
  right: 0;
}

.op-app.full-view .wrapper.wrapper-content,
.manager-app.full-view .wrapper.wrapper-content {
  margin-top: 0px;
  padding-top: 0px;
}

shift-container .newGoalsModal {
  height: 16vw !important;
}

shift-container .Rectangle-2 {
  height: 25px;
  font-size: 14px;
  text-align: center;
  padding: 2px 0px;
  min-width: 80px;
}

shift-container .setting-graph-selector {
  display: flex;
  height: 4.167vw;
  align-items: flex-end;
  font-size: 0.677vw;
  padding: unset;
  justify-content: space-around
}

shift-container .setting-graph-selector-element {
  height: 100%;
  text-align: center;
  line-height: 2.344vw;
  cursor: pointer;
  margin-top: 10px;
}

.manager-app .phone-container {
  background-image: url("../images/phone.png");
  background-size: 100%;
  width: 357px;
  height: 712px;
  background-repeat: no-repeat;
  margin-bottom: 30px;
}

.manager-app .phone-inner-container {
  overflow: auto;
  height: calc(100% - 168px);
  background: #f3f3f3;
  position: relative;
  top: 85px;
  width: calc(100% - 52px);
  left: 28px;
}

.manager-app .department-screenshot {
  object-fit: contain;
  position: relative;
  top: 14px;
  left: 16px;
  margin-bottom: 25px;
}

.manager-app .param {
  width: 274px;
  height: 42.5px;
  background-color: #ffffff;
  margin-left: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin-bottom: 11px;
}

.manager-app .param span {
  max-width: 160px;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  margin-right: 10px;
  margin-left: 13px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
}

.manager-app .add-param {
  width: 274px;
  height: 40.8px;
  background: white;
  margin-left: 16px;
  line-height: 40px;
  font-size: 16px;
  color: #000000;
  cursor: pointer;
  margin-bottom: 11px;
}

.manager-app .add-param img {
  margin: 0 8px 0 18px;
  cursor: pointer;
}

.manager-app .scroll::-webkit-scrollbar {
  width: 8px;
}

.manager-app .scroll::-moz-scrollbar {
  width: 8px;
}

.manager-app .scroll::-ms-scrollbar {
  width: 8px;
}

ul.dashboard-settings-tooltip.show-filters {
  min-width: 260px;
  width: auto;
  max-width: 350px;
  z-index: 2000;
  right: 0;
}

.simple-table-directive-container ul.dashboard-settings-tooltip.show-filters {
  right: unset;
  left: 0;
}

ul.dashboard-settings-tooltip.show-filters:before {
  right: 10px;
  margin: 0;
}

ul.dashboard-settings-tooltip.show-filters li {
  background: inherit;
  width: 100%;
  color: inherit;
  position: initial;
  margin: initial;
  height: 100%;
  text-align: initial;
}

.machine-filters-directive .machines-labels {
  padding-left: 10px;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.38;
  letter-spacing: normal;
  color: #101010;
  position: relative;
  bottom: 7px;
  margin-bottom: 0;
  max-width: 70%;
}

.machine-filters-directive a {
  text-decoration: underline;
  font-size: 13px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--color2);
}

.machine-filters-directive img {
  cursor: pointer;
  vertical-align: top;
}

.machine-filters-directive .statuses-labels {
  border-radius: 100%;
  width: 15px;
  height: 15px;
  display: inline-block;
  position: relative;
  bottom: 5px;
  left: 5px;
}

.machine-filters-directive .statuses-section {
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  margin: 0px -15px;
  padding: 15px 15px;
}

.machine-filters-directive .apply-section>div {
  background-color: var(--color2);
  color: white;
  text-align: center;
  margin: -1px -17px;
  cursor: pointer;
  height: 35px;
  padding-top: 8px;
}

svg.svg-bar-stop-events.scale-group-width {
  width: 50px;
}

svg.svg-bar-stop-events.scale-group-width.compare {
  width: 125px;
  overflow: visible;
}

.op-app .fieldBox .buttons .graphIcon,
.manager-app .phone-container .graphIcon,
#cycleGraph.buttons .graphIcon {
  width: 47.5px;
  height: 31px;
  border-radius: 1.7px;
  background-color: #ffffff;
  border-color: #d0cfd0;
  display: inline-block;
  border: 1px solid #d0cfd0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.manager-app .phone-container .buttons .graphIcon.selected {
  width: 40.6px;
  height: 25px;
  border-radius: 1.7px;
  background-color: var(--color2);
  border: 0px;
}

.op-app .fieldBox .buttons .graphIcon.selected,
#cycleGraph.buttons .graphIcon.selected {
  width: 47.5px;
  height: 31px;
  border-radius: 1.7px;
  background-color: var(--color2);
  border: 0px;
}

#cycleGraph.buttons .graphIcon {
  width: 28px;
  height: 30px;
}

#cycleGraph.buttons .graphIcon.selected {
  width: 28px;
  height: 30px;
}

.op-app .fieldBox .buttons,
#cycleGraph.buttons {
  margin-top: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#cycleGraph.buttons {
  margin: 0 10px;
}

.buttons.cycle-graph {
  flex-direction: column;
  height: 70px;
  width: 30px;
  z-index: 1;
  cursor: pointer;
  bottom: 15px;
  position: relative;
}

.cycle-time-progress #cycleGraph.buttons {
  margin-top: -12px;
}

.manager-app .phone-container .buttons {
  padding: 0px 7px;
}

.op-app .fieldBox .title>div.field {
  margin-top: calc(6vw * 0.68);
}

.machine-expanded-container .job-Configuration {
  width: 145px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.32);
  background-color: #ffffff;
  position: absolute;
  border: 1px solid #6e6e6e;
  right: 0px;
  z-index: 4000;
  top: 40px;
  max-height: 300px;
  overflow: auto;
}

.machine-expanded-container .job-Configuration .product {
  padding: 5px;
}

.dashboard-settings-tooltip.machine-screen {
  z-index: 3000;
  right: 50px;
}

.period-dashboard-dropdown-selection {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 0.521vw;
  width: 7.448vw;
}

.shiftPeriodWrapper {
  margin-left: 1vw;
}

.customShiftWrapper {
  display: flex;
  position: absolute;
  height: 17vw;
  transform: translateX(-50%);
}

.shiftDayElement {
  border: solid 1px #d0cfd0;
  border-radius: 2px;
  box-shadow: 0 0.104vw 0.208vw 0 rgba(0, 0, 0, 0.05);
  text-align: center;
  display: flex;
  flex-direction: column;
  padding: 0.4vw;
  cursor: pointer;
}

.shiftSelectDayBtn {
  cursor: pointer;
  width: 25%;
  background: var(--color2);
  color: white;
  font-size: 0.75vw;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  border-radius: 1.4px;
}

.shiftDayElementSelected {
  color: #0080ff;
  border: solid 1px #0080ff;
}

.newPeriodDashboardDropDown {
  /*margin:0 !important;*/
  /*box-shadow: none !important;*/
  border: solid 1px #d0cfd0 !important;
  width: 100%;
}

.shiftInsightsTrendsElementSettings {
  position: absolute;
  /*padding: 0.65vw;*/
  width: 12vw;
  /*height: 20vw;*/
  background-color: white;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17);
  border: solid 1px #d0cfd0;
  right: -12vw;
  transform: translateX(-6vw);
  top: 3.5vw;
  z-index: 10;
  font-size: 0.7vw;
}

.shiftTrendsSettings {
  position: absolute;
  /*padding: 0.65vw;*/
  width: 12vw;
  /*height: 20vw;*/
  background-color: white;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17);
  border: solid 1px #d0cfd0;
  right: 0vw;
  top: 3vw;
  z-index: 10;
  font-size: 0.7vw;
}

.applyShiftComponentSettings {
  width: 100%;
  height: 2vw;
  background-color: #0080ff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  cursor: pointer;
}

.newPeriodDashboardDropDownCustom {
  margin: 0 !important;
  border-top: solid 1px #d0cfd0 !important;
  border-right: solid 1px #d0cfd0 !important;
  border-bottom: solid 1px #d0cfd0 !important;
  padding: 0.9vw !important;
  display: flex;
  flex-direction: column;
}

.period-dashboard-dropdown {
  font-size: 0.677vw;
  list-style: none;
  margin: 0px;
  padding: 0px;
  margin-left: 0.313vw;
  border: 0.052vw solid #f3f3f4;
  box-shadow: 0 0.104vw 0.208vw 0 rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
}

.period-dashboard-dropdown li {
  height: 2.344vw;
  width: 100%;
  margin: 0px;
  padding: 0.625vw 0.625vw;
  cursor: pointer;
}

.period-dashboard-dropdown li:hover {
  background: #f6f6f6;
}

.period-dashboard-dropdown hr {
  margin: 0px;
}

.period-dashboard-dropdown li.selected {
  color: var(--color2);
}

.dashboard-period-dropdown {
  width: 500px;
  margin: 0 auto;
  margin-top: 157px;
}

.dashboard-period-dropdown .dashboard-period-header {
  height: 40px;
  padding: 10px;
  background: #f6f6f6;
  text-align: center;
}

.dashboard-period-dropdown .dashboard-period-header img {
  float: right;
}

.dashboard-period-dropdown .well.well-sm {
  background: white;
  margin-bottom: 0px;
  text-align: -webkit-center;
  padding: 30px;
  direction: ltr;
}

.dashboard-period-dropdown button {
  border: none;
}

.dashboard-period-dropdown button.active {
  border: none;
  box-shadow: none;
  background-color: var(--color2);
  border-radius: 50%;
}

.manager-app edit-mobile-directive .header {
  margin: 10px 0px;
  width: 357px;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}

.phone-container .expandedEditParamsDropdown {
  position: absolute !important;
  border: none !important;
  right: unset;
  left: 15px;
}

.phone-container .dropdown-menu {
  display: block;
  max-height: 190px;
  overflow-y: auto;
  width: 220px;
  font-size: 0.729vw;
}

.phone-container .fieldName {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  height: 100%;
}

.phone-container .icons {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  height: 100%;
}

.shift-dashboard-settings .hide-material-switch .onoffswitch-switch,
.stop-event .hide-material-switch .onoffswitch-switch {
  right: 0.938vw;
}

calendar-directive .calendar {
  /* margin: 25px; */
}

.manager-app .param>div {
  position: absolute;
  width: calc(100% - 40px);
  height: 42.5px;
}

.alerts-absolute-window {
  position: absolute;
  background: white;
  right: 0;
  width: 366px;
  height: 933px;
  box-shadow: -3px 2px 4px 0 rgba(0, 0, 0, 0.08);
  top: 44px;
}

.alerts-directive .title {
  height: 53px;
  font-size: 18px;
  color: var(--color2);
  line-height: 53px;
  border-bottom: 1px solid #e8e7e7;
}

.alerts-directive .title img:first-child {
  margin: 15px 9px 15px 17px;
}

.alerts-directive .title img:last-child {
  margin: 16px;
}

.alerts-directive .alert-title {
  font-size: 16px;
  display: inline;
  color: #000000;
}

.alerts-directive .alerts .alert-item {
  height: 70px;
  border-bottom: 0.5px solid #e5e5e5;
  line-height: 70px;
}

.alerts-directive .alerts>div .icon {
  margin: 0 16px 0 17px;
}

.alerts-directive .alerts>div i {
  margin: 27px 17px 17px 17px;
  cursor: pointer;
}

.alerts-directive .collapsed-messages {
  background: #eee;
  padding: 10px 65px;
}

.alerts-directive .collapsed-messages .messages {
  margin-bottom: 15px;
  border-bottom: 1px solid #cecece;
  padding-bottom: 15px;
}

.alerts-directive .collapsed-messages .messages:last-child {
  margin-bottom: inherit;
  border-bottom: inherit;
  padding-bottom: inherit;
}

.alerts-directive .machine-name {
  font-weight: 600;
  margin: 10px 0;
}

.department-name-machines .filter .sort {
  display: inline;
}

.department-name-machines .filter .sort select {
  width: 7.292vw;
  position: relative;
  bottom: 0.26vw;
}

.department-name-machines .filter .sort select.form-control {
  font-size: 0.729vw;
  padding: 0.3vw 0.6vw;
  height: 1.65vw;
}

.department-name-machines .filter .sort .sortDirection {
  margin: 0px 5px;
  color: black;
}

.department-name-machines .filter .sort .sortDirections {
  color: black;
  display: inline-block;
  cursor: pointer;
  border: 1px solid #d0cfd0;
  height: 26px;
  width: 28px;
  vertical-align: super;
  padding-top: 1px;
}

.goalsScreenAllDep .filter .sort {
  display: inline-block;
  font-size: 0.833vw;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  text-align: center;
}

.goalsScreenAllDep .filter .sort select {
  width: 7.292vw;
  position: relative;
  bottom: 0.26vw;
  font-size: 0.729vw;
  height: 1.771vw;
  padding-top: 0;
  padding-bottom: 0;
}

.goalsScreenAllDep .filter .sort .sortDirection {
  margin: 0px 0.26vw;
}

.machine-filters-directive .filter-section .checkBox {
  line-height: unset;
}

.department-name-machines .filter ul.dashboard-settings-tooltip>li:last-child {
  line-height: unset;
}

.goalsScreenAllDep .filter ul.dashboard-settings-tooltip>li:last-child {
  line-height: unset;
}

.machine-filters-directive .title {
  margin-top: 10px;
}

.machine-filters-directive .filter-section {
  margin: 0px -15px;
  padding: 5px 15px;
  border-bottom: 1px solid #dcdcdc;
}

.machine-filters-directive .filter-section.kpis input {
  margin: 0px 10px;
  width: 50px;
}

.machine-filters-directive .filter-section .title {
  padding-bottom: 10px;
}

.machine-filters-directive .filter-section .data-container {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}

.newScroll {
  overflow-y: auto;
  z-index: 100000000;
}

.newScroll::-webkit-scrollbar {
  width: 13px;
  height: 13px;
}

.newScroll::-webkit-scrollbar-track {
  background: #4a4a4a;
}

.newScroll::-webkit-scrollbar-thumb {
  background: var(--color2);
}

.newScroll::-moz-scrollbar {
  width: 13px;
}

.newScroll::-moz-scrollbar-track {
  background: #4a4a4a;
}

.newScroll::-moz-scrollbar-thumb {
  background: var(--color2);
}

.newScroll::-ms-scrollbar {
  width: 13px;
}

.newScroll::-ms-scrollbar-track {
  background: #4a4a4a;
}

.newScroll::-ms-scrollbar-thumb {
  background: var(--color2);
}

.newScroll.slim::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

.newScroll.slim::-moz-scrollbar {
  width: 7px;
}

.newScroll.slim::-ms-scrollbar {
  width: 7px;
}

.newScroll.bigg::-webkit-scrollbar {
  height: 20px;
}

.newScroll.bigg::-moz-scrollbar {
  width: 20px;
}

.newScroll.bigg::-ms-scrollbar {
  width: 20px;
}

.machine-filters-directive .title .titleText {
  font-size: 13px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #101010;
}

.machine-filters-directive .title .resetButton {
  font-size: 13px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--color2);
}

.calendar-full-screen-expanded-machine {
  /* position: absolute; */
  width: 100%;
  background: white;
  z-index: 500;
  /* margin-top: 46px; */
}

.calendar-full-screen-expanded-machine .calendar {
  margin: 0px;
}

.calendar-full-screen-expanded-machine .panel-body {
  /* border: solid 1px #cecece; */
}

.machine-load-table {
  color: #000;
  width: 100%;
  overflow: auto;
}

.machine-load-table table {
  position: relative;
  border-collapse: collapse;
  table-layout: auto;
  text-align: center;
}

.machine-load-table .thead-col {
  position: absolute;
  margin-top: 50px;
  z-index: 99;
}

.machine-load-table .thead-row {
  position: absolute;
  margin-left: 50px;
  z-index: 100;
}

.machine-load-table tbody {
  display: block;
  margin-left: 50px;
  margin-top: 50px;
}

.machine-load-table th,
.machine-load-table td {
  min-width: 100px;
  height: 50px;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.machine-load-table .thead-row th {
  font-weight: bold;
  color: black;
  transform: rotate(-20deg);
}

.machine-load-table .thead-row {
  background-color: white;
}

.machine-load-table .thead-col {
  background-color: white;
}

.machine-load-table tbody tr {
  background-color: #fff;
  transition: all 0.125s ease-in-out;
}

.machine-load-table tbody tr td {
  border: 2px solid white;
  transition: all 0.125s ease-in-out;
}

.machine-load-table .thead-col th {
  min-width: 50px;
}

.machine-load-table tbody tr td.selected {
  transform: scale(1.1);
  box-shadow: 2px 2px 10px #888888;
}

.hide-shift .shift-calendar-event {
  display: none;
}

.fc-event-container .removeIcon {
  display: inline-block;
  z-index: 31;
  position: absolute;
  bottom: 0px;
  right: 5px;
}

.fc-event-container .copyIcon {
  display: inline-block;
  z-index: 31;
  position: absolute;
  bottom: 0px;
  right: 18px;
}

.fc-event-container .expandIcon {
  display: inline-block;
  z-index: 31;
  position: absolute;
  bottom: 0px;
  left: 5px;
}

.fc-event-container .fc-short .fc-content,
.fc-event-container .fc-day-grid-event .fc-content {
  max-width: calc(100% - 25px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ng-newlines label {
  max-width: 80%;
}

.op-app span.onoffswitch-switch.unchecked,
.machine-dashboard-btns span.onoffswitch-switch.unchecked {
  right: 0.938vw;
}

.fc-icon.fa {
  font: normal normal normal 14px/1 FontAwesome;
}

.calendar.refreshing .fc-icon.fa.fa-refresh {
  -webkit-animation: spin 2s;
  -moz-animation: spin 2s;
  -o-animation: spin 2s;
  animation: spin 2s;
}

.savedTemplates .copyButton {
  position: relative;
  bottom: 22px;
  right: 14px;
  width: unset !important;
  background-image: unset;
}

.savedTemplates .copyModal {
  overflow: hidden;
  position: absolute;
  background: white;
  width: 230px;
  height: 260px;
  z-index: 10000;
  bottom: unset !important;
  border: solid 1px #d0cfd0;
  padding: 10px;
}

.productionfloor .copyModal {
  left: 0;
  top: 4.167vw;
}

.savedTemplates .row> :nth-child(3n + 3) .copyModal {
  left: -123px;
}

.dashboard-settings-tooltip.dropdownmenu.injection-shift::before {
  right: 1.302vw;
}

.dashboard-settings-tooltip.dropdownmenuFactoryInsights.injection-shift::before {
  right: 1.302vw;
}

/** to prevent toastr (everywhere) from disappearing when user scrolls down **/
#toastr {
  position: fixed;
  width: 80%;
  z-index: 9999999;
}

.Rectangle-2 i.fa-refresh,
.new-dep-header-buttons i.fa-refresh {
  float: left;
  margin: 0.104vw;
}

.edit-pencil-button img {
  margin: 0 1.563vw 0 0.521vw;
}

.calendar-tooltip {
  pointer-events: none;
  position: absolute;
  z-index: 500;
  background: white;
  border: 1px black solid;
}

.btn.new-dep-header-buttons.filtering-button {
  margin-right: 0;
  font-size: 0.729vw;
}

.btn.new-dep-header-buttons.show-all-mach {
  margin-left: 5px;
  display: inline-block;
}

.copyModal .chosen-container .chosen-results {
  max-height: 125px;
}

/** Site Configuration directive steps (COMMON STEPS CSS) **/
.site-configuration-directive {
  background: white;
  margin-top: 65px;
  margin: 48px 30px;
}

.site-configuration-directive .steps-tabs>div {
  display: inline-block;
  max-width: 270px;
  width: 24%;
  height: 71px;
  line-height: 71px;
  font-size: 18px;
  color: #000000;
  border-right: 1px solid #dcdcdc;
}

.site-configuration-directive .steps-tabs>div:last-child {
  border-right: none;
}

.site-configuration-directive .steps-tabs>div span:first-child {
  font-size: 25px;
  border: 1px solid #cecece;
  border-radius: 100%;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 1;
  padding-top: 8px;
  margin-right: 15px;
  position: relative;
  top: 3px;
}

.site-configuration-directive .steps-tabs {
  border-bottom: 1px solid #dcdcdc;
}

.site-configuration-directive .steps-tabs>div>div {
  padding-left: 35px;
}

.site-configuration-directive .step-tab {
  cursor: pointer;
}

.site-configuration-directive .step-tab>span:first-child {
  text-align: center;
}

.site-configuration-directive .title {
  font-size: 22px;
  color: #000000;
}

.site-configuration-directive input,
.add-qc-tests .form-control {
  /* margin-bottom: 23px; */
}

.site-configuration-directive .secondry-title {
  font-size: 16px;
  color: #000000;
  padding-bottom: 40px;
}

.site-configuration-directive .step-container {
  min-height: 800px;
  padding: 70px;
  height: 1vh;
}

.step-one-container .left-side {
  float: left;
  width: 50%;
  border-right: 1px solid #cecece;
  margin-right: 10%;
  padding-right: 10%;
}

.step-four-container .left-side {
  width: 50%;
  padding-right: 10%;
  margin-right: 10%;
}

.site-configuration-directive .step-one-container .right-side,
.site-configuration-directive .step-four-container .right-side,
.add-qc-tests .right-side {
  width: 40%;
  float: right;
}

.site-configuration-directive .firstName,
.site-configuration-directive .lastName {
  width: 45%;
  display: inline-block;
}

.site-configuration-directive .lastName {
  float: right;
}

/** Site Config Step One**/

.site-configuration-directive .step-one-container button {
  width: 150px;
  font-weight: bold;
}

/** Site Config Step TWO**/

.site-configuration-directive .step-two-container .add-dep-container {
  text-align: center;
  padding: 113px 0;
  border: 1px solid var(--color2);
  cursor: pointer;
}

.site-configuration-directive .step-two-container .add-dep-container>div {
  font-size: 20px;
  font-weight: bold;
  color: var(--color2);
  padding-top: 32px;
  margin-bottom: -32px;
}

.step-two-container .left-side {
  border-right: 1px solid #cecece;
  padding-right: 68px;
}

.manager-app-notifications {
  background: white;
  margin-bottom: 50px;
}

.manager-app-notifications.step-two-container .left-side {
  padding-right: 59px;
}

.step-two-container .right-side {
  padding: 0 15px 0 75px;
}

.step-two-container .left-side .add-department {
  cursor: pointer;
  margin-bottom: 15px;
  height: 10%;
}

.step-two-container .left-side .add-department span {
  position: relative;
  top: 2px;
}

.site-configuration-directive .step-two-container .left-side .department .name,
.site-configuration-directive .step-two-container .left-side .add-department span,
.site-configuration-directive .step-two-container .machines-container .add-machine {
  font-size: 16px;
  font-weight: bold;
  color: var(--color2);
}

.site-configuration-directive .step-two-container .left-side .department .machines {
  font-size: 14px;
  color: #000000;
}

.site-configuration-directive .step-two-container .left-side .department {
  border-bottom: 1px solid #d0cfd0;
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.site-configuration-directive .step-two-container .left-side .department img {
  position: relative;
  bottom: 33px;
  margin: 0px 15px;
}

.site-configuration-directive .step-two-container .machines-container>div {
  display: inline-block;
  width: 232px;
  background-color: #f6f6f6;
  text-align: center;
  padding: 75px 0;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  margin-right: 31px;
  margin-bottom: 31px;
  position: relative;
  cursor: pointer;
}

.site-configuration-directive .step-two-container .machines-container {
  margin-top: 27px;
  height: calc(100% - 31px);
  overflow: auto;
}

.site-configuration-directive .step-two-container .machines-container>div>img {
  position: absolute;
  top: 17px;
  right: 17px;
}

.site-configuration-directive .step-two-container .machines-container .add-machine {
  padding: 75px 0;
  cursor: pointer;
}

.site-configuration-directive .step-two-container .machines-container .add-machine>div {
  position: relative;
  top: 25px;
}

.site-configuration-directive .step-two-container .machines-container .add-machine img {
  position: absolute;
  bottom: 25px;
  width: 56px;
  right: 90px;
}

.site-configuration-directive .step-four-container .data-container {
  margin-top: 22px;
  border: 1px solid #cecece;
}

.site-configuration-directive .step-four-container .data-container .newScroll {
  height: 286px;
  background-color: #f6f6f6;
  padding: 5px 0px 20px 20px;
}

.site-configuration-directive .step-four-container .data-container .newScroll .domain {
  margin-top: 20px;
  height: 40px;
  font-family: ProximaNova;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: normal;
  color: #000000;
  border-style: solid;
  border-bottom-color: #cecece;

  border-width: 0 0 2px 0;
}

.site-configuration-directive .step-four-container .addDomain {
  position: relative;
  height: 123px;
}

.site-configuration-directive .step-four-container .addDomain .form-group {
  padding-top: 3px;
  position: absolute;
  top: 25%;
  right: 5%;
  width: 90%;
}

.site-configuration-directive .step-four-container .addDomain label {
  font-family: ProximaNova;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.69;
  letter-spacing: normal;
  color: #101010;
  margin: 0;
}

.site-configuration-directive button {
  font-weight: bold;
}

.site-configuration-directive .add-user-button {
  border-radius: 2px;
  background-color: #ffffff;
  color: #0080f0;
  width: 169px;
}

.site-configuration-directive .create-site-button {
  width: 198px;
}

.site-configuration-directive .editModal {
  position: fixed;
  width: 70%;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.27);
  background-color: #ffffff;
  left: 20%;
  height: 70vh;
  top: 20%;
  overflow-y: auto;
  border: 1px solid var(--color2);
  z-index: 2;
}

.site-configuration-directive .editModal .title-container {
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  margin-bottom: 30px;
  text-align: center;
}

.site-configuration-directive .editModal .inputs-container {
  border-bottom: 2px solid #dfdfdf;
  margin-bottom: 25px;
  padding-bottom: 48px;
  height: calc(100% - 115px);
  overflow-y: auto;
}

.site-configuration-directive .editModal .buttons-container>div {
  display: flex;
  width: 100%;
  justify-content: center;
}

.site-configuration-directive .editModal .buttons-container>div button {
  width: 141px;
}

/** Site Config Step Three**/
.site-configuration-directive .step-three-container .header-container {
  min-height: 52px;
}

.site-configuration-directive .step-three-container .header-container span {
  font-size: 22px;
  color: #000000;
}

.site-configuration-directive .step-three-container .header-container button {
  width: 127px;
  font-weight: bold;
  padding: 7px 24px;
}

.site-configuration-directive .step-three-container .header-container .apply-to {
  width: 212px;
  margin-top: 11px;
  right: 0;
  padding: 0;
}

.site-configuration-directive .step-three-container .header-container .apply-to:before {
  right: 10px;
}

.site-configuration-directive .step-three-container .header-container .apply-to .header {
  padding: 24px 15px 15px 15px;
}

.site-configuration-directive .step-three-container .header-container .apply-to .header span {
  font-size: 14px;
  font-weight: 600;
  color: #101010;
}

.site-configuration-directive .step-three-container .header-container .apply-to .apply-button {
  background-color: var(--color2);
  padding: 10px 17px;
  text-align: center;
  color: white;
  cursor: pointer;
}

.site-configuration-directive .step-three-container .header-container .caret {
  color: var(--color2);
  position: relative;
  top: 8px;
}

.mainMenuShiftCalendar .editModal .title-container {
  position: relative;
}
.mainMenuShiftCalendar .editModal .title-container div {
  width: 68%;
  position: fixed;
  height: 2vw;
  background-color: #fff;
  z-index: 2;
  padding-top: 5px;
}
.mainMenuShiftCalendar .editModal .title-container div .pull-right {
  cursor: pointer;
}

.technician-notification .notification-id {
  max-width: 30px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
}

.d-flex {
  display: flex !important;
}

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

.flex-column {
  flex-direction: column;
}

.flex-fill {
  flex: 0 0 auto !important;
}

.flex-align-self-center {
  align-self: center !important;
}

.bar-graph .flex-container {
  height: 100%;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
}

.bar-graph .row {
  width: auto;
  border: 1px solid blue;
  margin: 0 0;
}

.bar-graph .flex-item {
  text-align: center;
}

top-stop-events-directive .top-stop-container {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.top-stop-container .graph-container {
  height: 100%;
  color: #00004f;
  padding-left: 35px;
  /* overflow-y: auto; */
}

.top-stop-container .graph-container.no-padding {
  padding: 0;
}

.top-stop-container .graph-container .ui-grid-header-cell {
  height: 44px !important;
}

.top-events-value {
  margin: 0.521vw 0.781vw;
}

.line {
  fill: none;
  stroke: green;
  stroke-width: 5px;
}

.bigger-graph {
  position: fixed;
  top: 250px;
  z-index: 100;
  background-color: white;
  left: calc(50% - 375px);
  font-size: 10px;
  margin-left: 30px;
  padding: 20px;
  border: 2px solid;
  z-index: 10000;
}

.close-biggergraph {
  position: fixed;
  top: 265px;
  background-color: white;
  left: calc(50% + 415px);
  z-index: 10001;
  cursor: pointer;
}

cycle-time-graph-directive {
  width: 100%;
  font-size: 7px;
}

.cycleTimeGraph path {
  fill: none;
  stroke: black;
  stroke-width: 1px;
}

.cycleTimeGraph path.line {
  stroke: var(--color2);
}

.fullHeight {
  height: 100%;
}

.step-two-container .body {
  height: calc(100% - 103px);
}

.step-three-container .calendar-container {
  height: calc(100% - 145px);
}

.grouped-table table {
  margin-bottom: 15px;
}

.grouped-table .bordered-row td {
  border-bottom: 1px solid var(--color2);
}

top-stop-events-directive .chunk-container {
  display: flex;
}

top-stop-events-directive .chunk-container .split {
  width: 4px;
}

top-stop-events-directive .bar-container .chunk-container .split {
  height: 4px;
  width: 100%;
}

top-stop-events-directive .chunk-container .bar {
  display: flex;
}

top-stop-events-directive .grid {
  height: calc(100% - 50px);
  top: 50px;
  display: flex;
  flex-direction: column-reverse;
  position: absolute;
  width: 100%;
}

top-stop-events-directive .grid .tick {
  position: relative;
  border-bottom: solid 1px #cecece;
}

top-stop-events-directive .grid .tick .tick-text {
  position: absolute;
  bottom: -10px;
  left: -25px;
}

top-stop-events-directive .bars-container {
  position: absolute;
  overflow-y: hidden;
  overflow-x: overlay;
  width: 100%;
  height: calc(100% + 15px);
  z-index: 100;
}

top-stop-events-directive .bars {
  display: flex;
  align-items: flex-end;
  height: calc(100% - 15px);
  width: 100%;
}

top-stop-events-directive .bar-container .bar-value {
  text-align: center;
  position: absolute;
  top: -16px;
  width: 40px;
  right: -5px;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}

top-stop-events-directive .bar-container {
  height: 100%;
  width: 60px;
  padding-top: 50px;
  position: relative;
  display: flex;
  align-items: flex-end;
}

top-stop-events-directive .bar-container .bar-title {
  position: absolute;
  top: 10px;
  width: 100%;
  transform: rotate(-13deg);
  white-space: nowrap;
}

top-stop-events-directive .bar-container .chunk-container {
  flex-direction: column-reverse;
}

.period-dashboard-dropdown-selection ul.dropdown-menu {
  min-width: 168px;
}

.period-dashboard-dropdown-selection .dropdown-menu li {
  display: block;
  padding: 3px 5px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.clickable {
  cursor: pointer;
}

.zui-table {
  border-collapse: separate;
  border-spacing: 0;
  border-left: 0px;
  text-align: center;
}

.zui-wrapper {
  position: relative;
}

.zui-scroller {
  margin-left: 275px;
  overflow-x: auto;
  overflow-y: auto;
  padding-bottom: 5px;
}

.zui-table .zui-sticky-col {
  left: 35px;
  position: absolute;
  top: auto;
  width: auto;
}

.zui-table tbody td {
  height: 33px;
}

.zui-table th.zui-sticky-col {
  width: 256px;
  height: 66px;
  border-left: 1px solid #dcdcdc;
  border-top: 1px solid #dcdcdc;
}

.zui-table thead tr {
  height: 66px;
}

.zui-table thead tr th {
  border: none;
  border-top: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  text-align: center;
  min-width: 80px;
}

.zui-table tbody td {
  border-top: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  width: 80px;
  min-width: 80px;
  max-width: 80px;
}

.zui-table tbody tr:last-child td {
  border-bottom: 1px solid #dcdcdc;
}

.zui-table tbody td:last-child {
  border-right: 1px solid #dcdcdc;
}

.zui-table thead th:last-child {
  border-right: 1px solid #dcdcdc;
}

.zui-table .zui-sticky-col.first {
  width: 86px;
  min-width: 86px;
  max-width: 86px;
  padding-top: 6px;
  font-weight: 600;
  border-top-color: transparent;
}

.zui-table .zui-sticky-col.second {
  width: 170px;
  min-width: 170px;
  max-width: 170px;
  margin-left: 86px;
  padding-top: 7px;
}

.zui-table tbody tr.first-row td {
  border-top-color: var(--color2) !important;
}

.smallTexts text {
  font-size: 9px;
}

.machine-expanded-directive .notifications-list {
  overflow: auto;
  height: 464px;
  color: #4a4a4a;
}

.machine-expanded-directive .notifications-list>div {
  padding: 5px 0;
  clear: both;
  border-bottom: 2px solid #f3f3f4;
}

.machine-expanded-directive .notifications-list .tech-icon {
  width: 50px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  padding: 0px 7px;
}

.machine-expanded-directive .notifications-list .tech-name {
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
  width: calc(100% - 220px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.machine-expanded-directive .notifications-list .notification-date {
  /* padding-left: 71px; */
}

.machine-expanded-directive .notifications-list .notification-time {
  /* padding-left: 12px; */
}

.machine-expanded-directive .notifications-list .delete-notification {
  padding: 0px 10px;
  cursor: pointer;
}

.machine-expanded-directive .notifications-tabs {
  cursor: pointer;
  padding: 0;
  padding-right: 20px;
  border-bottom: 1px solid #cecece;
  height: 54px;
  background: white;
}

.machine-expanded-directive .notifications-tabs .close-icon {
  cursor: pointer;
  padding: 3px 0px;
  margin-top: 20px;
  margin-bottom: 8px;
  height: 22px;
  padding-left: 10px;
}

.machine-expanded-directive .notifications-tabs>div {
  display: flex;
  padding: 0;
  width: 100%;
  justify-content: space-between;
}

.machine-expanded-directive .selectedTab {
  border-bottom: 3px solid var(--color2);
  color: var(--color2);
}

.machine-expanded-directive .call-technician {
  border: 1px solid #d0cfd0;
  border-radius: 2px;
  cursor: pointer;
  padding: 4px 9px;
}

.machine-expanded-directive .call-technician #techniciansNames:focus {
  outline: none;
}

.machine-expanded-directive .notifications-tabs .tabs {
  padding: 14px 5px 10px 5px;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #4a4a4a;
  width: 150px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.machine-expanded-directive .notifications-tabs .call-technician {
  padding: 3px 9px;
  margin-top: 13px;
  margin-bottom: 8px;
  cursor: pointer;
  width: 90%;
}

.machine-expanded-directive .notifications-tabs .call-technician>div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.calendarWrapper .left-menu {
  background-color: #f6f6f6;
  margin-top: 15px;
  padding: 10px;
}

.calendarWrapper .left-menu .myCalendars {
  height: 250px;
  overflow-y: auto;
  margin-top: 10px;
}

.calendarWrapper .left-menu .big-title {
  font-weight: 600;
}

.hidden {
  display: none;
}

.shift-container .compare .Rectangle-2 {
  padding: 0 10px;
}

.hide-jobs .job-events {
  display: none;
}

text.yaxislabel {
  transform: rotate(-90deg) !important;
}

.step-two-container .departmentsContainer,
.step-four-container .newScroll {
  height: 90%;
  overflow-y: auto;
}

.notifications-list .spiner-example {
  height: 30px;
  padding-top: 0;
}

.pieg text {
  font-size: 11px;
}

.manager-app-notifications {
  height: calc(100vh - 110px);
}

.manager-app-notifications .save {
  width: 150px;
  height: 35px;
  border-radius: 2px;
  background-color: var(--color2);
}

.manager-app-notifications .right-side .area-container {
  border-radius: 2px;
  background-color: #f6f6f6;
  padding: 24px 23px;
  margin-bottom: 15px;
}

.manager-app-notifications .right-side .area-container .title {
  font-size: 22px;
  line-height: normal;
  color: #000000;
  padding-bottom: 17px;
}

.manager-app-notifications .right-side .area-container .subtitle {
  font-size: 13px;
  color: #101010;
  padding-bottom: 7px;
}

.manager-app-notifications .right-side .area-container .add-user {
  font-size: 16px;
  cursor: pointer;
  font-weight: bold;
  color: var(--color2);
}

.manager-app-notifications .right-side .area-container .subtitle-bold {
  font-size: 13px;
  color: #101010;
  padding-bottom: 19px;
  font-weight: 600;
}

.manager-app-notifications .right-side .area-container .activex {
  font-size: 13px;
  cursor: pointer;
  position: relative;
  bottom: 2px;
}

.manager-app-notifications .right-side .area-title {
  padding-top: 45px;
  font-size: 22px;
  line-height: normal;
  color: #000000;
  padding-bottom: 25px;
}

.manager-app-notifications .left-side .list-container {
  padding-top: 38px;
}

.manager-app-notifications .left-side .list-container .list-item {
  padding: 13px 26px 13px 13px;
  border-bottom: 2px solid #d0cfd0;
  cursor: pointer;
}

.manager-app-notifications .left-side .list-container .list-item .item-title {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  padding: 0 13px;
  max-width: 65%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  position: relative;
  top: 7px;
}

.manager-app-notifications .left-side .list-container .list-item:hover {
  background-color: rgba(0, 128, 255, 0.12);
}

.manager-app-notifications .header-container {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #dcdcdc;
  padding: 18px 46px 18px 23px;
  line-height: 35px;
  font-size: 18px;
  color: #000000;
}

.manager-app-notifications .row.body {
  padding: 10px 46px 10px 38px;
  display: flex;
}

.manager-app-notifications .hide-material-switch .onoffswitch-switch {
  right: 0.938vw;
}

.manager-app-notifications .hide-material-switch {
  margin-top: 7px;
}

.machine-expanded-directive .notifications-tabs .call-technician .techniciansList {
  position: absolute;
  left: 0;
  top: 50px;
  max-height: 300px;
  border: 1px solid #d0d0d0;
  overflow: auto;
  z-index: 99999999;
  background: white;
  cursor: pointer;
  min-width: 140px;
}

.machine-expanded-directive .notifications-tabs .call-technician .techniciansList div>div:hover {
  background: #efefef;
}

.total-bar.noComm {
  transform: translateY(9px);
}

.event-reason-filter-body,
.event-group-filter-body {
  max-height: 150px;
  overflow-y: auto;
}

.event-reason-filter,
.event-group-filter {
  font-size: 0.677vw;
  margin: 0.521vw;
  padding-top: 0.521vw;
  border-top: 0.052vw solid #eee;
  display: flex;
  flex-direction: column;
}

.fc-event.shift-calendar-event {
  color: black !important;
  border: 1px solid var(--color2);
  border-top: 4px solid var(--color2);
}

.fc-event.shift-calendar-event .fc-content {
  font-size: 14px;
  font-weight: 600;
}

.fc-event.fc-not-start.fc-end.shift-calendar-event {
  background-image: linear-gradient(to bottom, rgba(0, 128, 255, 0.27), #ffffff);
}

.fc-event.fc-start.fc-not-end.shift-calendar-event {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(0, 128, 255, 0.27));
}

.numberCircle {
  border-radius: 50%;
  width: 16px;
  height: 16px;
  border: 1px solid var(--color2);
  text-align: center;
  font: 8px Arial, sans-serif;
  top: 0;
  right: -5px;
  position: absolute;
  padding-top: 2px;
  background: var(--color2);
  color: #ffffff;
  display: inline-block;
}

div.numberCircle.hover {
  background: var(--color2);
  color: #ffffff;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1);
}

.dashboard-period-dropdown .range-container {
  display: flex;
  justify-content: center;
  padding: 15px;
}

.dashboard-period-dropdown .button-container {
  padding: 0 45px 25px 45px;
  display: flex;
  justify-content: center;
  /* min-height: 80px; */
}

.dashboard-period-dropdown .errorMsg {
  font-size: 12px;
  clear: both;
  color: #c01919;
}

.dashboard-period-dropdown .dashboard-period-header img {
  cursor: pointer;
}

.popover.tooltipevent {
  margin: -50px;
  margin-left: 0px;
}

.shift-container .apply-all {
  line-height: 25px;
}

.insight-graph-template {
  height: 100%;
  width: 100%;
  padding: 5px 0px;
  /* font-size: 15px; */
}

.parameters-div {
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  max-width: 750px;
}

.parameters-div .parameter-dropdown-list {
  position: absolute;
  width: 150px;
  z-index: 101;
  list-style: none;
  border: 1px solid #f3f3f4;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17);
  background-color: #ffffff;
  padding: 0px;
  margin: 0px;
}

.parameters-div .parameter-dropdown {
  max-width: 150px;
  position: relative;
  cursor: pointer;
}

.parameters-div .parameter-dropdown-list li {
  width: 100%;
  margin: 0px;
  padding: 5px;
  cursor: pointer;
}

.parameters-div .parameter {
  display: flex;
  align-items: center;
}

.parameters-div .parameter label {
  margin: 0px;
}

.parameters-div .parameter .parameter-selection {
  border: solid 1px #d0cfd0;
  padding: 5px;
}

.parameters-div .parameter .parameter-label {
  margin: 0px 10px;
}

.parameters-div .parameter-dropdown-list li:hover {
  background: #f6f6f6;
}

.stop-events-header-separate {
  margin: 0px;
}

.stop-events .spiner-example {
  height: inherit;
}

.tabs-container .stop-events .panel-body {
  border: none;
}

top-stop-events-directive .parameters-div {
  max-width: 600px;
}

.target-edit-button {
  width: 38px;
  height: 37px;
  border-radius: 1.7px;
  border: solid 0.8px #d0cfd0;
  display: inline-block;
  vertical-align: text-top;
  background-image: url("../images/edit-grey-new.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.departmentName {
  height: 22px;
  font-family: ProximaNova;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  display: inline-block;
  vertical-align: bottom;
}

.tools-donuts .compare {
  width: 65px;
  height: 20px;
  font-family: ProximaNova;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  margin-right: 20px;
}

.tools-donuts .period-dashboard-dropdown {
  position: relative;
  z-index: 250;
  margin-left: 4.427vw;
  font-size: 0.729vw;
}

.linegraph svg,
.histogram svg {
  margin-left: -30px;
  /* height: 225px; */
  /* margin-bottom: 30px; */
}

.loginPage .forgotPassword {
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
}

.loginPage .site-configuration-directive .editModal {
  width: 395px;
  height: 200px;
  overflow: hidden;
}

.loginPage .site-configuration-directive .editModal .inputs-container {
  overflow: hidden;
}

.filter .dashboard-settings-tooltip.dropdownmenu.injection-shift {
  z-index: 1;
  margin-top: 13.7vw;
  right: 4.1vw;
}

.filter .dashboard-settings-tooltip.dropdownmenuFactoryInsights.injection-shift {
  z-index: 1;
  margin-top: 0.781vw;
  right: 6.906vw;
}

.calendarWrapper.multiple .calendar .fc-toggleShift-button {
  display: none;
}

.calendarWrapper.multiple .calendar .fc-toggleJobs-button {
  display: none;
}

/* .fc-bgevent.shift-events{
    background-color: white !important;
    border: 1px solid var(--color2);
    border-top: 4px solid var(--color2);
} */

.calendarWrapper.mainCalendar .fc-event {
  border-width: 2px;
}

.resetPassword.modal-dialog {
  width: 400px;
  /* padding-top: 150px; */
  margin-top: 0px;
}

.activatejob.modal-dialog {
  width: 400px;
  /* padding-top: 150px; */
  margin-top: 0px;
}

.machine-name .numberCircle.clickable.pull-right {
  right: -20px;
}

.loginPage .signUp {
  font-size: 16px;
  color: black;
}

.CopyMachineSettings .modal-content,
.CopyMachineParameter .modal-content {
  width: 410px;
}

div.qc-test-modal,
div.MobileTestOrder {
  overflow-y: hidden !important;
}

.qc-test-modal .modal-content,
.MobileTestOrder .modal-content {
  width: 90%;
  height: 90%;
  overflow-y: auto;
}

.MobileTestOrderMaterial .modal-content {
  width: 90%;
  height: 92vh;
  position: relative;
}

.qc-test-modal .modal-dialog,
.MobileTestOrder .modal-dialog {
  display: flex;
  justify-content: center;
  vertical-align: middle;
  align-items: center;
  height: 100%;
}

.CopyMachineSettings .modal-dialog,
.CopyMachineParameter .modal-dialog {
  display: flex;
  justify-content: center;
  vertical-align: middle;
}

.global-radio .container-radio {
  display: block;
  position: relative;
  padding-left: 29px;
  margin-bottom: 12px;
  cursor: pointer;
  /* font-size: 14px; */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.global-radio {}

.global-radio .container-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.global-radio .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: white;
  border-radius: 50%;
  border: 1px solid #cecece;
}

.global-radio .container-radio input:checked~.checkmark:after {
  display: block;
}

.global-radio .container-radio .checkmark:after {
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--color2);
}

.CopyMachineSettings .saveButton,
.CopyMachineParameter .saveButton {
  height: 35px;
  border-radius: 2px;
  background-color: var(--color2);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  margin-top: 15px;
  cursor: pointer;
}

.CopyMachineSettings .saveButton .content,
.CopyMachineParameter .saveButton .content {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

.fc-bgevent.shift-calendar-event {
  color: black !important;
  border: 1px solid var(--color2);
  border-top: 4px solid var(--color2);
  opacity: 1;
}

.fc-bgevent.shift-calendar-event.not-working.fc-not-start.fc-end {
  color: white !important;
}

.fc-bgevent.shift-calendar-event .fc-content {
  font-size: 0.7em;
}

.fc-bgevent.fc-not-start.fc-end.shift-calendar-event {
  background-image: linear-gradient(to bottom, rgba(0, 128, 255, 0.27), #ffffff);
}

.fc-bgevent.fc-start.fc-not-end.shift-calendar-event {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(0, 128, 255, 0.27));
}

.fc-time-grid .fc-event {
  left: 0% !important;
  margin-right: 0 !important;
  right: 0% !important;
}

.fc-time-grid .fc-event.job-events {
  z-index: 1 !important;
}

.bar .chunk-title {
  color: white;
  margin: 0px 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.insightDashboard .add-to-dash {
  margin: 20px 0;
}

.insightDashboard .add-to-dash:hover {
  opacity: 0.8;
}

.no-padding-left {
  padding-left: 0px !important;
}

.no-padding {
  padding: 0 !important;
}

call-of-service-cube .deleteCallButton {
  height: 16px !important;
  width: 12px !important;
  background-image: url("../images/delete.png");
  background-repeat: no-repeat;
}

.pie-container svg {
  overflow: visible;
}

insights-absolute-directive .pie-container svg {
  width: 100%;
}

.ellipsisRuleOnAllChilds * {
  white-space: nowrap;
  /* overflow: hidden; */
  text-overflow: ellipsis;
}

.notifications-list .container-fluid .deleteCallButton {
  display: inline-block;
}

.graphPeriod .period-dashboard-dropdown-selection {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 10px;
  width: 90px;
}

.graphPeriod .period-dashboard-dropdown {
  margin-left: 20px;
  width: 90px;
}

.simple-table {
  padding: 40px 0;
}

.simple-table th {
  width: 170px;
  min-width: 170px;
  max-width: 170px;
  padding: 10px 10px;
}

.simple-table td {
  min-width: 40px;
  max-width: 170px;
  padding: 10px 10px;
}

.zui-table.simple-table thead th {
  border-right: 1px solid #dcdcdc;
}

.zui-table.simple-table tbody>* {
  border: 1px solid #dcdcdc;
}

.zui-table.simple-table tbody tr.first-row {
  border-top: 1px solid var(--color2) !important;
}

.histogram .histogram-graph .axis line,
.linegraph .line-graph .axis line {
  fill: none;
  stroke: grey;
  stroke-width: 1;
  shape-rendering: crispEdges;
}

/* .insightDashboard path:not(.insightDashboard .pieg path), */
.cycleTimeGraph path {
  stroke: #00004f;
  stroke-width: 3;
  fill: none;
}

.insightDashboard .axis path,
.insightDashboard .axis line,
.cycleTimeGraph .axis line {
  fill: none;
  stroke: grey;
  stroke-width: 1;
  shape-rendering: crispEdges;
}

.insightDashboard .pieg #tooltippp {
  position: absolute;
  width: 200px;
  height: auto;
  padding: 10px;
  background-color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  -mox-box-shadow: 4px 4px 4px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 10px rbga(0, 0, 0, 0.4);
  pointer-events: none;
}

.insightDashboard .pieg #tooltippp.hiddentooltip {
  opacity: 0;
}

.insightDashboard .pieg #tooltippp p {
  margin: 0;
  font-family: sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.insightDashboard .tick line,
.cycleTimeGraph .tick line {
  opacity: 0.2;
}

.insightDashboard .histogram .x.axis text {
  transform: rotate(-35deg) translate(-30px, 15px);
}

.insightDashboard.forGraph .histogram .x.axis text {
  transform: rotate(-20deg) translate(-30px, 15px);
}

shift-container ul.period-dashboard-dropdown.compare {
  margin: 0px;
  height: unset;
  position: relative;
  left: -2.604vw;
  min-width: 7.813vw;
  z-index: 400;
  top: 1.2vw;
  align-self: flex-start;
}

.simple-table-directive {
  position: relative;
}

.simple-table-directive .data * {
  white-space: nowrap;
}

.simple-table-directive-container {
  background: white;
}

.simple-table-directive-container {
  position: relative;
  overflow: hidden;
  height: 450px;
  width: 90%;
  left: 5%;
}

.fixedTB {
  position: absolute;
  z-index: 11;
  font-weight: bold;
  background: white;
}

.fixedTB td {
  min-width: 170px;
  /* border-top: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc; */
  min-height: 66px;
  max-height: 66px;
  padding: 0 5px;
  top: 50px;
  padding-top: 27px;
}

.fixedTBSimpleTable {
  position: absolute;
  z-index: 11;
  font-weight: bold;
  background: white;
}

.fixedTBSimpleTable td {
  min-width: 170px;
  /* border-top: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc; */
  min-height: 66px;
  max-height: 66px;
  padding: 0 5px;
  top: 50px;
  padding-top: 27px;
}

.fixedTB tr {
  height: 66px;
  border-bottom: 1px solid #a6a8ab !important;
}

.left-container,
.right-container {
  position: absolute;
  overflow: hidden;
  background: white;
}

.left-container {
  /* top: 116.13px;  */
  /* top: 66.13px; */
  /* height: calc(100% - 120px); */
  overflow-y: hidden;
}

.left-container tr th {
  height: 40px;
  border-top: solid 1px #a6a8ab;
  border-right: solid 1px #a6a8ab;
  border-bottom: solid 1px #a6a8ab;
  /* border-left: 1px solid #dcdcdc; */
  border-left: 0;
  width: 170px;
  padding: 0 5px;
  background: white;
  max-width: 0;
  min-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.left-container tr:last-child th {
  border-bottom: solid 1px #a6a8ab;
}

.right-container {
  /* max-width: calc(100% - 175px); */
  text-align: center;
  /* height: calc(100% - 50px); */
  /* overflow: auto; */
}

.right-container td {
  border-top: solid 1px #a6a8ab;
  /* border-right: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc; */
  width: 35px;
  min-width: 80px;
  max-width: 80px;
  height: 26px;
  background: white;
  text-align: center;
}

.right-container .data tbody:last-child td {
  border-bottom: 1px solid #a6a8ab;
}

.left-container tbody:first-child tr:first-child th:first-child,
.right-container .data tbody:first-child tr:first-child td {
  /* border-top: 1px solid var(--color2) !important; */
  border-top: 0;
}

.right-container .fixed-first-row td {
  /* border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc; */
  border-left: 0;
  border-right: 0;
  border-top: 0;
  text-align: center;
  min-width: 80px;
  height: 34px;
  border-bottom: solid 1px #a6a8ab !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #f1f1f1;
}

.unitProduced {
  height: 98%;
}

.unitProduced .simple-table-directive {
  height: 100%;
  width: 96%;
}

.unitProduced .horizontalScroll {
  /* overflow-x: scroll; */
  height: 100%;
}

.unitProduced .simple-table-directive-container {
  width: unset;
}

.unitProduced .tableData {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
}

.unitProduced .right-container {
  overflow: unset;
}

.unitProduced .right-container td {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
}

.unitProduced>simple-table-directive:nth-child(1) {}

units-produced-directive.ng-isolate-scope>div:nth-child(1) {
  position: relative;
}

.fixed-first-column {
  position: relative;
  z-index: 10;
}

.fixed-first-row {
  z-index: 11;
  width: 100%;
  position: sticky;
  z-index: 11;
  top: 0;
}

.carousel.slide {
  margin: 0 10%;
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 10%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  height: 100px;
  width: 100px;
  outline: black;
  background-size: 100%, 100%;
  background-image: none;
}

.carousel-control-prev-icon:after {
  content: "<";
  font-size: 55px;
  color: black;
}

.carousel-control-next-icon:after {
  content: ">";
  font-size: 55px;
  color: black;
}

.loginPage .loginInProgress {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
}

.loginPage .emptyPage {
  background: unset;
}

.loginPage .blurred {
  opacity: 0.5;
}

verify-email,
reset-password {
  width: 100%;
  height: calc(100% - 170px);
  display: flex;
  justify-content: center;
  align-items: center;
}

.insightDashboard.fromTab .pie-container {
  margin-left: 45px;
  padding-left: 10%;
}

.shiftTable .simple-table-directive-container {
  position: relative;
  overflow: hidden;
  /* height: 450px; */
  width: unset;
  /* padding-top: 35px; */
  left: unset;
}

.machinesPerformanceTable .simple-table-directive-container {
  position: relative;
  overflow: hidden;
  height: auto;
  width: unset;
  left: unset;
}

.machinesPerformanceTable simple-table-directive .StatusTable {
  border-bottom: solid 1px #a6a8ab !important;
  background-color: #f3f3f4;
}

.machinesPerformanceTable .simple-table-directive-container .tableData td {
  border-right: 1px solid #a6a8ab;
  border-left: unset;
}

.machinesPerformanceTable .simple-table-directive-container .vertical-line-simple-table {
  border: unset !important;
}

.machinesPerformanceTable .right-container .fixed-first-row td {
  white-space: unset;
}

.machinesPerformanceTable .simple-table-directive-container .fixed-first-column th {
  line-height: 13px;
  font-size: 18px;
}

.machinesPerformance ul {
  padding: 0;
}

.machinesPerformance .inlineSquare {
  display: inline-block;
  height: 0.885vw;
  width: 0.885vw;
  margin-right: 0.885vw;
  background-color: blue;
}


.machinesPerformance div {
  height: 0.885vw;
  line-height: 0.885vw;
  font-size: 0.84vw;
}

.littleCircle {
  background-color: 'white';
  opacity: 0.15;
  display: inline-block;
  border-radius: 50%;
  border: 2px solid black;
  width: 1em;
  height: 1em;
}


machines-performance-directive {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}

machines-performance-directive .activityGauge {
  margin-bottom: 10px;
}

.machinesPerformanceTable .simple-table-directive-container .fixed-first-column .joshCell th {
  font-size: 10px;
}

.machinesPerformanceTable .simple-table-directive-container .fixed-first-column .joshCell th div {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 99%;
  white-space: nowrap;
}

.machinesPerformanceTable .simple-table-directive-container .tableArrow {
  cursor: pointer;
  display: inline-block;
  width: 1em;
  height: 1em;
}

.machinesPerformanceOptionsWheel {
  min-width: 20em;
}

.shiftTable .left-container tr th {
  width: 225px;
  min-width: 225px;
  padding: 0px;
  height: 40px;
  border-top: 0px !important;
  padding: 0px 10px;
}

.shiftTable .fixedTB td {
  min-width: 225px;
}

.shiftTable .left-container tr th div {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.shiftTable .left-container tr th div.left {
  width: 85px;
}

.shiftTable .left-container tr th div.right {
  width: calc(100% - 85px);
  height: calc(100%);
  border-left: 1px solid #dcdcdc;
  border-top: 1px solid #dcdcdc;
  display: inline-block;
  text-overflow: ellipsis;
  text-align: center;
}

.shiftTable .left-container tbody:last-child tr {
  border-bottom: 1px solid #dcdcdc;
}

.shiftTable .left-container tr.first th div.right {
  border-top: 0px;
}

.shiftTable .left-container tr.first {
  border-top: 1px solid var(--color2);
}

.shiftTable .right-container tr.first {
  border-top: 1px solid var(--color2);
}

.shiftTable .right-container tr.first td {
  border-top: 0px;
}

.total-bar.noComm {
  display: none;
}

.range-container .btn-default:hover,
.range-container .btn-default:active,
.range-container .btn-default.active:focus,
.range-container .btn-default:focus {
  border: 0px;
}

.loginscreen.middle-box {
  width: 400px;
}

div[vc-recaptcha]>div {
  height: 100px;
  margin: auto;
}

div[vc-recaptcha]>div iframe {
  width: calc(100% / var(--screen-zoom));
  height: 100%;
}

.printableDocument .disableInTableView {
  display: none !important;
}

.printableDocument .removeInPrint {
  display: none !important;
}

.printableDocument .simple-table-directive {
  display: unset;
}

/* no clue why this is the magic number */
/* .printableDocument .simple-table-directive-container {
    height: 275mm;
} */

.printableDocument .simple-table-directive-container .data .tr {
  text-align: center;
}

.shift-container .linegraph svg,
.shift-container .histogram svg {
  margin-left: 0;
  /* height: 225px; */
  /* margin-bottom: 30px; */
}

.stop-event .material-switch-v {
  top: 0px;
}

.stop-event .material-switch-x::after {
  top: -5px;
}

machine-plans-directive .tooltip-container {
  opacity: 1 !important;
}

.shift-graph.spiner-example {
  position: absolute;
  top: 0;
  background-color: white;
  width: calc(100% - 30px);
  height: calc(100% - 64px);
  z-index: 1000;
  margin-top: 64px;
  padding-top: 200px;
}

.highcharts-tooltip {
  z-index: 9998;
}

.highcharts-tooltip-container {
  z-index: 1000000 !important;
}

.highcharts-contextmenu {
  z-index: 9999 !important;
}

.filter-section .group {
  display: -webkit-inline-box;
  width: 95%;
}

.filter-section i {
  width: 5%;
  margin-left: unset !important;
}

.filter-section .data-container {
  margin-left: 20px;
}

.sortChosen {
  color: var(--color2) !important;
}

.last24Notfications {
  padding: 10px;
}

.last24Notfications .notification-date,
.last24Notfications .callID span:first-of-type {
  margin: 0 4px;
}

.insightDashboard .table {
  max-height: 53%;
  padding-left: 1.302vw
}

.insightDashboard .table tbody tr {
  height: 30px;
  border-left: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}

.insightDashboard .table tbody td {
  border-left: 1px solid #dcdcdc;
  min-width: 60px;
  text-align: center;
  padding: 5px;
}

.insightDashboard .table tbody td:nth-child(1) {
  border-left: none;
}

.insightDashboard .table thead th {
  border-left: 1px solid #dcdcdc;
  text-align: center;
}

.insightDashboard .table thead th:nth-child(1) {
  border-left: none;
}

.insightDashboard .table thead tr {
  height: 30px;
  border-top: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid var(--color2);
}

.shift-container div[resizable] {
  overflow: hidden;
}

#resizable {
  position: relative;
}

.resizer {
  width: calc(100% - 30px);
  height: 7px;
  position: absolute;
  bottom: 0px;
  background: white;
  cursor: s-resize;
  z-index: 100;
}

.shift-container-insights .resizer {
  cursor: default;
  display: none;
}

.stop-events .li-container {
  min-width: 250px;
  height: 405px;
  background: white;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  margin-right: 40px;
}

.stop-events .li-container .li-title {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  background-color: #808080;
}

.stop-events .li-container .li-title .input-container {
  width: 230px;
  color: white;
  font-size: 18px;
  align-items: center;
  display: flex;
}

.stop-events .li-container.editMode .li-title .input-container {
  width: 160px;
}

.stop-events .li-container .reason-icon-selection {
  display: flex;
  position: relative;
  border: solid 1px #d0cfd0;
  padding: 2px;
  border-radius: 2px;
  background-color: white;
}

.stop-events .li-container.editMode .textContainer {
  display: inline-block;
  border: 1px solid #cecece;
  width: 140px;
  margin: 0 10px;
  color: #101010;
  padding-right: 18px;
}

.stop-events .li-container.editMode .textContainer input {
  border: none;
  display: inline-block;
}

.stop-events .li-container .li-title .li-title-content {
  display: flex;
  padding: 9px 19px 8px 18px;
  justify-content: space-between;
}

.stop-events .li-container .li-title .Rectangle {
  width: 37px;
  height: 37px;
  margin-right: 8px;
  display: flex;
  justify-content: space-around;
}

.stop-events .tablet-inner-container-upper {
  padding-left: 40px;
}

.stop-events .row-flex {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  overflow-y: hidden;
}

.stop-events .li-container .li-title-content .close-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}

.stop-events .li-container .li-title-content .close-container:hover {
  opacity: 0.65;
}

.stop-events .li-container .li-title-content .Close {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.stop-events .tablet-header .buttons-container {
  float: right;
  display: flex;
}

.stop-events .tablet-header {
  height: 55px;
  line-height: 55px;
  margin-bottom: -55px;
  min-width: 100%;
  clear: both;
  min-height: 120px;
  display: flex;
  justify-content: space-between;
}

.stop-events .li-container .li-save {
  padding: 10px;
  display: flex;
  justify-content: space-evenly;
}

.stop-events .li-container .li-save .cancel-button {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: var(--color2);
  cursor: pointer;
}

.stop-events .li-container .li-save .saveButton {
  padding: 10px;
  display: flex;
  width: 110px;
  justify-content: space-evenly;
}

.stop-events .li-container .li-content .content-list {
  overflow: auto;
  height: 423px;
}

.stop-events .li-container .li-content .list-item {
  display: flex;
  margin: px;
  line-height: 32px;
  padding: 18px;
  justify-content: space-between;
  border-bottom: 1px solid #d0d0d0;
  min-height: 53px;
  position: relative;
}

.stop-events .li-container .li-content .icon-wrapper {
  width: 29px;
  height: 29px;
  border-radius: 100%;
  margin-left: 12px;
}

.stop-events .li-container .li-content .text {
  margin-left: 18px;
  width: 180px;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stop-events .li-container .translate {
  background: #f6f6f6;
  font-weight: 600;
  color: #101010;
  font-size: 14px;
  align-items: baseline;
  display: flex;
  min-height: 20px;
}

.stop-events .li-container .circle-icon-container {
  width: 45px;
  border-radius: 2px;
  background: white;
  align-items: center;
  border: solid 1px #d0cfd0;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  cursor: pointer;
  position: relative;
  height: 38px;
  align-self: center;
}

.stop-events .li-container .li-content .circle-icon-container .circle-icon-dropdown {
  position: absolute;
  top: 30px;
  right: 0;
  width: 125px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17);
  border: solid 1px #d0cfd0;
  background-color: #ffffff;
  z-index: 999;
}

.stop-events .li-container .li-content .circle-icon-container .circle-icon-dropdown .dropdown-item {
  display: flex;
  align-items: center;
  padding: 10px;
}

.stop-events .li-container .li-content .circle-icon-container .circle-icon-dropdown .dropdown-item:hover {
  background-color: #f6f6f6;
}

.stop-events .li-container .li-content .circle-icon-container .circle-icon-dropdown .dropdown-item .circle-icon {
  margin-right: 12px;
}

.stop-events .li-container .li-content .circle-icon {
  width: 13px;
  height: 13px;
  border-radius: 100%;
}

.stop-events .tablet-header .buttons-container>div {
  font-size: 14px;
  font-weight: 600;
  color: #101010;
  cursor: pointer;
  margin: 0 18px;
}

.stop-events .tablet-header .buttons-container>div img {
  margin: 0 5px;
}

.op-app.stop-events .tablet-inner-container-upper {
  display: block;
  overflow: hidden;
  padding-bottom: 0;
}

.op-app.stop-events .tablet-outer-container {
  height: 715px;
}

.dndPlaceholder {
  background-color: #ddd;
  display: block;
  min-height: 80px;
}

.translations-modal .ibox-content .lang-item {
  display: table;
  width: 390px;
  text-align: center;
  margin: 0 auto;
  padding: 10px 0px;
  background-color: #ffffff;
  height: 49px;
}

.translations-modal .ibox-content .lang-item .description {
  display: table-cell;
  vertical-align: middle;
  padding-right: 45px;
  font-size: 18px;
  min-width: 150px;
}

.translations-modal.reorder .ibox-content .lang-item .description {
  padding-right: 0;
  max-width: 222px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  min-width: 100px;
}

.translations-modal .ibox-content .add-lang {
  width: 309px;
}

.translations-modal.reorder .ibox-content .lang-item {
  display: table;
  width: calc(100% - 130px);
  text-align: center;
  margin: 15px auto;
  border: solid 1px #cecece;
  padding: 10px 70px;
  width: 300px;
}

.re-order-color-picker,
.re-order-icon-picker {
  position: absolute;
  z-index: 999;
  background: white;
  border: 1px solid #cecece;
  max-height: 160px;
  overflow-y: auto;
  margin-left: 15px;
  margin-top: -20px;
}

.translations-modal.reorder .ibox-content .lang-item .drag-icon {
  position: relative;
  top: 3px;
  cursor: -webkit-grabbing;
}

.translations-modal.reorder .newGoalsModal .saveButton {
  width: 150px;
}

.translations-modal.reorder .ibox-content .lang-item .caret {
  position: relative;
  cursor: pointer;
  top: 5px;
}

.translations-modal.reorder .ibox-content .lang-item>div {
  display: table-cell;
  vertical-align: middle;
}

.translations-modal.reorder .ibox-content .lang-item .recta {
  width: 28px;
  height: 28px;
}

.translations-modal.reorder .ibox-content .lang-item {
  display: flex;
  padding: 10px 15px;
  flex-direction: row;
}

.translations-modal.reorder .re-order-color-picker>div,
.translations-modal.reorder .re-order-icon-picker>div {
  margin: 10px;
  cursor: pointer;
  width: 30px;
  height: 30px;
}

.process-title {
  font-family: ProximaNova;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2em;
  letter-spacing: normal;
  color: #000000;
  margin-right: 8px;
}

.process_percent_title {
  display: flex;
  position: absolute;
  top: -5%;
}

.process-triangle {
  padding: 9px;
}

iframe {
  zoom: calc(1 / var(--screen-zoom));
  -webkit-transform: scale(var(--screen-zoom));
  -moz-transform: scale(var(--screen-zoom));
  transform: scale(var(--screen-zoom));
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  transform-origin: 0 0;
}

.shift-bar-graph-container {
  margin-left: 0px;
}

.qc-tests .add-machine {
  display: inline-block;
  width: 232px;
  background-color: #f6f6f6;
  text-align: center;
  padding: 50px 0;
  margin-right: 31px;
  margin-bottom: 31px;
  cursor: pointer;
  height: 173px;
}

.qc-tests .add-test-list {
  font-size: 22px;
  text-align: right;
  cursor: pointer;
  padding: 10px;
}

.qc-tests .add-machine .material-switch-v {
  bottom: 4px;
}

.qc-tests .add-machine.test-item {
  padding: 20px;
}

.qc-tests .list-item {
  margin-bottom: 11px;
  display: flex;
  padding: 22px 15px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  border: solid 1px #dcdcdc;
  background-color: #ffffff;
  flex-direction: row;
  justify-content: space-between;
  max-height: 80px;
}

.qc-display-type {
  margin-left: 10px;
}

.qc-tests .list-item.new-field {
  background-color: rgba(0, 128, 255, 0.08);
}

.qc-test-edit .rows-title {
  display: flex;
  justify-content: space-between;
  padding-bottom: 46px;
  font-size: 22px;
}

.qc-test-edit .step-one-container .page-title {
  font-size: 22px;
  margin-bottom: 30px;
  margin-top: 50px;
  border-bottom: 1px solid #f6f6f6;
  padding-bottom: 26px;
}

.qc-tests .list-item>div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 27%;
  text-align: center;
}

.qc-tests .test-fields .list-item>div {
  width: 7.5%;
}

.qc-test-edit .list-group {
  max-height: 380px;
  overflow-y: auto;
  padding-left: 20px;
}

.qc-tests .list-item .remove-row {
  cursor: pointer;
  position: absolute;
  bottom: 30px;
  left: -20px;
}

.qc-test-edit .list-item>div input,
.qc-test-edit .list-item>div select {
  margin: 0 auto;
}

.qc-tests .list-item.header {
  border: none;
  box-shadow: none;
  padding: 0 22px;
  font-size: 12px;
  color: black;
}

.op-app.job-list .tablet-inner-container-upper {
  display: block;
}

.op-app.job-list .pending-jobs {
  margin-bottom: 1.51vw;
  font-size: 0.729vw;
  font-weight: 600;
  color: #101010;
}

.vertical-aligned {
  display: table-cell;
  vertical-align: middle;
}

.op-app.job-list .dotted-boxes {
  width: 5.417vw;
  padding: inherit;
  background: white;
  border: dotted 0.052vw #5b5b5b;
  cursor: grab;
  margin: 0 0.365vw;
  display: inline-block;
}

.op-app.job-list .dotted-boxes .remove-dotted-cube {
  position: absolute;
  right: 0.781vw;
  width: 0.7vw;
  top: 0.521vw;
  cursor: pointer;
}

.op-app.job-list .dotted-boxes.blue {
  /* min-width: 5.365vw; */
  border: dotted 1px var(--color2);
  margin: 0 0.365vw;
  background: #e7f0f8;
  height: 4.427vw;
}

.op-app.job-list .inner-boxes {
  /* min-width: 4.427vw; */
  height: 3.698vw;
  background-color: #ffffff;
  margin: 0.313vw 0.469vw;
  text-align: center;
  display: table;
  color: black;
  font-size: 0.781vw;
  float: left;
  width: 4.8vw;
}

.row-flex {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.jobCustomPassedFailed {
  width: 98px;
  min-height: 34px;
}

/* machines-load-directive .highcharts-contextbutton {
    display: none;
} */

/* machines-load-directive .highcharts-data-label text {
    font-size: 0.625vw !important;
    opacity: 0.8;
    visibility:visible !important;
} */

/* machines-load-directive .highcharts-label{
    opacity: 0.8;
    visibility:visible !important;
    font-weight: bold;
} */

/* machines-load-directive .highcharts-data-label text tspan {
    stroke: none !important;
} */

machines-load-directive .highcharts-axis .highcharts-yaxis text {
  visibility: hidden !important;
}

.padding-10 {
  padding: 10px;
}

.row-division-by-height-col {
  display: flex;
  justify-content: center;
  flex-direction: column;
  /* margin-top: 20px; */
}

.row-division-by-height-row {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  margin-top: 10px;
}

.fixRemoveParam {
  margin-top: 18%;
}

.noRtlModal {
  left: 30%;
  margin-top: 11%;
  height: 100%;
}

.rtlModal {
  right: 30%;
  margin-top: 11%;
  height: 100%;
}

/*
shift-distribution-directive .highcharts-point{
    width:12px
} */

.qc-tests span.onoffswitch-switch.unchecked {
  right: 0.938vw;
}

add-qc-tests button[type="submit"] {
  margin-bottom: 15px;
  width: 150px;
}

add-qc-tests .input-group-btn {
  display: block;
  padding: 0;
}

.add-qc-tests .input-group {
  display: flex;
  width: 75%;
}

.hiddenText {
  color: transparent !important;
}

.translations-modal .newGoalsModal .ibox-content>div>div.row {
  width: 100%;
  justify-content: space-around;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.StatusTable {
  font-family: ProximaNova;
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--color2);
}

.stopEventTable {
  font-family: ProximaNova;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--color2);
}

.stopEventTableData {
  font-family: ProximaNova;
  font-size: 13px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.7;
  letter-spacing: normal;
  text-align: center !important;
  color: #101010;
}

.stopEventTableData {
  font-family: ProximaNova;
  font-size: 13px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  /* line-height: 2.7; */
  letter-spacing: normal;
  text-align: center !important;
  color: #101010;
}

.vertical-line-table {
  height: 1.823vw;
  width: 0.052vw;
  border-left: solid 0.052vw #cbcbcb;
}

.right-container .vertical-line-simple-table {
  display: flex;
  height: 55%;
  border-right: solid 0.052vw #cbcbcb;
  justify-content: center;
  align-items: center;
  line-height: 1.2;
  border-left: 0;
}

/* .vertical-line-table-position span:last-child{
    float:right;
    margin-top:0.625vw;
    margin-bottom: 0.781vw;
} */

.new-left-containers tr th {
  font-family: ProximaNova;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.7;
  letter-spacing: normal;
  color: #101010;
  padding-left: 8px;
}

.arrow-fontawsome-plan {
  font-family: "FontAwesome";
  fill: white;
}

@-webkit-keyframes rotating

/* Safari and Chrome */
  {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}

.qc-tests span.material-switch-x:after {
  bottom: 4px;
}

.qc-test-edit {
  margin-top: 50px;
}

.calculatorPopup .calculatorSortableOperators .list-group-item {
  border: none;
}

.job-list .all-job-item:active {
  transform: scale(1.1);
}

.calculatorPopup .newGoalsModal .ibox-content>div {
  width: 100%;
  justify-content: center;
  display: flex;
}

.calculatorPopup .newGoalsModal .ibox-content>div.calculatorSortableFields {
  width: 70%;
  display: block;
  max-height: 245px;
  max-width: 765px;
  overflow: auto;
}

.calculatorPopup .newGoalsModal .ibox-content>div.calculatorSortableFields>div {
  display: inline-block;
  margin: 0 24px 22px 0;
  min-width: 163px;
}

.calculatorPopup .conditions {
  display: flex;
  background-color: rgba(0, 128, 255, 0.08);
  justify-content: space-around;
  width: 70%;
  max-width: 975px;
  padding: 20px 65px;
}

.calculatorPopup .conditions .calc-if {
  display: flex;
  margin-bottom: 25px;
  flex-direction: column;
}

.conditions select {
  margin-bottom: 0;
}

.qc-tests .missing-required {
  color: red;
  font-size: 14px;
  clear: both;
  margin: 0 20px;
  display: inline-block;
}

simple-table-directive .left-container,
simple-table-directive .right-container {
  position: initial;
}

.qc-tests .emptyPage {
  background: transparent;
}

.customization-permissions-list-title {
  font-family: ProximaNova;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: var(--color2);
}

.customization-permissions-list-element {
  font-family: ProximaNova;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 3;
  letter-spacing: normal;
  color: #000000;
}

.customization-permissions-list-li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: solid 1px #cecece;
}

.shift-container .report {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.shift-container .Reports {
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  background-color: var(--color2);
  height: 2vw;
  align-items: center;
  width: 1.7vw;
}

.shift-container .Reports .report-text {
  margin: 0.365vw;
  font-size: 0.677vw;
  transform: rotate(-90deg);
}

.shift-container .Reports .report-img {
  transform: rotate(-90deg);
  margin-top: 1vh;
}

.shift-container .reportRectangle {
  background-color: rgb(255, 255, 255, 0.14);
  width: 5.948vw;
  height: 4.167vw;
  display: flex;
  border-radius: 0.156vw;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-right: 0.521vw;
  overflow: hidden;
}

.shift-container .imgReport {
  width: 32px;
  height: 32px;
  object-fit: contain;
  margin: 3px;
}

.shift-container .fontReport {
  /* font-size: 0.833vw; */
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.06;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  word-wrap: break-word;
}

.shift-container .side-menu-report {
  background-color: var(--color2);
  cursor: pointer;
  flex-direction: row;
  position: fixed;
  z-index: 99999;
  right: 0;
  display: flex;
  align-items: center;
  transition: all 1s ease-in-out;
  transform: translate(0px);
  margin-top: 4vh;
}

.shift-container .side-menu.closed {
  transition: all 1s ease-in-out;
}

.shift-container .more-options {
  display: flex;
  align-items: center;
}

.shift-container .closeIcon {
  background-color: var(--color2);
  width: 2.604vw;
  height: 5.208vw;
  display: flex;
  border-radius: 0.156vw;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.verifyEmail .underLoginButton {
  width: 100%;
  font-size: 12px;
  color: #0f0f0f;
  position: fixed;
  bottom: 0px;
  height: 103px;
}

.verifyEmail .checkIcon {
  display: flex;
  justify-content: center;
  margin-bottom: 17px;
}

.verifyEmail .bigTitle {
  font-size: 35px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #4a4a4a;
  margin-bottom: 17px;
}

.verifyEmail .smallTitle {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
  margin-bottom: 36px;
}

.verifyEmail .openMatics {
  display: flex;
  justify-content: center;
}

.verifyEmail .openMatics .button {
  width: 356px;
  height: 37px;
  border-radius: 2px;
  background-color: var(--color2);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.verifyEmail .openMatics .button .text {
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

.verifyEmail .checkIcon img {
  width: 72px;
  height: 72px;
}

.verifyEmail {
  width: 100%;
  height: 100%;
}

.verifyEmail .verifyContainer {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: calc(365px / -2);
  margin-top: calc(238px / -2);
}

.verifyEmail .verifyContainer.expired {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: calc(530px / -2);
  margin-top: calc(238px / -2);
}

.verifyEmail .loading {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.arrow-fontawsome-plan {
  display: none;
}

.call-technician-div {
  height: 100%;
  width: 100%;
  /* margin-right: 10%;
    margin-top: 5%; */
  padding: 15px 30px;
}

.call-technician-div .call-technician-description {
  height: 70px;
  width: 100%;
  max-height: 170px;
  min-height: 50px;
  max-width: 100%;
  min-width: 100px;
}

.qc-test-popup {
  padding: 28px 38px;
}

.qc-test-popup .passed {
  width: 136px;
  height: 24px;
  border-radius: 2px;
  background-color: #1aa917;
  color: white;
  font-size: 17px;
  margin: 0 22px;
  align-items: center;
  display: flex;
}

.qc-test-popup .progress {
  width: 136px;
  height: 24px;
  border-radius: 2px;
  background-color: rgba(0, 128, 255, 0.7);
  color: white;
  font-size: 17px;
  margin: 0 22px;
  align-items: center;
  display: flex;
}

.qc-test-popup .passed.failed {
  background-color: darkred;
}

.qcIbox {
  background: white;
  padding-top: 20px;
}

.qcIbox .ibox-title {
  margin: 0 30px;
}

.ibox-title-flex {
  display: flex;
  align-items: center;
}

.qc-test-popup .header-titles {
  border-bottom: solid 1px #dcdcdc;
  font-size: 17px;
  padding: 8px 0;
  margin: 13px 0;
  /* font-weight: bold; */
}

.qc-test-popup .fields-container {
  background-color: #f6f6f6;
  padding: 40px 50px;
  display: flex;
  justify-content: space-between;
  font-size: 18px;
}

.qc-test-popup .modal-footer {
  padding: 30px 0;
}

.qc-test-popup .modal-footer button {
  width: 135px;
  margin: 0;
  border: none;
}

.qc-test-popup .fields-container .row-flex {
  margin-bottom: 20px;
}

.qc-test-popup .fields-container .field-title {
  max-width: 150px;
  width: 150px;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
}

.qc-test-popup .col-title {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.qc-test-popup .params .col-input {
  margin-bottom: 8px;
}

.qc-test-popup .params {
  display: flex;
}

.qc-test-popup .params .param-col {
  margin-right: 20px;
}

.qc-test-popup .samples {
  margin-top: 8px;
}

.qc-test-popup .samples input {
  max-width: 66px;
}

.qc-test-popup .parameter-section {
  margin-top: 8px;
}

.qc-test-popup .parameter-section .row-flex {
  height: 50px;
  display: flex;
  margin-right: 4vw;
  justify-content: space-between;
}

.qc-test-popup .parameter-section .param-title>div:first-child {
  /* width: 120px; */
}

.qc-test-popup .parameter-section .param-title {
  font-weight: 300;
  font-size: 13px;
  float: left;
  /* display: flex; */
  /* justify-content: space-between; */
  /* width: calc(100% - 160px); */
}

.qc-test-popup .parameter-section.row-flex .left-side>div {
  display: inline-block;
  padding-left: 50px;
}

.qc-test-modal {
  width: 90%;
  margin: 0 auto;
}

.qc-test-modal .modal-dialog {
  align-items: center;
  width: 90%;
}

.calculatorPopup .vertical-aligned.digits {
  width: 50px;
  height: 45px;
  background: var(--color2);
  border-radius: 2px;
  color: white;
  font-weight: 900;
  font-size: 26px;
  text-align: center;
}

.qctest-pop-first .horizontal-line {
  width: 500px;
  border-bottom: 1px solid #cecece;
  margin: 0px auto 33px auto;
}

.calculatorPopup .opdigit {
  cursor: pointer;
}

.calculatorPopup .opdigit:active {
  transform: scale(1.1);
}

.dropdown-menu {
  border: medium none;
  border-radius: 0.156vw;
  box-shadow: 0 0 0.156vw rgba(86, 96, 117, 0.7);
  display: none;
  float: left;
  font-size: 0.625vw;
  left: 0;
  list-style: none outside none;
  padding: 0;
  position: absolute;
  text-shadow: none;
  width: 8vw;
  top: 100%;
  z-index: 1000;
}

.dropdown-menu>li>a {
  border-radius: 0.156vw;
  color: inherit;
  line-height: 1.302vw;
  margin: 0.208vw;
  text-align: left;
  font-weight: normal;
  display: block;
  padding: 0.156vw 1.042vw;
  clear: both;
  white-space: nowrap;
}

.onoffswitch-switch {
  width: 0.938vw;
  border: 0.104vw solid #1ab394;
  border-radius: 0.156vw;
  right: 1.875vw;
}

input[type="checkbox"],
input[type="radio"] {
  margin: 0.208vw 0 0;
}

.onoffswitch-label {
  border: 0.104vw solid #1ab394;
}

.onoffswitch-inner:before {
  padding-left: 0.365vw;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
  height: 0.833vw;
  line-height: 0.833vw;
  font-size: 0.521vw;
}

.fc-toolbar .fc-left {
  margin-top: 5px;
}

.fc-toolbar .fc-center {
  margin-top: 5px;
}

.fc-toolbar .fc-right {
  margin-top: 5px;
}

.fc-toolbar {
  flex-wrap: wrap;
}

.stop-events .li-content .material-switch-v {
  bottom: 7px;
}

.stop-events .li-content .material-switch-x {
  position: relative;
  bottom: 6px;
}

.common-dictionaries-popup {
  position: absolute;
  width: 156px;
  background: white;
  height: 190px;
  z-index: 7;
  box-shadow: 1px 1px 3px #6d6a6a;
  padding: 10px;
  overflow-y: scroll;
  overflow-x: hidden;
  font-size: 13px;
  line-height: 2.2;
  color: #010101;
  font-weight: 300;
  left: -25px;
  margin-bottom: 10px;
}

.moduleLicense {
  position: fixed;
  height: 64px;
  top: 0px;
  z-index: 10000;
  width: 700px;
  left: calc(50% - 350px + 110px);
  background-color: #ffe961;
  font-size: 16px;
  opacity: 1;
  color: black;
  margin: 0 -15px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin: 11px 0px 0px 0px;
}

.moduleLicense .close-icon {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 20px;
  cursor: pointer;
}

#wrapper .moduleLicense {
  top: 40px;
}

.otherMachinesNote {
  color: red;
  line-height: 7px;
  width: 140px;
  margin: 4px 10px 0px 10px;
  position: absolute;
  top: 15px;
  left: 192px;
  font-size: 19px;
}

.list-item .otherMachinesNote {
  top: 21px;
}

.otherMachinesNoteModal {
  color: red;
  display: flex;
  margin: 10px 0 0 0;
  position: absolute;
}

break {
  flex-basis: 100%;
  width: 0px;
  height: 0px;
  overflow: hidden;
}

.insights-filter-grid {
  position: fixed;
  box-shadow: 0px 1px 4px #7d7d7d;
  display: grid;
  max-height: 100%;
  max-width: 330px;
  z-index: 100;
  background: white;
  height: calc(100% - 8.6875vw);
  right: 0;
  top: calc(41px + 5.521vw);
  grid-template-rows: 0.5fr 8fr 0.5fr;
}

.insights-filter-header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.insights-filter-header-container-elements {
  height: 24px;
  border-radius: 12px;
  background-color: #dcdcdc;
  display: flex;
  margin-left: 10px;
  align-items: center;
  justify-content: space-between;
  transition: all 0.2s;
}

.insights-filter-header-container-elements-text {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  cursor: default;
}

.insights-filter-header-container-elements-img {
  cursor: pointer;
  margin-right: 7px;
  height: 100%;
  margin-top: 3.5px;
  margin-left: 15px;
}

.insights-filter-header-container-elements-clear {
  width: 52px;
  height: 17px;
  font-family: ProximaNova;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-left: 10px;
  color: #101010;
  display: inline-block;
  cursor: pointer;
  transition: all 0.2s;
}

.insights-filter-header-btn {
  width: 138px;
  height: 37px;
  border-radius: 2px;
  display: inline-block;
  background-color: var(--color2);
  text-align: center;
  display: inline-block;
  border: none;
  transition: all 0.2s;
}

.insights-filter-header-btn-content {
  height: 100%;
  width: 100%;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  background-color: var(--color2);
  border: none;
  color: white;
}

.insights-filter-body {
  display: grid;
  grid-template-columns: 0.8fr 1fr 1fr 1fr;
  grid-column-gap: 2em;
  grid-template-rows: 100%;
  height: 360px;
  overflow: hidden;
}

.insights-filter-body-col {
  margin-top: 20px;
  margin-bottom: 20px;
}

.insights-filter-forms {
  width: 95%;
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: row-reverse;
}

.insights-filter-body-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 5px 0;
  padding: 10px 0;
}

.insights-filter-body-list {
  height: 98%;
  overflow-y: auto;
}

.insights-filter-form-radio {
  padding-bottom: 8px;
  display: flex;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 8px;
  justify-content: space-between;
  margin-bottom: 0px;
  font-weight: unset;
}

.form-control-search-icon {
  position: absolute;
  right: 22px;
  bottom: 11px;
  cursor: pointer;
}

.insights-filter-checkbox {
  display: inline-block;
  margin-left: 15px;
}

.insights-filter-header-form>div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 35px;
  padding: 10px 0;
}

.insights-filter-form-radio-label {
  margin-top: 3px;
  margin-right: 5px;
  white-space: nowrap;
  overflow: visible;
  text-overflow: ellipsis;
  margin-bottom: unset;
}

insights-filter .insights-filter-form-radio-label-machine {
  width: 69px;
  height: 20px;
}

insights-filter .insights-filter-form-radio-label-shift {
  width: 33px;
  height: 20px;
}

insights-filter .insights-filter-form-radio-label-job {
  width: 33px;
  height: 20px;
}

insights-filter .insights-label-strong {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}

insights-filter .unsortedFilter {
  display: grid;
  grid-template-columns: 1fr;
}

.arrows {
  margin-left: auto;
  cursor: pointer;
}

.form-inline {
  margin: 15px 0 10px 35px;
}

.form-input-filter {
  width: 100% !important;
  margin-right: 5px;
}

.drop-down-scalable {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.passed-failed {
  border: solid 0.8px #404041;
  display: flex;
}

/* .passed-failed>div {
    padding: 10px 20px;
    cursor: pointer; */
/* } */
.passed-failed>div {
  padding: 3px 20px;
  cursor: pointer;
}

.passed-failed>span {
  cursor: pointer;
}

.passed-failed>div.pass.active {
  color: white;
  background: #1aa917;
}

.passed-failed>div.fail.active {
  color: white;
  background: #c01b29;
}

.card-container-main-kpi {
  display: flex;
  flex-direction: row;
  margin: 1% 1% 1% 0%;
  width: 15%;
}

.card-container-main-kpi-left {
  flex-direction: column;
  width: 80%;
}

.card-container-main-kpi-left-content {
  width: 100%;
  height: 9.01vw;
  background-color: #f6f6f6;
  flex-direction: column;
  padding: 0.417vw;
}

.kpi-customization .main-kpi-title {
  margin-left: 1.25vw;
  padding-top: 1.25vw;
  font-size: 0.938vw;
  color: #000000;
}

.kpi-customization .card-main-kpi-title {
  font-size: 0.938vw;
  height: 2.188vw;
  font-weight: bold;
  line-height: 1.22;
  color: #000000;
}

.kpi-customization .card-main-kpi-edit-icon {
  object-fit: contain;
  margin-right: 0.208vw;
  float: right;
  color: black;
  padding: 0.208vw;
  cursor: pointer;
}

.rtl .kpi-customization .card-main-kpi-edit-icon {
  object-fit: contain;
  margin-right: 0.208vw;
  float: left;
  color: black;
  padding: 0.208vw;
  cursor: pointer;
}

.kpi-customization .card-main-kpi-subtitle {
  font-size: 0.833vw;
  line-height: 1.38;
  text-align: center;
  margin-top: 1.302vw;
  color: #000000;
}

.kpi-customization .card-edit-translate-kpi-container {
  display: flex;
  flex-direction: row;
  direction: ltr;
}

.rtl .kpi-customization .card-edit-translate-kpi-container {
  display: flex;
  flex-direction: row;
  direction: ltr;
  float: right;
}

.kpi-customization .card-main-kpi-subtitle-span {
  display: inline-block;
  border-bottom: 0.052vw solid black;
  padding-bottom: 0.052vw;
}

.kpi-customization .card-main-kpi-blue-subtitle {
  font-size: 0.833vw;
  line-height: 1.38;
  text-align: center;
  margin-top: 0.208vw;
}

.kpi-customization .card-main-kpi-multiple {
  width: 66%;
  height: 33%;
  object-fit: contain;
  margin: 15% 15% 15% 30%;
}

.kpi-customization .card-main-kpi-save-btn {
  border-radius: 0.104vw;
  flex-grow: 5;
  color: white;
  font-size: 0.833vw;
  font-weight: bold;
  height: 1.719vw;
  cursor: pointer;
  background-color: var(--color2);
  display: flex;
  justify-content: center;
  align-items: center;
}

.kpi-customization .card-main-kpi-equal-btn {
  width: 8.542vw;
  right: 2%;
  height: 2.344vw;
  border-radius: 0.104vw;
  margin: 0;
  border: 0;
  position: relative;
  bottom: 1.146vw;
  font-weight: bold;
  background: var(--color2) url("../images/equal.png") no-repeat 30px center;
  color: white;
  cursor: pointer;
}

.kpi-customization .card-main-kpi-paragraph {
  height: 1.146vw;
  font-size: 0.833vw;
  line-height: 1.38;
  text-align: center;
  color: #000000;
}

.kpi-customization .card-main-kpi-equal-hr {
  margin: 0;
  border: 0;
  height: 0.104vw;
  width: 100%;
  background: var(--color2);
}

.kpi-customization .card-main-kpi-equal-button-container {
  display: flex;
  justify-content: center;
}

.kpi-customization .card-main-kpi-equal-hr-container {
  display: flex;
  width: 100%;
}

.kpi-customization .card-main-kpi-equal-wrapper {
  display: flex;
  width: 100%;
  margin-top: 2.604vw;
  justify-content: center;
}

.kpi-customization .card-main-kpi-cancel-btn {
  color: var(--color2);
  margin: auto;
  cursor: pointer;
  padding: 0 0.833vw;
  font-weight: 600;
  font-size: 0.833vw;
}

.kpi-customization {
  background: #ffffff;
}

.kpi-customization .kpi-title {
  width: 100%;
  height: 3.646vw;
}

.kpi-customization .title-hr {
  width: 100%;
  margin-top: 1.25vw;
  height: 0.052vw;
  background: #dcdcdc;
}

.kpi-customization .cards-container {
  display: flex;
  justify-content: center;
  margin-top: 1.25vw;
}

.kpi-customization .kpi-operator {
  width: 20%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.kpi-customization .lower-cards-container {
  display: flex;
  justify-content: center;
}

.kpi-customization .save-cancel-container {
  display: flex;
  flex-direction: row;
  margin: 0.417vw 0;
}

.kpi-customization .save-cancel-container {
  display: flex;
  flex-direction: row;
  margin: 0.417vw 0;
}

.new-search {
  background: white;
  padding: 15px 15px 15px 15px;
}

.new-search .search-btn {
  width: 138px;
  border-radius: 2px;
  background-color: var(--color2);
  color: white;
  align-items: center;
  display: flex;
  justify-content: center;
  cursor: pointer;
}

.qc-test-results {
  background-color: white;
  padding: 0px 15px 0px 15px;
}

.new-search .cancel-btn {
  font-size: 14px;
  font-weight: 600;
  padding: 10px;
  margin: 0 15px;
  color: var(--color2);
  cursor: pointer;
}

.new-search .new-search-footer {
  background: #f6f6f6;
  height: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.new-search .new-search-footer .btns {
  display: flex;
  justify-content: flex-end;
  margin: 0 15px;
}

.new-search .search-title {
  font-size: 22px;
  color: #000000;
  display: flex;
  justify-content: space-between;
}

.new-search .search-title .search-icon {
  border-radius: 0.104vw;
  width: 40px;
  text-align: center;
  border: solid 0.052vw #d0cfd0;
}

.new-search .search-title .lastRefresh {
  display: inline;
  margin: 0;
  padding: 0 10px;
}

.new-search .new-search-container {
  background-color: #f6f6f6;
  display: flex;
  justify-content: space-between;
  margin: 26px 0 0 0;
  border-top: 2px solid #cecece;
  padding: 36px;
  border-bottom: 2px solid #cecece;
}

.new-search .new-search-container .default-input {
  min-width: 30vh;
}

.new-search .new-search-container .date-input {
  min-width: 20vh;
}

.new-search .new-search-container .input-container {
  display: flex;
}

.new-search .new-search-container .input-container .search-icon {
  position: relative;
  right: 35px;
  cursor: pointer;
}

.new-search .new-search-container .input-container .input-title {
  font-size: 13px;
  color: #101010;
}

.new-search .new-search-container input {
  border-radius: 2px;
  border: solid 1px #d0cfd0;
}

.qc-test-results a.nav-link.active {
  background: white;
  color: var(--color2) !important;
  font-weight: bold;
  border-bottom: 4px solid var(--color2);
}

.qc-test-results .nav-tabs>li>a:hover,
.qc-test-results .nav-tabs>li>a:focus {
  background-color: white;
  border-bottom: none;
}

.qc-test-results .nav-tabs {
  background: white;
  border-bottom: 1px solid #cecece;
  min-height: 45px;
}

.qc-test-results .nav.nav-tabs li {
  position: relative;
  top: 0px;
}

qc-test-results-search .editSearch {
  font-size: 13px;
  display: flex;
  align-self: center;
}

qc-test-results-search .searchCriteria {
  margin: 0px 10px;
  font-size: 16px;
  align-self: center;
}

qc-test-results-search .highcharts-container {
  box-shadow: none;
}

.target-bullet {
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0);
}

.source-bullet {
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background: var(--color2);
  color: white;
}

@keyframes yAxis-b-flying-Bullet {
  50% {
    animation-timing-function: ease-in-out;
    transform: translateY(-40px);
  }
}

.b-flying-Bullet {
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background: var(--color2);
  position: absolute;
}

/* .new-search.qc-test .new-search-container > div {
  min-width: 20%;
} */

.verticalTranslationModel .modal-dialog {
  width: 70%;
}

.machine-expanded-container .colorBullet,
.machineCollaped .colorBullet,
.machine-dashboard .colorBullet {
  width: 0.625vw;
  height: 0.625vw;
  z-index: 9;
  background: white;
  border-radius: 100%;
  position: absolute;
  left: 1.927vw;
  border: 0.104vw solid white;
}

.colorBulletOnline {
  display: inline-block;
  position: absolute;
  left: 25px;
  background-color: rgb(55, 245, 66);
}

.machine-dashboard .colorBullet {
  left: 49px;
  bottom: 45px;
  border-color: #686868;
  width: 15px;
  height: 15px;
}

.mainMenuShiftCalendar {
  height: calc(100vh - 100px);
  margin: 65px 0px 0px 0px;
  background-color: white;
}

.mainMenuShiftCalendar .secondry-title {
  font-size: 16px;
  color: #000000;
}

.mainMenuShiftCalendar .title {
  font-size: 22px;
  color: #000000;
}

.mainMenuShiftCalendar .header-container {
  padding-top: 15px;
}

div.ui-grid-cell input[type="color"] {
  -webkit-appearance: square-button;
  width: 44px;
  height: 23px;
  background-color: buttonface;
  cursor: default;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(169, 169, 169);
  border-image: initial;
  padding: 1px 2px;
}

.highcharts-background {
  height: 100%;
  width: 100%;
}

.errorMessage {
  color: red;
}


.ui-grid-viewport {
  min-height: 350px !important;
}

units-produced-theoretically-directive .highcharts-grid-line {
  display: none;
}

machines-load-directive .highcharts-grid-line {
  display: none;
}

.qc-test-results .graph-container {
  padding: 20px;
  width: 50%;
  display: inline-block;
  height: 100%;
}

.qc-test-results .graph-wide-container {
  margin: 1%;
  width: 70%;
  display: flex;
  justify-content: center;
  max-height: 400px;
  position: relative;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
}

.highcharts-data-labels tspan {
  white-space: normal !important;
  word-break: break-all;
}

.highcharts-data-labels text {
  white-space: normal !important;
  word-break: break-all;
}

.graph-wide-container-rotate {
  width: 25%;
  max-height: 400px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  margin: 1%;
}

.qc-test-results .list-container {
  padding: 20px;
  /* width: 10%; */
  height: 100%;
  display: inline-block;
  font-size: 15PX;
  font-weight: bold;
}

.qc-test-results .single-container {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 38px;
  border-bottom: 1px solid gray;
}

.qc-test-results .dashboard-tab .no-graphs {
  height: 175px;
  width: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  margin: 50px auto;
  box-shadow: 2px 2px 7px #868585;
  font-size: 15px;
}

.qc-test-results .dashboard-menu-container {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.qc-test-results .menuContainer {
  position: absolute;
  display: grid;
  cursor: pointer;
  grid-template-rows: 1fr 1fr;
  z-index: 1000000;
  color: white;
  background-color: rgb(160, 160, 160);
}

.qc-test-results .menuContainerRow {
  width: 100%;
  height: 100%;
  padding: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(160, 160, 160);
}

.qc-test-results .dashboard-tab .dashboard-settings {
  display: flex;
  justify-content: flex-end;
  padding: 20px;
  background: white;
  flex-direction: row-reverse;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-between {
  justify-content: space-between;
}

.align-items-center {
  align-items: center;
}

.btn.new-dep-header-buttons.filtering-button {
  padding: 0.313vw 0.625vw;
}

.popover.clockpicker-popover .popover-title {
  direction: ltr;
}


.column-insight-question:not(:last-child) {
  margin-right: 12px;
}


.qc-test-results .failed-field {
  background: #ff6262 !important;
}

.insights-filter-section {
  background: white;
  /* height: 2.083vw; */
  align-items: center;
  display: flex;
  font-size: 0.729vw;
  /* padding: 0 1.786vw; */
  margin-right: 10px;
}

.insights-filter-item {
  display: inline;
  border-radius: 12px;
  background-color: #dcdcdc;
  padding: 0px 10px;
  margin-right: 20px;
  cursor: pointer;
}

.insights-filter-item img {
  width: 0.65vw;
  height: 0.65vw;
  position: relative;
  bottom: 0.05vw;
}

.insight-container-title {
  /* height: 58px; */
  /* padding-left: 1.302vw; */
}

.insight-container {
  margin-top: 30px;
  overflow: hidden;
  border-bottom-left-radius: 37px;
  border-bottom-right-radius: 37px;
}

.fullScreenCSS {
  height: 90% !important;
}

.testClass {
  position: absolute;
  z-index: 1000000;
}

.iconSize {
  width: 1.823vw;
  height: 1.625vw;
}

.passed-failed>div:first-child {
  border-right: 1px solid #404041;
}

.highcharts-legend-item text {
  font-weight: unset !important;
}

h2.production-floor-header {
  margin-top: 1.042vw;
  margin-bottom: 0.521vw;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.104vw;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.nav-online-shfit {
  font-size: 0.677vw;
}

.production-lines-def {
  background: #ffffff;
  margin: 0 1.667vw;
  display: flex;
  flex-direction: column;
  margin-top: calc(40px + 0.521vw);
}

.production-lines-def .header {
  width: 100%;
  padding: 0.833vw 1.667vw;
}

.production-lines-def .header .title {
  display: inline-flex;
  font-size: 0.938vw;
  font-weight: bold;
}

.production-lines-def .header .sort {
  display: inline-flex;
  flex-direction: row;
  width: 10.417vw;
  font-size: 0.729vw;
}

.production-lines-def .header .sort .sort-by {
  width: 40%;
  margin: auto;
}

.new-production-line {
  background: #ffffff;
  margin: 5vw 1.667vw;
  padding: 1.667vw;
  display: flex;
  flex-direction: column;
}

.new-production-line .sortableBox {
  /* display: inline-flex; */
  flex-direction: row;
  border: 1px solid black;
  /* height: 87px; */
  margin: 1.302vw 2.604vw;
  padding: 0px;
  /* width: 222px; */
}

.new-production-line .sortableBox .rowItem-main{
  display: inline-flex;
  height: 87px;
  width: 222px;
}

.new-production-line .sortableBox .rowItem-calc{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.shiftContainer-insights-filter-header-btn {
  width: 100%;
  height: 30px;
  border-radius: 2px;
  display: inline-block;
  background-color: var(--color2);
  text-align: center;
  transition: all 0.2s;
  /* margin-bottom: 10px;
  margin-top: 10px; */
}

.new-production-line .form-title {
  margin: 1.667vw;
}

/* units-produced-directive .highcharts-drillup-button {
    display: none;
} */

.PE-Sentence {
  color: red;
  font-size: 0.677vw;
  padding: 0 0 12px 8px;
}

app-object-tabs-directive .PE-Sentence {
  display: none;
}


.Hide-Show-Time-Bar {
  border-radius: 0.104vw;
  border: solid 0.052vw #d0cfd0;
  margin-left: 1.042vw;
  cursor: pointer;
  font-size: 0.729vw;
  min-width: 6.25vw;
  text-align: center;
  height: 1.927vw;
  max-height: 1.823vw;
  padding: 0.417vw;
  user-select: none;
  display: flex;
}

.filter-insight-labels-comboBox {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dateRangeClassInsights,
.dateRangeClassProductionFloor {
  border: none;
  width: 100%;
  margin: 0px 0px 0px 3px;
  cursor: pointer;
  background-color: white;
  padding: 0;
  text-align: center;
}


.dateRangeClassWrapper {
  border-radius: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(169, 169, 169);
  border-image: initial;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  height: 1.3vw;
}

.showJobsListClass {
  margin-left: auto;
}

machine-timeline-directive .slider-div {
  display: none;
}

.machine-dashboard .machine-name .dropdown-menu {
  display: block;
}

.startJobIndication {
  width: 5px;
  height: 5px;
  background-color: black;
  position: absolute;
  left: -3px;
  top: 0;
}

.insightTable {
  padding-left: 1.302vw;
}

.insight-dashboard-settings-tooltip {
  right: 3.604vw !important;
  z-index: 1;
  margin-top: -0.3vw
}

.navigation-btn-group {
  display: flex;
}

.navigation-div {
  border-radius: 2px;
  border: solid 1px #d0cfd0;
  display: flex;
  align-items: center;
}

.navigation-btn {
  border: none;
  background-color: white;
}

.navigation-btn:focus {
  outline: none;
}

.navigation-btn-font {
  font-size: 0.859vw;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
  padding: 5px;
  padding-right: 15px;
  padding-left: 15px;
}

.navigation-div:not(:first-child) {
  border-left: none;
}

.navigation-caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.104vw;
  vertical-align: middle;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid;
}

.navigation-btn-dropdown {
  position: relative;
  cursor: pointer;
}

.navigation-btn-dropdown-title {
  margin-right: 5px;
}

.Current-Shift-Performance {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: fit-content;
  background: white;
  padding: 1.042vw;
}

.Current-Shift-Performance .title {
  width: 10.677vw;
  height: 1.146vw;
  font-size: 0.938vw;
  color: #000000;
}

.insightsTemplatesDirective {
  width: 100%;
  height: 100%;
}

.checkboxSPC {
  display: flex;
  align-items: center;
}

.SPCLabel {
  margin-left: 10px;
  display: flex;
  width: 100%;
}

.SPCTests {
  display: flex;
  flex-direction: column;
  margin-top: 13px;
}

.SPCTestsElements {
  display: flex;
  text-align: center;
  margin-top: 10px;
  flex-direction: row;
  align-items: center;
}

.SPCTestsToggle {
  display: flex;
  align-items: center;
}

.SPCTestsLabels {
  margin-left: 5px;
  margin-right: 10px;
  white-space: break-spaces;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: justify;
}

.SPCTestsParam {
  margin-left: auto;
}

.SPCTestsParamLabel {
  margin-left: auto;
}

.options-drop-down-tooltip-label {
  display: flex;
}

.machine-expanded-container .start-connector,
.machineProgress .start-connector,
.machineCollaped .start-connector {
  position: absolute;
}

.machine-expanded-container .end-connector,
.machineProgress .end-connector,
.machineCollaped .end-connector {
  position: absolute;
}

.red-shift-target-container {
  background-color: rgba(255, 0, 0, 0.2);
}

.machineCollaped.bottom {
  width: 100%;
  height: 17px;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.8px;
  text-align: center;
  color: #101010;
  margin-top: 5px;
}

.machineCollaped .pencil {
  cursor: pointer;
  margin: 0 15px;
}

.machineCollaped .expandedEditParamsDropdown {
  right: unset;
  top: unset;
}

.machineCollaped .job-Configuration {
  width: 145px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.32);
  background-color: #ffffff;
  position: absolute;
  border: 1px solid #6e6e6e;
  right: 0px;
  z-index: 400;
  top: 40px;
  max-height: 300px;
  overflow: auto;
}

.machineCollaped .job-Configuration .product {
  padding: 5px;
  /* cursor: pointer; */
  color: #000;
}

.machineCollaped .colorBullet {
  left: unset;
  right: 10px;
}

.ui-grid-viewport {
  min-height: 231px !important;
  min-height: 231px !important;
  max-width: 100% !important;
  min-width: 100% !important;
}

insights-templates-directive .onoffswitch-label {
  background-color: white;
}

insights-dashboard-directive .ui-grid-viewport {
  min-height: 231px !important;
  min-height: 231px !important;
  max-width: 100% !important;
  min-width: 100% !important;
}

insights-dashboard-directive .ui-grid-scrollbar-placeholder {
  display: none;
}

insights-dashboard-directive .interactive-filter-container {
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  margin-left: auto;
}

insights-dashboard-directive .interactive-filter-container-button {
  height: 100%;
  display: flex;
  align-items: center;
}

insights-dashboard-directive .apply-button {
  height: 1.3vw;
  display: flex;
  width: 3.5vw;
}

insights-dashboard-directive .interactive-filter-container-img {
  height: 2vw;
  cursor: pointer;
  width: 1.5vw;
  margin: 3px;
}


insights-dashboard-directive .date-range-container {
  display: flex;
  margin-top: 3px;
  height: 1.3vw
}

insights-dashboard-directive .date-range-label {
  padding: 5px;
  text-align: center;
}

insights-dashboard-directive .insight-arg-container {
  display: flex;
  margin-top: 3px
}

insights-dashboard-directive .insight-arg-container-select {
  height: 1.3vw
}

insights-dashboard-directive .insight-arg-container-selectArg {
  height: 1.3vw;
  border: 1px solid gray
}

insights-dashboard-directive .insight-grid-table {
  margin-top: 20px;
  /* height: 100%; */
}

insights-dashboard-directive .insight-arg-container-TopNum {
  border: 1px solid gray;
  width: 40px;
  height: 1.3vw;
  text-align: center
}

insights-dashboard-directive .show-print-elements2 {
  padding: 5px;
  border: 1px solid gray
}

insights-dashboard-directive .ui-grid-tree-header-row .ui-grid-cell {
  background-color: #f5f7f7 !important;
}

/* insights-dashboard-directive .highcharts-button-box {
  display: none;
} */




insights-dashboard-directive .insight-arg-container-TopNum {
  border: 1px solid gray;
  width: 40px;
  height: 1.3vw;
  text-align: center
}

insights-dashboard-directive .show-print-elements2 {
  padding: 5px;
  border: 1px solid gray
}

insights-dashboard-directive .ui-grid-tree-header-row .ui-grid-cell {
  background-color: #f5f7f7 !important;
}

/* insights-dashboard-directive .highcharts-button-box {
  display: none;
} */

insights-dashboard-directive .histogram,
insights-dashboard-directive .line-graph,
insights-dashboard-directive .pie-container {
  display: flex;
  justify-content: center;
}

insights-dashboard-directive .fixDataLabelWhite {
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  font-weight: 500;
  z-index: 1;
}

insights-dashboard-directive .fixDataLabelBlack {
  color: black;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
  font-weight: 600;
  z-index: 1000000000;
}

insights-dashboard-directive .averageContainer {
  display: flex;
  flex-direction: column;
  border: 1px solid;
  align-items: center;
  padding: 3px;
  justify-content: center;
  margin-left: auto;
}

insights-dashboard-directive .highcharts-container {
  box-shadow: none;
}


insights-dashboard-directive .insight-parameters {
  display: flex;
  margin: 5px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.8vw;
  justify-content: start;
  padding-left: 1.302vw;
  padding-right: 1.302vw;
}

insights-dashboard-directive .column-insight-question {
  display: flex;
  flex-direction: column;
}

insights-dashboard-directive .column-insight-question-sentence {
  display: flex;
  flex-direction: row;
  justify-content: center;
}



.onlineSetTargetGoalModal .tableContainer {
  max-height: 45vh;
  margin: 1vh 1vw;
  overflow-y: auto;
}

.onlineSetTargetGoalModal .cell {
  display: flex;
  text-align: center;
  align-self: center;
  border: #0a0a0a solid 1px;
  justify-content: center;
  align-items: center;
  width: 5vw;
}

.onlineSetTargetGoalModal .gridWrapper {
  grid-gap: 1vh 1vw;
  display: grid;
  grid-auto-columns: 6vh;
}

.onlineSetTargetGoalModal .columnMachineNames {
  grid-gap: 1vh 1vw;
  display: grid;
  grid-auto-rows: 6vh;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
}

.onlineSetTargetGoalModal .rowData {
  grid-row-start: 2;
  grid-template-rows: repeat(6, 1fr);
  grid-column-start: 2;
  grid-column-end: 8;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.newPrimaryBtn {
  background-color: var(--color2);
  border-color: var(--color2);
  color: #ffffff !important;
}

.newPrimaryBtn:hover {
  background-color: #00004f;
  border-color: #00004f;
  color: #ffffff;
}

.production-table-item {
  padding-left: 15px;
}

.production-table-item .ui-grid-cell-contents {
  display: flex;
  align-items: center;
}

.ui-grid-cell-contents {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.ui-grid-cell>span {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

productionFloor .dropdown-menu.select-dep-dropdown.templates {}

.machineProgress .start-connector {
  left: calc(-0.26vw + -0.2vw * var(--selected-scale));
  top: calc(-0.26vw + -0.2vw * var(--selected-scale));
}

.machineProgress .start-connector.displayEndLines {
  left: calc(-0.26vw + -0.33vw * var(--selected-scale));
  top: calc(-0.26vw + -0.33vw * var(--selected-scale));
}

.machineProgress .end-connector {
  right: calc(-0.26vw + -0.2vw * var(--selected-scale));
  top: calc(-0.26vw + -0.2vw * var(--selected-scale));
}

.machineProgress .end-connector.displayEndLines {
  right: calc(-0.26vw + -0.33vw * var(--selected-scale));
  top: calc(-0.26vw + -0.33vw * var(--selected-scale));
}

.fw .tasksManagementHeaderText {
  visibility: hidden;
}

.fw .tasksManagementHeader {
  top: 86px;
  width: 100vw;
}

.fw .hiddingMask {
  top: calc(86px + 5.521vw);
}

.fw .tasksManagement {
  overflow-y: hidden;
}

.fw .tasksManagementBody {
  position: relative;
  top: 50px;
}

.fw .tasksManagement .filterWrapper {
  top: calc(86px + 5.521vw);
  width: 17.5vw;
}

.fw .tasksManagement .filterMenuPointer {
  top: calc(86px + 5.521vw);
  position: fixed;
}

.fw .tasksManagement .closeFilterWindow {
  top: calc(86px + 5.521vw);
  position: fixed;
}

.text-align {
  text-align: left;
}

.label-direction-fix {
  direction: ltr;
}

.copy-qc-dots {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 30px;
  height: 50px;
  align-items: center;
  margin-top: auto;
  margin-left: auto;
  margin-right: 10px;
  position: relative;
}

.copy-qc-dots .new-circle-column {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #4a4a4a;
  margin: 2px 0;
}

.margin-auto-flex {
  margin-left: auto
}

.pointer {
  cursor: pointer;
}

events-table-directive .gridTableContainer {
  display: grid;
  grid-gap: 30px;
}

events-table-directive .gridTableHeader {
  display: grid;
  grid-template-columns: 0.2fr 0.2fr repeat(14, 0.5fr) repeat(4, 0.2fr);
  font-size: 18px;
}

events-table-directive .gridTableBody {
  display: grid;
  height: 30vw;
  overflow-y: scroll;
}

events-table-directive .gridTableUnit {
  justify-self: center;
  white-space: nowrap;
}

events-table-directive .gridTableUnitTextBox {
  width: 80%;
}

events-table-directive .gridTableUnit input[type="checkbox"]:disabled {
  background: blue;
}

events-table-groups-directive .grid-drag-row {
  display: block;
  width: 20px;
}

events-table-groups-directive .grid-drag-row div {
  height: 3px;
  background-color: #000000;
  margin: 3px 0;
  border-radius: 25px;
}

events-table-groups-directive .flex-center-vertical {
  display: flex;
  align-items: center;
}

events-table-groups-directive .gridTableContainer {
  display: grid;
  grid-gap: 30px;
}

events-table-groups-directive .gridTableBody {
  display: grid;
  height: 500px;
  overflow-y: scroll;
}

events-table-groups-directive .gridTableBodyRow {
  display: grid;
  grid-template-columns: 0.2fr 0.2fr repeat(14, 0.5fr) repeat(4, 0.2fr);
  border: solid 1px #dcdcdc;
  background-color: var(--white);
  height: 60px;
  align-items: center;
  font-size: 16px;
}

events-table-groups-directive .gridTableUnit {
  justify-self: center;
}

events-table-groups-directive .drag-icon-event {
  color: blue;
}

events-table-groups-directive .drag-icon-event {
  display: inline-block;
  margin: 0px 0.521vw;
  cursor: move;
}

events-table-groups-directive .drag-icon {
  display: inline-block;
  margin: 0px 0.521vw;
  cursor: move;
}

events-table-groups-directive .circle-icon-container {
  width: 45px;
  border-radius: 2px;
  background: white;
  align-items: center;
  border: solid 1px #d0cfd0;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  cursor: pointer;
  position: relative;
  height: 38px;
  align-self: center;
}

events-table-groups-directive .circle-icon-container .circle-icon-dropdown {
  position: absolute;
  top: 34px;
  width: 125px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17);
  border: solid 1px #d0cfd0;
  background-color: #ffffff;
  z-index: 999;
  padding: 10px;
}

events-table-groups-directive .circle-icon {
  width: 13px;
  height: 13px;
  border-radius: 100%;
}

events-table-groups-directive .circle-icon-container .circle-icon-dropdown .dropdown-item {
  display: flex;
  align-items: center;
  padding: 10px;
}

events-table-groups-directive .circle-icon-container .circle-icon-dropdown .dropdown-item:hover {
  background-color: #f6f6f6;
}

events-table-groups-directive .circle-icon-container .circle-icon-dropdown .dropdown-item .circle-icon {
  margin-right: 12px;
}

events-table-groups-directive .containerMachinesGrid {
  display: grid;
}

events-table-groups-directive .containerMachinesRow {
  display: grid;
}

events-table-groups-directive .machineTableGridModel {
  position: absolute;
  box-shadow: 0 0.104vw 0.208vw 0 rgba(0, 0, 0, 0.17);
  background-color: #ffffff;
  border: solid 0.052vw #d0cfd0;
  padding: 0.5vw;
  display: flex;
}

events-table-groups-directive .gridTableUnitTextBox {
  width: 80%;
}

events-table-groups-directive .saveGroupGridButton {
  height: 35px;
  border-radius: 2px;
  background-color: var(--color2);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 3vw;
  color: white;
}

events-table-groups-directive .gridTableUnit input[type="checkbox"]:disabled {
  background: blue;
}

events-table-groups-directive .departments-machines-container {
  position: absolute;
  display: block;
  z-index: 200;
  box-shadow: 0 0.104vw 0.208vw 0 rgba(0, 0, 0, 0.17);
  background-color: #ffffff;
  border: solid 0.052vw #d0cfd0;
  padding: 15px;
  min-width: 11.048vw;
}

events-table-groups-directive .grid-list-machines {
  display: grid;
  grid-template-columns: 81.8fr 1fr;
  grid-template-columns: auto auto;
  grid-gap: 1px;
  margin-left: 19px;
}

events-table-groups-directive .grid-list-machines-reasons {
  display: grid;
  grid-template-columns: 81.8fr 1fr;
  grid-template-columns: auto auto;
  grid-gap: 1px;
}

events-table-groups-directive .dropdown-groupData {
  display: flex;
  align-items: center;
  margin-bottom: 3px;
}

events-table-groups-directive .departmentsList {
  padding-left: 15px;
}

stop-events .buttons-groups-grid-table {
  margin-left: auto;
  display: flex;
  align-items: center;
}

gantt-scheduler .grid-list-machines,
stop-events .grid-list-machines {
  display: grid;
  grid-template-columns: 81.8fr 1fr;
  grid-template-columns: auto auto;
  grid-gap: 1px;
  margin-left: 19px;
}

gantt-scheduler .departments-machines-container,
stop-events .departments-machines-container {
  position: absolute;
  display: block;
  z-index: 200;
  box-shadow: 0 0.104vw 0.208vw 0 rgba(0, 0, 0, 0.17);
  background-color: #ffffff;
  border: solid 0.052vw #d0cfd0;
  padding: 15px;
  min-width: 11.048vw;
}

stop-events .departmentsList {
  padding-left: 15px;
}

stop-events .save-button-groups-table {
  height: 35px;
  border-radius: 2px;
  background-color: var(--color2);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  margin-top: 15px;
  cursor: pointer;
  width: 7vw;
  color: white;
  margin-left: 10px;
  text-align: center;
}

stop-events .preview-button-groups {
  height: 35px;
  border-radius: 2px;
  background-color: var(--color2);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  margin-top: 15px;
  cursor: pointer;
  width: 6vw;
  color: white;
  margin-left: 10px;
  text-align: center;
}

stop-events .filter-container {
  height: 125px;
  background: white;
}

stop-events .filter-container-fields {
  border-bottom: 1px solid #cecece;
  padding: 10px;
}

stop-events .filter-container-fields-label {
  color: rgb(0, 0, 255);
  font-weight: 700;
}

stop-events .filter-container-fields-dropbox {
  display: inline-block;
  padding-left: 20px;
}

stop-events .filter-container-searchBtn {
  width: 138px;
  border-radius: 2px;
  background-color: var(--color2);
  color: white;
  align-items: center;
  display: flex;
  justify-content: center;
  cursor: pointer;
  height: 30px;
}

stop-events .gridTableEvents {
  position: relative;
  z-index: 10;
}

stop-events .img-add-group-grid-table {
  margin-left: auto;
  cursor: pointer;
}

shift-container .gridInsightSettings {
  display: grid;
}

shift-container .innerFlexInsightSettings {
  display: flex;
}

shift-container .innerFlexInsightSettings input[type="color"] {
  margin-left: 10px;
  margin-top: 0.1vw;
}


shift-container .labelCheckBox label {
  font-weight: 100;
  font-size: 0.729vw
}

.root-cause {
  position: absolute;
  top: 0px;
  left: 0px;
}

.selected-scale-5 .mainMachineCard .pencilEdit,
.selected-scale-8 .mainMachineCard .pencilEdit {
  width: 1.488vw;
  height: 1.488vw;
}

.daterangepicker {
  z-index: 10000000 !important;
}

.daterangepicker .drp-calendar.left .calendar-time {
  display: none;
}

.daterangepicker .drp-calendar.right .calendar-time {
  display: none;
}

.daterangepicker .drp-calendar.left .calendar-time .hourselect,
.daterangepicker .drp-calendar.left .calendar-time .minuteselect,
.daterangepicker .drp-calendar.left .calendar-time .ampmselect {
  display: none;
}

.daterangepicker .drp-calendar.left .calendar-time:before {
  content: "Shift Start Time";
}

body[lang="eng"] .daterangepicker .drp-calendar.left .calendar-time:before {
  content: "Shift Start Time";
}

/* body[lang=heb] .daterangepicker .drp-calendar.left .calendar-time:before {
  content: "Shift Start Time HEB";
} */

.dateRangeClassWrapper.mainRange {
  border-radius: 0.104vw;
  border: solid 0.052vw #d0cfd0;
  padding: 0.208vw 0.521vw;
  margin-left: 1.042vw;
  cursor: pointer;
  font-size: 0.729vw;
  min-width: 6.25vw;
  text-align: center;
  height: 1.927vw;
  max-height: 1.823vw;
  padding: 0.417vw;
  user-select: none;
}

.dashboard-chooseColor-Container {
  margin-left: 15px;
  margin-top: 10px;
}

.chooseColor-Container {
  margin: 3px 30px
}

.chooseColor-Container input {
  justify-self: end;
  display: inline-block;
  margin-left: 10px;
}

.chooseColor-Container-text {
  width: 50px;
  text-align: center
}

.chooseColor-Container-apply {
  height: 1.563vw;
  margin-bottom: 0.521vw
}

.dashboard-settings-save-btn {
  width: 2.5vw;
  height: 30px;
  border-radius: 2px;
  display: inline-block;
  background-color: var(--color2);
  text-align: center;
  transition: all 0.2s;
}

.insight-filter-model {
  width: 25vw;
  margin: auto;
  display: flex !important;
  align-items: center;
}

.insight-model-container {
  height: 18vw;
  display: grid;
  grid-template-rows: 1.5fr 8fr;
}

.insight-filter-model-header {
  background-color: #f6f6f6;
  display: flex;
  align-items: center;
  justify-content: center;
}

.insight-filter-model-header-save {
  margin-left: auto;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
  font-weight: 400;
}

.insight-filter-model-header-close {
  margin-left: auto;
  margin-right: 10px;
  cursor: pointer;
}

.insight-filter-model-body {
  display: grid;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  grid-template-rows: 0.3fr 0.5fr 0.5fr 0.5fr 0.5fr;
}

.insight-filter-model-body-header-text {
  width: 70%;
  justify-self: center;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
  font-size: 18px;
  font-weight: 300;
}

.insight-filter-body-field-label {
  justify-self: center;
  font-family: ProximaNova;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.69;
  letter-spacing: normal;
  color: #101010;
}

.insight-filter-body-field-textbox {
  width: 8.5vw;
  height: 1.5vw;
}

.insight-filter-body-save-button {
  justify-self: center;
  align-self: flex-start;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  background-color: var(--color2);
  border: none;
  color: white;
  height: 1.5vw;
  width: 7vw;
  cursor: pointer;
}

.insight-filter-body-dontSave-button {
  justify-self: center;
  text-decoration: underline;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
  cursor: pointer;
}

shift-container label {
  display: inherit;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}

shift-container .filter-outer-container {
  border-top: unset;
  margin: 0.438vw;
  border-bottom: 1px solid #eee;
  padding-bottom: 8px;
}

shift-container .filter-inner-container {
  max-height: 12vw;
  overflow-y: auto;
  display: grid;
  grid-template-columns: auto auto;
}

shift-container .filter-inner-container-eventType {
  max-height: 12vw;
  overflow-y: auto;
  display: grid;
  grid-template-columns: auto;
}

shift-container .filter-inner-container-element {
  padding: 0.26vw;
  font-size: 0.685vw;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

shift-container .filter-inner-container-checkbox {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

shift-container .filter-icon-insights {
  display: flex;
  align-items: center;
  width: 1.198vw;
  margin-left: 0.606vw;
  position: relative;
}

insights-filter .containerVariant {
  display: flex;
  align-items: center;
  justify-content: start;
  height: 37px;
}

insights-filter .containerVariantButton {
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  border: none;
  color: white;
  height: 100%;
  margin-left: 11px;
  border-radius: 2px;
  width: 54px;
  background-color: #0080ff;
}

.tasksManagement .containerVariantButton {
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  border: none;
  color: white;
  height: 2vw;
  margin-left: 5px;
  border-radius: 2px;
  width: 3vw;
  background-color: #0080ff;
}

insights-filter .resetFilterButton {
  text-decoration: underline;
  width: 40px;
  height: 30px;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.31;
  letter-spacing: normal;
  color: #0080ff;
}

.not-department-event {
  opacity: 0.5;
}

.calendarDepartmentModal {
  height: 90vh;
}

.calendarDepartmentModal .modal-dialog {
  height: 100%;
}

.calendarDepartmentModal .modal-dialog .modal-content {
  height: 100%;
}

insights-filter .filterLabels {
  padding: 0.26vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.comboBoxLabel {
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #101010;
}

insights-filter .groupsFilterContainer {
  display: flex;
  justify-content: start;
  padding: 10px 0;
  width: 100%;
}

insights-filter .groupsFilterContainerLabel {
  width: 90px;
  margin-left: 10px;
}

insights-filter .groupsFilterContainerArrow {
  cursor: pointer;
  padding: 0 10px;
  margin-left: auto;
}

insights-filter .buttonChanged {
  cursor: no-drop;
  opacity: 0.4;
}


insights-dashboard-directive .buttonChanged {
  cursor: no-drop;
  opacity: 0.4;
}

.tasksManagement .buttonChanged {
  cursor: no-drop;
  opacity: 0.4;
}

shift-container .insights-settings {
  /* right: 17.3vw; */
}

shift-container .insights-filters {
  right: 14.3vw;
}

shift-container .insights-settings-delete {
  cursor: pointer;
  margin-left: auto;
}

job-custom-parameters .buttonChanged {
  cursor: no-drop;
  opacity: 0.4;
  margin-left:auto;
}
.rtl job-custom-parameters .buttonChanged  {
  margin-left: inherit;
  margin-right: auto;
}

.edit-recurring-event-update .modal-dialog {
  width: 320px;
  margin: 0 auto;
  top: calc(50% - 120px);
}

.editRecEventContainer {
  padding: 24px;
}

.editRecEventContainer .labels-container {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
}

.editRecEventContainer .header {
  font-size: 16px;
  font-weight: 600;
}

.editRecEventContainer .container-radio {
  font-size: 14px;
  font-weight: 300;
}

.edit-recurring-event-update .modal-content {
  border-radius: 8px;
  height: 170px;
}

.video-library-button-groups {
  height: 35px;
  border-radius: 2px;
  align-items: center;
  margin-bottom: 15px;
  cursor: pointer;
  text-align: center;
  /* border: solid 1px #cecece; */
  margin-right: 10px;
}

.configure-quality-container-options {
  display: grid;
  grid-template-rows: 1fr;
  position: absolute;
  background-color: white;
  z-index: 10000;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17);
  width: 5vw;
  height: 2vw;
  left: 25px;
  bottom: 15px;
}

insights-templates-directive .insight-template-label-select-your-insights {
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #101010;
}

insights-templates-directive .template-label-container {
  color: white;
  max-width: 100%;
  width: 100%;
  text-overflow: ellipsis;
  /* white-space: nowrap; */
  overflow: hidden;
}

insights-templates-directive .horizontal-dots-container {
  width: 100%;
  max-width: 100%;
  height: 10px;
  display: flex;
}

insights-templates-directive .horizontal-dots {
  margin-left: auto;
  padding-right: 10px;
  padding-top: 10px;
}

insights-templates-directive .horizontal-dots:after {
  content: "\2026";
  font-size: 1.5vw;
  color: white;
}

.hide-print-elements input {
  display: none !important;
}

.hide-print-elements select {
  display: none !important;
}

.hide-print-elements i {
  display: none !important;
}

.hide-print-elements div {
  display: block !important;
}

.show-print-elements {
  display: none;
}

.hide-print-elements {
  text-align: center !important;
}

shift-insights-templates-directive .onoffswitch-label {
  background-color: white;
}

shift-insights-templates-directive .savedTemplates .copyModal {
  /* top: 6.2vw; */
  left: unset;
  right: unset;
}

shift-insights-templates-directive .container-template-option {
  color: black;
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
  position: absolute;
  background-color: white;
  z-index: 1000000000;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17);
  width: 6vw;
  height: 5vw;
  /* top: 6.2vw; */
}

shift-insights-templates-directive .container-default-template-option {
  color: black;
  display: grid;
  grid-template-rows: 1fr 1fr;
  position: absolute;
  background-color: white;
  z-index: 1000000000;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17);
  width: 6vw;
  height: 5vw;
  top: 0;
  /* top: 6.2vw; */
}

shift-insights-templates-directive .container-template-option-button {
  border-bottom: solid 1px #d0cfd0;
  display: flex;
  align-items: center;
}

shift-insights-templates-directive .container-template-option-button-direction {
  margin-left: 5px;
  height: 1vw;
}

insights-templates-directive .container-template-option {
  display: grid;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  position: absolute;
  background-color: white;
  z-index: 10000;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17);
  width: 6vw;
  height: 5vw;
  top: 0;
  font-size: 13px;
  /* top: 13.3vw; */
}

insights-templates-directive .default-container-template-option {
  display: grid;
  grid-template-rows: 1fr 1fr;
  position: absolute;
  background-color: white;
  z-index: 10000;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17);
  width: 6vw;
  height: 4vw;
  /* top: 13.3vw; */
  top: 0;
}

insights-templates-directive .container-template-option-button {
  /* border-bottom: solid 1px #d0cfd0; */
  display: flex;
  align-items: center;
}

insights-templates-directive .container-template-img {
  height: 1vw;
}

insights-templates-directive .container-template-option-button {
  /* border-bottom: solid 1px #d0cfd0; */
  display: flex;
  align-items: center;
}

insights-templates-directive .container-template-option-button-direction {
  margin-left: 5px;
  height: 1vw;
}

insights-templates-directive .insight-arrow-templates-direction {
  margin-left: 4vw;
}

.insights-buttons-templates-events {
  background-color: white;
  margin-bottom: 1vh;
  width: 9.25vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 2.927vw;
  max-height: 2.823vw;
  border: none;
}

.insights-buttons-templates-events-text {
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #101010;
}


shift-insights-templates-directive .default-container-template-option {
  display: grid;
  grid-template-rows: 1fr 1fr;
  position: absolute;
  background-color: white;
  z-index: 10000;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 17%);
  width: 6vw;
  height: 4vw;
  top: 0;
}

shift-insights-templates-directive .container-template-option-button {
  display: flex;
  align-items: center;
}

search-tests-results .settings-qc-test-results {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

search-tests-results .SPC-settings {
  right: 11vw !important;
}

.select-department-view {
  display: inline-block;
  width: unset;
  bottom: unset;
  height: 1.615vw;
  margin-right: 7px;
}

.mobile-notification-group {
  height: 100px;
  background-color: white;
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
  padding: 0px 15px;
  flex-direction: column;
}

.mobile-notification-group select {
  width: 200px;
}

.mobile-notification-group span {
  padding-bottom: 7px;
}

.no-drop {
  cursor: no-drop;
}


.hide-print-elements2 input {
  display: none !important;
}

.hide-print-elements2 select {
  display: none !important;
}

.hide-print-elements2 i {
  display: none !important;
}

.hide-print-elements2 div>.show-print-elements2 {
  display: block;
}

.show-print-elements2 {
  display: none;
}

.diplay-department-name {
  display: none;
}

.flex-margin-auto {
  margin-left: auto;
  margin-right: unset;
}

.popover {
  z-index: 100000;
}

main-screen-visibility .machine-screen-visibility-container {
  background-color: white;
  display: flex;
  justify-content: center;
  padding: 0px 15px;
  flex-direction: column;
  margin: 30px 80px 40px 80px;
  height: 580px;
}

main-screen-visibility .header-container {
  background-color: white;
  padding: 15px 15px;
  width: 100%;
  display: flex;
  align-items: flex-end;
}

main-screen-visibility .header-container--select {
  width: 8vw;
}


main-screen-visibility .right-side .list-container {
  padding-top: 38px;
}

main-screen-visibility .right-side .list-container .list-item {
  padding: 13px 26px 13px 13px;
  border-bottom: 2px solid #d0cfd0;
  cursor: pointer;
}

main-screen-visibility .right-side .list-container .list-item .item-title {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  padding: 0 13px;
  max-width: 65%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  position: relative;
  top: 7px;
}

main-screen-visibility .right-side .list-container .list-item:hover {
  background-color: rgba(0, 128, 255, 0.12);
}

main-screen-visibility .left-side {
  border-right: 1px solid #cecece;
  height: 80%;
}

performed-color-directive .performed-colors-container {
  margin: 5px;
  display: flex;
  flex-direction: row;
  font-size: 0.729vw;
}


performed-color-directive .performed-colors-container-label {
  vertical-align: bottom;
  font-size: 0.838vw;
  font-weight: bold;
}

performed-color-directive .performed-colors-container-input {
  display: flex;
  flex-direction: row;
}

performed-color-directive .performed-colors-container-input-textbox {
  width: 2vw;
  height: 80%;
  margin-left: 20px;
  text-align: center;
}

performed-color-directive .performed-colors-container-input-textbox:focus {
  outline: none;
}

performed-color-directive .performed-colors-container-input-color {
  margin-left: auto;
}

performed-color-directive .save-performed-colors-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

performed-color-directive .save-performed-colors-button {
  cursor: pointer;
  background: var(--color2);
  color: white;
  text-align: center;
  display: inline-block;
  visibility: visible;
  width: 3vw;
  height: 1.5vw;
  font-size: 0.729vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 130px;
}


kpi-customization .KPIs-performance-label {
  vertical-align: bottom;
  width: 60%;
  font-size: 0.938vw;
  font-weight: bold;
}

.shift-sticker {
  border-radius: 12px;
  background-color: #dcdcdc;
  padding: 0px 10px;
  margin-right: 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.shift-sticker img {
  width: 0.65vw;
  height: 0.65vw;
  position: relative;
  bottom: 0.05vw;
}

.shift-sticker-text {
  margin: 0.25vw
}

.insight-filter-container-reset {
  text-decoration: underline;
  width: 40px;
  height: 30px;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.31;
  letter-spacing: normal;
  color: #000000;
  user-select: none
}

.insight-filter-container {
  width: 100%;
  display: flex;
  flex-direction: row-reverse
}

.insight-filter-container-icon {
  color: #101010;
  position: relative;
  border: 0.052vw solid #d0cfd0;
  width: 1.927vw;
  min-width: 1.927vw
}

.insight-filter-container-toolbar {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
  display: flex;
  flex-direction: row-reverse
}

.title-container-options {
  margin-top: 10px;
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.title-container-options-back {
  cursor: pointer;
  display: inline-block;
}

.title-headline {
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
  white-space: normal;
  overflow: ellipsis;
  font-size: 0.8vw;
  margin-bottom: 3px;
}

.graph-types-container {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.header-title-product {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 12vw;
}

.collapsed-menu-action {
  margin-left: auto;
}

.online-machine-sentence {
  margin-left: 5px;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-shadow: none;
  top: -1vw;
  position: relative;
  font-size: 1vw;
}

.all-machines-sentence {
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-shadow: none;
  position: relative;
  font-size: 1vw;
  margin: 10px 20px;
}

.order-test-modal-footer {
  display: flex;
  flex-direction: column;
}

.modal-footer-save {
  margin-left: auto;
}

.modal-footer-order {
  margin-left: auto;
  margin-top: 10px
}

online-settings-directive .save-settings {
  cursor: pointer;
  float: right;
  background: var(--color2);
  color: white;
  font-size: 13px;
  line-height: 30px;
  text-align: center;
  padding: 2px 5px;
}

online-settings-directive .text-customization-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0px 0.521vw;
}

online-settings-directive .flex-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

online-settings-directive .chosen-container {
  width: 9vw !important;
}

machines-performance-directive .highcharts-title {
  width: unset !important;
  word-break: break-all;
  white-space: normal;
}

machine-plans-directive .highcharts-title {
  width: unset !important
}

/*---------------------------------------------------------------------------- Creating 5 columns for Bootstrap ------------------------------------------------------------------ */

.col-2dot4,
.col-xs-2dot4 .col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4,
.col-xxl-2dot4,
.col-xxxl-2dot4,
.col-sm-new-7,
.col-md-new-7,
.col-lg-new-7,
.col-xl-new-7,
.col-xxl-new-7,
.col-xxxl-new-7 {
  position: relative;
  width: 100%;
  min-height: 1px;
}

.col-2dot4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

.col-new-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

.donutsDuration {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.donutsDuration img {
  margin-left: 3px;
}

shift-container .sortable-item.col-md-4 .settings {
  right: 9.4vw;
  transform: scale(0.95);
}

.sortable-item .header-title {
  height: auto;
}

.sortable-item .header-title header-title {
  display: block;
}

.sortable-item .header-title>.shift-hours,
.sortable-item .header-title .head_txt {
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  padding-left: 1.3vw;
  margin-left: 0;
}

.sortable-item.col-md-4 .shift-hours {
  margin-left: 0;
  padding-left: 0;
}

machines-performance-directive .activityGauge .highcharts-container {
  padding-bottom: 15px;
}

machines-performance-directive .activityGauge .highcharts-container svg.highcharts-root {
  padding: 11px 0;
}

machines-performance-directive .activityGauge .highcharts-container span.highcharts-title {
  left: 0 !important;
  right: 0;
  text-align: center;
  white-space: normal !important;
  top: auto !important;
  bottom: 0px;
  font-size: 14px !important;
  line-height: 13px !important;
  padding: 0 2px;
}

.stop-event .input-number-settings-sm {
  text-align: left;
  width: 2.6vw;
  padding-left: 1px;
  outline: none;
  min-width: 46px;
}

.items_scroll {
  border-radius: 0 0 37px 37px;
  overflow: hidden;
}

.items_scroll::-webkit-scrollbar-track,
.items_scroll ::-webkit-scrollbar-track {
  background-color: #4a4a4a;
}

.items_scroll::-webkit-scrollbar,
.items_scroll ::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: #4a4a4a;
}

.items_scroll::-webkit-scrollbar-thumb,
.items_scroll ::-webkit-scrollbar-thumb {
  background-color: var(--color2);
}

.header-tools ul.dropdown-menu li a {
  white-space: normal;
  line-height: 1.4;
  padding: 0.156vw 0.6vw;
}

.btn.btn-outline-primary,
.btn.btn-outline-primary:hover {
  color: #007bff;
  background-color: transparent;
  background-image: none;
  border: 1px solid #007bff;
}

.flex_btns {
  display: flex;
  margin: 0 -4px;
}

.flex_btns .btn {
  margin: 0 4px;
  width: calc(50% - 8px);
  font-size: 16px;
  font-weight: 600;
  height: 34px;
  padding: 5px 10px;
}

.activate_body h2 {
  font-size: 18px;
  margin: 0 0 11px;
  color: #101010;
  font-weight: 600;
}

.activate_body h2 i {
  margin: 0 5px 0 0;
}

.activate_body p {
  margin: 0 0 15px;
  font-size: 14px;
  white-space: normal;
  line-height: 1.43;
  color: #101010;
}

.modal-header.modal_header {
  border: none !important;
  padding: 0;
}

.ActivateJobWithoutModel .modal .modal-dialog .modal-content {
  border-radius: 4px;
  box-shadow: 0 0 40px 0 rgb(0 0 0 / 16%);
  border: solid 1px #f3f3f4;
}

.modal-header.modal_header button.close {
  margin: 10px 10px 0;
  font-size: 25px;
  opacity: 1;
}

.modal-header.modal_header {
  border: none !important;
  padding: 0;
}

.modal-header.modal_header button.close {
  margin: 7px 5px 5px;
  font-size: 24px;
  height: 20px;
  float: none;
  color: #111;
  opacity: 0.6;
}

.modal-header.modal_header button.close:hover {
  color: #111;
  opacity: 1;
}

.modal-body.activate_body {
  padding: 0px 20px 20px;
}

.activate_body .form-control::placeholder {
  color: #6c7481 !important;
  font-size: 16px !important;
}

.activate_body .form-control {
  width: 100%;
  color: #333;
  margin: 0;
  padding-right: 48px;
  height: 38px;
  border-radius: 4px !important;
  border: 1px solid #6c7481;
  font-size: 16px;
}

.activate_body .form-group label {
  margin-bottom: 4px;
  font-size: 16px;
  line-height: 16px;
  color: #404d61;
  font-weight: 600;
}

.paswrd_field {
  position: relative;
}

.paswrd_field span.fa-eye {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
}

.ActivateJobWithoutModel .modal .modal-dialog {
  max-width: 325px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.activatejob_mdl .modal-header.modal_header {
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e5e5e5 !important;
}

.activatejob .modal-header.modal_header:before,
.activatejob .modal-header.modal_header:after {
  display: none;
}

.activatejob .modal-body {
  padding: 6px 21px 15px;
}

.activatejob .modal-body .form-group {
  margin-bottom: 20px;
}

.draft_copy_box {
  display: flex;
  justify-content: space-between;
  margin: 17px -5px 0;
}

.draft_copy_box .draft_btn {
  display: inline-flex;
  width: auto;
  height: 27px;
  min-width: 68px;
  padding: 0px 5px;
  background: #cfdfff;
  border: none;
  box-shadow: none;
  border-radius: 3px;
  align-items: center;
  font-size: 14px;
  cursor: pointer;
}

.draft_copy_box .draft_btn img {
  margin: 0;
  max-width: 23px;
}

.draft_copy_box .draft_btn img {
  margin: 0 2px 0 0;
  max-width: 23px;
}

.draft_copy_box .copy-qc-dots {
  height: 25px;
  margin: 0 -5px 0 0;
  width: 20px;
  cursor: pointer;
}

.draft_copy_box .configure-quality-container-options {
  display: block;
  min-width: 100px;
  right: 18px;
  left: auto;
  height: auto;
  padding: 2px 2px;
}

.draft_copy_box .configure-quality-container-options>div>div {
  text-align: left;
  padding: 5px;
  font-size: 14px;
  line-height: 14px;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
}

.draft_copy_box .configure-quality-container-options>div>div:last-child {
  border-bottom: 0;
}

.release_btn {
  background: #104fbc !important;
  border-color: #104fbc !important;
}

.release_select_btn {
  display: flex;
}

.release_select_btn>.btn,
.release_select_btn>span {
  margin-left: 6px !important;
}

.release_select_btn>.btn img {
  max-width: 18px;
  margin-right: 4px;
}

h2.warning_head {
  display: flex;
  align-items: center;
}

h2.warning_head img {
  max-width: 32px;
  max-height: 32px;
  margin-right: 5px;
}

.paswrd_field #togglePassword {
  position: absolute;
  right: 13px;
  top: 10px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.paswrd_field #togglePassword img {
  height: 18px;
}

.eye_active,
.eye_slash .eye_inactive {
  display: none;
}

.eye_slash .eye_active {
  display: block;
}

.activatejob_mdl .modal-header.modal_header h4.modal-title {
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: normal;
  text-align: left;
  color: #050709;
  display: flex;
  align-items: center;
}

.modal-footer.modal_flex_bx {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.modal-footer.modal_flex_bx:before,
.modal-footer.modal_flex_bx:after {
  display: none;
}

.activatejob_mdl .activateJobTableDiv {
  max-height: calc(100vh - 335px);
  overflow-y: auto;
  padding: 0 8px;
  margin: 0 -8px;
  width: auto;
}

.activatejob_mdl .modal-header.modal_header h4.modal-title img {
  margin-right: 22px;
  max-height: 13px;
}

.activateJobTable thead {
  position: sticky;
  top: 0;
}

.num_select_box {
  display: flex;
  align-items: center;
}

.num_select_box .count_no {
  font-size: 16px;
  margin-right: 3px;
  text-align: center;
  min-width: 19px;
}

.activateJobTableDiv::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  border-radius: 5px;
}

.activateJobTableDiv::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 5px;
}

.activateJobTableDiv::-webkit-scrollbar-thumb {
  background: #9e9e9e;
  border-radius: 5px;
}

.NoEditAllowd {
  cursor: not-allowed !important;
}

.editallowed {
  cursor: pointer !important;
}

.passed-failed-redBorder {
  border: solid 0.8px #FF0000;
  display: flex;
}

.draft_copy_box.ml_10 {
  margin: 0;
}

.qc-test-popup.pb_0 {
  padding-bottom: 0;
}

.pos_relative {
  position: relative;
}

.flex_box_div {
  display: flex;
  align-items: center;
  margin: 0;
  justify-content: space-between;
}

.flex_box_div .saveButton {
  width: 110px !important;
  bottom: 0;
}

.pos_relative .close_button_bx {
  position: absolute;
  right: 155px;
  margin: 0 !important;
  bottom: 30px;
  z-index: 9;
  min-width: 110px;
}

.o_hidden {
  overflow: hidden !important;
}

.content-pie-goals .ibox-content.outer-box .inner-box {
  overflow: hidden;
}

.content-pie-goals .ibox-content.outer-box .inner-box .upper-wrapper-with-goals {
  justify-content: flex-start;
  padding-left: 15px;
}

.appObjectBox .hSqxyf {
  height: calc(100vh - 190px);
}

machine-message-directive .inbox-section .message-hour {
  font-size: 12.5px;
  white-space: nowrap;
  line-height: 14px;
  padding-left: 4px;
}

body {
  overflow-y: auto !important;
}

.draft_box_txt {
  min-height: 55px;
  line-height: normal;
}

.wrapper.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.op-app.qc-tests.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.op-app.qc-tests.row>div {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 1499px) {
  .content-pie-goals .ibox-content.outer-box .inner-box .upper-wrapper-with-goals {
    padding-left: 8px;
  }
}

@media (min-width: 540px) {
  .col-sm-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }

  .col-sm-new-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14.28%;
    flex: 0 0 14.28%;
    max-width: 14.28%;
  }
}

@media (min-width: 720px) {
  .col-md-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }

  .col-md-new-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14.28%;
    flex: 0 0 14.28%;
    max-width: 14.28%;
  }
}

@media (min-width: 960px) {
  .col-lg-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }

  .col-lg-new-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14.28%;
    flex: 0 0 14.28%;
    max-width: 14.28%;
  }
}

@media (min-width: 1140px) {
  .col-xl-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }

  .col-xl-new-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14.28%;
    flex: 0 0 14.28%;
    max-width: 14.28%;
  }
}

@media (min-width: 2200px) {
  .col-xxl-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }

  .col-xxl-new-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14.28%;
    flex: 0 0 14.28%;
    max-width: 14.28%;
  }
}

@media (min-width: 4200px) {
  .col-xxxl-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }

  .col-xxxl-new-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14.28%;
    flex: 0 0 14.28%;
    max-width: 14.28%;
  }
}

/*---------------------------------------------------------------------------- MEDIA QUERY -------------------------------------------------------------------------------------------- */

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {

  .icheckbox_square-green,
  .iradio_square-green {
    background-image: url(green@2x.png);
    -webkit-background-size: 240px 24px;
    background-size: 240px 24px;
  }
}

@media (min-width: 1700px) {
  .recipeRefButtons {
    width: 30%;
  }

  .recipeMaxButtonContainer {
    min-height: 195px;
  }


}


@media (min-width: 768px) and (max-width: 1366px) {
  .loginTopTitle {
    left: 370px;
    top: 50%;
    font-size: 32px;
    max-width: 265px;
  }

  .loginTopImg {
    width: 270px;
    left: 60px;
    height: 420px;
    top: 200px;
  }

}

/*
@media (max-width: 1366px) and (min-width: 1200px) {
    .machine-expanded-container .workername {
        display: none;
    }
} */

@media (max-width: 912px) {
  .goalsSumm {
    min-height: 100px;
  }
}

@media (max-width: 768px) {
  .productionfloor .page-heading {
    width: 100%;
  }

  .nav.navbar-right.navbar-top-links {
    float: right;
  }

  .col-xs-2.shift-duration-keys.allDepOnline {
    padding-right: 10px;
  }
}

@media all and (orientation: landscape) {

  /* no clue why this is the magic number, but it seems that substracting 22mm does the trick*/
  /* .printableDocument .simple-table-directive-container {
        height: 188mm;
    } */
  .simple-table-directive-container {
    height: unset;
  }

  .portrait {
    display: none;
  }
}

@media all and (orientation: portrait) {
  .landscape {
    display: none;
  }
}

@media only screen and (max-width: 2200px) {
  .insights-filter-grid {
    height: calc(100% - 9vw);
  }

  insights-templates-directive .container-template-option {
    /* top: 12.4vw; */
  }
}

@media only screen and (max-width: 1950px) {
  .insights-filter-grid {
    height: calc(100% - 9.6vw);
  }

  insights-templates-directive .container-template-option {
    /* top: 14.1vw; */
  }

  search-tests-results .SPC-settings {
    right: 12vw !important;
  }
}

@media only screen and (max-width: 1676px) {
  .insights-filter-grid {
    height: calc(100% - 10.5vw);
  }

  insights-templates-directive .container-template-option {
    /* top: 15vw; */
  }

  search-tests-results .SPC-settings {
    right: 13vw !important;
    width: 19.021vw;
  }
}

@media only screen and (max-width: 1440px) {
  search-tests-results .SPC-settings {
    right: 14vw !important;
    width: 20.021vw;
  }
}

.date-picker-date-time .switch {
  position: static;
  display: table-cell;
  left: unset;
}

.date-picker-date-time .disabled {
  text-align: center;
}

.stopEventTableData:after {
  mix-blend-mode: difference;
  content: '';
}

.newTaskRow.newTaskRow2 {
  height: auto;
}

.unassigned-jobs .modal-content {
  overflow: hidden;
  width: 970px;
}

.unassigned-jobs .modal-dialog {
  display: flex;
  justify-content: flex-end;
}


print-list-directive .ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: unset !important;
}

.showJobsListClass>.more-options.open .dropdown-menu {
  display: block;
}



@media screen and (min-width: 1750px) and (max-width: 1900px) {
  .machine-expanded-container .machine-title .machine-name {
    max-width: 100px;
  }

  .machine-expanded-container .machine-title .worker-name {
    max-width: 100px;
    min-width: 100px;
  }
}

@media screen and (min-width: 1600px) and (max-width: 1750px) {
  .machine-expanded-container .machine-title .machine-name {
    max-width: 65px;
  }

  .machine-expanded-container .machine-title .worker-name {
    max-width: 65px;
    min-width: 65px;
  }
}

@media screen and (min-width: 1367px) and (max-width: 1450px) {
  .machine-expanded-container .machine-title .machine-name {
    max-width: 100px;
  }

  .machine-expanded-container .machine-title .worker-name {
    max-width: 100px;
    min-width: 100px;
  }
}

@media screen and (min-width: 990px) and (max-width: 1050px) {
  .machine-expanded-container .machine-title .machine-name {
    max-width: 100px;
  }

  .machine-expanded-container .machine-title .worker-name {
    max-width: 100px;
    min-width: 100px;
  }
}

@media (min-width: 1550px) and (max-width: 1700px) {
  .upper-wrapper-with-goals {
    justify-content: left;
    padding-left: 50px;
  }
}

@media (min-width: 1400px) and (max-width: 1550px) {
  .upper-wrapper-with-goals {
    justify-content: left;
    padding-left: 10px;
  }
}

@media all and (max-width: 1400px) {
  qc-test-results-search .d-flex {
    flex-direction: row;
    flex-wrap: wrap;
  }
  search-tests-results .Rectangle-2{
    padding: 0.208vw 0.521vw;
    display: flex;
    align-items: center;
  }
  
  qc-test-results-search .searchCriteria{
    font-size: 10px;
  }
  
  search-tests-results .Rectangle-2 img{
    width: 1.3vw;
  }
}


@media (min-width: 1280px) and (max-width: 1400px) {
  .upper-wrapper-with-goals {
    justify-content: left;
    padding-left: 0;
  }

  .svg-no-goals {
    width: 46%;
    height: 120px;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .upper-wrapper-with-goals {
    justify-content: left;
    padding-left: 50px;
  }
}

.top-menu-new {
  position: absolute;
  /* width: 60px;
    height: 24px; */
  /* padding: 4px 8px 4px 4px;
    background-color: white;
    border-radius: 4px;
    display: flex;
    justify-content: space-evenly;
    align-items: center; */
  top: 13px;
  right: 17px;
  /* font-size: 14px;
    font-weight: 600;
    color: #00044f; */
  cursor: default;
}

input.remove-outer-spin-number::-webkit-outer-spin-button,
input.remove-outer-spin-number::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.shiftContainerGraph195 .ui-grid-footer-info {
  display: none;
}

job-custom-parameters .shift-settings-reset-btn{
  cursor: pointer;
    width: 76px;
    float: right;
    background: var(--color2);
    color: white;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    margin-left: auto;
}

.rowItem-main .remove-row{
  cursor: pointer;
}
.new-production-line .sortableBox .rowItem-calc input{
  cursor: pointer;
}

.rowItem-main .move-row{
  cursor: grab;
}

.sortableBoxItemEnd-button{
  cursor: pointer;
}
.new-production-line .sortableBoxItemEnd{
  display: flex;
  padding: 5px;
}

.jobListButton{
  position: absolute;
  right: 10%;
  width: 16px;
}

.ReactModal__Content.ReactModal__Content--after-open button{
  line-height: 0.7 !important;
  height: 38px;
}
.action-spinner{
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  background: white;
  z-index: 5;
}
#actionLoading{
  display: none;
}
.add-drag-class{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

qc-test-results-search .form-input-filter{
  padding-right: 22px;
}

.goog-tooltip {
  z-index: 9999999999 !important;
}

svg > g > g.google-visualization-tooltip {
  pointer-events: none
}

.highcharts-tick {
  stroke: #ccd6eb;
}