@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

html {
  font-size: 16px;
}

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background: #e8e8e8;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
}


.swal2-confirm{
  background: #4180BA !important;
  color: #fff !important;
}
.swal2-cancel{
  background: #d33 !important;
  color: #fff !important;
}

/* client-help-modal */
.shepherd-content,
.shepherd-arrow:before{
  background-color: #798088 !important;
}
.shepherd-header{
  background-color: #54595e !important;
}

.shepherd-header h3,
.shepherd-content .shepherd-text{
color: #fff;
}
.shepherd-content .pagination-label{
position: absolute;
bottom: 0;
padding: 20px;
left: 0;
}

/* end */

/* Global Css */

.bg-blue {
  background: linear-gradient(219.92deg, #4475ba 0%, #3f505d 100%) !important;
}

.bg-light-blue {
  background: linear-gradient(
          219.92deg,
          rgba(66, 131, 189, 0.95) 0%,
          rgb(66, 131, 189) 100%
  ) !important;
}

.o-contain {
  -o-object-fit: contain;
  object-fit: contain;
}
customClass: {
  confirmButton: 'swal-confirm-button',
  cancelButton: 'swal-cancel-button'
},
.o-cover {
  -o-object-fit: cover;
  object-fit: cover;
}

.site-container {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

.label-danger {
  color: #dc3545 !important;
}

.label-success {
  color: #28a745 !important;
}

[type="search"] {
  outline-offset: 0px !important;
}

.dataTables_filter input {
  padding: 0.375rem 0.5rem;
}
.border-radius-bottom-none{
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
/* Main Section */
.main-container {
  margin-left: 15rem;
}

tr.bg-light-blue *,
tr.bg-blue * {
  color: #ffffff !important;
}

.btn-sm {
  padding: 0.6rem 1rem !important;
}

.custom-checkbox .form-check {
  position: relative;
  padding-left: 20px;
  margin-bottom: 1rem;
}

.custom-checkbox .form-check input[type="checkbox"] {
  appearance: none;
  cursor: pointer;
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-checkbox .form-check label {
  color: #434141;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  cursor: pointer;
}

.custom-checkbox .form-check label::before {
  content: "";
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 1.125rem;
  width: 1.125rem;
  border: 2px solid rgba(0, 0, 0, 0.7);
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.custom-checkbox .form-check input[type="checkbox"]:checked + label::before {
  content: "\f00c";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: flex;
  justify-content: center;
  align-items: center;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 12px;
  color: #dfe2e6;
  cursor: pointer;
  background-color: #4180ba;
  border-color: #4180ba;
  cursor: pointer;
}

.bth-lg {
  padding: 0.6rem 1.5rem !important;
}

.border-h td,
.border-h th {
  border-top: 1px solid #de      customClass: {
    confirmButton: 'swal-confirm-button',
    cancelButton: 'swal-cancel-button'
  },e2e6 !important;
}

.border-h thead tr:hover td:nth-of-type(1),
.border-h tbody tr:hover td:nth-of-type(1) {
  border-left: 1px solid #4475ba;
}

.border-h thead tr:hover td:nth-last-of-type(1),
.border-h tbody tr:hover td:nth-last-of-type(1) {
  border-right: 1px solid #4475ba !important;
}

.border-h thead tr:hover td,
.border-h tbody tr:hover td {
  border-top-color: #4475ba !important;
  border-bottom: 1px solid #4475ba;
}

.border-v th:not(:nth-of-type(-n + 2)),
.border-v td:not(:nth-of-type(-n + 2)) {
  border-left: 1px solid #dee2e6 !important;
}

.show-spin::-webkit-inner-spin-button,
.show-spin::-webkit-outer-spin-button {
  opacity: 1;
}

@media screen and (max-width: 1200px) {
  .table-responsive.cmn-table.project-pc-table.newbilling-sheet {
    position: relative;
    max-height: 550px;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    border-radius:0;
  }
  .newbilling-sheet .billing-main-head {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
    background: #ffffff;
  }
  .newbilling-sheet table tbody {
    overflow: auto;
    max-height: 700px;
  }
}

.cmn-table {
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}

.cmn-table::after,
.cmn-table::before {
  content: " ";
  display: table;
}

.cmn-table tbody {
  position: relative;
}

.cmn-table::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}

.cmn-table::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #4475ba;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

.cmn-table::-webkit-scrollbar-thumb {
  background: rgba(65, 128, 186, 0.8);
  border-radius: 6px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

.cmn-table::-webkit-scrollbar-thumb:hover {
  background: #4180ba;
  opacity: 1;
}

.cmn-table {
  margin-bottom: 20px;
}

.cmn-table.radius-none {
  border-radius: 12px 12px 0px 0px;
  -webkit-border-radius: 12px 12px 0px 0px;
  -moz-border-radius: 12px 12px 0px 0px;
  -ms-border-radius: 12px 12px 0px 0px;
  -o-border-radius: 12px 12px 0px 0px;
}

.cmn-table table {
  /* border: 1px solid #dee2e6 !important; */
  background-color: #ffffff;
  min-width: 950px;
  margin-bottom: 0;
}

.cmn-table table.border-transparent {
  border-color: transparent !important;
}

.cmn-table table td,
.cmn-table table th {
  border: none;
  padding: 0.875rem 1rem;
}

.cmn-table tbody tr {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.cmn-table tbody tr:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.cmn-table th .label-info,
.cmn-table td .label-info {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.cmn-table th a,
.cmn-table th span,
.cmn-table td a,
.cmn-table td span {
  font-weight: 600;
  font-size: 14px;
  color: #4180ba;
  line-height: 22px;
}

.dashboard-table  tbody tr td:first-child span{
  text-decoration: underline;
}

.page-title a {
  color: #4180ba;
}

.cmn-table th a:hover,
.cmn-table td a:hover {
  text-decoration: none;
}

.cmn-table thead th {
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
  color: #434141;
  white-space: nowrap;
}

.cmn-table tbody td {
  font-size: 14px;
  color: #434141;
}

.cmn-table tfoot th {
  font-size: 15px;
  font-weight: 600;
  color: #434141;
}

.cmn-table .btn {
  display: inline;
}

.cmn-table .cta-btn-solid {
  padding: 0.6rem 1rem;
  white-space: nowrap;
}

.cmn-table .bg-blue > span {
  color: #ffffff;
}

.cmn-table .clickable-row {
  cursor: pointer;
}

.cmn-table a i {
  color: rgba(0, 0, 0, 0.6);
}

.cmn-table a:hover i {
  color: rgba(0, 0, 0, 0.9);
}

.cmn-table .custom-checkbox label {
  font-size: 14px;
}

.custom-accordion .btn-link {
  color: #4180ba;
  text-decoration: none;
}

.custom-accordion .btn-link i {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.custom-accordion .btn-link[aria-expanded="false"] i {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}

.custom-accordion .cta-btn-solid {
  padding: 0.6rem 1rem;
}

.custom-accordion .table tfoot {
  border-top: none;
}

.custom-accordion .table tfoot th {
  font-size: 17px;
  font-weight: 600;
}
.custom-accordion .table tfoot th.credit {
  width: 10%;
}
.table-modal {
  padding-left: 0;
}

.modal-header .close:focus {
  outline: none;
}

.table-modal .modal-title {
  color: #434141;
}

.table-modal .modal-body > p {
  font-weight: 700;
}

.table-modal thead td,
.table-modal thead th,
.table-modal tfoot td,
.table-modal tfoot th {
  font-size: 15px;
  font-weight: 600;
}

.table-modal tbody td {
  font-size: 13px;
}

.btn-pending,
.btn-inactive {
  background: #f9d7db !important;
  color: #721d24 !important;
  border-color: #721d24 !important;
}

.btn-completed,
.btn-active {
  background: #d4edda !important;
  color: #185724 !important;
  border-color: #185724 !important;
}

.btn-completed,
.btn-active {
  padding: 3px 17px;
}

.btn-pending {
  padding: 3px 26px;
}

.btn-inactive {
  padding: 3px 11px;
}

.table-modal a i {
  color: rgba(0, 0, 0, 0.3);
}

.table-modal.link-client thead {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.table-modal.link-client tbody {
  border-bottom: 2px solid black;
}

.main-header {
  max-width: 15rem;
  padding-right: 0 !important;
  background: linear-gradient(219.92deg, #4475ba 0%, #3f505d 100%);
}

.main-header .navbar {
  padding: 0;
}

.main-header .navbar-brand {
  width: 8rem;
}

.main-header .navbar-nav {
  flex-direction: column;
}

.main-header .nav-item {
  margin-top: 2.5rem;
}

.main-header .nav-item.active .nav-link,
.main-header .nav-link:hover {
  opacity: 1;
  text-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.main-header .nav-link {
  display: inline-block;
  color: #ffffff;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 300;
  opacity: 0.75;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.main-header .nav-link i {
  margin-right: 1rem;
  width:1.5rem
}

.main-header .navbar-collapse {
  width: 100%;
}

.main-header.static {
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}

.main-header.static .navbar-toggler {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.4);
  background: #2e4f80;
  height: 60px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transform: rotate(0.9);
  -webkit-transform: rotate(0.9);
  -moz-transform: rotate(0.9);
  -ms-transform: rotate(0.9);
  -o-transform: rotate(0.9);
}

.main-header.static .navbar-toggler .icon-bar {
  background-color: #ffffff;
  width: 30px;
}

.main-header.static .navbar-brand > img {
  filter: drop-shadow(2px 8px 20px rgba(0, 0, 0, 0.6));
  -webkit-filter: drop-shadow(2px 8px 20px rgba(0, 0, 0, 0.6));
}

.main-header.static.mobile-menu .navbar-toggler .icon-bar {
  background-color: #ffffff;
}

.main-header .navbar-toggler {
  width: 60px;
  height: 40px;
  outline: none;
  border: none;
}

.main-header .navbar-toggler:focus,
.main-header .navbar-toggler:hover {
  text-decoration: none;
}

.main-header .navbar-toggler .icon-bar {
  background-color: #2e4f80;
  display: block;
  height: 4px;
  width: 37px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  padding: 1px 0;
  transition: all 0.2s ease;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
}

.main-header .navbar-toggler .icon-bar:nth-of-type(2) {
  margin-top: 5.5px;
  margin-bottom: 5.5px;
}

.main-header.mobile-menu .navbar-toggler .icon-bar {
  background-color: #fff;
  width: 30px;
}
.main-header.mobile-menu .navbar-toggler .icon-bar:nth-of-type(1) {
  transform: rotate(45deg);
  top: 0;
  margin: 0 auto;
}

.main-header.mobile-menu .navbar-toggler .icon-bar:nth-of-type(2) {
  display: none;
}

.main-header.mobile-menu .navbar-toggler .icon-bar:nth-of-type(3) {
  transform: rotate(-45deg);
  top: -3px;
  margin: 0 auto;
}

.login-header {
  background: linear-gradient(219.92deg, #4475ba 0%, #3f505d 100%);
}

.login-header + .main-container {
  margin-left: 0px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
}

.login-img {
  display: flex;
  justify-content: center;
  align-items: center;
}

.login-img img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}

.login-sec {
  background: #ffffff;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  padding: 2.5rem 1rem;
}

.login-form {
  max-width: 21.875rem;
  margin: 0 auto;
}

.login-form h2 {
  color: #434141;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2.0625rem;
}

.google-img {
  display: none;
  margin: 2.5em 0;
  max-width: 21.875rem;
  box-shadow: 0 0.5rem 1.1875rem -0.3125rem #d4d4d4;
}

.login-sec form {
  margin-bottom: 3rem;
  margin-top: 2rem;
}

.login-form label {
  color: #434141;
  font-size: 12px;
  font-weight: 600;
  line-height: 17px;
  margin-left: 10px;
}

.login-form input {
  border: 1px solid #dfe2e6;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05);
  padding: 0.375rem 2.5rem;
}

.login-form .position-relative i {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.3);
}

.login-form .position-relative img {
  position: absolute;
  left: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  max-width: 1.25rem;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

.login-form input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  font-weight: 600;
  line-height: 17px;
}

.login-form input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  font-weight: 600;
  line-height: 17px;
}

.login-form input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  font-weight: 600;
  line-height: 17px;
}

.login-form input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  font-weight: 600;
  line-height: 17px;
}

.login-form input::placeholder {
  color: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  font-weight: 600;
  line-height: 17px;
}

.login-form .form-row [class="col"]:nth-of-type(2) {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.login-form .form-row a {
  color: rgba(0, 0, 0, 0.3);
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
}

.login-form .form-row a:hover {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.3);
}

.cta-btn,
.cta-btn-solid {
  text-align: center;
  display: block;
  padding: 0.6rem 3.125rem;
  border: 2px solid #4475ba;
  border-radius: 0.5rem;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05);
  color: #4180ba;
  font-size: 13px;
  font-weight: 700;
  line-height: 19px;
  transition: 0.2s linear;
}

.cta-btn:hover,
.cta-btn-solid:hover {
  text-decoration: none;
  border-radius: 0.5rem;
  background-color: #4475ba !important;
  color: #ffffff;
  box-shadow: 0 0.5rem 1.1875rem -0.3125rem rgba(65, 128, 186, 0.3);
}

.cta-btn-solid {
  background: #4180ba !important;
  color: #ffffff !important;
}

.login-sec span {
  display: block;
  color: #434141;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  text-align: center;
}


.user-details {
  float: right;
  padding: 1rem 0;
  display: flex;
  align-items: center;
}

.user-details .avatar {
  width: 40px;
  height: 40px;
}

.user-details .avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.user-details .dropdown-toggle span {
  font-size: 1rem;
  line-height: 1.375rem;
}

.user-details .dropdown-toggle:focus {
  outline: none;
  box-shadow: none;
}

.user-details .dropdown-toggle span::after {
  content: "";
  display: inline-block;
  margin-left: 0.5em;
  vertical-align: 0.255em;
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.user-details .dropdown-menu {
  left: auto !important;
  right: 0;
  transform: none !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  top: 40px !important;
}

.page-title {
  padding: 2rem 0 1rem;
  display: flex;
}

.page-title .h2 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  color: #51504f !important;
}

.page-title .date {
  font-size: 14px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.6);
}

.title-form-sec {
  margin-top: 0.5rem;
  clear: both;
}

.form-inline #selectedMonth {
  -webkit-appearance: none;
  margin-left: 0;
  border-left: none;
}

.form-inline #selectedMonth:focus {
  outline: none;
}

.title-form-sec .form-inline > div,
.title-form-sec .form-inline > .btn {
  margin-bottom: 1rem;
}

.title-form-sec .input-group input {
  height: calc(1.5em + 0.75rem + 6px);
}

.title-form-sec .input-group .custom-select {
  height: calc(1.5em + 0.75rem + 9px);
}

.title-form-sec .input-group input {
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
}

.title-form-sec .input-group .custom-select {
  border-radius: 0 0.5rem 0.5rem 0;
  -webkit-border-radius: 0 0.5rem 0.5rem 0;
  -moz-border-radius: 0 0.5rem 0.5rem 0;
  -ms-border-radius: 0 0.5rem 0.5rem 0;
  -o-border-radius: 0 0.5rem 0.5rem 0;
}

.title-form-sec .input-group input,
.title-form-sec .input-group .custom-select {
  border-left: none;
  border-color: #ced4da;
  padding-left: 0.125rem;
}

.title-form-sec .input-group input:focus,
.title-form-sec .input-group .custom-select:focus {
  outline: none;
  box-shadow: none;
}

.title-form-sec .cta-btn-solid {
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  position: relative;
  box-shadow: 0 0.5rem 1.1875rem -0.3125rem rgba(65, 128, 186, 0.3);
}

.title-form-sec .cta-btn-solid img {
  position: absolute;
  width: 14px;
  height: 18px;
  left: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.title-form-sec .cta-btn-solid:hover {
  box-shadow: none !important;
}

.title-form-sec .input-group {
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  max-width: 11.25rem;
  width: 100%;
}

.title-form-sec .input-group input::-webkit-input-placeholder {
  color: #434141;
  font-size: 14px;
  line-height: 22px;
}

.title-form-sec .input-group input:-ms-input-placeholder {
  /* Internet Explorer */
  color: #434141;
  font-size: 14px;
  line-height: 22px;
}

.title-form-sec .input-group input::-moz-placeholder {
  color: #434141;
  font-size: 14px;
  line-height: 22px;
}

.title-form-sec .input-group input::-ms-input-placeholder {
  color: #434141;
  font-size: 14px;
  line-height: 22px;
}

.title-form-sec .input-group input::placeholder {
  color: #434141;
  font-size: 14px;
  line-height: 22px;
}

.title-form-sec .custom-select {
  background-size: 10px;
  color: #434141;
  font-size: 14px;
  line-height: 22px;
}

.title-form-sec .input-group-text {
  background: #ffffff;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
}

.title-form-sec .input-group-text i {
  color: #434141;
}

.dashboard-table tr th:not(:nth-of-type(1)),
.dashboard-table tr td:not(:nth-of-type(1)) {
  text-align: center;
}

.dashboard-table.border-v th:not(:nth-of-type(1)),
.dashboard-table.border-v td:not(:nth-of-type(1)) {
  border-left: 1px solid #dee2e6 !important;
}

.dashboard-table thead th:not(:nth-of-type(1)) {
  width: 110px;
}

.dashboard-table tfoot th:nth-of-type(1) span {
  font-size: 15px;
}

.project-table th,
.project-table td {
  white-space: nowrap;
}

.project-table thead th:nth-of-type(1),
.project-table tbody td:nth-of-type(1) {
  width: 10%;
}

.project-table thead th:nth-of-type(2),
.project-table tbody td:nth-of-type(2) {
  width: 20%;
}

.project-table thead th:nth-of-type(3),
.project-table tbody td:nth-of-type(3) {
  width: 30%;
}

.project-table thead th:nth-of-type(4),
.project-table tbody td:nth-of-type(4),
.project-table thead th:nth-of-type(5),
.project-table tbody td:nth-of-type(5) {
  width: 12%;
}

.project-table thead th:nth-of-type(6),
.project-table tbody td:nth-of-type(6) {
  width: 5%;
}

.project-table tbody td:nth-last-of-type(1) {
  color: #4282bb !important;
  white-space: nowrap;
}

.project-pc-table th:not(:nth-of-type(-n + 3)),
.project-pc-table td:not(:nth-of-type(-n + 3)) {
  text-align: center;
}

.import-timesheet-table thead th:nth-of-type(1) {
  width: 95px;
}

.import-timesheet-table thead th:nth-of-type(2) {
  width: 80px;
}

.import-timesheet-table thead th:nth-of-type(5) {
  width: 100;
}

.import-timesheet-table tr td:nth-last-of-type(1),
.import-timesheet-table tr th:nth-last-of-type(1) {
  text-align: right;
}

.import-timesheet-table td[colspan="5"] {
  text-align: left !important;
}

.timesheet-table tbody td:nth-of-type(1) {
  background: #ffffff;
}

.import-timesheet-table td,
.import-timesheet-table th,
.timesheet-table table td,
.timesheet-table table th {
  padding: 0.5rem 1rem !important;
}

.table-inner-title td {
  background: #c6c8ca;
}

.timesheet-table tbody .table-inner-title:not(:nth-last-of-type(1)) td {
  background: #c6c8ca !important;
}

.timesheet-table tbody::after {
  content: "";
  display: table;
}

.timesheet-table
tbody
.table-inner-title:nth-last-of-type(1)
td:not(:nth-of-type(1)),
.timesheet-table tbody .table-inner-title td:not(:nth-of-type(1)) {
  background-color: #4475baf2;
}

.timesheet-table tbody .table-inner-title:nth-last-of-type(1) td:nth-of-type(1),
.timesheet-table tfoot .table-inner-title td:nth-of-type(1) {
  background: #4183bd;
}
.timesheet-table
tbody
.table-inner-title:nth-last-of-type(1)
td:not(:nth-of-type(1)) {
  z-index: 3;
}

.timesheet-table thead th:not(:nth-of-type(1)),
.timesheet-table tbody td:not(:nth-of-type(1)),
.timesheet-table tfoot td:not(:nth-of-type(1)) {
  background: #ffffff;
  z-index: 3;
}

.timesheet-table thead th:nth-of-type(1) {
  background: #ffffff;
}

.import-timesheet-table thead th:nth-of-type(1),
.timesheet-table thead th:nth-of-type(1) {
  z-index: 6;
}

.import-timesheet-table thead th {
  background-color: #fff;
}

/* .timesheet-table tbody td:nth-of-type(1), */
.timesheet-table tfoot td:nth-of-type(1) {
  z-index: 5;
}

.import-timesheet-table tr:nth-of-type(1) th::before,
.timesheet-table thead tr:nth-of-type(1) th::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #4475ba;
}

.timesheet-table tfoot {
  border-top: none;
}

.import-timesheet-table tfoot td,
.import-timesheet-table tfoot th {
  position: -webkit-sticky;
  position: sticky;
  bottom: -1px;
}

.import-timesheet-table tfoot {
  border-top: 0 !important;
}

.import-timesheet-table .bg-blue th,
.import-timesheet-table .bg-blue td {
  background: #2e4f80;
}

.timesheet-table thead tr:nth-of-type(1) th:nth-of-type(2)::after {
  display: none;
}

.timesheet-table thead tr:nth-of-type(1) th:not(:nth-of-type(1))::after {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  left: 0;
  width: 2px;
  height: 100%;
  background-color: #4475ba;
}

.timesheet-table tr td:not(:nth-of-type(1)),
.timesheet-table tr th:not(:nth-of-type(1)) {
  min-width: 96px;
  text-align: center !important;
}

.timesheet-table tfoot span {
  min-width: 120px;
  float: left;
  margin-right: 20px;
}

.timesheet-table .table-inner-title td:nth-of-type(1) {
  border-right: none !important;
}

.timesheet-table .table-inner-title td:not(:nth-of-type(1)) {
  border-left: none !important;
}

.timesheet-table {
  max-height: 70vh;
}

.timesheet-table,
.import-timesheet-table {
  position: relative;
  z-index: 1;
}

.import-timesheet-table {
  max-height: 74vh;
}

.timesheet-table thead th,
.import-timesheet-table th {
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
  border-color: #dee2e6 !important;
}

.timesheet-table tfoot .bg-blue td,
.timesheet-table tfoot .bg-light-blue td {
  background-color: #4180ba;
}

.timesheet-table tfoot,
.timesheet-table tfoot th,
.timesheet-table tfoot td {
  position: sticky;
  bottom: 0;
  background-color: #fff;
}

.timesheet-table thead th:nth-of-type(1)::after,
.timesheet-table tfoot td:nth-of-type(1)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 2px;
  background-color: #4475ba;
}

.timesheet-table tbody {
  width: 100%;
}

.timesheet-table tfoot tr:nth-last-of-type(1) td {
  bottom: -1px;
}

.timesheet-table tfoot tr:nth-of-type(1) td::before {
  background: #4475ba;
}

.timesheet-table tfoot tr td::before {
  content: "";
  background: #dee2e6;
  top: 0;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
}

.timesheet-table tfoot tr td:not(:nth-of-type(1))::after {
  content: "";
  background: #dee2e6;
  position: absolute;
  top: 0;
  left: -1px;
  width: 1px;
  height: 100%;
}

.import-timesheet-table .cta-btn-solid,
.timesheet-table .cta-btn-solid {
  padding: 0.2rem 0.5rem !important;
}

.cmn-table tbody tr:hover td,
.cmn-table tbody tr:hover th {
  background-color: #d1dfea;
}

.timesheet-table tfoot tr:nth-last-of-type(1) td {
  bottom: -1px;
}

.timesheet-table tfoot tr:nth-last-of-type(2) td {
  bottom: 38px;
}

.timesheet-table tfoot tr:nth-last-of-type(3) td {
  bottom: 76px;
}

.timesheet-table tfoot tr:nth-last-of-type(4) td {
  bottom: 100px;
}

.timesheet-table tfoot tr:nth-last-of-type(5) td {
  bottom: 152px;
}

.timesheet-table td[colspan="2"] {
  border-right: 1px solid #dee2e6;
}

.timesheet-table tr th:not(:nth-of-type(-n + 2)),
.timesheet-table tr td:not(:nth-of-type(-n + 2)) {
  text-align: center;
}

.timesheet-table tr.table-inner-title th:not(:nth-of-type(1)),
.timesheet-table tr.table-inner-title td:not(:nth-of-type(1)) {
  text-align: center !important;
}

.callout .alert {
  font-size: 1.125rem;
}

.callout .alert-heading {
  margin-bottom: 0;
}

/* Import Page Froms */
.date-form {
  float: left;
  width: 60%;
}

.import-form .btn {
  margin-left: auto;
}

/* Site Preloder */
.preloder-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
}

