@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&display=swap');
/*----------------------------------------------*
 General CSS
/*----------------------------------------------*/

*,
::after,
::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  /* border: 0; */
  outline: 0;
}

html,
body,
form,
fieldset,
p,
div,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-text-size-adjust: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
  clear: both;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  background: var(--white);
  overflow-x: hidden;
}

textarea {
  resize: none;
}

a {
  background: transparent;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

a:active {
  outline: 0;
}

a:active,
a:hover,
a:focus {
  text-decoration: none;
  outline: none;
  box-shadow: none;
}

*:focus {
  outline: none;
  box-shadow: none;
}

.btn:focus {
  outline: none;
  box-shadow: none;
}

.btn-close:focus {
  box-shadow: none;
}

.form-control:focus {
  box-shadow: none;
  border-color: #dee2e6;
}

b,
strong {
  font-weight: bold;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

video {
  width: 100%;
  height: 100%;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

mark {
  background: #ff0;
  color: #111111;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

ul,
ol {
  list-style: none outside none;
}

img {
  vertical-align: middle;
  border: 0;
  max-width: 100%;
}

ul,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

button:focus {
  outline: none;
}

.mb-30 {
  margin-bottom: 30px;
}

/* ============  Variable declare start ============== */

:root {
  --primary-color: #FC4C50;
  --primary-color2: #28332D;
  --primary-color3: #58585A;
  --primary-color4: #0D1B3D;
  --green-light-color: #FCFFFD;
  --blue2: #0d39a9;
  --blue3: #0639a3;
  --secondary-color: #5c5c5c;
  --blue-soft-color: #ffedef;
  --active-color: #4880ff;
  --hover-color: #0845df;
  --white: #ffffff;
  --white1: #fff8f8;
  --white2: #f4f8fe;
  --black: #000000;
  --black2: #232529;
  --black3: #202224;
  --black4: #8D8D8D;
  --black5: #090909;
  --grey1: #4a4a4a;
  --grey2: #737b7b;
  --grey3: #464f60;
  --grey4: #687182;
  --grey5: #D3D3D3;
  --blue-dark: #030229;
  --primary-red: #d11a2a;
  --red-2: #e71d36;
  --light-red: #f1523c;
  --light-red2: #ef5466;
  --primary-green: #2b9943;
  --green2: #14804a;
  --green3: #38a06c;
  --orange: #d67606;
  --light-red: rgba(231, 29, 54, 0.05);
  --light-blue: rgba(13, 57, 169, 0.1);
  --light-orange: #ff8f6b;
  --light-orange2: #ff8157;
  --primary-font: "Lexend Deca", sans-serif;
  --secondary-font: "Lexend Deca", sans-serif;
  --fw-400: 400;
  --fw-500: 500;
  --fw-600: 600;
  --fw-700: 700;
  --fw-800: 700;
  --fw-900: 700;
  --fs-1: 0.813rem;
  --fs-2: 1.762rem;
  --fs-2-medium: 1.562rem;
  --fs-3: 1rem;
  --border-radius-8: 8px;
  --border-radius-12: 12px;
  --border-radius-16: 16px;
  --body-bg: #eff0f4;
  --transition: 0.2s ease;
  --primary-scroll-color: #C4BFBF;
  --bs-body-font-family: var(--primary-font);
  --form-contrl-bg: #F8FCFF;
  --form-contrl-stroke: #F3FAFF;
  --customcard-border-color: #EFF4FA;
  --placeholder-form-control: #727272;
  --card-boxshadow1: 0 0 50px 3px #dfdfdf;
  --com-wid-btn: 100px;
  --com-ht-btn: 40px;
  --colr-success: #0E9F51;
}

/* ============  Variable declare end ============== */
p {
  font-size: 14px;
}

.text-light-red {
  color: var(--light-red);
}

.text-green2 {
  color: var(--green2);
}

.text-green3 {
  color: var(--green3);
}

.text-orange {
  color: ar(--orange);
}

.text-blue2 {
  color: var(--blue2);
}

.text-black2 {
  color: var(--black2);
}

.h-100 {
  height: 100vh;
}

.text_uppercase {
  text-transform: uppercase;
}

/* Main style start */
.fwt-5 {
  font-weight: 500;
}

.fwt-6 {
  font-weight: 600;
}

.fwt-7 {
  font-weight: 700;
}

.body-bg-color {
  background: var(--body-bg);
}

.body-top-title {
  color: var(--black);
  font-family: var(--primary-font);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 100%;
}

.primary-bg-blue {
  background-color: var(--primary-color);
}

.primary-bg-green {
  background-color: var(--primary-green);
}

.bg-green3 {
  background-color: var(--green3);
}

.bg-grey4 {
  background-color: var(--grey4);
}

.hover-bg-green:hover {
  background-color: #35be53;
}

.blue-dark-text {
  color: var(--blue-dark);
}

.red-text {
  color: var(--primary-red);
}

.tale-td-red-text {
  color: var(--primary-red);
}

.light-orange-bg {
  background: var(--light-orange);
}

.light-red-bg {
  background: var(--light-red);
}

.light-red2-bg {
  background: var(--light-red2);
}

.light-blue-bg {
  background: var(--light-blue);
}

.text-red-2 {
  color: var(--red-2);
}

/* Custom breadcrumb start */
.breadcrumb--common .breadcrumb-item {
  font-family: var(--primary-font);
  /* font-size: var(--fs-1); */
  font-size: 11.606px;
  line-height: 19.895px;
  text-transform: capitalize;
}

.breadcrumb--common .breadcrumb-item>a {
  color: var(--secondary-color);
  font-weight: var(--fw-500);
  line-height: 100%;
}

.breadcrumb--common .breadcrumb-item .active {
  font-weight: var(--fw-600);
}

.page-topbar-title {
  font-family: var(--primary-font);
  color: var(--white);
  font-size: var(--fs-3);
  font-weight: var(--fw-500);
  line-height: 100%;
  letter-spacing: -0.564px;
  line-height: 20.817px;
  text-transform: uppercase;
}

/* Custom breadcrumb end */
.page-top-bar-left-content {
  display: flex;
}

/* Topbar search start */
.page-top-bar-right-content {
  width: 100%;
  height: 51px;
  border-radius: 24.869px;
  background: var(--white);
  box-shadow: 11.60565px 14.09257px 33.159px 3.3159px rgba(112, 144, 176, 0.08);
  -webkit-border-radius: 24.869px;
  -moz-border-radius: 24.869px;
  -ms-border-radius: 24.869px;
  -o-border-radius: 24.869px;
  display: flex;
  align-items: center;
  padding: 8px;
  justify-content: flex-end;
}

.search-container {
  position: relative;
  display: inline-block;
}

.search-container .form-control {
  width: 100%;
  height: 38px;
  padding: 5px 10px 5px 34px;
  border: 1px solid #c7e4ff;
  background: #f4f7fe;
  border-radius: 30px;
  font-size: 14px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  display: flex;
  align-items: center;
}

.search-container button[type="submit"] {
  position: absolute;
  top: -2px;
  left: 0;
  padding: 8px 15px;
  background-color: transparent;
  border: none;
  border-radius: 0 5px 5px 0;
  cursor: auto;
}

.form-control:focus,
.btn:focus {
  outline: none;
  box-shadow: none;
}

.header-item {
  /* height: 70px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.accordion-drop-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.accordion-drop-item-btn {
  padding: 3px;
}

.common-dropdown .dropdown-item {
  color: #344054;
  font-family: var(--secondary-font);
  font-size: 14px;

  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
}

.common-dropdown .dropdown-item:focus {
  background-color: transparent;
}

.error-log-accordion-drop.dropdown-menu {
  border: 1px solid #d6d5d5 !important;
}

.error-log-accordion-drop .dropdown-item:not(:last-child) {
  border-bottom: 1px solid #d6d5d5;
}

.error-log-accordion-drop {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.error-log-accordion-drop .dropdown-item {
  padding: 12px;
}

.common-dropdown .dropdown-item:hover {
  color: var(--primary-color);
}

/* Topbar search end */
.custom-animated-dropdown .dropdown-menu {
  -webkit-box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12);
  box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12);
  -webkit-animation-name: DropDownSlide;
  animation-name: DropDownSlide;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  z-index: 1000;
  border: none;
}

@keyframes DropDownSlide {
  100% {
    margin-top: -1px;
  }

  0% {
    margin-top: 8px;
  }
}

/* Topbar style start  */
.page-topbar {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1002;
  background: var(--primary-color);
  /* box-shadow: 11.60565px 14.09257px 33.159px 3.3159px rgba(112, 144, 176, 0.08); */
  border-bottom: 1px solid #e0e0e0;
  transition: all 0.1s ease-out;
  border: 1px solid none;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
}

.navbar-header {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: 0.75rem;
}

.hamburger-icon {
  width: 20px;
  height: 14px;
  position: relative;
  cursor: pointer;
  display: inline-block;
}

.header-item {
  /* height: 70px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.topbar-user .btn {
  padding-left: 0;
  padding-right: 0;
}

.collapsed-navbar-menu.mobile-sidebar {
  width: 242px;
}

/* Hamburger style start */
.hamburger-icon {
  width: 20px;
  height: 14px;
  position: relative;
  cursor: pointer;
  display: inline-block;
}

.hamburger-icon span {
  background-color: var(--white);
  position: absolute;
  border-radius: 2px;
  transition: 0.3s cubic-bezier(0.8, 0.5, 0.2, 1.4);
  width: 100%;
  height: 2px;
  display: block;
  left: 0;
  -moz-transition: 0.3s cubic-bezier(0.8, 0.5, 0.2, 1.4);
  -ms-transition: 0.3s cubic-bezier(0.8, 0.5, 0.2, 1.4);
  -o-transition: 0.3s cubic-bezier(0.8, 0.5, 0.2, 1.4);
  -webkit-transition: 0.3s cubic-bezier(0.8, 0.5, 0.2, 1.4);
}

.hamburger-icon span:nth-child(1) {
  top: 0;
  width: 80%;
}

.hamburger-icon span:nth-child(2) {
  top: 6px;
}

.hamburger-icon span:nth-child(3) {
  bottom: 0;
  width: 60%;
}

.vertical-menu-btn:hover .hamburger-icon:not(.open) span:nth-child(1) {
  top: -1px;
}

.vertical-menu-btn:hover .hamburger-icon:not(.open) span:nth-child(3) {
  bottom: -1px;
}

.vertical-menu-btn.btn:first-child:active {
  border-color: transparent;
}

.vertical-menu-btn.btn:focus {
  border-color: transparent;
}

.hamburger-icon.open {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}

.hamburger-icon.open span:nth-child(1) {
  left: 1px;
  top: 5px;
  width: 20px;
  transform: rotate(90deg);
  transition-delay: 150ms;
  -webkit-transition-delay: 150ms;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}

.hamburger-icon.open span:nth-child(2) {
  left: 3px;
  top: 13px;
  width: 10px;
  transform: rotate(45deg);
  -webkit-transition-delay: 50ms;
  transition-delay: 50ms;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.hamburger-icon.open span:nth-child(3) {
  left: 9px;
  top: 13px;
  width: 10px;
  transform: rotate(-45deg);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}

/* Hamburger style end */

.collapsed-navbar-menu {
  position: absolute;
  width: 70px !important;
}

/* Topbar style end */

/* Sidebar menu start */

/* width */

.scrollbar {
  height: calc(100vh - 100px);
  overflow-y: auto;
  width: 100%;
}

.scrollbar::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* Track */
.scrollbar::-webkit-scrollbar-track {
  background: var(--blue-soft-color);
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}

/* Handle */
.scrollbar::-webkit-scrollbar-thumb {
  background: var(--primary-scroll-color);
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}

/* Handle on hover */
.scrollbar::-webkit-scrollbar-thumb:hover {
  background: var(--primary-scroll-color);
}

.hover-dropdown-collapse-prevent .scrollbar-dropdown {
  min-height: 50px;
  max-height: 250px;
  overflow-y: auto;
}

.hover-dropdown-collapse-prevent .scrollbar-dropdown::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.hover-dropdown-collapse-prevent .scrollbar-dropdown::-webkit-scrollbar-track {
  background: var(--blue-soft-color);
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}

.hover-dropdown-collapse-prevent .scrollbar-dropdown::-webkit-scrollbar-thumb {
  background: var(--primary-scroll-color);
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}

.hover-dropdown-collapse-prevent .scrollbar-dropdown::-webkit-scrollbar-thumb:hover {
  background: var(--primary-scroll-color);
}

.scrollbar--sidebar {
  height: calc(100vh - 190px);
  overflow-x: hidden;
}

@media (min-width: 1700px) {
  .scrollbar--sidebar {
    height: calc(100vh - 200px);
    overflow-x: hidden;
  }
}

.scrollbar--common-table {
  height: auto;
}

.sidebar {
  width: 242px;
  z-index: 1002;
  background: var(--green-light-color);
  /* box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.25); */
  border-right: 1px solid #e0e0e0;
  bottom: 0;
  margin-top: 0;
  position: fixed;
  top: 0;
  padding: 0 0 calc(70px + 25px) 0;
  transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
}

.sidebar-brand {
  padding: 0 1.3rem;
  text-align: center;
  transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
}

.logo-light {
  display: inline-block;
}

.logo {
  line-height: 70px;
}

.logo-text {
  color: var(--primary-color);
  font-family: var(--primary-font);
  font-size: 1.01rem;

  font-weight: var(--fw-700);
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
}

.sidebar-nav .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.225rem 0.125rem;
  margin: 0.425rem 0.875rem;
  color: var(--black4);
  font-size: 0.75rem;
  font-family: var(--primary-font);
  font-weight: var(--fw-600);
  line-height: 26.719px;
  letter-spacing: -0.24px;
}

.sidebar-nav .nav-link svg {
  display: inline-block;
  min-width: 2.3rem;
}



.toggle-xs-sidebar .sidebar-brand {
  /* padding-bottom: 10px; */
  text-align: left;
  background-color: var(--primary-color);
  padding-left: 14px;
}

.toggle-xs-sidebar.collapsed-navbar-menu {
  padding-bottom: 0px;
}

.sidebar-menu-text {
  margin-left: 8px;
}

.sidebar-nav .nav-link {
  margin-right: 5px;
}

.sidebar-nav .nav-link {
  border-radius: 0px 30px 30px 0px;
  -webkit-border-radius: 0px 30px 30px 0px;
  -moz-border-radius: 0px 30px 30px 0px;
  -ms-border-radius: 0px 30px 30px 0px;
  -o-border-radius: 0px 30px 30px 0px;
}

.sidebar-nav .nav-link.active {
  color: var(--black);
}

.sidebar-nav .nav-link:hover {
  color: var(--black);
}

.sidebar-nav .nav-link svg.dashboard-icon,
.sidebar-nav .nav-link svg.master-icon {
  fill: var(--black4);
}

.sidebar-nav .nav-link:hover svg.dashboard-icon,
.sidebar-nav .nav-link:hover svg.master-icon {
  fill: var(--black);
}

.sidebar-nav .nav-link.active svg.dashboard-icon,
.sidebar-nav .nav-link.active svg.master-icon {
  fill: var(--black);
}

.sidebar-nav .nav-link svg.settings-icon path,
.sidebar-nav .nav-link svg.check-in-icon path,
.sidebar-nav .nav-link svg.scheme-icon path,
.sidebar-nav .nav-link svg.loadsheets-icon path,
.sidebar-nav .nav-link svg.stock-icon path,
.sidebar-nav .nav-link svg.stock-icon path,
.sidebar-nav .nav-link svg.orders-icon path,
.sidebar-nav .nav-link svg.grn-icon path {
  fill: var(--black4);
}

.sidebar-nav .nav-link:hover svg.settings-icon path,
.sidebar-nav .nav-link:hover svg.check-in-icon path,
.sidebar-nav .nav-link:hover svg.scheme-icon path,
.sidebar-nav .nav-link:hover svg.loadsheets-icon path,
.sidebar-nav .nav-link:hover svg.stock-icon path,
.sidebar-nav .nav-link:hover svg.orders-icon path,
.sidebar-nav .nav-link:hover svg.grn-icon path {
  fill: var(--black);
}

.sidebar-nav .nav-link.active svg.settings-icon path,
.sidebar-nav .nav-link.active svg.check-in-icon path,
.sidebar-nav .nav-link.active svg.scheme-icon path,
.sidebar-nav .nav-link.active svg.loadsheets-icon path,
.sidebar-nav .nav-link.active svg.stock-icon path,
.sidebar-nav .nav-link.active svg.stock-icon path,
.sidebar-nav .nav-link.active svg.orders-icon path,
.sidebar-nav .nav-link.active svg.grn-icon path {
  fill: var(--black);
}

.sidebar-nav .nav-link svg.settings-icon:hover path {
  fill: var(--black);
}

.sidebar-nav .nav-link svg.invoice-icon path,
.sidebar-nav .nav-link svg.settlement-icon path,
.sidebar-nav .nav-link svg.reports-icon path,
.sidebar-nav .nav-link svg.cash-received-icon path,
.sidebar-nav .nav-link svg.sales-orders-icon path {
  stroke: var(--black4);
}

.sidebar-nav .nav-link:hover svg.invoice-icon path,
.sidebar-nav .nav-link:hover svg.settlement-icon path,
.sidebar-nav .nav-link:hover svg.reports-icon path,
.sidebar-nav .nav-link:hover svg.cash-received-icon path,
.sidebar-nav .nav-link.active svg.sales-orders-icon path {
  stroke: var(--black);
}

.sidebar-nav .nav-link.active svg.invoice-icon path,
.sidebar-nav .nav-link.active svg.settlement-icon path,
.sidebar-nav .nav-link.active svg.reports-icon path,
.sidebar-nav .nav-link.active svg.cash-received-icon path,
.sidebar-nav .nav-link:hover svg.sales-orders-icon path {
  stroke: var(--black);
}

.vertical-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(33, 37, 41, 0.35);
  z-index: 1001;
  display: none;
}

.stroke_blk {
  stroke: #000000;
}

.sidebar-nav .nav-link:hover .stroke_blk {
  stroke: var(--primary-color);
}



@media (max-width: 991px) {
  .navbar-header {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .page-top-bar-right-content {
    width: auto;
  }
}

/* Sidebar menu end */

/* Sidebar dropdown menu start */

.dropdown-content {
  padding-left: 2.8rem;
}

.dropdown-content2,
.dropdown-content3 {
  padding-left: 0.875rem;
}

.dropdown-content .nav-link {
  font-size: 12px;
  padding-right: 0;
  font-family: var(--primary-font);
  color: var(--black4);
  font-weight: var(--fw-600);
  line-height: 16px;
  letter-spacing: 0.5px;
}

.dropdown-content .dropdown-content2 .nav-link,
.dropdown-content .dropdown-content3 .nav-link,
{
font-size: 12px;
padding-right: 0;
font-family: var(--primary-font);
color: var(--secondary-color);
font-weight: var(--fw-500);
line-height: 16px;
letter-spacing: 0.5px;
}

.dropdown-content,
.dropdown-content2,
.dropdown-content3 {
  display: none;
}

/* Sidebar dropdown menu end */

/* Sidebar buton logout start */
.btn-logout-wrap {
  padding: 12px 12px 12px 22px;
}

.sidebar-btn-logout {
  background: var(--primary-color);
  width: 140px;
  height: 46px;
  border: none;
  color: var(--white);
  margin: auto;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sidebar-btn-logout.btn:hover,
.sidebar-btn-logout.btn:focus {
  background: var(--hover-color);
  color: var(--white);
}

.logout-btn-small {
  margin: auto;
}

.logout-btn-small svg {
  color: var(--grey1);
}

.logout-btn-small:hover svg {
  color: var(--hover-color);
}

.bg-transparent {
  background: transparent;
}

/* Sidebar buton logout end */

/* Page content start */
.page-content {
  padding: calc(32px + 1.5rem) calc(1.5rem * 0.5) 60px calc(1.5rem * 0.5);
}

@media (min-width: 768px) and (max-width: 991px) {
  .page-content {
    padding: calc(76px + 1.5rem) calc(1.5rem * 0.5) 60px calc(1.5rem * 0.5);
  }
}

/* Page title style start */
.page-title {
  margin: 17px 0px 37px;
}

.page-content {
  min-height: 100vh;
}

/* common Datatable with 100% when navbar collapsed start */
.common-data-table {
  border: 0px solid #f7f7f7;
  border-collapse: collapse;
  width: 100% !important;
}

.tableResize .dataTables_scrollHeadInner {
  width: 100% !important;
  padding-right: 0px !important;
}

.tableResize .dataTables_scrollFootInner {
  width: 100% !important;
}

.tableResize .dataTables_scrollHead {
  width: 100% !important;
}

.tableResize .common-data-table {
  width: 100% !important;
}

.custom-dataTables-wrapper .dataTables_scrollFootInner {
  padding-right: 0px !important;
  width: 100% !important;
}

.custom-dataTables-wrapper .dataTables_scrollHeadInner {
  padding-right: 0px !important;
  width: 100% !important;
}

/* Common Datatable with 100% when navbar collapsed end */
/* Scrollbar height */
.parent-data-table-wrap .dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* Track */
.parent-data-table-wrap .dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar-track {
  background: var(--blue-soft-color);
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}

/* Handle */
.parent-data-table-wrap .dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar-thumb {
  background: var(--primary-scroll-color);
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}

/* Handle on hover */
.parent-data-table-wrap .dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar-thumb:hover {
  background: var(--primary-color);
}

.parent-data-table-wrap .active>.page-link,
.page-link.active {
  background: var(--primary-color);
}

.tableResize .select2-container {
  width: 100% !important;
}

/* Page content end */
/* Footer start */
.footer {
  padding: 20px calc(1.5rem * 0.5);
  color: var(--grey2);
  background: var(--white);
  font-family: var(--primary-font);
}

.footer.left-70 {
  left: 70px;
}

/* Footer end */

/* Media query start */
@media (min-width: 992px) {
  .logo-lg {
    width: 200px;
    display: inline-block;
    margin: auto;
    padding-left: 0;
  }

  .logo-lg img {
    width: 100%;
    height: 100%;
  }
}

/* Media query end */

.vers_wrpr h6 {
  font-size: 10px;
  color: #242425;
  opacity: 0.7;
  line-height: 14px;
}

.vers_wrpr {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding-bottom: 15px;
  padding-top: 15px;
  height: 60px;
  border-top: 1px solid rgba(229, 229, 229, 0.82);
}

.ftr_copyrgt_txt {
  color: #000;
  font-weight: 600;
  font-size: 12px;
}

.cpy_icn {
  font-size: 18px;
  vertical-align: sub;
}

.page-top-bar-right-content {
  background: none;
  box-shadow: none;
  -webkit-border-radius: none;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.topbar-user .header-profile-user {
  margin-right: 6px;
  width: 24px;
}

.top_bar_srchWrpr {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0;
  padding-bottom: 0;
}

.top_bar_srchinnr {
  line-height: 30px;
  border: 1px solid #d9d7d7;
  padding-left: 5px;
  border-radius: 5px;
}

.header-help {
  width: 24px;
}

.header-settings {
  width: 24px;
}

.header-notification {
  width: 24px;
}

.brdr_rgt_abs {
  position: relative;
}

.brdr_rgt_abs:after {
  content: '';
  position: absolute;
  top: 4px;
  right: 0;
  width: 1px;
  height: 20px;
  background: #fff;
  display: block;
}

.hding_1 {
  font-family: var(--primary-font);
  color: #000000;
  font-weight: 600;
  font-size: 1rem;
}

.pl_6 {
  padding-left: 6px;
}

.analytics_infohdng {
  color: #022E57;
  font-weight: 600;
}

.analytics_cont_outr {
  border-radius: 5px;
  box-shadow: 0 0 10px 0px #e1e1e1;
  height: 100%;
}

.analytics_info_time {
  color: #171766;
  font-size: 14px;
}

.analytics_icon_wrpr {
  width: 64px;
  height: 64px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.analytics_icon_bkgcolr_1 {
  background: #FFF6DB;

}

.pie,
.pie2,
.pie3 {
  width: 81px !important;
  height: 81px !important;
}

.pie svg,
.pie2 svg,
.pie3 svg {
  width: 81px;
  height: 81px;
}

.analytics_icon_bkgcolr_2 {
  background: #DDDFFE;
}

.analytics_icon_bkgcolr_3 {
  background: #E46472;
}

.pjp_stats_wrpr .accordion-button:after {
  position: absolute;
  right: 20px;
}

/* login */
.login-bg {
  background: linear-gradient(to bottom, rgba(234, 234, 234, 1) 0%, rgba(234, 234, 234, 1) 100%);
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: top center;
  position: relative;
}

.login-card-wrapper {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1060;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
  align-items: center;
  display: flex;
  flex-direction: column;
}

.login-card {
  width: auto;
  height: auto;
  border-radius: 10px;
  background: #fff;
  position: relative;
  margin: 3.75rem auto 1.75rem;
  box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.35);
}

.card-logo-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.login-form .form-label {
  color: var(--primary-color);
  font-family: var(--primary-font);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 100%;
}

.login-form .input-group-text {
  border-right: 0px;
  position: relative;
}

.login-form .input-group-text {
  border-color: #8A8A8A;
  background: #fff;
}

.login-form .form-control {
  border-color: #8A8A8A;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  border-left: 0;
  font-size: 15px;
}

.login-form .input-group-text:after {
  content: "";
  width: 1px;
  height: 25px;
  background-color: #8A8A8A;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  z-index: 6;
}

.login-form .forgot-password-text,
.login-form .form-check-label {
  font-size: 12px;
  color: var(--primary-color3);
  font-family: var(--primary-font);
  font-weight: bold;
  line-height: 100%;
}

.form-title .login-form-title {
  color: var(--primary-color2);
  font-family: var(--primary-font);
  font-size: 22px;
  font-weight: bold;
  line-height: 100%;
  margin-bottom: 1.5rem;
}

.btn-log-in {
  color: var(--white);
  font-family: var(--primary-font);
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: normal;
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
  width: 100%;
  height: 42px;
}

.btn-log-in:hover,
.btn-log-in:focus,
.btn-log-in:active {
  background-color: #dd181d !important;
  border: #dd181d;
}

.logon-footer-text {
  text-align: center;
  color: #000;
  font-family: var(--primary-font);
  font-weight: 500;
  font-size: 12px;
  margin-top: 27px;
}

/* Chrome, Edge, Safari, Opera */
.form-control::placeholder {
  color: var(--placeholder-form-control);
  opacity: 0.5;
  /* 0–1 range for opacity */
  font-weight: 400;
  font-size: 12px;
  text-transform: none;
}

/* Firefox */
.form-control::-moz-placeholder {
  color: var(--placeholder-form-control);
  opacity: 0.5;
  font-weight: 400;
  font-size: 12px;
  text-transform: none;
}

/* Internet Explorer 10-11 */
.form-control:-ms-input-placeholder {
  color: var(--placeholder-form-control);
  opacity: 0.5;
  font-weight: 400;
  font-size: 12px;
  text-transform: none;
}

/* Microsoft Edge (Legacy) */
.form-control::-ms-input-placeholder {
  color: var(--placeholder-form-control);
  opacity: 0.5;
  font-weight: 400;
  font-size: 12px;
  text-transform: none;
}

.verPwr {
  font-size: 11px;
}

.logo-sm {
  width: 41px;
  display: inline-block;
}

.logtxt {
  color: var(--primary-color3);
}

.login_back {
  font-size: 14px;
  color: var(--black);
  font-family: var(--primary-font);
  font-weight: 500;
  line-height: 100%;
  margin-top: auto;
}

.login_back svg path {
  stroke: #000;
}

.logtxt_wrpr {
  display: inline-block;
  margin-left: 6px;
}

.login_back:hover {
  color: var(--primary-color);
}

.login_back:hover svg path {
  stroke: var(--primary-color);
}

.restPwdtxt {
  font-size: 14px;
  margin-top: 9px;
}

.passwordField {
  padding-right: 37px;
}

/* // password visible hidden component start */

.passwordHidden,
.passwordShowed {
  position: absolute;
  top: 9px;
  right: 12px;
  stroke: #c8c7cc;
  fill: none;
  width: 20px;
  height: 20px;
  z-index: 5;
}

.passwordHideShow .passwordShowed {
  top: 9px;
}

.passwordHidden,
.passwordShowed {
  right: 12px;
}

.input-field {
  position: relative;
  width: 100%;
}

/* // password visible hidden component end */

.common-form-btn-save {
  width: auto;
  height: 33px;
  padding: 0 9px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
  font-family: var(--primary-font);
  font-size: 12px;
  font-weight: 500;
  transition: 0.3s;
}

.common-form-btn-back {
  width: auto;
  height: 33px;
  padding: 0 9px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-color4);
  background-color: var(--grey5);
  border: 1px solid var(--grey5);
  font-family: var(--primary-font);
  font-size: 12px;
  font-weight: 500;
  transition: 0.3s;
}

.form-label {
  font-size: 12px;
}

.asterix-red {
  color: #ff0000;
}

/*custom file upload*/
.upload-container {
  margin-bottom: 20px;
  position: relative;
  border: 1px solid var(--form-contrl-stroke);
  border-radius: 5px;
  padding-left: 10px;
  padding-top: 7px;
  padding-bottom: 7px;
  background: var(--form-contrl-bg);
}

.upload-label {
  display: inline-block;
  padding: 5px 7px;
  background-color: #ffffff;
  color: #58585A;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid #58585A;
  font-size: 12px;
}

.upload-label:hover {
  background-color: #454040;
  color: #fff;
}

#file-upload {
  display: none;
}

#Edit_file-upload {
  display: none;
}

#file-names {
  position: absolute;
  top: 7px;
  left: 140px;
  width: calc(100% - 140px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#Edit_file-names {
  position: absolute;
  top: 7px;
  left: 140px;
  width: calc(100% - 140px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#image-preview {
  display: flex;
  flex-wrap: wrap;
}

#Edit_image-preview {
  display: flex;
  flex-wrap: wrap;
}

#image-preview .image-container {
  position: relative;
  margin: 10px;
  box-shadow: 0 0 11px -4px #afafaf;
  border-radius: 7px;
}

#Edit_image-preview .image-container {
  position: relative;
  margin: 10px;
  box-shadow: 0 0 11px -4px #afafaf;
  border-radius: 7px;
}

#image-preview img {
  max-width: 190px;
  max-height: 200px;
  margin: 10px;
  /*border: 2px solid #e9e9e9;*/
  border-radius: 5px;
}

