/*Custom CSS */
[data-repeater-list="handOverDetails"]
  > [data-repeater-item]:first-child
  [data-repeater-delete] {
  display: none;
}
#kt_aside_menu {
  overflow-y: auto !important;
  max-height: 85vh;
}
.aside .aside-menu.ps > .ps__rail-y {
  visibility: hidden;
}
#kt_aside_menu::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
#kt_aside_menu::-webkit-scrollbar-thumb {
  border-radius: 10px;
}

.opacity7 {
  opacity: 0.7;
}
body.dark-mode .kanban-board {
  background: #3b3b58;
}
body.dark-mode .modal-content {
  background-color: #2b2b34 !important;
}
body.dark-mode,
body.dark-mode #particles-js {
  background-color: #151515 !important;
}

.dark-mode #kt_quick_user,
.dark-mode .header,
.dark-mode #topbar_notifications_notifications,
.dark-mode .dropdown-menu,
body.dark-mode .subheader,
body.dark-mode #kt_footer,
body.dark-mode .menu-nav > .menu-item.menu-item-active > .menu-link {
  background-color: #151515 !important;
  color: #fff !important;
}

body.dark-mode .card,
body.dark-mode .card-footer,
body.dark-mode .card-header,
body.dark-mode table.datatable-table,
body.dark-mode .select2-container--default .select2-selection--multiple,
body.dark-mode .aside-menu,
body.dark-mode .brand {
  background-color: #232322 !important;
}

body#kt_body.dark-mode .bg-light-primary,
body#kt_body.dark-mode .leadsStats .bg-light-warning,
body#kt_body.dark-mode .leadsStats .bg-light-success {
  background-color: #2c2c41 !important;
  color: #fff;
}

body#kt_body.dark-mode .page-link, body#kt_body.dark-mode ul.pagination li:not(.active) a, body#kt_body.dark-mode ul.pagination li a span{
  color: #007bb6 !important;
}

body#kt_body.dark-mode .table-hover tbody tr:hover{
  background-color: #707070;
}

.dark-mode #kt_quick_user *:not(.btn):not(.label),
.dark-mode .text-dark,
.dark-mode .dropdown-menu *:not(.datepicker *):not(.navi .navi-item:hover *),
body.dark-mode
  .card
  *:not(input):not(select):not(option):not(.select2 *):not(textarea):not(
    .btn
  ):not(.label):not(.datatable-pager-link):not(.datatable-pager-link i):not(
    .btn *:not(.text)
  ):not(.input-icon em):not([class*=" alert"]):not(
    span.input-group-text > *
  ):not(.symbol-label):not(a.fc-day-number):not(.nav-tabs *):not(
    .blockUI *
  ):not(.kanban-container *):not(.fv-help-block):not(span[class^="text-"]):not(
    .symbol.symbol-light-info .symbol-label
  ):not(tr:nth-of-type(odd)),
body.dark-mode #kt_footer *,
body.dark-mode .modal-header .modal-title,
body#kt_body.dark-mode .form-group label,
body#kt_body.dark-mode .control-label,
body#kt_body.dark-mode
  .btn.btn-hover-light-primary:not(.active):not(:hover):not(:active),
body#kt_body.dark-mode .table,
body#kt_body.dark-mode .dataTables_wrapper .dataTables_length select {
  color: #fff !important;
}

body.dark-mode .card .datatable .btn *,
body.dark-mode .bootstrap-select .dropdown-menu.inner > li.selected > a .text,
body.dark-mode .bootstrap-select .dropdown-menu.inner > li:hover > a .text,
body.dark-mode .card .datatable-pager-link i,
body#kt_body.dark-mode div#kt_content .input-icon span *,
body#kt_body.dark-mode div#kt_content .wave .text-dark-75,
body#kt_body.dark-mode div#kt_content .fc-toolbar .fc-button:hover,
body#kt_body.dark-mode div#kt_content .fc-toolbar .fc-button .fc-icon,
body#kt_body.dark-mode .bg-light-success{
  color: #7e8299 !important;
}

body#kt_body.dark-mode .flex-root .page div#kt_wrapper div#kt_content .flex-column-fluid .container .table-striped tbody tr:nth-of-type(odd) td, body#kt_body.dark-mode .flex-root .page div#kt_wrapper div#kt_content .flex-column-fluid .container .table-striped tbody tr:nth-of-type(odd) td *{
  color: #151515 !important;
}

.dark-mode .dd-menu .navi-item .navi-link:hover,
.dark-mode .card .navi .navi-item .navi-link:hover {
  background-color: #3698fd !important;
  color: #fff;
}