.spinner-border {
  border: none;
  border-radius: 0;
  height: 6rem;
  width: 6rem;
  -webkit-animation: spinner-border 5s linear infinite;
  animation: spinner-border 5s linear infinite;
}
@keyframes fade {
  0%,100% { opacity: 0 }
  50% { opacity: 1 }
}
.spinner-border img {
  width: 100%;
  height: 100%;
  border-radius: 0 !important;
}

/* For Sorting arrows in table */
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  font-size: 10px;
  text-shadow: 0 0 #000;
}

/* Site Preloder */
/* Media Queries Breakpoints */
@media (min-width: 576px) {
  .user-details .dropdown-toggle::after {
    display: none;
  }

  .table-modal .modal-dialog {
    max-width: 600px;
  }
}

@media (min-width: 768px) {
  .login-header .navbar {
    padding: 0.5rem 2rem;
  }
  .btn-wrp-ta .sort-bname-ta{
    display: none;
  }
  .timeapp-client-inner-page{
    gap: 1rem;
  }
  .time-wrp{
    gap: 1rem;
  }
}

@media (min-width: 1200px) {
  .title-form-sec .form-inline > :not(:nth-last-child(1)) {
    margin-right: 2rem;
  }

  .timesheet-table tbody td:nth-of-type(1)::after ,
  .timesheet-table tbody tr th:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 2px;
    background-color: #4475ba;
  }

  .timesheet-table thead th:nth-of-type(1),
  .timesheet-table tbody td:nth-of-type(1),
  .timesheet-table tfoot td:nth-of-type(1) {
    position: sticky;
    left: -1px;
  }

  .timesheet-table tbody tr th:first-child::after {
    height: 104%;
  }
  .timesheet-table tbody tr th:first-child {
    position: sticky;
    left: -1px;
    background: white;
}
.timesheet-table tbody:first-child tr {
  position: sticky;
  top: -1px;
  background: white;
  z-index: 1;
}

