/*
* demo.css
* File include item demo only specific css only
******************************************************************************/

.light-style .menu .app-brand.demo {
  height: 64px;
  margin-top: 7px; 
}

.dark-style .menu .app-brand.demo {
  height: 64px;
}

.app-brand-logo.demo svg {
  width: 38px;
  height: 20px;
}

.app-brand-text.demo {
  font-size: 1.25rem;
  letter-spacing: 0.15px;
}

/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}

/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}
.Docs_Emp_Hide
{
  display: none;
}

/*
* Content
******************************************************************************/

.demo-blocks > * {
  display: block !important;
}

.demo-inline-spacing > * {
  margin: 1rem 0.375rem 0 0 !important;
}

/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing > * {
  margin-top: 1.25rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg > * {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-lg.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl > * {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-xl.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir='rtl'] .rtl-only {
  display: block !important;
}

/* Dropdown buttons going out of small screens */
@media (max-width: 576px) {
  #dropdown-variation-demo .btn-group .text-truncate {
    width: 300px;
    position: relative;
  }
  #dropdown-variation-demo .btn-group .text-truncate::after {
    position: absolute;
    top: 45%;
    right: 0.65rem;
  }
}
/*
* Layout demo
******************************************************************************/

.layout-demo-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1.25rem;
}
.layout-demo-placeholder img {
  width: 900px;
}
.layout-demo-info {
  text-align: center;
  margin-top: 1.25rem;
}
.custom-option-basic .custom-option-content.estimate_address {
  padding-top: 0.8em;
  padding-bottom: 0.7em;
}
.custom-option-basic .custom-option-header.inner_ship_selct {
  padding-bottom: 0;
}
.Address_ship_headline
{
  padding: 0 13px 6px 13px;
  font-size: 14px;
  color: #b9bbc4;
}
.SubTable
{
  background: #f5faff;
    border: 1px solid #1265A630;
}
.table tbody td span{
  white-space: normal;
}
.table.SubTable tbody tr td {
  padding: 4px 24px !important;
}
.table.SubTable thead tr th
{
  padding: 10px 24px;
}
.description_td
{
  width: 57% !important;
}
.SubTable tbody tr:hover
{
  background: #f3f3f3;
}
.add_emp_radio
{
  padding: 3px 10px 3px 40px !important;
}
.Address_ship_headline.employee_h5
{
  padding: 0 13px 6px 0px !important;
}
/* -----Remove the Selected options----- */

.select2-results__option[aria-selected=true] {
  display: none;
}

/* -----Remove the Selected options----- */

.hided_other_task_type
{
  display: none;
}
.hided_other_task_type.show
{
  display: block;
}

/* -----------------Head Css Move to Demo css----------------- */

.modal-simple .modal-content.custom_slide_model
{
  padding: 10px 53px 10px 21px;
}
.modal-simple .modal-content.custom_slide_model.success_my_alert
{
  background-color: #91ff82;
  color: #292929;
}
.modal-simple .modal-content.custom_slide_model.error_my_alert
{
  background-color: #ff2525;
  color: #ffffff;
}
.custom_slide_model p
{
  margin-bottom: 0;
}
.modal-simple .modal-content.custom_slide_model.success_my_alert .my_modern_alert_button
{
  color: #000000;
}

#notification-count {
  background-color: #dc3545;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  padding: 4px 2px;
  font-size: 10px;
  right: 0;
  transform: translate(50%, -50%);
}




