i.fas.fa-long-arrow-alt-up {
      display: none !important;
  }

  i.fas.fa-long-arrow-alt-down {
      display: none !important;
  }


  /*********************** Date 30 Oct 2023 ********************/

  .table-responsive::-webkit-scrollbar {
      width: 10px !important;
      height: 5px !important;
      cursor: pointer;
  }

  .table-responsive::-webkit-scrollbar-track {
      background: rgba(0, 0, 0, 0.06);
  }

  .table-responsive::-webkit-scrollbar-thumb {
      background: #fd7e14;
  }

  .table-responsive::-webkit-scrollbar-thumb:hover {
      background: #009a92;
  }

  /*********************** Date 30 Oct 2023 ********************/

  .req h3 {
      font-size: 16px !important;
      font-weight: 400;
      margin-left: 10px;
      margin-bottom: 0;
  }

  .Date {
      border: 0px;
      padding: 10px 10px;
      background: #fff;
  }

  .project_status_0[disabled],
  .project_status_1[disabled],
  .project_status_2[disabled] {
      color: #495057;
  }

  select {
      width: 73%;
      border: 0px;
      padding: 10px 10px;
      background: #fff;
  }

  table#rails thead tr th:nth-child(1) {
      width: 5% !important;
  }

  table#rails thead tr th:nth-child(2) {
      width: 5% !important;
  }

  table#rails thead tr th:nth-child(3) {
      width: 5% !important;
  }

  table#rails thead tr th:nth-child(4) {
      width: 16% !important;
  }

  table#rails thead tr th:nth-child(5) {
      width: 16% !important;
  }

  table#rails thead tr th:nth-child(6) {
      width: 39% !important;
  }

  table#rails thead tr th:nth-child(7) {
      width: 27% !important;
  }

  #rails .two-btn {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
  }

  #rails .two-btn a {
      display: block;
      margin-left: 8px;
  }

  .req {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
  }

  img.img-ss {
      margin-top: 34px;
  }

  .error {
      color: red;
  }

  ul.ss {
      padding: 0px;
      list-style-type: none;
  }

  ul.ss li label {
      font-weight: 400 !important;
  }

  ul.ss li {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
  }

  ul.ss li input {
      margin-right: 9px;
  }

  ul.ss li label {
      margin-bottom: 0px;
  }

  .step2 {
      width: 100%;
  }

  table {
      font-family: arial, sans-serif;
      border-collapse: collapse;
      width: 100%;
  }

  td,
  th {
      border: transparent;
      text-align: left;
      padding: 8px;
  }

  tr:nth-child(even) {
      background-color: transparent;
  }

  table select {
      padding: 10px 20px;
      width: 100%;
      border-radius: 28px;
      border: 1px solid #8080804a;
      background: transparent;
      color: gray;
  }

  table td {
      padding: 6px 0;
      color: gray;
  }

  .card-header.py-3 .form-control {
      width: 100%;
      max-width: 366px;
      margin: 0 auto;
  }

  span.saved_msg {
      float: right;
      width: 100%;
      max-width: 249px;
      font-size: 10px;
  }

  .form-control {
      border: 1px solid #cdd4da !important;
      appearance: auto !important;
  }

  table select:focus-visible {
      border: none;
      box-shadow: none;
  }

  pre {
      display: none;
  }

  /* loader css starts  */

  .loader-background {
      text-align: center;
      background: #000000;
      opacity: 0.8;
      position: fixed;
      height: 100vh;
      width: 100%;
      z-index: 99999999;
      top: 0;
      left: 0;
      display: none;
  }

  .spinner-border {
      position: absolute;
      height: 6rem;
      width: 6rem;
      top: 50vh;
  }

  /* loader css ends  */

  a.btn.btn-primary.btn-sm.btnhide {
      font-size: 12px;
      margin: 2px 18px;
      padding: 3px 9px;
      font-weight: 700;
      border-radius: 4px !important;
  }

  a.btn.btn-primary.btn-sm.btnshow {
      font-size: 12px;
      margin: 2px 18px;
      padding: 3px 9px;
      font-weight: 700;
      border-radius: 4px !important;
  }

  .maindivCategories {
      border: 1px solid #dee2e6;
      padding: 7px 10px;
      margin: 13px 0px;
  }

  .mainphase {
      padding: 10px 0;
      font-weight: bolder;
  }

  .company_logo {
      width: 100% !important;
      max-width: 110px;
      height: 100% !important;
      max-height: 110px;
      border-radius: 5px;
  }

  .dataTable td {
      padding: 0.25rem !important;
  }


  .dataTable th {
      padding: 0.75px;
      font-weight: 600;
      color: #7E7E7E !important;
  }

  .dataTableheader .card-header.py-3 {
      background: transparent;
  }

  .dataTables_wrapper {
      padding: 4px;
  }

  #estimatorcalculators td a {
      margin: 0px 2px;
  }

  button.swal2-confirm.swal2-styled {
      background-color: #d07c22 !important
  }

  .dropdown-menu.header-notifications-list a.dropdown-item:hover p {
      color: #fff !important;
  }

  #rails td.description a i {
      font-size: 22px !important;
  }

  a.btn.btn-primary.btn-add.pr-4.ml-2 {
      color: #fff !important;
  }

  table.dataTable thead>tr>th.sorting:before,
  table.dataTable thead>tr>th.sorting_asc:before,
  table.dataTable thead>tr>th.sorting_desc:before,
  table.dataTable thead>tr>th.sorting_asc_disabled:before,
  table.dataTable thead>tr>th.sorting_desc_disabled:before,
  table.dataTable thead>tr>td.sorting:before,
  table.dataTable thead>tr>td.sorting_asc:before,
  table.dataTable thead>tr>td.sorting_desc:before,
  table.dataTable thead>tr>td.sorting_asc_disabled:before,
  table.dataTable thead>tr>td.sorting_desc_disabled:before {
      bottom: 35% !important;
      content: "\f30c" !important;
      font-family: "Font Awesome 5 Pro" !important;
      color: #7e7e7e !important;
      opacity: 1 !important;
      right: 20px !important;
      font-size: clamp(15px, 0.842vw, 16px) !important;
      /* display: none !important; */
  }

  table.dataTable thead>tr>th.sorting_asc_disabled:before,
  table.dataTable thead>tr>th.sorting_desc_disabled:before,
  table.dataTable thead>tr>td.sorting_asc_disabled:before,
  table.dataTable thead>tr>td.sorting_desc_disabled:before {
      display: none !important;
  }

  table.dataTable thead>tr>th.sorting:after,
  table.dataTable thead>tr>th.sorting_asc:after,
  table.dataTable thead>tr>th.sorting_desc:after,
  table.dataTable thead>tr>th.sorting_asc_disabled:after,
  table.dataTable thead>tr>th.sorting_desc_disabled:after,
  table.dataTable thead>tr>td.sorting:after,
  table.dataTable thead>tr>td.sorting_asc:after,
  table.dataTable thead>tr>td.sorting_desc:after,
  table.dataTable thead>tr>td.sorting_asc_disabled:after,
  table.dataTable thead>tr>td.sorting_desc_disabled:after {
      top: 40% !important;
      content: "\f309" !important;
      font-family: "Font Awesome 5 Pro" !important;
      color: #7e7e7e !important;
      opacity: 1 !important;
      font-size: clamp(15px, 0.842vw, 16px) !important;
      /* display: none !important; */
  }

  table.dataTable thead>tr>th.sorting_asc_disabled:after,
  table.dataTable thead>tr>th.sorting_desc_disabled:after,
  table.dataTable thead>tr>td.sorting_asc_disabled:after,
  table.dataTable thead>tr>td.sorting_desc_disabled:after {
      display: none !important;
  }

  table#rails thead>tr>th.sorting:before,
  table#rails thead>tr>th.sorting_asc:before,
  table#rails thead>tr>th.sorting_desc:before,
  table#rails thead>tr>th.sorting_asc_disabled:before,
  table#rails thead>tr>th.sorting_desc_disabled:before,
  table#rails thead>tr>td.sorting:before,
  table#rails thead>tr>td.sorting_asc:before,
  table#rails thead>tr>td.sorting_desc:before,
  table#rails thead>tr>td.sorting_asc_disabled:before,
  table#rails thead>tr>td.sorting_desc_disabled:before {
      display: block !important;

  }

  table#rails thead>tr>th.sorting:after,
  table#rails thead>tr>th.sorting_asc:after,
  table#rails thead>tr>th.sorting_desc:after,
  table#rails thead>tr>th.sorting_asc_disabled:after,
  table#rails thead>tr>th.sorting_desc_disabled:after,
  table#rails thead>tr>td.sorting:after,
  table#rails thead>tr>td.sorting_asc:after,
  table#rails thead>tr>td.sorting_desc:after,
  table#rails thead>tr>td.sorting_asc_disabled:after,
  table#rails thead>tr>td.sorting_desc_disabled:after {
      display: block !important;
  }

  table.dataTable thead>tr>th.sorting,
  table.dataTable thead>tr>th.sorting_asc,
  table.dataTable thead>tr>th.sorting_desc,
  table.dataTable thead>tr>th.sorting_asc_disabled,
  table.dataTable thead>tr>th.sorting_desc_disabled,
  table.dataTable thead>tr>td.sorting,
  table.dataTable thead>tr>td.sorting_asc,
  table.dataTable thead>tr>td.sorting_desc,
  table.dataTable thead>tr>td.sorting_asc_disabled,
  table.dataTable thead>tr>td.sorting_desc_disabled {
      padding-right: 32px !important;
  }

  .company_logo1 {
      width: 100% !important;
      max-width: 70px !important;
      /* height: 100% !important; */
      border-radius: 5px !important;
      filter: grayscale(1) !important;
      margin-top: 20px !important;
  }

  body #toast-container .toast-success,
  body #toast-container .toast-error {
      background-color: #fff;
      opacity: 1 !important;
      color: black !important;
      font-weight: 700 !important;
      padding: 25px 25px !important;
      width: 100% !important;
      max-width: 469px !important;
      min-width: 465px !important;
      border-radius: 4px !important;
      font-size: 16px !important;
      box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22) !important;
  }

  body #toast-container>.toast-success {
      background-image: url('../img/tright.png') !important;
      background-position: 10px !important;
      background-size: 46px !important;
  }

  /*asset('img/no-image.png')*/
  body #toast-container>.toast-error {
      background-image: url('../img/tclosed.png') !important;
      background-position: 10px !important;
      background-size: 46px !important;
  }

  .toast-message {
      padding-left: 48px !important;
  }

  button.toast-close-button {
      color: gray !important;
      font-size: 30px !important;
      top: -5px !important;
  }


  /*PLAN*/
  .main_card .card {
      box-shadow: none !important;
      background: transparent !important;
  }

  .Choose_plan {
      text-align: center;
      padding: 10px 0;
      padding-bottom: 38px;
  }

  .plane-header p {
      height: 100;
      max-height: 55px;
  }

  .plane-header {
      border-radius: 13px 13px 0px 0px !important;
      min-height: auto !important;
  }

  .plane-price-box {
      margin-top: 0px !important;
      margin-bottom: 0px !important;
      min-height: auto !important;
      padding-top: 0px !important;
  }

  .plan-list li {
      margin-bottom: 13px !important;
  }

  .card-color {
      border: 1px solid #d77d1d8c !important;
  }

  .card.card-color {
      height: 100%;
      width: 100%;
      max-width: 401px;
      margin: 0 auto;
      min-height: 390px;
  }





  /* Slider */
  .slick-slider {
      position: relative;

      display: block;
      box-sizing: border-box;

      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;

      -webkit-touch-callout: none;
      -khtml-user-select: none;
      -ms-touch-action: pan-y;
      touch-action: pan-y;
      -webkit-tap-highlight-color: transparent;
  }

  .slick-list {
      position: relative;

      display: block;
      overflow: hidden;

      margin: 0;
      padding: 0;
  }

  .slick-list:focus {
      outline: none;
  }

  .slick-list.dragging {
      cursor: pointer;
      cursor: hand;
  }

  .slick-slider .slick-track,
  .slick-slider .slick-list {
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
  }

  .slick-track {
      position: relative;
      top: 0;
      left: 0;

      display: block;
      margin-left: auto;
      margin-right: auto;
  }

  .slick-track:before,
  .slick-track:after {
      display: table;

      content: '';
  }

  .slick-track:after {
      clear: both;
  }

  .slick-loading .slick-track {
      visibility: hidden;
  }

  .slick-slide {
      display: none;
      float: left;

      height: 100%;
      min-height: 1px;
  }

  [dir='rtl'] .slick-slide {
      float: right;
  }

  .slick-slide img {
      display: block;
  }

  .slick-slide.slick-loading img {
      display: none;
  }

  .slick-slide.dragging img {
      pointer-events: none;
  }

  .slick-initialized .slick-slide {
      display: block;
  }

  /*.slick-loading .slick-slide
{
    visibility: hidden;
}*/
  .slick-vertical .slick-slide {
      display: block;

      height: auto;

      border: 1px solid transparent;
  }

  /*.slick-arrow.slick-hidden {
    display: none;
}*/


  .prev-arrow {
      left: -40px;
      width: 0;
      height: 0;
      border-left: 0 solid transparent;
      border-right: 15px solid #d77d1d;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
  }

  .next-arrow {
      right: -40px;
      width: 0;
      height: 0;
      border-right: 0 solid transparent;
      border-left: 15px solid #d77d1d;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
  }

  button {
      margin: 0;
      padding: 0;
      background: none;
      border: none;
      border-radius: 0;
      outline: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
  }

  .slide-arrow {
      position: absolute;
      top: 50%;
      margin-top: -15px;
  }

  .dataTableheader {
      background: #fff !important;
      border-radius: 15px 15px 0 0 !important;
  }

  .add_button a.btn.btn-primary.btn-add.pr-4.ml-2 {
      background: #d77d1d;
      border: #d77d1d;
      width: 105px;
      height: 35px;
      padding: 3px;
  }

  .breadcrumb-item,
  .breadcrumb-item a {
      color: #7E7E7E !important;
      outline: none !important;
      text-decoration: none !important;
      font-weight: 400 !important;
      font-family: "Century Gothic", sans-serif !important;
  }

  .breadcrumb-item.active a {
      color: #d77d1d !important;
      font-weight: 600 !important;
  }

  .btn-change-project {
      text-decoration: underline !important;
      color: #26a0fc !important;
      font-weight: 600 !important;
      font-size: clamp(14px, 0.842vw, 16px) !important;
      font-family: "Century Gothic", sans-serif !important;
  }

  .your-project-text {
      font-family: "Century Gothic", sans-serif !important;
  }

  .your-project-title {
      font-family: "Century Gothic", sans-serif !important;

  }

  button.btn.btn-change-project:hover {
      border-color: transparent;
  }

  .dataTables_length select.form-select.form-select-sm {
      border: 1px solid #ced4da !important;
  }

  .breadcrumb-item.active a {
      color: #d77d1d !important;
      font-weight: 600 !important;
  }

  div#UserNotification {
      width: 100% !important;
      min-width: 287px;
      right: 19px !important;
  }

  div#UserNotification::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      background-color: #F5F5F5;
      border-radius: 10px;
  }

  div#UserNotification::-webkit-scrollbar {
      width: 10px;
      background-color: #F5F5F5;
  }

  div#UserNotification::-webkit-scrollbar-thumb {
      background-color: #d77d1d;
      border: 2px solid #d77d1d;
  }