.timesheet-table tbody:first-child tr th::before {
  content: "";
  background: #dee2e6;
  bottom: 0;
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  z-index: -1;
}


}

@media (min-width: 992px) {
  .site-container {
    max-width: 96%;
  }

  .main-header {
    bottom: 0;
  }

  .main-header .navbar-brand {
    margin-right: auto;
    margin: 0;
    height:2rem;
  }

  .main-header .navbar {
    flex-direction: column;
    padding: 3rem 1rem 3rem 1rem;
  }

  .main-header .navbar-nav {
    margin-right: auto;
    margin-left: 15px;
  }
}
@media (max-width: 1600px) {
  .newbilling-sheet .billing-project {
    min-width: 250px;
  }
  .newbilling-sheet thead th {
    white-space: unset;
  }
}
@media (max-width: 1399px) {
  .main-header {
    max-width: 15rem;
  }

  .main-container {
    margin-left: 15rem;
  }

  .title-form-sec .input-group {
    max-width: 10rem;
  }

  .title-form-sec .cta-btn-solid {
    padding: 0.6rem 2rem;
  }

  .title-form-sec .cta-btn-solid img {
    left: 0.8rem !important;
  }
}
@media (max-width: 1280px) {
  .navbar-nav .nav-link span {
    transform: translateX(-400%);
    opacity: 0;
    white-space: nowrap;
  }
  .main-header {
    overflow: hidden;
    max-width: 6.5rem;
  }

  .navbar-brand .lg-screen {
    max-width: 40px;
    display: block !important;
  }
  .main-container {
    margin-left: 6rem;
  }
  .main-header:hover {
    max-width: 15rem;
    transition: all 0.2s;
  }
  .main-header .navbar-brand{
    width:4rem;
  }
  .main-header:hover .navbar-brand{
    width: 8rem;
  }
  .main-header:hover .nav-item span {
    transform: translateX(0);
    transition: all linear 0.4s;
    opacity: 1;
  }
  .main-header:hover .navbar-brand .lg-screen {
    display: none !important;
  }
  .navbar-nav .nav-link {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 991px) {
  html {
    font-size: 15px;
  }

  .main-header {
    max-width: 100%;
    background: #e8e8e8;
    padding: 1.5rem 0;
    z-index: 99 !important;
  }
  .main-header:hover {
    max-width: 100% !important;
  }
  .main-header .navbar{
    flex-direction: row-reverse;
  }
  .main-header .navbar {
    padding: 0 15px;
  }
  .mobile-menu.static .navbar-toggler{
    box-shadow: none;
  }
  .mobile-menu.static .navbar-brand img{
    filter: brightness(4.5);
  }
  .main-header.mobile-menu.static{
    padding: 1.5rem 0;
  }
  .main-header.mobile-menu.static .navbar-toggler{
    height: 40px;
  }
  .main-header .nav-item {
    padding: 0 15px;
  }
  .main-header .navbar-brand {
    z-index: 1;
  }
  .main-header .navbar-toggler{
    z-index: 1;
  }
  .main-header .navbar-nav {
    background: #2e4f80;
    position: fixed;
    width: 100%;
    height: 100vh  !important;
    transition: left 0.6s ease;
    -webkit-transition: left 0.6s ease;
    -moz-transition: left 0.6s ease;
    -ms-transition: left 0.6s ease;
    -o-transition: left 0.6s ease;
    top: 0px;
    display: block !important;
    overflow-y: auto;
    left: -100%;
  }

  .main-header.mobile-menu .navbar-nav {
    left: 0;
    padding-top: 4rem;
  }

  .main-header .navbar-toggler {
    padding: 0;
  }

  .login-sec {
    margin-top: 3rem;
  }

  .main-container {
    margin-top: 60px;
    margin-left: 0px;
  }

  .project-pc-table #projectList thead th:first-child,
  .project-pc-table #projectList tbody td:first-child {
    max-width: 250px !important;
  }
  .navbar-nav .nav-link span {
    display: block;
  }

  .main-header:has(.navbar:hover) {
    max-width: 100%;
  }
  .main-header:has(.navbar:hover) .navbar-brand .xl-screen {
    display: none !important;
  }
  .navbar-brand .lg-screen {
    display: none !important;
  }
  .navbar-nav .nav-link {
    display: flex;
    align-items: center;
  }
  .navbar-nav .nav-link span {
    transform: unset;
    opacity: unset;
  }
  .newbilling-form .side-buttons {
    flex-wrap: wrap;
  }
  .newbilling-form .side-buttons {
    align-items: center;
  }
  .newbilling-form .side-buttons .paid-button:first-child {
    margin-left: 0;
  }
  .newbilling-form .side-buttons .side-buttons {
    padding: 1rem 0;
  }
  .newbilling-form .side-buttons .side-buttons select {
    padding: 0.5rem 0;
  }
  .fixed-top.static {
    background-color: #e8e8e8;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }
  .user-details{
    justify-content: space-between;
  }
  .timesheet-uniqueurl .main-header .navbar-toggler {
    opacity: 0;
  }
  .mobile-menu .navbar-brand img{
    filter: brightness(4.5);
  }
  .main-header .navbar-brand{
    width: 8rem;
  }
}

/* New CSS For Client Page */
.custom-tabs {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  box-shadow: 0 0.5rem 1.1875rem -0.3125rem rgba(65, 128, 186, 0.3);
}

.custom-tabs .nav {
  border-bottom-color: transparent;
}

.custom-tabs .nav-item:not(:nth-last-of-type(1)) {
  margin-right: 2rem;
}

.custom-tabs .nav-link {
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  position: relative;
  /* background: #4180BA; */
  background-image: -internal-light-dark-color(
          rgb(239, 239, 239),
          rgb(74, 74, 74)
  );
  color: #4180ba !important;
  box-shadow: 0 0.5rem 1.1875rem -0.3125rem rgba(65, 128, 186, 0.3);
  text-align: center;
  display: block;
  padding: 0.6rem 3.125rem;
  border: 2px solid #4475ba;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.custom-tabs .nav-link:hover {
  border-color: #4475ba;
  box-shadow: 0 0.5rem 1.1875rem -0.3125rem rgba(65, 128, 186, 0.8);
}

.custom-tabs .nav-link.active {
  background: #4180ba;
  color: #ffffff !important;
  border-color: #4475ba;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

/* Datatable CSS */
table.dataTable {
  min-width: 930px;
}

.dataTables_empty {
  text-align: center;
}

.dataTables_wrapper > .row {
  width: 100% !important;
}

.dataTables_wrapper tr td:nth-of-type(3) {
  white-space: nowrap;
}

.dataTables_wrapper > .row:not(:nth-last-of-type(1)) {
  margin-bottom: 2rem;
}

.dataTables_wrapper > .row:nth-of-type(1) [class*="col-"]:nth-of-type(1) label {
  justify-content: flex-start;
}

.dataTables_wrapper
> .row:nth-of-type(1)
[class*="col-"]:nth-of-type(1)
select {
  margin: 0 1rem;
}

.dataTables_wrapper > .row:nth-of-type(1) [class*="col-"]:nth-of-type(2) label {
  justify-content: flex-end;
}

.dataTables_wrapper > .row:nth-of-type(1) [class*="col-"]:nth-of-type(2) input {
  margin-left: 1rem;
}

.dataTables_wrapper .pagination {
  justify-content: flex-end;
}

.dataTables_wrapper .pagination a {
  color: #4180ba;
}

.dataTables_wrapper .pagination a:hover {
  text-decoration: none;
}

.dataTables_wrapper .pagination > li:not(:nth-last-of-type(1)) {
  margin-right: 0.5rem;
}

.dataTables_wrapper .table {
  width: 100% !important;
}

.non-googleClient-modal .modal-body .login-form .cta-btn,
.googleClient-modal .modal-body .login-form .cta-btn {
  padding: 0.6rem 1.5rem !important;
}

#modal-default button.close {
  margin: 0 !important;
}

.dataTables_wrapper th {
  background-image: none !important;
}

.dataTables_wrapper th,
.dataTables_wrapper td {
  padding: 0.5rem 1.125rem !important;
}

.dataTables_wrapper tr th:nth-last-of-type(1),
.dataTables_wrapper tr td:nth-last-of-type(1) {
  text-align: center !important;
}

.dataTables_wrapper a.open-modal {
  display: block;
  text-align: center;
}

.custom-checkbox .form-check {
  position: relative;
  padding-left: 30px;
  margin-bottom: 1rem;
}

.custom-checkbox .form-check input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-checkbox .form-check label {
  cursor: pointer;
}

.custom-checkbox .form-check label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 1px solid #c8cccf;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}

.custom-checkbox .form-check input[type="checkbox"]:checked + label::before {
  background-color: #230871;
  border-color: #230871;
  cursor: pointer;
}

.badge {
  padding: 2px 7px;
  border: 1px solid;
  line-height: 15px !important;
  font-size: 11px !important;
  text-transform: uppercase;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.red-badge {
  color: #e99841 !important;
  border-color: #e99841;
  background-color: rgba(233, 152, 65, 0.4);
}

.green-badge {
  color: #819f65 !important;
  border-color: #819f65;
  background-color: rgba(129, 159, 101, 0.4);
}

span.btn {
  cursor: default !important;
}

/* modal table fixes */

.modal.table-modal .dataTables_wrapper > .row {
  width: initial !important;
}

.modal.table-modal .dataTables_wrapper .table {
  min-width: initial;
}

.modal.table-modal .login-form input {
  padding: 0.5rem 0.75rem;
  max-width: 175px;
}

.modal.table-modal
.dataTables_wrapper
.pagination
> li:not(:nth-last-of-type(1)) {
  margin-right: 0;
}

.modal.table-modal .modal-footer,
.modal.table-modal .modal-footer {
  padding-left: 0;
  padding-right: 0;
}

.modal.table-modal .dataTables_wrapper th,
.modal.table-modal .dataTables_wrapper td {
  padding: 0.5rem 1.625rem 0.5rem 0.5rem !important;
}

.modal.table-modal .dataTables_wrapper tr th:nth-last-of-type(1),
.modal.table-modal .dataTables_wrapper tr td:nth-last-of-type(1) {
  text-align: left !important;
}

.modal.table-modal div.dataTables_wrapper div.dataTables_paginate ul.pagination,
.modal.table-modal
div.dataTables_wrapper
div.dataTables_paginate
ul.pagination {
  flex-wrap: wrap;
}

.modal.table-modal th::before,
.modal.table-modal th::after {
  top: 10px !important;
}
.modal.table-modal th {
  padding-right: 27px !important;
}
.card-title {
  min-height: 50px;
  padding-right: 50px;
  font-weight: bold;
  color: #4180ba;
}

.icon-wrap {
  position: absolute;
  right: 10px;
  top: 13px;
}

/* PC- My project section */
/* For fixed table header and first column */
.all-projects-table.project-pc-table {
  background-color: #fff;
  height: 400px;
  overflow-y: auto;
}

.all-projects-table.project-pc-table thead {
  position: relative;
  z-index: 9;
}

.all-projects-table.project-pc-table thead th,
.all-projects-table.project-pc-table tbody td:first-child,
.all-projects-table.project-pc-table thead tr {
  background-color: #fff;
  left: 0;
  position: sticky !important;
}

.all-projects-table.project-pc-table thead th {
  top: 0;
}

.all-projects-table.project-pc-table tbody td:first-child {
  z-index: 2;
}

.all-projects-table.project-pc-table thead th:first-child {
  z-index: 9999;
}

.all-projects-table.project-pc-table tbody tr:hover {
  box-shadow: none !important;
}

.all-projects-table.project-pc-table tbody tr td:not(:first-child) {
  z-index: 0;
  position: relative !important;
}

@media screen and (min-width: 1200px) {
  .timesheet-table tr td:nth-of-type(1),
  .timesheet-table tr th:nth-of-type(1) {
    width: 500px;
  }

  .timesheet-table tfoot tr:nth-last-of-type(4) td {
    bottom: 115px;
  }
}

/* Client section tab UI */
.client-section-tabs .nav-tabs .nav-item {
  padding-bottom: 0;
  width: 50%;
}

.custom-tabs.client-section-tabs .nav {
  background-color: #eee;
}

.custom-tabs.client-section-tabs .nav-item:not(:nth-last-of-type(1)) {
  margin-right: 0;
}

.custom-tabs.client-section-tabs .nav-link {
  box-shadow: none;
  border-radius: 8px 8px 0 0;
  border: none;
  border-bottom: 3px solid #4475ba;
  font-weight: 600;
}

.custom-tabs.client-section-tabs .nav-link:hover {
  box-shadow: none;
}

.custom-tabs.client-section-tabs .tab-content {
  border-bottom: 2px solid #4475ba;
  border-left: 2px solid #4475ba;
  border-right: 2px solid #4475ba;
  margin: 0 !important;
  padding: 1rem;
}

@media screen and (max-width: 420px) {
  .all-projects-table.project-pc-table thead th,
  .all-projects-table.project-pc-table tbody td:first-child {
    left: unset;
  }
}

.timesheet-table .deposit-row td:first-child {
  display: flex;
}

.project-pc-table #projectList th:last-child::before,
.project-pc-table #projectList th:last-child::after {
  display: none !important;
}

.table thead {
  background-color: #fff;
  position: relative;
  z-index: 1;
}

.table-forms {
  flex-wrap: wrap;
}
#projectList_wrapper .project-head-table th:before {
  left: 128px;
}
#projectList_wrapper .project-head-table th:after {
  left: 121px;
}

