.custom-bg-gradient-primary{
    background: linear-gradient(87deg, #22b742 20%, #0174bd 90%) !important;
}

.custom-fill-default{
    fill: white;
}

.custom-shadow,
.card-profile-image img
{
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .30) !important;
}

.custom-table{
    display: table !important;
    width: 100% !important;
    table-layout: auto !important;
}

.custom-table th {
    text-align: center;
}

.custom-table td {
    text-align: center !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: pre-wrap !important;
    vertical-align: middle !important;
    /* padding: 5px !important; */
}

.custom-hr{
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; 
}

.custom-padding{
    padding: 2.2rem !important;
}

.users-action-icon{
    font-size: 1.7rem;
    padding: 5px;
    color: #525c6a;
}
.users-action-icon:hover .eye-outline,
.users-action-icon .eye-sharp
{
    display: none;
}
.users-action-icon:hover .eye-sharp {
    display: inline-block;
    border-radius: 10px;
    cursor: pointer;
    color: #525c6a;
}
.users-action-icon:hover .create-outline,
.users-action-icon .create-sharp
{
    display: none;
}
.users-action-icon:hover .create-sharp {
    display: inline-block;
    border-radius: 10px;
    cursor: pointer;
    color: #525c6a;
}
.users-action-icon:hover .trash-outline,
.users-action-icon .trash-sharp
{
    display: none;
}
.users-action-icon:hover .trash-sharp {
    display: inline-block;
    border-radius: 10px;
    cursor: pointer;
    color: #525c6a;
}


/* body {
    padding : 10px ;
    
  } */
  
  #exTab1 .tab-content {
    /* color : white; */
    /* background-color: #428bca; */
    padding : 5px 15px;
  }
  
  #exTab2 h3 {
    color : white;
    background-color: #428bca;
    padding : 5px 15px;
  }
  
  /* remove border radius for the tab */
  
  #exTab1 .nav-pills > li > a {
    border-radius: 0;
  }
  
  /* change border radius for the tab , apply corners on top*/
  
  #exTab3 .nav-pills > li > a {
    border-radius: 4px 4px 0 0 ;
  }
  
  #exTab3 .tab-content {
    color : white;
    background-color: #428bca;
    padding : 5px 15px;
  }

  .table td{
    font-size: .8125rem;
    white-space: revert !important;
  }
  
  .modal-xl{
    max-width: 1140px !important;
  }
  
    ion-icon {
        pointer-events: none !important;
    }