.dark-mode #kt_quick_user .btn-light {
  background-color: transparent !important;
}
.dark-mode table.datatable.display tbody tr.odd,
.dark-mode table.datatable.display tbody tr:hover {
  background-color: #232322 !important;
}

body#kt_body.dark-mode .btn.btn-light-primary:not(:hover),
/* body.dark-mode .navi .navi-item .navi-link:hover .navi-text,
body.dark-mode .navi .navi-item .navi-link:hover .navi-icon i, */
body.dark-mode .timepicker-picker table td a:hover,
body.dark-mode .timepicker-picker table td span:hover,
/* body.dark-mode .bootstrap-datetimepicker-widget.dropdown-menu a:hover,
body.dark-mode .bootstrap-datetimepicker-widget.dropdown-menu span:hover,
body.dark-mode .bootstrap-datetimepicker-widget.dropdown-menu a:hover *,
body.dark-mode .bootstrap-datetimepicker-widget.dropdown-menu button:hover,
body.dark-mode .bootstrap-datetimepicker-widget.dropdown-menu td:hover, */
body.dark-mode .timepicker-picker table td:hover,
body.dark-mode .datepicker tbody tr>td.day:hover,
body.dark-mode .text-dark-75,
body#kt_body.dark-mode .jstree-default-responsive .jstree-anchor:hover,
body#kt_body.dark-mode .jstree-default-responsive .jstree-anchor:hover .jstree-icon.fa,
body#kt_body.dark-mode a.jstree-anchor.jstree-clicked,
body#kt_body.dark-mode a.jstree-anchor.jstree-clicked .jstree-icon.fa,
body#kt_body.dark-mode .btn.btn-hover-light-primary:active {
  color: #3699ff !important;
}

body#kt_body.dark-mode .card-header {
  border-bottom: 1px solid #50505b;
}

body#kt_body.dark-mode .btn.btn-light-primary:focus,
body.dark-mode .btn.btn-light-primary:hover,
.dark-mode .dd-menu .navi-item .navi-link:hover .navi-text {
  color: #fff !important;
}

body.dark-mode .notificationContainer > div:hover {
  background-color: #2e2e42;
}
body.dark-mode table.datatable.display tbody tr.odd > .sorting_1 {
  background-color: transparent !important;
}
/* body.dark-mode .bootstrap-datetimepicker-widget.dropdown-menu  button:hover,
body.dark-mode .bootstrap-datetimepicker-widget.dropdown-menu td a span:hover {
  color: #3699FF !important;
} */
body.dark-mode .datatable.display tbody tr.odd > .sorting_1, 
body.dark-mode .datatable.order-column.stripe tbody tr.odd > .sorting_1, 
body.dark-mode .datatable.display tbody tr.even > .sorting_1, 
body.dark-mode .datatable.order-column.stripe tbody tr.even > .sorting_1, 
body.dark-mode .datatable.stripe tbody tr.odd, 
body.dark-mode .datatable.display tbody tr.odd, 
body.dark-mode .datatable.hover tbody tr:hover, 
body.dark-mode .datatable.display tbody tr:hover{
  background-color: inherit !important;
}

#toggleDayOrNight {
  cursor: pointer;
  background-color: #151515;
  background-repeat: no-repeat;
  width: 41px;
  height: 41px;
  align-items: flex-end;
  border-radius: 50%;
  transition: all 0.5s;
}

body#kt_body .text-warning svg path {
  fill: #ffc107;
}

span.label.d-inline-block {
  height: auto !important;
  padding: 0.3rem 0.75rem !important;
}

.kanban-item span.label.label-inline {
  display: inline-block;
  height: auto;
}
.modal .d-none {
  display: none !important;
}

.text-red {
  color: red;
}