#Edit_image-preview img {
  max-width: 190px;
  max-height: 200px;
  margin: 10px;
  /*border: 2px solid #e9e9e9;*/
  border-radius: 5px;
}

#image-preview .cross-button {
  position: absolute;
  top: -11px;
  right: 4px;
  background: #58585A;
  border: none;
  border-radius: 9px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #fff;
  padding: 0;
}


#Edit_image-preview .cross-button {
  position: absolute;
  top: -11px;
  right: 4px;
  background: #58585A;
  border: none;
  border-radius: 9px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #fff;
  padding: 0;
}

/* end custom file upload*/
/* datatable */
.table-drop-content-wrap {
  position: absolute;
  right: 15px;
  /* top: 31px; */
  top: 14px;
  z-index: 6;
}

.table-drop-down-content-box {
  position: relative;
}

.table-drop-down-content {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.table-content-dropdown-pannel {
  width: 8rem;
  border-radius: 5px;
  background-color: var(--white);
  padding: 16px;
  border: 1px solid #dee2e6;
  display: none;
  position: absolute;
  inset: 0px 0px auto auto;
  margin: 0px;
  transform: translate(0px, 47px);
  -webkit-box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12);
  box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12);
  -webkit-animation-name: DropDownSlide;
  animation-name: DropDownSlide;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  z-index: 4;
  right: 0;
  top: -10px;
  padding-left: 0;
  padding-right: 0;
}

