.tabrecall_app {
    /* ------------ heading section start --------------- */
.header {
    display: flex;
    justify-content: space-between;
    padding: 0 !important;
  }

  .header_left {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .header_right {
    display: flex;
    gap: 15px;
  }

  .header_btn {
    height: 0;
    display: flex;
    border: none;
    background: wheat;
  }

  input[type="checkbox"] {
    height: 0;
    width: 0;
    visibility: hidden;
  }

  .tabrecall_switch {
    cursor: pointer;
    text-indent: -9999px;
    width: 42.5px;
    height: 23.5px;
    display: block;
    border-radius: 21px;
    position: relative;
    background: lightgray;
  }

  .tabrecall_switch:after {
    content: "";
    position: absolute;
    top: 2.5px;
    left: 2px;
    width: 18.5px;
    height: 18.5px;
    background: white;
    border-radius: 10.5px;
    transition: .3s cubic-bezier(0.25, 1, 0.5, 1);
    background-size: 150%;
    background-position: 50% 50%;
  }

  .tabrecall_switch:before {
    z-index: 1;
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 42.5px;
    height: 23.5px;
    border-radius: 100%;
    transition: .3s cubic-bezier(0.25, 1, 0.5, 1);
  }

  input:checked+.tabrecall_switch {
    background: #006AFF;
  }

  input:checked+.tabrecall_switch:after,
  input:checked+.tabrecall_switch:before {
    left: calc(100% - 2px);
    transform: translateX(-100%);
  }

  /* ------------ heading section end --------------- */
}