/* Datatable.net Table */
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
  width: auto;
  display: inline-block;
}
.dataTables_wrapper .dataTables_filter input:focus,
.dataTables_wrapper .dataTables_length select:focus {
  outline: none;
  color: #3f4254;
  background-color: #ffffff;
  border-color: #69b3ff;
  outline: 0;
}
table.datatable thead > tr > th:not(.sorting_disabled),
table.datatable thead > tr > td:not(.sorting_disabled),
.dataTables_wrapper .dataTable tfoot th,
.dataTables_wrapper .dataTable thead th,
.htmlTable thead th {
  color: #b5b5c3;
  font-size: 0.9rem;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.1rem;
}
table.datatable th,
table.datatable td,
.table-bordered {
  border: none !important;
}
table.datatable.datatable-primary.datatable-table.display > tbody > tr > td,
table.datatable.datatable-primary.datatable-table.display > tbody > tr > th,
table.datatable.datatable-primary.datatable-table.display
  td
  table
  tbody
  > tr:not(:last-child) {
  border-bottom: 1px solid #ebedf3 !important;
}
table.datatable.display tbody tr.odd > .sorting_1,
table.datatable.order-column.stripe tbody tr.odd > .sorting_1,
table.datatable.display tbody tr.even > .sorting_1,
table.datatable.order-column.stripe tbody tr.even > .sorting_1,
table.datatable.stripe tbody tr.odd,
table.datatable.display tbody tr.odd,
table.datatable.hover tbody tr:hover,
table.datatable.display tbody tr:hover {
  background-color: #fff !important;
}
table.dataTable.display > tbody > tr.odd > *,
table.dataTable.display > tbody > tr:hover > * {
  box-shadow: none !important;
}
table.dataTable.display > tbody > tr > td:first-child,
table.dataTable.display > thead > tr > th:first-child {
  padding-left: 0;
}
table.datatable td.dt-control {
  min-height: 35px;
  display: flex;
  align-items: center;
}
table.datatable.display th.sorting_desc:before,
table.datatable.display th.sorting_asc:before {
  opacity: 0 !important;
}
table.dataTable tbody tr.selected>*{
  color: #fff !important;
}
#candidateInfoTabs > div {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.activeDark .nav-link:hover,
.activeDark .nav-link.active,
.activeDark .nav-link.active > * {
  color: #333 !important;
}

table.dataTable tbody tr.dt-hasChild.shown,
table.dataTable.hover tbody tr.even:hover,
table.dataTable.hover tbody tr.odd:hover {
  background: #fafafa !important;
}

.dataTables_wrapper .dataTable th.sorting:before {
  opacity: 0;
}

.input-group .select2 {
  /* width: auto !important; */
  max-width: 100%;
  flex: 1;
}
body#kt_body .ribbon.ribbon-clip .ribbonRight {
  right: -10px;
  border-top-left-radius: 0.42rem;
  border-bottom-left-radius: 0.42rem;
  left: unset;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
body#kt_body .ribbon.ribbon-clip .ribbonRight .ribbon-inner {
  border-top-left-radius: 0.42rem;
  border-bottom-left-radius: 0.42rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
body#kt_body
  .ribbon.ribbon-clip
  .ribbon-target.ribbonRight
  .ribbon-inner:before {
  border-width: 0 0 10px 10px;
  border-left-color: #181c32 !important;
  border-right-color: transparent !important;
  left: unset;
  right: 0;
}
.modal-dialog.vertical-center {
  height: 99vh !important;
  display: flex;
}

.modal-dialog.vertical-center .modal-content {
  margin: auto !important;
  height: fit-content !important;
}

a.disabled {
  pointer-events: none;
}

.la-xl {
  font-size: 2.5em;
  line-height: 1em;
  vertical-align: -0.9em;
}

.was-validated .form-control:valid,
.form-control.is-valid {
  padding-right: 10px;
}
.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type="file"] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}
.sidebarImg {
  background-size: contain !important;
}
.file-input {
  position: absolute;
  left: 0;
  height: 40px;
  width: 100%;
  opacity: 0;
  z-index: 99;
  top: 0;
}
form#applyLeaveForm .file-input {
  position: unset;
  height: unset;
  opacity: 1;
}
.scroll {
  scroll-behavior: smooth;
}
.scroll::-webkit-scrollbar {
  width: 10px;
}

.scroll::-webkit-scrollbar-track {
  background: #f1f1f1;
  width: 7px;
}

.scroll::-webkit-scrollbar-thumb {
  background: #888;
}

.scroll::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.fv-plugins-message-container, .iti {
  width: 100%;
}
.users .user.d-none {
  display: none !important;
}
.pointer,
a.dt-datetime-clear {
  cursor: pointer;
}
.unreadCount {
  top: -1px;
  right: -1px;
}
.cursorDefault {
  cursor: default;
}

/* Dropdown */