.table-content-dropdown-pannel a.dropdown-item {
  font-size: 14px;
  font-weight: 500;
  font-family: var(--primary-font);
  text-transform: uppercase;
  color: #555555;
  transition: 0.3s;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 10px;
  padding-right: 10px;
}

.table-content-dropdown-pannel.tableDropDownShow {
  display: block;
}

.parent-data-table-wrap .dataTables_filter {
  padding-right: 30px;
}

.parent-data-table-wrap .dataTables_filter label {
  color: #fff;
}

.parent-data-table-wrap .dataTables_filter label .form-control {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23757575' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 10a7 7 0 1 0 14 0a7 7 0 1 0-14 0m18 11l-6-6'/%3E%3C/svg%3E");
  background-color: #f4f4f4;
  background-position: 94% 50%;
  background-repeat: no-repeat;
  border: 1px solid #f4f4f4;
  font-family: var(--primary-font);
  color: #000 !important;
  padding-right: 28px;
}

.common-data-table th {
  color: var(--black);
  font-family: var(--primary-font);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  text-transform: uppercase;
}

.common-data-table th,
.common-data-table td {
  border: none;
  border-bottom: 1px solid #f9f9f9 !important;
  padding: 8px;
}

.common-data-table th {
  white-space: nowrap;
}

