body {
      font-family: "Barlow Condensed", sans-serif;
      font-weight: 400;
    }

    .slidecontainer {
      width: 100%;
    }

    .slider {
      -webkit-appearance: none;
      width: 100%;
      height: 25px;
      background: #d3d3d3;
      outline: none;
      opacity: 0.7;
      -webkit-transition: .2s;
      transition: opacity .2s;
    }

    .slider:hover {
      opacity: 1;
    }

    .slider::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 25px;
      height: 25px;
      background: #04AA6D;
      cursor: pointer;
    }

    .slider::-moz-range-thumb {
      width: 25px;
      height: 25px;
      background: #04AA6D;
      cursor: pointer;
    }


    #button {
      display: inline-block;
      background: #ddd;
      border: 1px solid #ccc;
      padding: 5px 10px;
      text-decoration: underline;
      color: blue;
      cursor: pointer;
    }

    .check {
      display: inline-block;
      margin-right: 10px;
    }

    .table-tabs-col .nav-pills .nav-link {
      border: 1px solid #2641b5;
      padding: 3px 22px;
      border-radius: 40px;
      color: #131314;
      font-size: 15px;
      margin-right: 10px;
    }

    .table-tabs-col .nav-pills .nav-link.active {
      border: 1px solid #00225a;
      background-color: #00225a;
      color: #fff;
    }

    h3 {
      color: #1d3d5b;
      font-size: 1.5rem;
      font-weight: 500;
    }

    h5 {
      color: #010305;
      font-size: 1rem;
      font-weight: 500;
      line-height: 22px;
    }

    .top-logo {
      background: #ebe7e8;
      padding-top: 6px;
      padding-bottom: 6px;
      margin-bottom: 35px;
    }

    .main-logo {
      height: 55px;
    }

    .ailabs-logo {
      margin-top: 4px;
      height: 48px;
    }

    .dataTables_filter {
      margin-bottom: 15px;
      ;
    }

    .table-all-css {
      /*   border: 1px solid #636363;
 */
      border: 2px solid #ffffff;

      font-size: 14px;
    }

    .table-all-css th {
      font-size: 14px;
      vertical-align: middle;
      font-weight: 500 !important;
      background: #00225a;
      color: #fff;
    }

    table.dataTable thead th {
      border-bottom: 4px solid rgba(255, 255, 255) !important;
    }

    .table-bordered> :not(caption)>*>* {
      border-width: 0;
    }

    .btn-secondary {
      background: #00225a;
    }

    .btn-secondary:hover {
      background: #00173d;
    }

    .slider {
      opacity: 1 !important;
    }

    table.dataTable thead>tr>th.sorting::after,
    table.dataTable thead>tr>th.sorting::before {
      opacity: .6 !important;
    }

    table.dataTable thead>tr>th.sorting_asc::before,
    table.dataTable thead>tr>th.sorting_desc::after,
    table.dataTable thead>tr>td.sorting_asc::before,
    table.dataTable thead>tr>td.sorting_desc::after {
      opacity: 1 !important;
      color: #e5f152;
    }

    h4 {
      font-size: 1.1rem;
      color: #1d3d5b;
    }

    .footer-text {
      font-size: 12px;
      text-align: center;
    }

    .api-img:hover {
      cursor: pointer;
    }

    /* Css for Modal */




    /* The Modal (background) */
    .modal {
      display: none;
      /* Hidden by default */
      position: fixed;
      /* Stay in place */
      z-index: 1;
      /* Sit on top */
      padding-top: 80px;
      /* Location of the box */
      left: 0;
      top: 0;
      width: 100%;
      /* Full width */
      height: 100%;
      /* Full height */
      overflow: auto;
      /* Enable scroll if needed */
      background-color: rgb(0, 0, 0);
      /* Fallback color */
      background-color: rgba(0, 0, 0, 0.9);
      /* Black w/ opacity */
    }

    /* Modal Content (Image) */
    .modal-content {
      margin: auto;
      display: block;
      width: 80%;
      max-width: 700px;
    }

    /* Caption of Modal Image (Image Text) - Same Width as the Image */
    #caption {
      margin: auto;
      display: block;
      width: 80%;
      max-width: 700px;
      text-align: center;
      color: #ccc;
      padding: 10px 0;
      height: 150px;
    }

    /* Add Animation - Zoom in the Modal */
    .modal-content {
      animation-name: zoom;
      animation-duration: 0.6s;
    }

    @keyframes zoom {
      from {
        transform: scale(0)
      }

      to {
        transform: scale(1)
      }
    }

    /* The Close Button */
    .close {
      position: absolute;
      top: 15px;
      right: 35px;
      color: #f1f1f1;
      font-size: 40px;
      font-weight: bold;
      transition: 0.3s;
    }

    .close:hover,
    .close:focus {
      color: #bbb;
      text-decoration: none;
      cursor: pointer;
    }

    /* 100% Image Width on Smaller Screens */
    @media only screen and (max-width: 700px) {
      .modal-content {
        width: 100%;
      }
    }

    .table-all-css button {
      background: none;
      border: none;
      box-shadow: none;
    }

    .table-modal {
      padding-top: 50px;
    }

    .table-modal .btn-close {
      float: right;
      margin-top: 10px;
      margin-right: 10px;
    }

    /*________________ css for inner _________*/

    .page-title{
      font-family: "Geist", sans-serif;
      font-size: 24px;
      font-weight: 700;
    }

    .content-table table{
      border: 1px solid #ececec;
      border-radius: 14px 14px 0 0;
    }

    .content-table table thead{
      background: #006BD1;
      color: #fff;
      font-size: 18px;
      font-weight: 400;
    }

    .content-table table.dataTable thead th{
      font-weight: 500;
      font-size: 18px;
      line-height: 18px;
      vertical-align: middle;
      border: none;
      padding: 8px 10px;
    }

    
    .content-table table.dataTable tbody td{
      border-bottom: 1px solid #ececec;
      color: #616467;
      line-height: 22px;
    }

    .content-table table.dataTable thead > tr > th.sorting::before, 
    .content-table table.dataTable thead > tr > th.sorting::after, 
    .content-table table.dataTable thead > tr > th.sorting_asc::before, 
    .content-table table.dataTable thead > tr > th.sorting_asc::after, 
    .content-table table.dataTable thead > tr > th.sorting_desc::before, 
    .content-table table.dataTable thead > tr > th.sorting_desc::after, 
    .content-table table.dataTable thead > tr > th.sorting_asc_disabled::before, 
    .content-table table.dataTable thead > tr > th.sorting_asc_disabled::after, 
    .content-table table.dataTable thead > tr > th.sorting_desc_disabled::before, 
    .content-table table.dataTable thead > tr > th.sorting_desc_disabled::after, 
    .content-table table.dataTable thead > tr > td.sorting::before, 
    .content-table table.dataTable thead > tr > td.sorting::after, 
    .content-table table.dataTable thead > tr > td.sorting_asc::before, 
    .content-table table.dataTable thead > tr > td.sorting_asc::after, 
    .content-table table.dataTable thead > tr > td.sorting_desc::before, 
    .content-table table.dataTable thead > tr > td.sorting_desc::after, 
    .content-table table.dataTable thead > tr > td.sorting_asc_disabled::before, 
    .content-table table.dataTable thead > tr > td.sorting_asc_disabled::after, 
    .content-table table.dataTable thead > tr > td.sorting_desc_disabled::before, 
    .content-table table.dataTable thead > tr > td.sorting_desc_disabled::after{
      line-height: 11px;
    }

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