.url-button {
  border: none;
  background: none;
}
#projectList_wrapper th:before {
  left: 128px;
}
#projectList_wrapper th:after {
  left: 121px;
}
.cta-grey {
  background-color: grey !important;
  border-color: grey !important;
}
.cta-grey:hover {
  background-color: grey !important;
  border-color: grey !important;
}

.client-add {
  display: none;
}

.client-add-active {
  display: block;
}
.addClientTable {
  min-width: auto !important;
}
.app-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.mail-image-logo {
  position: absolute;
  top: 10px;
  right: 5px;
}
/*============================ billing-sheet ============================*/
.timesheet-billing-card-new-body {
  padding: 1rem 0 1.5rem !important;
}
.timesheet-credited-hr,
.timesheet-total-hr,
.timesheet-third-part-prchs {
  margin: 0 1.5rem;
  border-radius: 0 !important;
}
.timesheet-third-part-prchs {
  border-bottom: 0 !important;
}
.timesheet-billing-card-new-table {
  border-radius: 10px;
}
.timesheet-billing-card-new {
  display: block;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 5px;
  padding: 0 !important;
}
.timesheet-billing-card-new tbody tr {
  border-bottom: 1px solid rgb(201, 201, 201);
}

.timesheet-t-hr {
  font-weight: 600 !important;
  color: #000 !important;
}
.timesheet-credited-hr .remaining-hrs {
  font-weight: 400;
  color: #939393;
}

