/************************************************************** Laptop XL **********************************************/

@media screen and (max-width: 1399px) {
  .header-fixed.toolbar-fixed .wrapper {
    padding-top: calc(65px + var(--gv-toolbar-height));
  }

  .content {
    padding-top: 60px !important;
  }

  .accessibility-bar {
    border-left: 2px solid #fff;
  }
}

@media screen and (min-width: 1400px) {
  .header-fixed.toolbar-fixed .wrapper {
    padding-top: calc(65px + var(--gv-toolbar-height));
  }

  .accessibility-bar {
    /* border-left: 2px solid #fff; */
  }

  .content {
    padding: 60px 0 0 0 !important;
  }

  .stepper.stepper-pills .stepper-nav {
    /* display: flex;
        overflow: auto;
        width: 90%;
        margin: 0 auto; */
    min-height: 130px;
    align-items: self-start;
    justify-content: flex-center;
  }
}

@media screen and (min-width: 1600px) {
  .stepper.stepper-pills .stepper-nav {
    /* display: flex;
        overflow: auto;
        width: 90%;
        margin: 0 auto; */
    min-height: 130px;
    align-items: self-start;
    justify-content: flex-center;
  }

  .pt-xxl-0 {
    padding-top: 0px !important;
  }
}

/************************************************************** Laptop LG **********************************************/

@media screen and (max-width: 1199px) {
  .header-fixed.toolbar-fixed .wrapper {
    padding-top: calc(65px + var(--gv-toolbar-height));
  }

  .stepper.stepper-pills .stepper-nav {
    display: flex;
    overflow: auto;
    width: 90%;
    margin: 0 auto;
    min-height: 100px;
    align-items: self-start;
    justify-content: flex-start;
  }

  .stepper.stepper-pills .stepper-nav::-webkit-scrollbar {
    display: none;
  }
}

/************************************************************** Tablet MD **********************************************/
@media screen and (max-width: 991px) {
  .login_tiles {
    min-width: 190px;
  }

  .nav-link.active::after {
    display: none;
  }

  a.nav-link.dropdown-toggle.btn.btn-outline.d-inline-block {
    background: var(--thm-pri);
    color: #fff !important;
  }

  .cm_pic {
    position: absolute;
    right: 0;
    top: 20px;
  }

  .navbar-light .navbar-toggler {
    margin-right: 60px;
  }

  .navbar-collapse .navbar-nav {
    width: 100%;
  }
}

/************************************************************** Mobile SM **********************************************/
@media screen and (max-width: 767px) {
  .card-p {
    padding: 2rem 2rem !important;
  }

  html {
    font-size: 2vw;
  }

  .login_tiles {
    min-width: 190px;
  }

  .stepper.stepper-pills .stepper-nav {
    display: flex;
    overflow-x: auto;
    width: 90%;
    margin: 0 auto;
    min-height: 100px;
    align-items: self-start;
    justify-content: flex-start;
  }

  .portal .btn-title {
    font-size: 0.8rem !important;
    /* line-height: 5px !important;
        font-weight: 600 !important;
        padding: 17px 12px !important;
        text-transform: capitalize !important; */
  }
}

/************************************************************** Mobile XS **********************************************/
@media screen and (max-width: 425px) {
  div.dataTables_wrapper div.dataTables_filter input{
    border: 1px solid #314960 !important;
  }

  .px-sm-0 {
    padding-inline: 0px !important;
  }

  .pt-sm-0 {
    padding-top: 0px !important;
  }

  .form-control::placeholder {
    font-size: 13px !important;
  }

  .select2-container--bootstrap5
    .select2-selection--single
    .select2-selection__placeholder {
    font-size: 13px !important;
  }

  .card-p {
    padding: 0rem 2rem !important;
  }

  .h-50px {
    height: 40px !important;
  }

  .w-50px {
    width: 40px !important;
  }

  .content {
    padding-top: 30px !important;
  }

  .accessibility-bar {
    border-left: 2px solid transparent;
  }

  .header-tablet-and-mobile-fixed .header {
    height: 135px !important;
  }

  /* .content {
        padding-top: 100px !important;
    } */

  .body-bg {
    background: url(../img/login_bg.svg) var(--thm-bglight) no-repeat;
    background-size: 175% !important;
    background-position: center bottom;
  }

  .badge {
    font-size: 0.75rem;
  }

  .validation_font {
    position: absolute;
    top: 48px !important;
  }

  .validation_font.top-45 {
    top: 45px !important;
  }

  .valid-feedback,
  .validation_font {
    line-height: 14px;
  }

  .dataTables_length .form-select,
  .dataTables_filter .form-control,
  .search-input {
    font-size: 0.9rem !important;
    padding: 0.3rem 0.9rem !important;
  }

  div.table-responsive
    > div.dataTables_wrapper
    > div.row
    > div[class^="col-"]:first-child,
  div.table-responsive
    > div.dataTables_wrapper
    > div.row
    > div[class^="col-"]:last-child {
    justify-content: center !important;
  }

  div.dataTables_wrapper div.dataTables_length {
    padding: 0 !important;
  }

  .portal .btn-title {
    font-size: 0.8rem !important;
    /* line-height: 5px !important;
        font-weight: 600 !important;
        padding: 17px 12px !important;
        text-transform: capitalize !important; */
  }

  .resW-100 {
    width: 100%;
  }

  .card-alignment{
    padding:1.5rem 2rem !important;
  }
}

@media screen and (max-width: 768px) {
  .accessibility-bar {
    border-left: 2px solid transparent;
  }

  .stepper.stepper-pills .stepper-nav {
    min-height: 130px !important;
  }
}

@media(max-width:768px){
  .content{
    padding-top: 50px !important;
  }
}