.dropdownc {
  position: absolute;
  z-index: 99;
  top: 5px;
  right: 5px;
}
.dd-input,
.dd-input + .dd-menu {
  display: none;
}
.dd-input:checked + .dd-menu {
  display: block;
}
.dropdown-menu-right {
  left: unset;
}
.font-110 {
  font-size: 110%;
}
table small {
  font-size: 85% !important;
}
.tree-view {
  font-size: 1.1rem;
}
.tree-view ul ul ul {
  font-size: 1rem;
}
.text-danger {
  color: #f64e60 !important;
}
.jstree-default-responsive .jstree-anchor {
  text-shadow: none !important;
}
.symbol.symbol-light-pink .symbol-label {
  background-color: #f7b9e5;
  color: #f63d99;
}
.label.label-light-secondary {
  color: #333e6e;
}
body.monthly_leave_deduction_report .tooltip-inner {
  max-width: 290px;
  text-align: left;
  font-size: 1rem;
  color: #333;
}
body.sales_visits_report .tooltip-inner {
  max-width: 470px;
  width: 100%;
  text-align: left;
  font-size: 1rem;
  color: #333;
}
.icon-link {
  width: 40px;
  height: 40px;
  background-color: #666;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
  outline: none;
  margin: 5px;
  box-sizing: content-box;
  color: #fff;
}
.icon-link i {
  color: #fff;
}
.icon-link.fill.facebook {
  background-color: #3b5998;
  border: 2px solid #3b5998;
}
.icon-link.fill.facebook:hover {
  background-color: #fff;
}
.icon-link.fill.facebook:hover i {
  color: #3b5998 !important;
  transition: color 150ms ease-in-out;
}
.icon-link.fill.linkedin {
  background-color: #007bb6;
  border: 2px solid #007bb6;
}
.icon-link.fill.linkedin:hover {
  background-color: #fff;
}
.icon-link.fill.linkedin:hover i {
  color: #007bb6 !important;
  transition: color 150ms ease-in-out;
}
[data-repeater-list="visits"] > div:first-child a[data-repeater-delete] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}
[data-repeater-list="visits"]
  > div:first-child
  a[data-repeater-delete]
  .text-danger {
  color: #777 !important;
}
.bold-icon::before {
  font-weight: bold;
}
#addEmployeeForm .select2-container {
  display: block;
}
.switch.switch-outlined span:after {
  border: 2px solid #1bc5bd !important;
}
.directoryProfile {
  width: 65px;
  height: 65px;
  border-radius: 100%;
  margin: 0 auto;
  display: block;
}
.textCaseOptions {
  position: absolute;
  bottom: -27px;
  left: 0;
}
.label-custom {
  position: absolute;
  color: #7e8299;
  top: 0;
  opacity: 0;
  left: 2px;
  transition: all 0.5s;
  z-index: -1;
}
.label-show {
  top: -20px;
  opacity: 1;
  z-index: 1;
}
.result-icon {
  position: absolute;
  top: 0px;
  right: 15px;
}
.result-icon i {
  color: #fff;
  border-radius: 100%;
  padding: 2px;
  height: 20px;
  width: 20px;
  text-align: center;
}
.status-icon i {
  color: #fff;
  border-radius: 100%;
  padding: 3px;
  height: 23px;
  width: 23px;
  text-align: center;
}
#hourlyActivities .note-editor .note-toolbar .note-btn-group .btn i{
      font-size: 0.85rem;
}

#hourlyActivities .note-editor .note-toolbar{
  padding: 0.2rem 0.3rem;
}
/* Responsive */
@media (min-width: 768px) {
  .htmlTable.table-responsive {
    display: table;
  }
}

@media (max-width: 768px) {
  body.sales_visits_report .tooltip {
    display: none;
  }
}

@media (max-width: 576px) {
  .card.card-custom > .card-body,
  .card-header {
    padding: 1rem;
  }
  .col-xs-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-xs-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xs-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xs-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xs-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xs-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xs-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xs-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xs-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .col-xs-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xs-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xs-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
}

@media print {
  .table-sm.table th,
  .table-sm.table td {
    padding: 0.7px;
  }
  .table-sm.table th {
    letter-spacing: 0 !important;
  }
  .table-sm.table {
    font-size: 0.77rem;
  }
  span.text-danger {
    font-size: 0.7rem;
  }
  table.datatable-table:not(.datatable) > * > * > :last-child {
    display: none;
  }
  .btn,
  footer,
  .footer,
  #kt_header_mobile,
  .subheader,
  .card-header:not(.print),
  input,
  .datatable-pager,
  .hide-print,
  .isEmployee [data-field="emp_name"],
  [data-field="Actions"],
  .dataTables_length,
  .dataTables_filter,
  .dataTables_info,
  .dataTables_paginate {
    visibility: hidden;
    display: none;
  }

  .datatable.datatable-default
    > .datatable-table
    > .datatable-body
    .datatable-row
    > .datatable-cell,
  table.datatable.datatable-primary.datatable-table.display > tbody > tr > td {
    padding-top: 0;
    padding-bottom: 0;
  }
  .card-body,
  .content,
  #kt_wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  body.specificDate [data-field="attendance_date"] {
    display: none;
  }
  #printTitle {
    display: block !important;
  }
  #monthly_report_datatable
    .datatable-table
    > .datatable-body
    .datatable-row
    > .datatable-cell {
    padding: 3px 1rem 3px;
  }
}