.time-bill-hours .btn {
  background-color: #4475ba;
  border: none;
}
.timesheet-invoice-bg {
  background-color: #d0d9e6 !important;
  border-radius: 0 0 5px 5px !important;
}
.timesheet-invoice-bill-modal table {
  min-width: auto !important;
}
.timesheet-invoice-bill-modal table tr td:first-child,
.timesheet-invoice-bill-modal table tr td:last-child {
  width: 25%;
}
.timesheet-invoice-bill-modal table tr td:nth-child(2) {
  width: 75%;
}
.timesheet-invoice-bill-modal .modal-title {
  font-weight: 600;
}
.timesheet-invoice-bill-modal table tr:first-child {
  background-color: #4475ba !important;
  border-radius: 5px 5px 0 0 !important;
}
.timesheet-invoice-bill-modal table tr:first-child td {
  color: #fff;
}
.timesheet-invoice-bill-modal table tr:last-child td {
  color: #fff;
}
.timesheet-invoice-bill-modal table tr:nth-child(2) {
  background-color: #fff !important;
  border-radius: none !important;
}
.timesheet-invoice-bill-modal table tr:last-child {
  background-color: #4475ba !important;
  border-radius: 0 0 5px 5px !important;
}
.timesheet-invoice-bill-modal .modal-dialog {
  transform: translate(0, 50%) !important;
  max-width: 800px;
}
.timesheet-billing-timestamp span {
  font-size: 10px !important;
  color: #7f7d7d !important;
  font-weight: 200 !important;
}
.newbilling-sheet .timesheet-billing-timestamp {
  width: 8% !important;
}
.newbilling-sheet .table tr {
  border-radius: 5px;
}
.pc-billing-table-body .accordion > .card {
  overflow: unset;
}
.billing-checkbox-all {
  margin: 0 !important;
}
.newbilling-sheet tbody .accordion > .card {
  overflow: unset !important;
}
.billing-label {
  margin-bottom: 0;
}
.billing-total-hours {
  font-weight: 700 !important;
}
.billing-info-icon {
  font-size: 18px;
}
.billing-info-empt {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #616161;
}
.billing-info-empt::before {
  position: absolute;
  left: 6px;
  top: 2px;
  color: #616161;
  font-size: 11px;
}
.tr:hover .newbilling-sheet .border-h thead tr:hover td,
.border-h tbody tr:hover td {
  border-bottom: 0px solid transparent;
}
.newbilling-sheet .border-h thead tr:hover td,
.border-h tbody tr:hover td {
  border: none !important;
}
.dropdown-menu {
  min-width: 7rem !important;
}
.billing-sorting-dropdown a {
  padding: 15px !important;
}
.billing-sorting-dropdown::before {
  content: "";
  position: absolute;
  width: 6rem;
  height: 2px;
  background-color: #e3e3e3;
  top: 50%;
  transform: translateX(10px);
}
.billing-sorting-dropdown {
  position: relative;
}
.newbilling-sheet tbody tr:hover {
  box-shadow: none !important;
}
.new-billing-pc-sort {
  background-color: #ffffff;
}
.newbilling-sheet .billing-project {
  /* width: 57%; */
  min-width: 200px;
  max-width: 300px;
}
.newbilling-sheet .billing-pc-name {
  width: 10%;
  min-width: 100px;
  max-width: 200px;
}
.newbilling-sheet .billing-checkbox-hrs {
  width: 5%;
  min-width: 135px;
  max-width: 200px;
}
.newbilling-sheet .table thead tr th {
  text-align: left !important;
}
.accordion-body .card-header {
  padding: 0;
  border-bottom: none;
}
.accordion-body .card-header h2 button {
  padding: 6px 14px;
  display: block;
  width: auto;
  display: inline;
  font-size: 17px;
  line-height: 20px;
  color: #51504f;
  font-weight: 600;
}
.accordion-body .card-header h2 button h3 {
  font-size: 17px;
  line-height: 20px;
  color: #51504f;
}
.accordion-body .card-header h2 button:hover {
  text-decoration: none;
}
.accordion-body .card-body {
  padding: 0;
}
.accordion-body .card-body table {
  width: 100%;
}
.accordion-body .card-body table tbody td {
  text-align: left !important;
}
.newbilling-sheet .accordian-table-body {
  padding: 0 !important;
}
.billing-info-bg-emt {
  font-size: 20px;
}
.billing-info-icon-fill {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.6);
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.billing-info-icon-fill::before {
  position: absolute;
  top: 2px;
  left: 6px;
  font-size: 12px;
}
.newbilling-sheet table {
  /* display: grid; */
  /* row-gap: 1.5rem; */
  background-color: #e8e8e8 !important;
}
.newbilling-sheet table tbody {
  /* display: grid; */
  row-gap: 1rem;
}
.newbilling-sheet .accordian-table-body table tbody {
  row-gap: 0 !important;
}
.newbilling-sheet .accordian-table-body {
  width: 12%;
}
.newbilling-sheet .accordian-table-body table {
  background-color: #fff !important;
}
.newbilling-sheet .accordian-table-body .accordion-body .card {
  padding: 5px 15px;
  border-radius: 4px;
}
.newbilling-sheet .billing-main-head {
  padding: 5px 15px;
  border-radius: 4px;
}
.side-buttons {
  display: flex;
}
.newbilling-sheet tbody tr:hover td {
  background-color: transparent !important;
}

