.downtimeCardComponet{
  margin-top: 1rem;
}
.downtime-card{
  background: #04AEC4;  /* fallback for old browsers */
/* border: 1px solid white; */
color: #04AEC4;
padding: 10px;
border-radius: 5px;
text-align: center;
font-family: visuelt-bold-pro,Arial,sans-serif,Font Awesome\ 5 Pro;
/* box-shadow: hsl(180, 100%, 50%) 0px 14px 28px, rgba(5,195,221, 0.897) 0px 10px 10px; */
}
.ant-card-head {
min-height: 48px;
margin-bottom: 10px;
padding: 0 24px;
color: rgba(0, 0, 0, 0.85);
font-weight: 500;
font-size: 16px;
background: transparent;
border-bottom: 1px solid #090101;
border-radius: 2px 2px 0 0;
}



.totalsocard:hover {
-webkit-box-shadow: 0px 0px 27px -7px rgba(0, 0, 0, 0.36);
box-shadow: 0px 0px 27px -7px rgba(0, 0, 0, 0.36);
}

.totalopensocard:hover {
-webkit-box-shadow: 0px 0px 27px -7px rgba(0, 0, 0, 0.36);
box-shadow: 0px 0px 27px -7px rgba(0, 0, 0, 0.36);
}

.shipedsocard:hover {
  -webkit-box-shadow: 0px 0px 27px -7px rgba(0, 0, 0, 0.36);
  box-shadow: 0px 0px 27px -7px rgba(0, 0, 0, 0.36);
  }

  .highcharts-credits{
    display: none;
  }

.title 
  {
    color: black;
    color: var(--text-color,rgb(248, 245, 245));
    font-size: 1.75rem;
    font-size: calc(1.30rem*var(--scale-factor, 1));
    line-height: 1.4;
    margin-bottom: 10;
    overflow: hidden;
    padding-top: 2px;
    padding-top: calc(2px*var(--scale-factor, 1));
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 5;
    font-family: visuelt-bold-pro,Arial,sans-serif,Font Awesome\ 5 Pro;
}








/* @import "https://code.highcharts.com/css/highcharts.css"; */