/* Style the badge in the notification list header */
#notification-badge {
  background-color: #007bff;
  color: #fff;
}


  .modal-dialog.my_modern_alert {
      margin-top: 4%;
      float: right;
      margin-right: 21px;
      animation: bounceInRight 0.8s ease;
  }
  
  .my_modern_alert_button
  {
    right: 1.4rem;
    top: 5px;
    position: absolute;
    cursor: pointer;
    margin: 0;
    border: 1px solid transparent;
    padding: 0.25em 0.25em;
    color: #ffff;
    background: transparent var(--bs-btn-close-bg) center / 0.65rem auto no-repeat;
    border: 0;
    border-radius: 0.375rem;
  }
  .my_modern_alert_button:hover
  {
    border-radius: 7px;
    color: #000;
    background: #fff;
  }

  @keyframes bounceInRight {
      0% {
          opacity: 0;
          transform: translateX(3000px); /* Start from the right */
      }
      60% {
          opacity: 1;
          transform: translateX(-30px); /* Move slightly left */
      }
      80% {
          transform: translateX(10px); /* Slight bounce to the right */
      }
      100% {
          transform: translateX(0); /* Final position */
      }
  }

  .pre_view_section
  {
    align-items: center;
    justify-content: center;
    display: grid;
    padding: 9px;
  }
  #para_preview_file
  {
    margin-top: 19px;
    margin-bottom: 0px;
    font-size: 17px;
    text-align: center;
    font-weight: 600;
    font-family: monospace;
    color: #1265a6;
    letter-spacing: 0px;
  }
  .No_pre_view_section
  {
    align-items: center;
    justify-content: center;
    display: grid;
    padding: 9px;
  }
  .No_preview_para
  {
    margin-top: 19px;
    margin-bottom: 0px;
    font-size: 17px;
    text-align: center;
    font-weight: 600;
    font-family: monospace;
    color: #1265a6;
    letter-spacing: 0px;
  }
  .No_preview_file
  {
    width: 34%;
    margin: auto;
  }
  #preview_emp_file.view_custom_img
  {
    width: 34%;
    margin: auto;
  }


  /* -----------------Head Css Move to Demo css----------------- */


  .password_guide_text,
  .Psd_Confirm
  { 
    color: #ff7777bc;
  }

  .Psd_Cond1.checked,
  .Psd_Cond2.checked,
  .Psd_Cond3.checked,
  .Psd_Cond4.checked,
  .Psd_Confirm.checked
  {
    color: #539c00bc !important;
  }

  .psd_validate_btn.disable
  {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.5;
  }

  .psd_validate_btn.enable
  {
    pointer-events: all;
    cursor: pointer;
    opacity: 1;
  }
  .view_status_notes
  {
    padding: 20px;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  }
  .success_status
  {
    background: #9cfdb5;
    padding-left: 13px !important;
  }
  .pending_status
  {
    background: #ffe6ed;
    padding-left: 13px !important;
  }
  .Change_status_work
  {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  }
  .Change_status_work:hover
  {
    background-color: #ffffff !important;
  }

  .text-tooltip {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transform: translateX(93%); /* Start slightly below */
    transition: opacity 0.5s ease, transform 0.5s ease; /* Adjust timing as needed */
    top: 5%;
    padding: 10px;
    border-radius: 2px;
    background: #1265a6;
    color: #fff;
    box-shadow: 0px 0px 12px rgba(2, 2, 111, 0.4);
    right: 0%;
    overflow: hidden;
    overflow-y: hidden;
    overflow-y: scroll;
    height: 86px;
    padding-left: 20px;
    width: 92%;
    border-radius: 6px;
 }
 /* .text-tooltip:before {
    content: '';
    border-bottom: 10px solid #ffffff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    top: -10px;
    left: 29px;
  } */
  .Notify_text:hover + .text-tooltip,
  .text-tooltip:hover {
    visibility: visible;
    opacity: 1;
    transform: translateX(0%);
 }
 .Notify_text:hover
 {
  background-color: #edf8ff;
  border-radius: 5px;
}
.Hided_recurring_section
{
  position: relative;
  pointer-events: none;
}
.Hided_recurring_section.open
{
  pointer-events: all;
}
.Hide_Overlay
{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #d4d4d46e;
  z-index: 3;
  border-radius: 7px;
}
.highlight_row
{
  background-color: #f0f8ff !important;
}
.dashboard_select
{
  width: 100%;
  border: navajowhite;
  font-size: 13px;
  text-transform: uppercase;
  color: #292929 !important;
}
.custom_dash_card
{
  border-radius: 0px 0px 11px 12px;
}
.select_dash
{
  padding: 5px 21px;
  border-radius: 11px 11px 0px 0px;
  background-color: #fff1e1;
  border: 1px;
  width: 100%;
}
.svg_dash_icons
{
  width: 70% !important;
}
.select_dash_board_user
{
  margin-top: -13px;
  margin-bottom: 21px;
}