.common-data-table th,
.common-data-table td {
  padding-right: 30px;
}

.common-data-table td {
  color: #2e2e2e;
  font-family: var(--primary-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  vertical-align: middle;
}

.custom-select {
  position: relative;
  display: inline-block;
  width: 90px;
}

.select-selected {
  background-color: #fff;
  padding: 2px 10px 2px 0px;
  cursor: pointer;
}

.selected-field {
  background-image: url('data:image/svg+xml,<svg width="12" height="6" viewBox="0 0 12 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.898205" d="M0 0.5H11.613L5.80648 5.5L0 0.5Z" fill="%23344054"/></svg>');
  background-repeat: no-repeat;
  background-position: right 8px center;
}

.select-items {
  position: absolute;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12);
  border-radius: 6px;
  z-index: 99;
  width: 100%;
}

.select-hide {
  display: none;
}

.select-option {
  padding: 5px 10px;
  cursor: pointer;
}

.option-approved {
  color: #58585A;
}

.option-rejected {
  color: #FF0000;
}

/* datatable paginate */
.paginate_button .page-link {
  font-size: 12px;
}

.paginate_button.page-item.previous.disabled .page-link,
.paginate_button.page-item.next.disabled .page-link {
  background: #756F6F;
  color: #fff;
  opacity: 37%;
}