.newbilling-sheet .border-h tbody tr:hover td:nth-last-of-type(1) {
  border-right: 1px solid transparent !important;
}
.newbilling-sheet .border-h thead tr:hover td:nth-of-type(1),
.border-h tbody tr:hover td:nth-of-type(1) {
  border-left: 1px solid transparent;
}
.newbilling-sheet tbody tr:hover td {
  background-color: transparent !important;
}

.newbilling-sheet .border-h thead tr:hover td,
.border-h tbody tr:hover td {
  border-top-color: transparent !important;
  border-bottom: 1px solid transparent;
}
.floatThead-table {
  margin-top: -10px !important;
}
.newbilling-sheet table {
  border: none !important;
}
.newbilling-sheet table.dataTable {
  margin-top: 0 !important;
}
.newbilling-form {
  justify-content: space-between;
  align-items: center;
}
.newbilling-form  .side-buttons .paid-button{
  padding:10px 12px;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.newbilling-form .sort-bname-ta select{
  padding: 10px 12px;
  border-radius: 5px;
  height: fit-content;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.new-billing-sort-btn {
  background-color: #fff !important;
  border: none !important;
}
.new-billing-sort-btn:hover {
  background-color: #fff !important;
  border: none !important;
}
.new-billing-pc-sort span {
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
  color: #707070;
}
.new-billing-account-sort span {
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  color: #707070;
}
.new-billling-search {
  border: none;
  margin-right: 0 !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.new-billing-account {
  margin-left: 20px;
}
.border-h tbody tr:hover td:nth-last-of-type(1) {
  border-right: none !important;
}
.new-billing .border-h tbody tr:hover td:nth-of-type(1) {
  border-left: none !important;
}
.side-buttons .dropdown-menu {
  z-index: 99999;
}

.round {
  position: relative;
}

.round label {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  height: 25px;
  left: 0;
  position: absolute;
  top: 0;
  width: 25px;
}

.round label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 5px;
  opacity: 0;
  position: absolute;
  top: 7px;
  transform: rotate(-45deg);
  width: 12px;
}

.round input[type="checkbox"] {
  visibility: hidden;
}

.round input[type="checkbox"]:checked + label {
  border-radius: 1px solid #707070;
}
.round-grey input[type="checkbox"]:checked + label {
  background-color: #707070;
  border-color: transparent;
  cursor: pointer;
}
.round-blue input[type="checkbox"]:checked + label {
  background-color: #4475ba;
  border-color: transparent;
  cursor: pointer;
}

.round input[type="checkbox"]:checked + label:after {
  opacity: 1;
}

.newbilling-sheet .accordian-table-body h3 {
  width: 16%;
  min-width: 100px;
  text-align: left;
}
.newbilling-sheet .accordian-table-body .billing-check {
  width: 16%;
  min-width: 100px;
  text-align: left;
}

/* arrow */
.arrow-icon {
  position: absolute;
  top: 20px;
  z-index: 1;
  right: 30px;
  font-size: 20px;
}

/* arrow-end */

/* square-check-box */

.form-group-billing-billing {
  display: inline-block;
  margin-bottom: 15px;
}

.form-group-billing input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.form-group-billing label {
  position: relative;
  cursor: pointer;
  margin-bottom: 0.15rem !important;
}

.form-group-billing label:before {
  content: "";
  background-color: transparent;
  border: 1px solid #4475ba;
  opacity: 0.5;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
  inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 8px;
  opacity: 0.5;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  margin-top: 0px;
}

.form-group-billing .custom-square-grey:before {
  border: 1px solid #707070;
}
.form-group-billing input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 7px;
  width: 5px;
  height: 11px;
  border: solid #0079bf;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  cursor: inherit;
}
/* square-end */

/* circle-check-box */
.custom-circle-check {
  position: absolute;
  margin-top: 4px;
  font-size: 16px;
}
/* circle-end */

.calendar {
  z-index: 99999;
}

/* billing-sheet-end */

/*Loader */
.lds-hourglass {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-hourglass:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 8px;
  box-sizing: border-box;
  border: 32px solid rgb(255, 255, 255);
  border-color: #4475ba transparent #4475ba transparent;
  animation: lds-hourglass 1.2s infinite;
}

@keyframes lds-hourglass {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}
.floatThead-container {
  z-index: 9 !important;
}
.table-striped tbody .inner-table-head {
  background-color: #ffffff !important;
}
.newbilling-sheet .accordian-table-body .accordion-body .card {
  border: none;
}
.billing-calender i::before {
  position: absolute;
  right: 10px;
  top: 13px;
  z-index: 1;
}
.newbilling-sheet thead .billing-head th {
  color: #51504f;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}
/* .newbilling-sheet .inner-table-head {
  display: flex;
} */
.newbilling-sheet .billing-project + th {
  margin-left: auto;
}
.newbilling-sheet .inner-table-head th:first-child {
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
  vertical-align: middle;
  align-items: center;
}
.newbilling-sheet .card-body tbody tr td {
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
  vertical-align: middle;
}
.cmn-table tbody tr:hover th {
  background-color: transparent !important;
}
.billing-check-box {
  margin-bottom: 0 !important;
  position: relative;
  display: flex;
  align-items: center;
}
.border-h td,
.border-h th {
  border-top: none !important;
}
/* billing-sheet-end */
.roundcircle-hide {
  display: none;
}
.paid-button {
  background-color: #0079bf;
  padding: 4px 16px;
  font-size: 13px;
  color: #fff !important;
  border-radius: 4px;
  margin-left: 10px;
}
.arrow-icon[aria-expanded="true"] {
  transform: rotate(-180deg);
  transition: all -0.5s linear;
}

/* billing-sheet-end */

/* comment-box */
.info-circle {
  width: 20px;
  height: 20px;
}
.modal {
  height: 130px;
}
input {
  overflow: auto;
}
.d {
  display: none;
}
.s {
  display: block !important;
}
#tooltip {
  display: none;
}
.commentbox-section .form-control {
  max-width: 600px;
}
.comment-box-main {
  padding: 50px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 20px;
  background-color: #fff;
}
.comment-box-main .form-control {
  background-color: #e8e8e8;
}
.modal {
  z-index: 99999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}
.commentbox-section {
  transform: translate(-50%, -50%);
  max-width: 600px;
  box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
  left: 50%;
  top: 50%;
  position: relative;
}
.comment-box-btn a {
  color: #fff !important;
  background-color: #4475ba;
}
.commentbox-cross {
  width: 20px;
  height: 4px;
  background-color: #000;
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 20px;
  transform: rotate(45deg);
}
.commentbox-cross::before {
  content: "";
  width: 20px;
  height: 4px;
  display: inline-block;
  background-color: #000;
  position: relative;
  right: 0px;
  top: -17px;
  transform: rotate(-90deg);
}
.tooltip-text {
  position: absolute;
  z-index: 1;
  width: 200px;
  background-color: #000;
  color: #fff !important;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  height: 70px;
  right: 76px;
  top: -10px;
  padding: 10px 15px;
  overflow-y: scroll;
}
.tooltip-text::before {
  content: " ";
  position: relative;
  width: 20px;
  height: 20px;
  top: -40px;
  left: 0px;
  background-color: #000;
}
.arrow-icon {
  position: absolute;
  top: 20px;
  z-index: 1;
  right: 30px;
  font-size: 20px;
  cursor: pointer;
}
.checkbox-all {
  position: relative;
  margin-bottom: 10px !important;
  margin-right: 10px;
}
.checkbox-all label {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 28px;
  left: -10px;
  position: absolute;
  top: 0;
  width: 28px;
}
.checkbox-all label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 7px;
  opacity: 0;
  position: absolute;
  top: 8px;
  transform: rotate(-45deg);
  width: 12px;
}
.checkbox-all input[type="checkbox"] {
  visibility: hidden;
}
.checkbox-all input[type="checkbox"]:checked + label {
  background-color: #4475ba;
  border-color: #4475ba;
}
.checkbox-all input[type="checkbox"]:checked + label:after {
  opacity: 1;
}
.mark-paid-box {
  display: flex;
}
.sort-icon {
  margin-top: 4px;
  margin-left: 7px;
  max-width: 140%;
}

