.bg-primary-gradient {
    background: #1572E8 !important;
    background: -webkit-linear-gradient(legacy-direction(-45deg), #06418E, #1572E8) !important;
    background: linear-gradient(-45deg, #06418E, #1572E8) !important; }


.bg-gris {
    background: #F6F7FA !important;

}

.align-items-center{
  text-align: center;

}
.align-items-right{
  text-align: right;

}


.align-items-right{
  text-align: center;
}

@media (min-width: 768px) { 

  .align-items-right{
    top:30px;
    text-align: right;
  }


 }



/*    margin-top negative   */
.mt--5, .my--5 {
    margin-top: -3rem !important; }
  
  .mt--4, .my--4 {
    margin-top: -1.5rem !important; }
  
  .mt--3, .my--3 {
    margin-top: -1rem !important; }
  
  .mt--2, .my--2 {
    margin-top: -0.5rem !important; }
  
  .mt--1, .my--1 {
    margin-top: -0.25rem !important; }


.card{
  margin-bottom: 1rem !important;
}


.donut-inner {
  margin-top: -100px;
  margin-bottom: 100px;
}


.relative {
  position: relative;
}

.absolute-center {
  position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.text-center{
  text-align: center;
}


.text_donut {
  font-size: 1.5rem;
  
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 200 !important;
  src: url(../libs/google_icons.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-size: 18px !important;
  /* -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased; */
}

.truncate {
  max-width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.truncate-cell {
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}