.paginate_button.page-item .page-link {
  border-radius: 4px;
}

.paginate_button.page-item {
  margin-right: 5px;
  border: none;
}

.paginate_button.page-item .page-link {
  border: none;
}

.paginate_button.page-item.active {
  border: none;
}

.datatbleinfoRpr {
  position: absolute;
  width: 100%;
  bottom: -63px;
}

/* datatable paginate */
.dataTables_scrollHead thead th {
  background: #f8f8f8;
  padding-top: 15px;
  padding-bottom: 15px;
}

.dataTables_wrapper .dt-row>.col-sm-12 {
  padding-left: 0;
  padding-right: 0;
}

div.dataTables_wrapper div.dataTables_info {
  padding-top: 0;
  font-size: 12px;
}

.mbCustmCard {
  margin-bottom: 76px;
}

/* datatable */
/* formstyles */
.form-control {
  background: var(--form-contrl-bg);
  border-color: var(--form-contrl-stroke);
  font-size: 12px;
}

/* formstyles */

.card {
  border-color: var(--customcard-border-color);
  box-shadow: var(--card-boxshadow1);
}

/* select2 dropdown styles */
.select2-container--default .select2-selection--single {
  background-color: #f8fcff;
  border: 1px solid #f8fcff;
  border-radius: 4px;
  height: 36px;
  font-size: 12px;
}

