.stat-card {
    border-radius: 5px;
    padding: 20px;
    margin: 10px;
    box-sizing: border-box;
    width: 300px;
    display: inline-block;
    background-color: white;
    text-align: center;
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.2);
  }

  .stat-header {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
  }

  .stat-data {
    font-size: 14px;
  }

  .value {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }

  .textColor {
    color: #777;
    font-size: 14px;
  }

  .mt-100 {
    margin-top: 200px;
  }

 .progress_gral {
        width: 150px;
        height: 150px;
        float: left;
        margin: 50px;
        position: relative;
    }

 .progress-circle-bg {
        fill: rgb(218, 218, 218);
        stroke: rgb(218, 218, 218);
        stroke-width: 10;
    }

 .progress-circle {
        fill: rgb(0, 0, 0);
        stroke: rgb(21, 196, 21);
        stroke-width: 9;
        transform: rotate(-90deg);
        transform-origin: center;
        stroke-dasharray: 0 283;
        transition: stroke-dasharray 0.5s ease;
        transform-origin: center;
    }

    .progress-text {
        font-size: 17px;
        fill: #FFFFFF;
        transform-origin: center;
   }

 .col12{ 
      -ms-flex: 0 0 100% !important;
      flex: 0 0 100% !important;
      max-width: 100% !important;
  }
  .col10 {
      -ms-flex: 0 0 83.333333% !important;
      flex: 0 0 83.333333% !important;
      max-width: 83.333333% !important;
  }

  .col8 {
    -ms-flex: 0 0 66.666667% !important;
    flex: 0 0 66.666667% !important;
    max-width: 66.666667% !important;
  }

  .dFlex{
    display: flex;
    margin-left: auto;
    margin-right: auto;
  }

  .flexWrapCenter{
    display: flex;  
    justify-content: center !important;
    flex-wrap: wrap !important;
    max-height: 485px !important;
    margin-bottom: 20px !important;
    overflow-y: auto;
  }

  .col85{
    -ms-flex: 0 0 85% !important;
    flex: 0 0 85% !important;
    max-width: 85% !important;
  }

  .col90{
    -ms-flex: 0 0 90% !important;
    flex: 0 0 90% !important;
    max-width: 90% !important;
  }

  .btnBack{
    display: flex;
    justify-content: end;
  }

/* SECONDARY BTN ================ */
.btn-gray {
  background-image: url('../images/gray.png');
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  box-sizing: border-box;
  color: black;
  cursor: pointer;
  direction: ltr;
  display: block;
  font-family: "SF Pro Text", "SF Pro Icons", "AOS Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: -.022em;
  line-height: 1.47059;
  min-width: 30px;
  overflow: visible;
  padding: 4px 15px;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
}

.btn-gray:disabled {
  cursor: default;
  opacity: .3;
}

.btn-gray:hover {
  background-image: linear-gradient(to bottom, #d7d7d7, #e0e0e0);
  border-color: #BDBDBD;
  color: black;
  text-decoration: none;
}

.btn-gray:active {
  background-image: linear-gradient(circle, #d7d7d7, #e0e0e0);
  border-color: #BDBDBD;
  color: black;
  outline: none;
}

.btn-gray:focus {
  box-shadow: rgb(224, 224, 224) 0 0 0 3px;
  outline: none;
}

/* END SECONDARY BTN ================ */
  
  /*.progress_gral .progress-value {
	position: absolute;
	top: 0;
	left: 0;
  }*/
  /*
  .progress_gral.red .progress-bar {
    border-color: red;
  }

  .progress_gral.red .progress-left .progress-bar {
    animation: loading-1 1.5s linear forwards 1.8s;
  }

  .progress_gral.blue .progress-bar {
    border-color: #049dff;
  }

  .progress_gral.blue .progress-left .progress-bar {
    animation: loading-2 1.5s linear forwards 1.8s;
  }

  .progress_gral.yellow .progress-bar {
    border-color: #fdba04;
  }

  .progress_gral.yellow .progress-right .progress-bar {
    animation: loading-3 1.8s linear forwards;
  }

  .progress_gral.yellow .progress-left .progress-bar {
    animation: none;
  }

  @keyframes loading-1 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    
    100% {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
    }
  }

  @keyframes loading-2 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    100% {
      -webkit-transform: rotate(144deg);
      transform: rotate(144deg);
    }
  }

  @keyframes loading-3 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    100% {
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg);
    }
  }*/
  
.textSize {
    font-size: 20px;
    font-weight: bold;
  }

.divSize {
    width: 45%;
  }

.line {
    border-right: 1px solid rgb(155, 155, 155);
  }

.border-primary {
  border-color: #007bff !important;
}

.h-100 {
  height: 100% !important;
}
.w-100 {
  width: 100% !important;
}
.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}
.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}
.rounded-circle {
  border-radius: 50% !important;
}

/*.rounded-lg {
  border-radius: 1rem;
}*/
  
  .flex-column
{
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}