/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

/* Define custom dashboard icon */
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap");
:root {
  --primary: #00cfe8;
  --secondary: #019879;
  --white: #fff;
  --black: #000;
  --lightgray: #ddd;
}
#boilerplate-tour-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  justify-content: center;
  align-items: center;
  display: none;
  z-index: 9999;
}
.current-day {
  background-color: var(--primary); /* Highlight color */
  color: #fff; /* Text color */
  font-weight: bold;
  padding: 5px;
  text-align: center;
}
#status {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 255);
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 9999;
  display: none;
}

.prof_img_wrapper {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  overflow: hidden; /* keeps overlay inside the circle */
}
.user_profile .prof_img_wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--primary); /* semi-transparent black */
  z-index: 1;
  opacity: 0.5;
}
#adminmenu #toplevel_page_pl-log-page a .wp-menu-image:before {
  content: "";
  background: url(../images/purelogics_favicon.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  display: block;
  margin-top: 4px;
  margin-left: 5px;
}
.update_settings_btn {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #fff !important;
  font-size: 12px;
  padding-bottom: 7px;
}
.update_settings_btn:hover {
  opacity: 0.8;
  color: #fff;
}
#del-rep-com_platform tbody td:first-child,
#del-rep-line-items tbody td:first-child,
#pl-commissionplatform-del tbody td:first-child,
#pl-emails_dashboard_table tbody td:first-child {
  text-align: left;
}
.header_row {
  background: var(--primary);
  color: #fff;
}
#del-rep-currency th,
#del-rep-com_platform th,
#del-rep-line-items th,
#pl-commissionplatform-del th,
#pl-emails_dashboard_table th {
  font-size: 15px;
  font-weight: 500;
  text-align: center;
}
#del-rep-currency td,
#del-rep-com_platform td,
#del-rep-line-items td,
#pl-commissionplatform-del td,
#pl-emails_dashboard_table td {
  font-size: 13px;
  text-align: center;
}
.big_head {
  font-size: 18px !important;
}
.create_lead_btn {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #fff !important;
  font-size: 12px;
}
#del-rep-com_platform .action_quot,
#del-rep-currency .action_quot,
#del-rep-line-items .action_quot,
#pl-commissionplatform-del .action_quot,
#pl-emails_dashboard_table .action_quot {
  display: flex;
  justify-content: center;
}
/* #del-rep-com_platform .action_quot span:last-child,  #del-rep-currency .action_quot span:last-child, #del-rep-line-items .modal-title{
   margin-left:20px;
 } */
#commissionplatformModal .modal-title,
#currencyModal .modal-title,
#lineitemModal .modal-title,
#updatelineitemModal .modal-title,
#updatecurrencyModal .modal-title,
#commissionplatformModal .modal-title,
#updatecommissionplatformModal .modal-title {
  font-size: 16px;
}
.input-group span,
.input-group input,
.input-group label,
input-group select.form-select {
  font-size: 13px !important;
}
#pl-tour-option-form-message {
  color: var(--primary);
}
#pl-vendor-payments-table tr,
#pdf-log-items tr,
#pdf-log-items td.action_quot {
  text-align: center !important;
}
#pdf-log-items td.action_quot {
  justify-content: center !important;
}
#pl-vendor-payments-table_filter {
  margin-bottom: 15px !important;
}
table#dataTable.display tbody tr.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: transparent !important;
}

.new_table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
  background-color: transparent !important;
}
.new_table tbody > tr:nth-child(odd) > td:hover,
table tbody > tr:nth-child(odd) > th:hover {
  background-color: transparent !important;
}
table tbody > tr:nth-child(even) > td:hover,
table tbody > tr:nth-child(even) > th:hover {
  background-color: transparent !important;
}
/* table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
     background-color: transparent;
 } */
table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: transparent;
}
#pl-agent-comm-table_filter {
  margin-bottom: 15px !important;
}
#pl-agent-comm-table .sorting_1 {
  background: transparent !important;
}
.tour_option_head {
  font-weight: 500 !important;
  font-size: 2rem !important;
}
.calendar {
  width: 100%;
  margin: 0 auto;
}
#pl-agent-comm-table_wrapper .dataTables_paginate .paginate_button.current {
  color: #fff !important;
}

.month {
  text-align: center;
  margin-bottom: 20px;
}
.month .controls {
  display: flex;
  justify-content: space-between;
}

.calendar_cont .days {
  height: 100%;
}
.calendar_cont .calendar {
  height: auto;
}
.calendar_cont .controls button {
  padding: 0px 20px;
  border: 0;
  padding-top: 8px;
}
.calendar_cont .controls button span {
  font-size: 30px;
}
.calendar_cont .days div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.weekdays {
  display: flex;
  justify-content: space-between;
  background-color: #ddd;
  padding: 5px;
}

.weekdays div {
  width: calc(100% / 7);
  text-align: center;
}

.days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}

.days div {
  border: 1px solid #ccc;
  padding: 5px;
  text-align: center;
}
/* 	  .popup {
   display: none;
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background-color: rgba(0, 0, 0, 0.8);
   color: white;
   padding: 20px;
   } */

.popup-content {
  text-align: center;
}

/*   .popup .close {
   cursor: pointer;
   float: right;
   font-size: 24px;
   margin-top: -10px;
   } */
.event-date {
  background-color: green;
  color: white;
  cursor: pointer;
}
.leads-dashboard_page_vendor-payments #wpcontent,
.leads-dashboard_page_agent-commissions #wpcontent,
.toplevel_page_pl-leads #wpcontent,
.leads-dashboard_page_invoice-log #wpcontent,
.leads-dashboard_page_tour-options #wpcontent,
.leads-dashboard_page_upload-commissions #wpcontent {
  padding-left: 0px;
}

.leads-dashboard_page_vendor-payments .secondary-header,
.leads-dashboard_page_agent-commissions .secondary-header,
.toplevel_page_pl-leads .secondary-header,
.leads-dashboard_page_invoice-log .secondary-header,
.leads-dashboard_page_tour-options .secondary-header,
.leads-dashboard_page_upload-commissions .secondary-header {
  margin-top: 0px;
}

.wrap {
  margin-left: 20px;
}

#pl-agent-comm-table a {
  text-decoration: none;
  background: transparent;
}
#agent_comm_file_form .form-group {
  display: flex;
}
#agent_comm_file_form input[type="file"] {
  padding: 6px 12px !important;
}
#agent_comm_file_form input[type="submit"] {
  margin-left: 10px;
  display: inline-block;
  background-color: #00cfe8;
  border: 0;
  padding: 7px 30px;
  padding-left: 8px;
}
#agent_comm_file_form input[type="submit"]:hover {
  opacity: 0.8;
}

.upload_comm_container {
  text-align: center;
}
.upload_comm_container a {
  text-decoration: none;
  display: inline-block;
  margin-top: 10px;
}

.vendor_status_box {
  display: flex;
  justify-content: center;
}
.vendor_status_box .form-check {
  display: flex;
  align-items: center;
}
.vendor_status_box .form-check:nth-child(2) {
  margin-left: 20px;
}
#popup_update_curr {
  color: #000;
  text-decoration: none;
  margin-left: 10px;
}
#pl-vendor-payments-table .action_quot_leads i {
  font-size: 14px;
}
#notification_table .action_quot {
  display: block;
  text-align: center;
}
#notification_table_body tr td {
  text-align: center;
  text-transform: capitalize;
}
#notification_table_body tr td:nth-child(3) {
  text-transform: inherit;
}