.laravel-pagination nav .flex:first-child,
.laravel-pagination nav .hidden div:first-child{
    display: none;
}
.laravel-pagination nav .hidden div span span[aria-disabled="true"] span{
    background: #f1f0f0 !important;
}
.laravel-pagination nav .hidden div span span[aria-disabled="true"] span svg{
    fill: #000;
}
.laravel-pagination nav span,
.laravel-pagination nav a{
    padding: 10px 14px !important;
    box-shadow: none !important;
    margin: 4px ;
    border-radius: 4px;
    display: inline-block;
}
.laravel-pagination nav span{
    padding: 0px !important;
}
.laravel-pagination nav span span.font-medium{
    padding: 10px 14px !important;
    background: #6658CA !important;
    color: #fff !important;
    margin: 0px !important;
}
.laravel-pagination nav a svg{
    width: 20px;
    height: 20px;
    fill: #6658CA;
}
.laravel-pagination nav a:hover{
    background: #6658CA !important;
    color: #fff !important;
}
.laravel-pagination nav a:hover svg{
    fill: #fff;
}

.invalid-feedback{
    display: block !important;
    font-size: 12px;
    color: #e3342f;
    margin-top: 5px;
}

.dataTables_filter input {
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 14px;
    background: #fff;
    box-shadow: none;
    width: 350px !important;
}

.dataTables_filter input:focus {
    border-color: #e6e8ee;
    box-shadow: none;
}

.dt-button {
    background: #6658CA !important;
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
    padding: 5px 10px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    margin: 8px 5px !important;
    width: 75px !important;
}


.btn {
    box-shadow: none !important;
}

.plans .info {
    z-index: 999;
}



  /* Tooltip container */
  .tooltip {
    position: relative;
    display: inline-block;
  }

  /* Tooltip text */
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    border-radius: 6px;

    top: -5px;
right: 105%;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1000;
  }

  /* Show the tooltip text when you mouse over the tooltip container */
  .tooltip:hover .tooltiptext {
    visibility: visible;
  }


  .seacrh {
    position: relative;
  }
  .seacrh .vc {
    position: absolute;
    top: 12px;
    left: 20px;
    transform: translate(-50%);
  }
  .seacrh input {
    text-indent: 6px;
    height: 39px;
  }