.progress-division {
  height: 20px;
  width: 50%;
  background-color: #fff;
}

.progress-title {
  float: left;
  margin-right: 11px;
}

.button-disabled {
  cursor: not-allowed;
}

.disabled-btn{
   opacity: 0.65; 
}

.timesheet-billing-card-new .billing-pc-name .col-heading {
  color: #434141;
}
.timesheet-adjustment-width-td {
  width: 50% !important;
  min-width: unset !important;
  max-width: unset !important;
}
.timesheet-hours-width-td {
  width: 13% !important;
  min-width: 200px !important;
}
.timesheet-total-invoice .timesheet-adjustment-width-td {
  width: 48% !important;
}
.bill-dashb-wopcn .timesheet-adjustment-width-td {
  width: 60% !important;
}
.bill-dashb-wopcn .timesheet-hours-width-td {
  width: 13% !important;
}
.bill-dashb-wopcn .timesheet-billing-card-new .billing-checkbox-hrs {
  min-width: 92px !important;
}
.bill-dashb-wopcn .timesheet-total-invoice .timesheet-adjustment-width-td {
  width: 57.5% !important;
}
.timesheet-billing-card-new .billing-checkbox-hrs {
  min-width: 115px !important;
}
@media (max-width: 1640px) {
  .timesheet-total-invoice .timesheet-adjustment-width-td {
    width: 48% !important;
  }
  .bill-dashb-wopcn .timesheet-billing-card-new .billing-checkbox-hrs {
    min-width: 105px !important;
  }
  .bill-dashb-wopcn .timesheet-total-invoice .timesheet-adjustment-width-td {
    width: 55% !important;
  }
  .timesheet-billing-card-new .billing-checkbox-hrs {
    min-width: 134px !important;
  }
}
@media (max-width: 1490px) {
  .timesheet-total-invoice .timesheet-adjustment-width-td {
    width: 40% !important;
  }
  .bill-dashb-wopcn .timesheet-total-invoice .timesheet-adjustment-width-td {
    width: 48% !important;
  }
  .newbilling-sheet .billing-pc-name{
    min-width:125px;
  }
}
@media (max-width: 1290px) {
  .bill-dashb-wopcn .timesheet-total-invoice .timesheet-adjustment-width-td {
    width: 47% !important;
  }
}
@media (max-width: 1250px) {
  .timesheet-total-invoice .timesheet-adjustment-width-td {
    width: 37% !important;
  }
}
@media (max-width: 1140px) {
  .timesheet-total-invoice .timesheet-adjustment-width-td {
    width: 31% !important;
  }
}
@media screen and (max-width: 565px) {
  .new-billing-account {
    margin-left: 10px;
  }
  .newbilling-form .side-buttons .paid-button {
    margin-right: 0 !important;
  }
}
.update_club_hours_pc_button_disabled {
  color: #dedede;
}

/* -------------------404-page------------------------- */

.page-not-found {
  position: relative;
  padding: clamp(2.125rem, 0.25rem + 3.3333vw, 3.375rem);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f5f5f5;
  min-height: 100vh;
}
* {
  padding: 0;
  margin: 0;
}
.pnf-body {
  text-align: center;
  font-family: "Rubik", sans-serif;
}
.pnf-body h1 {
  color: #4475ba;
  font-size: clamp(1rem, -0.5rem + 2.6667vw, 2rem);
  line-height: clamp(1.375rem, -0.125rem + 2.6667vw, 2.375rem);
  font-weight: 500;
  padding-bottom: 1.25rem;
}
.pnf-body h2 {
  font-size: clamp(0.875rem, 0.3125rem + 1vw, 1.25rem);
  line-height: clamp(1.125rem, 0.5625rem + 1vw, 1.5rem);
  font-weight: 400;
  color: #51504f;
  padding-bottom: 12px;
}
.pnf-logo {
  width: clamp(9.375rem, 5.625rem + 6.6667vw, 11.875rem);
  height: clamp(1.75rem, 1.1875rem + 1vw, 2.125rem);
  margin-bottom: clamp(1.25rem, 0.0313rem + 2.1667vw, 2.0625rem);
}
.pnf-icon {
  width: clamp(15.625rem, -6.0313rem + 38.5vw, 30.0625rem);
  height: clamp(14.375rem, -3.5313rem + 31.8333vw, 26.3125rem);
  margin-top: clamp(1.5rem, -1.125rem + 4.6667vw, 3.25rem);
}
.circular-icons {
  position: absolute;
}
.rt-one {
  width: clamp(4.875rem, 2.0938rem + 8.5vw, 10.0625rem);
  height: clamp(4.875rem, 2.0938rem + 8.5vw, 10.0625rem);
  left: 5%;
  top: 25%;
}
.ft-two {
  width: clamp(2.1875rem, -0.7188rem + 5.1667vw, 4.125rem);
  height: clamp(2.1875rem, -0.7188rem + 5.1667vw, 4.125rem);
  right: 4%;
  top: 8%;
}
.rb-three {
  width: clamp(4.0625rem, -0.4375rem + 8vw, 7.0625rem);
  height: clamp(4.0625rem, -0.4375rem + 8vw, 7.0625rem);
  bottom: 10%;
  right: 4%;
}
.lb-four {
  width: clamp(2.1875rem, -0.7188rem + 5.1667vw, 4.125rem);
  height: clamp(2.1875rem, -0.7188rem + 5.1667vw, 4.125rem);
  left: 30%;
  bottom: 30%;
}
.home-page-link {
  display: block;
  font-size: clamp(1.375rem, 0.8125rem + 1vw, 1.75rem);
  line-height: clamp(1.625rem, 0.9688rem + 1.1667vw, 2.0625rem);
  color: #01305a;
  padding-top: clamp(1.625rem, -1.2813rem + 5.1667vw, 3.5625rem);
  text-decoration: underline;
}
.ta-billing-wrp .form-inline #selectedMonth{
  height: calc(1.5em + 0.75rem + 6px);
}
@media (max-width: 680px) {
  .rt-one {
    left: 1%;
    top: 7%;
  }
  .ta-billing-wrp .table-forms{
    flex-direction: column;
  }
  .ta-billing-wrp .date-form{
    width:100%;
    justify-content: space-between;
  }
  .ta-billing-send-report{
    justify-content: space-between !important;
    width:100%;
  }
  .ta-billing-btn-wrp{
    width: 100%;
    justify-content: space-between;
  }
}

/* responsive design mobile */
.newbilling-form button{
  height: fit-content;
}
.nbs-ta-wrp{
  display: flex;
}
.sort-bname-ta{
  margin-right: 20px;
  align-items: center;
}