/* .select2-container--default .select2-selection--single.selectSelection .select2-selection__arrow b {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23979797' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  border: none;
  background-repeat: no-repeat;
  height: 40px; 
  height: 38px;
  width: 20px;
  left: auto;
  top: auto;
  margin-top: 0;
  background-position: center;
  display: flex;
  align-items: center;
  margin-left: -9px;
} */

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}

.select2-container--open .select2-dropdown--below {
  border-top: 1px solid #e7e7e7;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-color: #e7e7e7;
  box-shadow: 0 3px 4px 0px #eee;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #F4F4F4;
  background: #F4F4F4;
  font-size: 12px;
  height: 36px;
  border-radius: 5px;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
  padding-left: 10px;
}

/* select2 dropdown styles */
.pdtp_btns {
  padding-top: 30px;
}

/* active, inactive toggle switch */
.toggle_contnr {
  display: inline-block;
  margin: 1rem;
}

.toggle_contnr .toggle-wrapper {
  position: relative;
  width: 85px;
  height: 31px;
}

.toggle_contnr .toggle-switch {
  display: none;
}

.toggle_contnr .switch-label {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ccc;
  border-radius: 20px;
  cursor: pointer;
  position: relative;
  transition: background-color 0.3s;
}

.toggle_contnr .switch-slider {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 27px;
  height: 27px;
  background-color: white;
  border-radius: 50%;
  transition: transform 0.3s;
  z-index: 2;
}

.toggle_contnr .switch-text {
  position: absolute;
  width: 100%;
  height: 100%;
  line-height: 33px;
  color: #fff;
  z-index: 1;
  pointer-events: none;
  text-align: left;
  padding-left: 30px;
  font-weight: 500;
  font-size: 12px;
  left: 0;
}

.toggle_contnr .toggle-switch:checked+.switch-label {
  background-color: #4CAF50;
}

.toggle_contnr .toggle-switch:checked+.switch-label .switch-slider {
  transform: translateX(40px);
  left: 17px;
}

.toggle_contnr .toggle-switch:checked+.switch-label .switch-text::after {
  content: "Active";
}

.toggle_contnr .toggle-switch:checked+.switch-label .switch-text {
  padding-left: 15px;
}

.toggle_contnr .toggle-switch:not(:checked)+.switch-label .switch-text::after {
  content: "InActive";
}

.widBtncommn {
  width: var(--com-wid-btn);
  height: var(--com-ht-btn);
}

.fltrByWrpr {
  font-size: 12px;
}

.fltrByWrpr .fltrtxt {
  font-size: 12px;
  color: var(--black);
}

.fltrByWrpr select {
  background-color: var(--form-contrl-bg);
  border-color: var(--form-contrl-stroke);
  font-size: 12px;
  height: 37px;
  padding-right: 17px;
  padding-left: 9px;
  border-radius: 5px;
}