/* ---------User permission Page Style---------- */
table tbody tr:hover {
  background-color: #dbf6ff !important;
}
.user_role_view_btn
{
  width: 100%;
  padding: 5px 18px;
  display: inline-block;
  background: #ddf0ff;
  border-radius: 5px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.user_role_view_btn:hover
{
  background: #1265a6;
  color: #fff !important;
}
.table_user_access tbody tr
{
  border-color: #f7f7f9 !important;
}
.table_user_access thead tr
{
  border-color: #dcdcdc !important;
}
.user_role_card
{
  padding-left: 7%;
  padding-right: 7%;
  max-height: 750px;
  height: 750px;
  overflow-y: scroll;
}
.access_permission
{
  padding-left: 0;
  border: 1px solid #e5e6e8;
  border-radius: 0.625rem;
  margin: 1px;
}
.access_permission.checked {
  border: 2px solid #1265A6;
  margin: 0;
}
.access_blurred {
  filter: blur(2px);
  opacity: 0.5;
}
.Access_View_Section {
  display: none;
  opacity: 0;
  transform: translateY(20px);
}
.Access_View_Section.active {
  display: block;
  animation: AccessBounceInUp 0.5s forwards;
}
@keyframes AccessBounceInUp {
  from {
      opacity: 0;
      transform: translateY(20px);
  }
  to {
      opacity: 1;
      transform: translateY(0);
  }
}
.hided_initially
{
  display: none !important;
}
.hided_initially.active
{
  display: block !important;
}


/* Single and Bulk Upload Section */


.select_button_section
{
  margin-bottom: 2rem !important;
  display: flex;
  gap: 20px;
  justify-content: end;
}
.singleUpload,
.bulkUpload
{
  position: relative;
  padding: 6px 21px;
  border-radius: 7px;
  border: none;
  font-weight: 600;
  background: #fff;
  color: #1265a6;
}
.singleUpload.show,
.bulkUpload.show
{
  background: #1265a6;
  color: white;
}

.singleUpload.show:before,
.bulkUpload.show:before {
  content: '';
  position: absolute;
  border-top: 16px solid #1265a6;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  bottom: -60%;
  left: 9%;
}


.bulk_form_sec
{
  display: none; 
  opacity: 0; 
  transform: translateY(20px); 
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.single_form_sec.show,
.bulk_form_sec.show{
  display: block; 
  opacity: 1; 
  transform: translateY(0); 
}

.project_submit_update_btn
{
  padding: 5px 14px;
}
.user_active_inactive {
  width: 12px;
  height: 12px;
  border-radius: 50px;
  margin-top: 3.1px;
}
.user_active_inactive.Active{
  background: #29a906;
}
.user_active_inactive.Inactive{
  background: #ea1f0a;
}
.TotalText_Text
{
  width: 37%;
  margin: auto;
  background: #e9e9e9;
  border-radius: 10px;
  padding: 3px;
}
.sales-types-report-div{
  margin-top: 30px;
}
.sales-types-report-table{
  margin-top: 30px;
}

.parent_sort_section
{
  position: relative !important;
}

.sort_option_in_dash_sales_summery {
  visibility: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 0.625rem;
  background-color: #003762;
  transform: scale(0);
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0s 0.5s;
  opacity: 0;
}

.sort_option_in_dash_sales_summery.open {
  visibility: visible;
  transform: scale(1); 
  opacity: 1;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
.sort_option_in_dash {
  visibility: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 0.625rem;
  background-color: #003762;
  transform: scale(0);
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0s 0.5s;
  opacity: 0;
}

.sort_option_in_dash.open {
  visibility: visible;
  transform: scale(1); 
  opacity: 1;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

.sort_btn_section
{
  padding: 5px 19px;
  background: #f0f0f0;
  cursor: pointer;
  border-radius: 10px;
}
.sorted_text p{
  font-size: 13px;
}
.btn.close_sales_overview_btn {
  background: #fff;
  padding: 7px 6px 6px 7px;
  border-radius: 50%;
  color: #000;
  border: 2px solid #fff;
}
.btn.close_sales_overview_btn:hover {
  background: #003762;
  color: #fff;
  border: 2px solid #fff;
}
.headlineOfContent h3 {
  color: aliceblue;
}
.sortNow_button
{
  color: #003762;
  border: 1px solid #fff;
  background: #fff;
}
.sortNow_button:hover {
  color: #fff !important;
  border: 1px solid #fff !important;
  background: #003762 !important;
}

.admin_inactive_active {
  display: none;
 }
 .user_inactive_active {
   display: none;
  }
  .admin_inactive_active.open {
   display: block;
  }
  .user_inactive_active.open {
    display: block;
   }



.left_user_change_btn, .right_user_change_btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  background: #1265a6;
  color: white;
  padding: 2px 5px 4px 5px;
  border-radius: 29%;
  border: none;
  font-size: 20px;
}

.left_user_change_btn {
  left: 10px;
}

.right_user_change_btn {
  right: 10px;
}

.hidden {
  display: none !important;
}

.dashboard_all_user{
  height: 284px;
  overflow: hidden;
  overflow-y: scroll;
}

.dashboard_all_user::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.dashboard_all_user::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.dashboard_all_user::-webkit-scrollbar-thumb
{
	background-color: #000000;
	border: 2px solid #555555;
}
.floating_dash_option
{
  width: 5%;
  display: flex;
  justify-content: center;
  position: fixed;
  bottom: 8%;
  right: 2%;
  z-index: 3;
  transition: 0.8s ease;
}

.floating_dash_option:hover
{
  transform: rotateY(360deg);
}

.dashboard_body
{
  position: relative;
}

.dash_Btn_container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.dash_Btn {
  display: inline-block;
  position: relative;
  border: none;
  background: #1265a6;
  color: #fff;
  padding: 22px 20px;
  border-radius: 50%;
}
.dash_Btn:hover
{
  color: #fff;
}
.dash_Btn.is-play {
  background-color: #1265a6;
  border-radius: 50%;
  width: 61px;
  height: 61px;
}
.dash_Btn.is-play .button-outer-circle {
  background: rgb(18, 101, 166);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.dash_Btn.is-play .button-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dash_Btn.is-play .button-icon .triangle {
  -webkit-animation: fadeIn 7s ease;
          animation: fadeIn 7s ease;
}
.dash_Btn.is-play .button-icon i {
  -webkit-animation: triangleStroke 3s;
          animation: triangleStroke 3s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}
.dash_Btn.is-play .button-icon i::before
{
  font-size: 23px !important;
}
.has-scale-animation {
  -webkit-animation: smallScale 3s infinite;
          animation: smallScale 3s infinite;
}
.has-delay-short {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes triangleStroke {
  from {
    stroke-dashoffset: 90;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes triangleStroke {
  from {
    stroke-dashoffset: 90;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes smallScale {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes smallScale {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(1.5);
    opacity: 0;
  }
}





/* -----Resposive Design------ */

@media screen and (max-width: 600px) {
  .select_dash_board_user
  {
    margin-top: 13px;
    width: 100%;
  }
  .project_cards_section
  {
    gap: 30px;
  }
  .sort_btn_section {
    margin-top: 21px;
  }
  .TotalText_Text
  {
    width: 50%;
  }

  .floating_dash_option 
  {
    right: 14%;
  }

}




/* ==============Assign Project Text Editor Leeter COunt================ */


.project_txtBox_main.form-floating,
.employee_txtBox_main.form-floating,
.sales_txtBox_main.form-floating,
.rpt_project_textarea {
  position: relative;
}

.project_txtBox_main #charCount,
.Rpt_charCount {
  position: absolute;
  right: 10px;
  /* Position it towards the right */
  bottom: 10px;
  /* Position it towards the bottom */
  font-size: 12px;
  color: #888;
  background-color: transparent;
  pointer-events: none;
  /* Prevent interaction with the count box */
}

.project_details_txtBox,
.employee_details_txtBox,
.sales_details_txtBox,
.rpt_project_textbox
 {
  position: relative;
  z-index: 1;
  /* Make sure the textarea stays on top of the overlay */
  padding-right: 50px;
  /* Make space for the character count */
}

.project_details_txtBox:focus+#charCount {
  z-index: 2;
}

#Address_charCount,
#Appoinment_charCount
{
  position: absolute;
  right: 10px;
  /* Position it towards the right */
  bottom: 10px;
  /* Position it towards the bottom */
  font-size: 12px;
  color: #888;
  background-color: transparent;
  pointer-events: none;

  /* Prevent interaction with the count box */
}

textarea:focus+#charCount,
textarea:focus+#Address_charCount,
textarea:focus+#Appoinment_charCount
{
  z-index: 2;
}

/* ==============Assign Project Text Editor Leeter COunt================ */


.samplefilesection
{
  padding: 10px 20px;
}
.linkforSamplebtn
{
  float: right;
  font-weight: 600;
}


/* ================== Edit Project Page Design ================ */

.addedbyusersec
{
  width: 100%;
  background: #dbeeff;
  border-radius: 8px;
  padding: 8px 12px;
  float: right;
}
.assigedbyusersec
{
  width: 100%;
  background: #ffe8e1;
  border-radius: 8px;
  padding: 8px 12px;
  float: right;
}
.project_details_overview
{
  border: 1px solid #f4f4f4;
  border-radius: 6px;
}
.profile_picture
{
  width: 40px;  /* You can adjust this value */
  height: 40px; /* Ensure the height matches the width for a consistent size */
  border-radius: 50%; /* This makes the image circular */
}
.projectNameDescDiv
{
  height: 396px;
}

/* ==================add user profile pic ================ */

.avatar img {
  width: 30px !important;
  height: 30px !important;
  max-width: 30px;
  max-height: 30px;
  border-radius: 20%; /* Ensures circular shape */
  object-fit: cover; /* Prevents image distortion */
}


.avatars img {
  width: 40px !important;
  height: 40px !important;
  max-width: 40px;
  max-height: 40px;
  border-radius: 50%; /* Ensures circular shape */
  object-fit: cover; /* Prevents image distortion */
 }

/* ================== assign project radio Button colour change  Design ================ */
 
/* #criticalContainer:has(input[type="radio"]:checked) .custom-option-header {
  color: red;
}  */
.custom-option {
  border: 2px solid transparent;
  border-radius: 8px;
  padding: 10px;
  transition: all 0.3s ease-in-out;
}
/* Style the radio button itself */
.custom-option input[type="radio"] {
  accent-color: transparent; /* Removes default browser styling */
  width: 18px;
  height: 18px;
  border: 2px solid #ccc;
  border-radius: 50%;
  appearance: none; /* Hides default styling */
  outline: none;
  position: relative;
}

.critical {
  background-color: #ffebeb !important;
  border-color: red !important;
  color: red !important;
}
/* Change the radio button border & dot color */
.critical input[type="radio"] {
  border-color: red !important;
}
.critical input[type="radio"]::before {
  content: "";
  width: 10px;
  height: 10px;
  background: red;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
 .critical .custom-option-header, 
 .critical .custom-option-body {
    color: red !important; 
} 

/* Change the radio button border, background, and dot */
.critical .form-check-input {
  border-color: red !important;
  background-color: #ffcccc !important; /* Inside color */
}



/* High Priority (Orange) */
#high_periority_radio:checked + .custom-option-content {
  background-color: #ffe5cc; /* Light orange */
  border-color: orange;
  color: orange;
}

/* Medium Priority (Yellow) */
#medium_periority_radio:checked + .custom-option-content {
  background-color: #fffacc; /* Light yellow */
  border-color: gold;
  color: gold;
}

/* Low Priority (Green) */
#low_periority_radio:checked + .custom-option-content {
  background-color: #e6ffcc; /* Light green */
  border-color: green;
  color: green;
}
.form-check-input:checked::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.high {
  background-color: #ffe5cc !important;
  border-color: orange !important;
  color: orange !important;
}
.high .custom-option-header, 
.high .custom-option-body,
 .form-check-input {
    color: orange !important;
}
.high .form-check-input {
  border-color: orange !important;
  background-color: #ffd699 !important; /* Inside color */

}
.high input[type="radio"] {
  border-color: orange !important;
}

.high input[type="radio"]:checked::before {
  background: orange;
}

.medium {
  background-color: #cceeff !important; /* Light Sky Blue */
  border-color: #00aaff !important; /* Sky Blue Border */
  color: #00aaff !important; /* Sky Blue Text */
}

.medium .custom-option-header, 
.medium .custom-option-body {
  color: #00aaff !important; /* Sky Blue Text */
}

.medium input[type="radio"] {
  border-color: #00aaff !important; /* Sky Blue Border */
}

.medium input[type="radio"]:checked::before {
  background: #00aaff !important; /* Sky Blue Middle Dot */
}

.medium .form-check-input {
  border-color: #00aaff !important;
  background-color: #b3e6ff !important; /* Inside Light Sky Blue */
}

.low {
  background-color: #e6ffcc !important;
  border-color: green !important;
  color: green !important;
}
.low .custom-option-header, 
.low .custom-option-body {
    color: green !important;
}
.low .form-check-input {
  border-color: green !important;
  background-color: #b3ffb3 !important; /* Inside color */
}
.low .form-check-input:checked::before {
  background: green !important; /* Middle dot */
}
.iti.iti--allow-dropdown.iti--separate-dial-code
{
  width: 100% !important;
  margin-top: 10px;
}
#iti-0__country-listbox
{
  z-index: 3 !important;
}
.assigned_table
{
  overflow: hidden;
  overflow-x: scroll;
}






table.dataTable td.dt-control::before {
   display: inline-block;
  color: rgba(0, 0, 0, 0.5);
  content: "" !important;

}