#Timebutton {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #4475ba;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s,
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#Timebutton .fa-arrow-up {
  font-size: 2em;
  color: #fff;
}
#Timebutton:hover {
  cursor: pointer;
  background-color: #333;
}
#Timebutton:active {
  background-color: #555;
}
#Timebutton.show {
  opacity: 1;
  visibility: visible;
}
.timeapp-wrp-pcdashboard{
  display: flex;
  justify-content: space-between;
  flex: 1;
}
.sort-bname-ta h5{
  line-height: 20px;
  font-size:0.75rem;
  margin-bottom: 0;
}
.timeapp-client-inner-show{
  flex: 1;
  display: flex;
  justify-content: end;
}
.us_admin_main_checkbox, .indian_admin_main_checkbox, .clickable-checkbox {  
  cursor: pointer;
}
.non-clickable-checkbox {  
  cursor: not-allowed;
}
.form-group-billing .non-clickable-checkbox {  
  cursor: not-allowed;
}
.form-group-billing .non-clickable-checkbox::before {  
  cursor: not-allowed;
}
.disabled-on-hover .form-group-billing label{
  cursor: not-allowed  !important;
}
.disabled-on-hover .form-group-billing label:before{
  cursor: not-allowed  !important;
}
.ta-pc-dashboard-btn {
  gap: 1rem;
}
.ta-unq-quator-wrp{
  width:100%;
}
.ta-timeapp-dt-fi{
  flex-flow:row;
}
.ta-unq-url-inner-page{
  gap:1rem;
}
@media (max-width: 767px) {
  html {
    font-size: 14px;
  }
  .avatar{
    display: none;
  }
  .ta-pc-dashboard-select{
    width:100%;
  }
  .ta-pc-deposit{
    order: 3;
  }
  .page-title{
    order: 1;
  }
  .user-details{
    order: 2;
  }
  .ta-pc-list{
    order: 3;
  }
  .ta-unq-url-btn{
    width:100%;
  }
  .deposits-section .form-inline .cta-btn-solid{
    width: fit-content;
  }
  div.dataTables_wrapper div.dataTables_length,
  div.dataTables_wrapper div.dataTables_filter {
    text-align: left !important;
  }
  div.table-responsive
  > div.dataTables_wrapper
  > div.row
  > div[class^="col-"]:last-child {
    padding-left: 0;
  }
  .site-container{
    display: flex;
    flex-direction: column;
  }
  .user-details{
    order: 2;
  }
  .page-title{
    order: 1;
    padding-bottom: 10px;
  }
  .title-form-sec{
    order: 3;
    margin-top: 0;
  }
  .ta-unique-url-wrp,
  .ta-unq-url-inner-wrp,
  .ta-unq-url-inner-page,
  .ta-unq-url-btn {
    width:100%;
  }
  .ta-timeapp-dt-fi{
    flex-direction: column;
  }
  .ta-timeapp-dt-fi .time-wrp-inner{
    width:100%;
  }
  .newbilling-sheet,
  .table-responsive,
  .custom-tabs,
  .timesheet-pc-list-blade,
  .time-sheet-rm-table,
  .ta-superadmin-rm {
    order: 4;
  }
  .newbilling-form  .side-buttons .paid-button{
    padding: 8px 10px !important;
  }
  .paid-button{
    font-size: 12px  !important;
  }
  .newbilling-sheet .card-body tbody tr td {
    font-size: 13px;
    line-height: 16px;
  }
  .cmn-table th a,
  .cmn-table th span,
  .cmn-table td a,
  .cmn-table td span {
    font-weight: 600;
    font-size: 13px;
    color: #4180ba;
    line-height: 20px;
  }
  .cmn-table th a strong{
    font-weight: inherit;
  }
  .timeapp-client-inner-page,
  .timeapp-client-inner-show{
    justify-content: space-between;
  }
  .title-form-sec .input-group {
    max-width: 9.5rem;
  }
  .input-group-text{
    padding: 0.375rem 0.5rem;
  }
  .timeapp-dt-fil{
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .time-wrp{
    flex-direction: column;
    row-gap: 0.5rem;
  }
  .time-wrp-inner{
    align-items: center;
  }
  .timeapp-quatar{
    max-width: 10rem !important;
  }
  .timeapp-cst-wrp{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: unset !important;
  }
  .timeapp-custom-show-ent{
    width: fit-content;
    flex-direction: column;
  }
  .timeapp-cs-btn{
    margin: 1rem 0;
  }
  .modal div.dataTables_wrapper .dataTables_length select,
  .modal div.dataTables_wrapper .dataTables_filter input {
    line-height: 1.1;
    height: calc(2rem + 2px);
    font-size: 16px !important;
  }

  .modal {
    padding-left: 0 !important;
  }

  .modal.table-modal thead th {
    font-size: 12px;
  }

  .modal .dataTables_wrapper th,
  .modal .dataTables_wrapper td {
    padding: 0.5rem 1.625rem 0.5rem 0.5rem !important;
  }

  .modal.table-modal thead th:nth-of-type(2) {
    min-width: 73px;
  }
  .nbs-ta-wrp  .sort-bname-ta{
    display: none;
  }
  .btn-wrp-ta{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-right: 0 !important;
  }
  .nbs-ta-wrp {
    width: 100%;
    flex-direction: column;
    margin-right: 0 !important;
  }
  .newbilling-form .side-buttons{
    justify-content: space-between;
    margin-right: 0;
  }
  .newbilling-form .nbs-ta-wrp>.side-buttons{
    margin-bottom: .85rem;
  }
  .newbilling-form .nbs-ta-wrp{
    margin-bottom: 1.5rem;
  }
  .new-billling-search{
    margin:  0;
  }
  .newbilling-form  .side-buttons .paid-button{
    margin: 0 !important;
  }
  .timeapp-wrp{
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  table.dataTable thead .sorting_desc:after,
  table.dataTable thead .sorting:after{
    right:-0.4em;
  }
  table.dataTable thead .sorting_desc:before,
  table.dataTable thead .sorting:before{
    right: 0.3em;
  }
  .dataTables_wrapper>.row>div{
    width: 50% !important;
  }
}

@media screen and (max-width: 600px) {
  .accordion > .card > .card-header {
    flex-direction: column;
  }

  .accordion > .card > .card-header .deposits_btn {
    flex-direction: column;
    row-gap: 1rem;
  }

  .accordion > .card > .card-header .deposits_btn #\'adjustDeposit {
    margin: 0 !important;
  }
  .timeapp-custom-pagination{
    justify-content: center;
    width: 100%;
    left: 0;
    position: absolute;
    bottom: 60px;
  }
  .cmn-table table{
    margin-bottom:50px;
  }
  .timeapp-custom-pagination .pagination{
    font-size: 10px;
    justify-content: center !important;
  }
}

@media (max-width: 575px) {
  html {
    font-size: 13px;
  }

  select,
  textarea,
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"] {
    font-size: 12px !important;
  }

  .title-form-sec .form-inline {
    align-items: flex-start;
  }

  .date-form {
    width: 100%;
  }

  .title-form-sec .custom-tooltip {
    width: 100%;
    display: block;
  }

  .title-form-sec .custom-tooltip .btn,
  .title-form-sec .form-inline > * {
    /* display: block; */
    /* width: 100%; */
    margin-right: 20px;
  }

  .deposits-section .form-inline > *,
  .product-owner-section .custom-tooltip .btn {
    display: block;
    margin-right: 0px;
    width: 100%;
  }
  /* .title-form-sec .cta-btn-solid {
    padding: 0.45rem 2rem;
  } */

  .title-form-sec .cta-btn-solid img {
    left: 0.8rem !important;
  }
  .user-details {
    float: unset;
  }

  .user-details .dropdown-menu {
    right: unset;
  }

  .user-details .dropdown-toggle::after {
    display: none;
  }

  .custom-tabs .nav-item:not(:nth-last-of-type(1)) {
    margin: 0 !important;
    padding-bottom: 2rem;
  }
  .ta-super-admin-dashboard.custom-tabs .nav-item:not(:nth-last-of-type(1)){
    padding-bottom: 0;
  }
  .dataTables_wrapper
  > .row:nth-of-type(1)
  [class*="col-"]:nth-of-type(1)
  select {
    font-size: 10px !important;
  }
  .newbilling-form .side-buttons .new-billling-search {
    margin-left: 0;
  }
  /* mobile-responsive super-admin container overflow */
  .user-details .dropdown-toggle span {
    font-size: 0.85rem;
  }
  .user-details .avatar {
    display: none;
  }
  .new-billing-account {
    margin-left: 10px;
  }
  .title-form-sec .custom-tooltip .btn,
  .title-form-sec .form-inline > * {
    margin-right: 0px;
  }
  .notify > div{
    top: 10px;
    position: absolute;
  }
}

@media screen and (min-width: 575px) {
  .title-form-sec .form-inline > :not(:nth-last-child(1)) {
    margin-right: 1rem;
  }
}
.timeapp-custom-show-ent select{
  border: 1px solid transparent;
  padding: 4px;
  border-radius: 5px;
  background-color: #e8e8e8;
}
.timeapp-cst-wrp{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.timeapp-cs-btn{
  display: flex;
  align-items: center;
  justify-content: end;
  position: relative;
}
.timeapp-cs-btn button{
  position: absolute;
  right:15px;
}
.timeapp-custom-pagination .page-link,
.timeapp-custom-pagination .page-link{
  color:#4180ba !important;
} 
.timeapp-custom-pagination .active .page-link {
  color: #fff  !important;
  background-color: #4180ba !important;
}
.notify {
  z-index: 999;
}
.url-button.copy_url{
  cursor: not-allowed;
}
.url-button.copy_url.text-success{
  cursor: pointer;
}
.notify {
  z-index: 999;
}


@media (min-width:1540px) {
  .bill-dashb-wopcn .timesheet-billing-card-new-body .timesheet-adjustment-width-td,
.timesheet-billing-card-new-body .timesheet-total-invoice.timesheet-invoice-bg .timesheet-adjustment-width-td{ 
   width: 54.5% !important;
} 
}

.billing-table-new tr {
  border-bottom: 10px solid transparent;
}



.billing-table-new tr {
  background-color: transparent !important;
}

.newbilling-sheet .billing-table-new tr:nth-of-type(odd) table{
  background-color: rgba(0, 0, 0, 0.05) !important;
  border-radius:5px;
  }
  .newbilling-sheet .billing-table-new tr:nth-of-type(even) table{
    background-color:rgb(208 217 230 / 25%) !important;
  border-radius:5px;

    }

.newbilling-sheet .table:not(.floatThead-table) tr.card-rows:first-child{
  border-top: 40px solid transparent;
}

.newbilling-sheet .floatThead-container:has( > .floatThead-table) + .table tr.card-rows:first-child{
  border-top: 80px solid transparent;
}

.table-striped.floatThead-table{
  display:grid !important;
  row-gap: 1.5rem;
}
.newbilling-sheet .floatThead-table thead tr th {
  padding: 14px 16px;
}