/* custm radio butn */
.custom-radio-group {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  font-family: Arial, sans-serif;
  font-size: 12px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

/* Label wrapper */
.custom-radio {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  font-size: 12px;
}

/* Hide the default radio input */
.custom-radio input[type="radio"] {
  display: none;
}

/* Custom circle */
.custom-radio-btn {
  width: 20px;
  height: 20px;
  border: 2px solid #58585A;
  /* border color of circle */
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
  position: relative;
  transition: border-color 0.2s ease;
}

/* Inner dot when checked */
.custom-radio input[type="radio"]:checked+.custom-radio-btn::after {
  content: "";
  width: 10px;
  height: 10px;
  background: #58585A;
  /* dot color */
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Hover effect (optional) */
.custom-radio:hover .custom-radio-btn {
  border-color: #58585A;
}

/* custm radio butn */
.card {
  border-radius: 10px;
}

/* dttable search  */
.secLftWrpr .table-drop-content-wrap {
  position: absolute;
  right: 3px;
  /* top: 31px; */
  top: 14px;
  z-index: 6;
}

.secLftWrpr .parent-data-table-wrap .dataTables_filter {
  padding-right: 20px;
}

div.dataTables_wrapper div.dataTables_length label {
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
}

.mb_40 {
  margin-bottom: 40px;
}

.calender-icon {
  background-image: url('data:image/svg+xml,<svg width="24" height="23" viewBox="0 0 24 23" fill="none"  xmlns="http://www.w3.org/2000/svg"><g opacity="1"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.9469 2.65322L15.9479 3.37161C18.5576 3.5785 20.2816 5.37735 20.2844 8.13597L20.2947 16.2107C20.2984 19.2183 18.4304 21.0689 15.4362 21.0737L8.12234 21.0833C5.14685 21.0871 3.25548 19.1925 3.25174 16.1762L3.24145 8.19632C3.2377 5.4195 4.90084 3.62544 7.51059 3.3831L7.50966 2.66471C7.50872 2.24326 7.8174 1.92621 8.22898 1.92621C8.64055 1.92525 8.94923 2.24134 8.95017 2.6628L8.9511 3.33329L14.5074 3.32563L14.5064 2.65513C14.5055 2.23368 14.8142 1.91759 15.2257 1.91663C15.628 1.91567 15.946 2.23176 15.9469 2.65322ZM4.68291 8.49223L18.8448 8.47308V8.13783C18.8046 6.07844 17.7831 4.99799 15.9498 4.83707L15.9507 5.57461C15.9507 5.98649 15.6336 6.31312 15.2314 6.31312C14.8198 6.31408 14.5102 5.98841 14.5102 5.57653L14.5092 4.80067L8.95299 4.80833L8.95393 5.58323C8.95393 5.99607 8.64618 6.32174 8.2346 6.32174C7.82303 6.3227 7.51341 5.99798 7.51341 5.58515L7.51248 4.8476C5.68846 5.03247 4.67916 6.11676 4.68197 8.19434L4.68291 8.49223ZM14.8376 12.8457V12.8562C14.847 13.2968 15.2024 13.6311 15.6336 13.6215C16.0546 13.611 16.3904 13.246 16.381 12.8054C16.3614 12.384 16.0237 12.0401 15.6037 12.0411C15.1734 12.0506 14.8367 12.405 14.8376 12.8457ZM15.6102 17.1464C15.1799 17.1368 14.8328 16.7738 14.8319 16.3332C14.8226 15.8926 15.1677 15.5277 15.598 15.5171H15.6074C16.047 15.5171 16.4034 15.8801 16.4034 16.3303C16.4043 16.7805 16.0489 17.1455 15.6102 17.1464ZM10.9837 12.8611C11.0024 13.3017 11.3588 13.6456 11.7891 13.6264C12.21 13.6063 12.5458 13.2423 12.5271 12.8017C12.5168 12.3707 12.1707 12.0354 11.7498 12.0364C11.3195 12.0555 10.9828 12.4205 10.9837 12.8611ZM11.7929 17.1034C11.3626 17.1226 11.0072 16.7787 10.9875 16.3381C10.9875 15.8975 11.3233 15.5335 11.7536 15.5134C12.1745 15.5124 12.5216 15.8477 12.5309 16.2777C12.5506 16.7193 12.2138 17.0833 11.7929 17.1034ZM7.12992 12.8945C7.14863 13.3352 7.50502 13.68 7.9353 13.6599C8.35623 13.6407 8.69203 13.2758 8.67239 12.8352C8.66304 12.4041 8.31694 12.0689 7.89508 12.0698C7.46479 12.089 7.12899 12.4539 7.12992 12.8945ZM7.939 17.1081C7.50872 17.1282 7.15327 16.7834 7.13362 16.3428C7.13269 15.9021 7.46943 15.5372 7.89971 15.518C8.32064 15.5171 8.66767 15.8523 8.67703 16.2834C8.69667 16.724 8.36086 17.0889 7.939 17.1081Z" fill="%2358585A"  opacity="0.3"/></g></svg>');
  background-repeat: no-repeat;
  background-position: right 8px center;

}

.noteTxt {
  color: #202224;
}

.status-success {
  border-radius: 4px;
  padding: 1px 6px;
  background: #E1FCEF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #38A06C;
  font-size: 11px;
  letter-spacing: 0.2px;
  font-size: 10px;
  max-width: 83px;
}

.status-success .status_indicator {
  width: 10px;
  height: 10px;
  border-radius: 50px;
  background: #38A06C;
  margin-right: 5px;
}

.status-success .status_indicator {
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: #38A06C;
  margin-right: 5px;
  display: inline-block;
  line-height: 8px;
  margin-top: 2px;
}

.status-success {
  border-radius: 4px;
  padding: 1px 6px;
  background: #E1FCEF;
  display: inline-block;
  align-items: center;
  justify-content: center;
  color: #38A06C;
  letter-spacing: 0.2px;
  font-size: 10px;
  max-width: 83px;
}

.tab-content-sec .nav-tabs .nav-link.active {
  background-color: transparent;
  border-bottom: 2px solid var(--black5);
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  font-weight: 600;
}

.custmTablNorml th,
.custmTablNorml td {
  border: none;
  border-bottom: 1px solid #f9f9f9 !important;
  padding: 8px;
}

.custmTablNorml thead th {
  background: #f8f8f8;
  padding-top: 15px;
  padding-bottom: 15px;
}

.custmTablNorml th {
  color: var(--black);
  font-family: var(--primary-font);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  text-transform: uppercase;
}

.custmTablNorml td {
  font-size: 12px;
}

.custmTablNorml thead {
  border: transparent;
}

.minWidinptTxt {
  width: 200px;
}

.statusChk.custom-radio-group .custom-radio {
  font-size: 12px;
  ;
}

.statusChk.custom-radio-group {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  font-family: Arial, sans-serif;
  font-size: 12px;
  margin-bottom: 10px;
}

.statusChk.custom-radio-group .custom-radio-btn {
  width: 16px;
  height: 16px;
  border: 2px solid #58585A;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
  position: relative;
  transition: border-color 0.2s ease;
}

.statusChk.custom-radio-group .custom-radio input[type="radio"]:checked+.custom-radio-btn::after {
  content: "";
  width: 7px;
  height: 7px;
  background: #58585A;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.contractor_agencytabwrpr .nav-link {
  color: #6C6C6C;
  font-size: 14px;

}

.work-category {
  display: flex;
  gap: 20px;
  /* space between checkboxes */
  align-items: center;
  flex-wrap: wrap;
  font-size: 12px;
  color: #333;
}

/* Label wrapper */
.checkbox-container {
  display: inline-flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  user-select: none;
  padding-left: 28px;
  /* space for custom checkbox */
}

/* Hide default checkbox */
.checkbox-container .custom-checkbox {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Custom checkbox look */
.checkbox-container .checkmark {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 18px;
  width: 18px;
  background-color: #fff;
  border: 2px solid #007bff;
  border-radius: 4px;
  /* rounded corners */
  transition: all 0.2s ease-in-out;
}

/* Checked state */
.checkbox-container .custom-checkbox:checked~.checkmark {
  background-color: #007bff;
  border-color: #007bff;
}

/* Checkmark tick */
.checkbox-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkbox-container .custom-checkbox:checked~.checkmark:after {
  display: block;
}

.checkbox-container .checkmark:after {
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* file upload sectn */
.custom-file-upload {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  max-width: 750px;
  font-size: 12px;
  overflow-x: auto;
}

.file-upload-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}

/* Input wrapper */
/* .file-input-wrapper {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  border: 1px solid var(--form-contrl-stroke);
  border-radius: 6px;
  background: var(--form-contrl-bg);
  padding-right: 35px; 
  width:300px;
} */
.file-input-wrapper {
  position: relative;
  flex: 0 0 432px;
  /* same fixed width for all rows */
  display: flex;
  align-items: center;
  border: 1px solid var(--form-contrl-stroke);
  border-radius: 6px;
  background: var(--form-contrl-bg);
  padding-right: 35px;
  overflow: hidden; 
}

/* Responsive fallback */
@media (max-width: 768px) {
  .file-input-wrapper {
    flex: 1 1 300px;
  }
}

.file-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.file-name {
  flex: 1;
  padding: 8px 10px;
  font-size: 14px;
  color: #555;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.clear-file-btn {
  position: absolute;
  right: 5px;
  background: transparent;
  border: none;
  color: #999;
  cursor: pointer;
  font-size: 16px;
  display: none;
}

/* Buttons */
.upload-btn,
.add-btn,
.delete-btn {
  padding: 7px 9px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 12px;
  transition: background 0.2s ease;
  white-space: nowrap;
}

.upload-btn {
  background: #ffffff;
  border: 1px solid rgba(13, 27, 61, 0.4);
  color: rgba(13, 27, 61, 0.4);
}

.upload-btn svg path {
  fill: #0D1B3D;
  opacity: 0.4;
  ;
}

.upload-btn:hover {
  background: #ffffff;
  border: 1px solid rgba(252, 76, 80, 1);
  color: rgba(252, 76, 80, 1);
}

.upload-btn:hover svg path {
  fill: #fc4c50;
  opacity: 1;
}

.add-btn {
  background: #fff;
  border: 1px solid #007bff;
  color: #007bff;
}

.add-btn:hover {
  background: #007bff;
  color: #fff;
}

.add-btn:hover svg path {
  fill: #fff;
}

.delete-btn {
  background: #fff;
  border: 1px solid rgba(252, 76, 80, 0.6);
  color: rgba(252, 76, 80, 0.6);
}

.delete-btn svg path {
  fill: rgba(220, 53, 70, 0.9);
}

/* .delete-btn:hover {
  background: #dc3545;
  color: #fff;
} */
.delete-btn:hover {
  background: #ffffff;
  color: rgba(220, 53, 70, 0.7);
  border-color: #fc4c50;
}

.delete-btn:hover svg path {
  fill: rgba(220, 53, 70, 1);
}

/* Eye icon */
.view-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: #333;
  text-decoration: none;
  cursor: pointer;
  font-size: 14px;
}

.view-btn.disabled {
  pointer-events: none;
  opacity: 0.4;
}

/* file upload sectn end */
.fntsiz_2 {
  font-size: 1.25rem;
}

.fntsiz_2half {
  font-size: 1.75rem;
}

.safety-user-check-grey.success:before {
  color: var(--colr-success);
}

.safety-user-check-grey.rejected:before {
  color: var(--red-2);
}

.safety-shield.success:before {
  color: var(--colr-success);
}

.safety-shield.rejected:before {
  color: var(--red-2);
}

.tabl_contractor_agency .common-data-table th {
  white-space: normal;
}

.main-content.margin-left-remove .dataTables_scrollHeadInner {
  /* width: 100% !important; */
}

.approval-btn {
  font-weight: 500;
  padding: 0.25rem 0.75rem;
  background-color: #E1FCEF;
  border-color: #E1FCEF;
  border-radius: 6px;
  color: #14804A;
  position: relative;
  padding-right: 35px;
}

/* Orange header inside dropdown */
.approval-header {
  background-color: #ff7f32;
  /* Orange */
  color: #fff;
  padding: 0.75rem 1rem;
  margin: -0.5rem 0 0.5rem 0;
  /* stretch full width */
  border-radius: 0.25rem 0.25rem 0 0;
}

/* Dropdown menu styling */
.approval-dropdown .dropdown-menu {
  width: 200px;
  border-radius: 0.5rem;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.approval-dropdown .dropdown-item {
  white-space: normal;
  /* allow wrapping */
  font-size: 0.9rem;
}

/* .approval-dropdown .dropdown-menu{
  position: relative !important;
  transform: translate(0px,0px) !important;
} */
.tabl_contractor_agency .dataTables_scrollBody {
  min-height: 300px;
}


.approval-dropdown .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.99401 7.37016C5.91539 7.37114 5.83745 7.35529 5.76519 7.32363C5.69293 7.29197 5.62795 7.24519 5.57443 7.18632L0.17982 1.67119C-0.0599401 1.42607 -0.0599401 1.04614 0.17982 0.801025C0.41958 0.555908 0.791209 0.555908 1.03097 0.801025L6.00599 5.8872L10.969 0.813281C11.2088 0.568164 11.5804 0.568164 11.8202 0.813281C12.0599 1.0584 12.0599 1.43833 11.8202 1.68345L6.42557 7.19858C6.30569 7.32114 6.14985 7.38241 6.00599 7.38241L5.99401 7.37016Z' fill='%230E9F51'/%3E%3C/svg%3E%0A");
  border: none;
  background-repeat: no-repeat;
  position: absolute;
  top: 10px;
  right: 4px;
}

.approval-dropdown .dropdown-toggle:hover::after {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.99401 7.37016C5.91539 7.37114 5.83745 7.35529 5.76519 7.32363C5.69293 7.29197 5.62795 7.24519 5.57443 7.18632L0.17982 1.67119C-0.0599401 1.42607 -0.0599401 1.04614 0.17982 0.801025C0.41958 0.555908 0.791209 0.555908 1.03097 0.801025L6.00599 5.8872L10.969 0.813281C11.2088 0.568164 11.5804 0.568164 11.8202 0.813281C12.0599 1.0584 12.0599 1.43833 11.8202 1.68345L6.42557 7.19858C6.30569 7.32114 6.14985 7.38241 6.00599 7.38241L5.99401 7.37016Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}

.approved {
  color: var(--colr-success);
}

.daterangepicker {
  z-index: 22000 !important;
}

.editModl .modal-body .modal-common-card {
  background: #EDEFF5;
  border-radius: 15px;
  margin-bottom: 6px;
  box-shadow: none;
}

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

.btn.btn-primary:has(> i.fa-plus) {
  background-color: #FC4C50 !important;
  border-color: #FC4C50 !important;
  color: #fff !important;
}

.btn.btn-primary:has(> i.fa-plus):hover {
  background-color: #e04347 !important;
  /* a slightly darker shade for hover */
  border-color: #e04347 !important;
  color: #fff !important;
}

.btn.btn-primary:has(> svg.fa-plus) {
  background-color: #FC4C50 !important;
  border-color: #FC4C50 !important;
  color: #fff !important;
}

.btn.btn-primary:has(> svg.fa-plus):hover {
  background-color: #e04347 !important;
  /* a slightly darker shade for hover */
  border-color: #e04347 !important;
  color: #fff !important;
}

/* Change font size of dropdown options */
.select2-results__option {
  font-size: 11px !important;
  /* Adjust as needed */
}

/* Change font size of selected value in the box */
.select2-selection__rendered {
  font-size: 11px !important;
}

.swal2-html-container {
  font-size: 16px !important;
}

.upload_success  {
    color: #ffffff;
    border-color: #00b665;
    background: #00b665;
}

div.collapse.show {
    visibility: visible;
}