/*--------dark-----light------similar------style----start------*/
:root {
  --bs-font-sans-serif: "Manrope", sans-serif;
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0)
  );
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 0.875rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-link-decoration: underline;
  --bs-border-radius: 12px;
  --bs-border-radius-sm: 8px;
  --bs-border-radius-lg: 15px;
  --bs-border-radius-xl: 18px;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow-inset: unset;
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --brdr-radius1: 3px;
  --brdr-radius2: 5px;
  --bs-card-border-rdius: 7px;
  --inpt-slct-icon-bg: #eeeef8;
  /* --crd-hdr-bx-shadow: inset 0px 10px 19px 0px rgba(44, 24, 116, 0.49), 0px 4px 11px -3px rgba(52, 46, 82, 0.41); */
  --crd-hdr-bx-shadow: inset 0px 10px 19px 0px rgba(137, 12, 31, 0.49),
    0px 4px 11px -3px rgba(86, 45, 51, 0.41);
  --fltr-mdl-brdr-btm: #ffffff;

  --tp-chck-bfr-bg: #cf3a50;
  --hdr-chck-bg: #921528;
  --tp-chck-shdw: inset 0px -3px 5px -1px #4e0000;
  /* --sdbr-lnk-shdw:rgba(77, 91, 236, 0.231372549); */
  --sdbr-lnk-shdw: rgba(133, 11, 29, 0.23);
}

/*--------dark-----light------similar------style----end------*/
/*--------Light--------theme---------start----------*/
[data-bs-theme="light"] {
  --bs-info: #2d8fa7;
  --bs-blue: #5d87ff;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #ff6692;
  --bs-orange: #fd7e14;
  --bs-yellow: #f8c20a;
  --bs-green: #36c76c;
  --bs-teal: #20c997;
  --bs-cyan: #539bff;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #29343d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f6f7f9;
  --bs-gray-200: #eff4fa;
  --bs-gray-300: #dfe5ef;
  --bs-gray-400: #7c8fac;
  --bs-gray-500: #5a6a85;
  --bs-gray-600: #29343d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #dd0c2b;
  --bs-secondary: #16cdc7;
  --bs-success: #36c76c;
  --bs-info: #46caeb;
  --bs-warning: #f8c20a;
  --bs-danger: #ff6692;
  --bs-light: #eff4fa;
  --bs-dark: #0a2540;
  --bs-muted: #526b7a;
  --bs-indigo: #6610f2;
  --bs-light-indigo: #ebf3fe;
  --bs-dark-light: #29343d;
  --bs-light-gray: #f4f7fb;
  --bs-purple: #6f42c1;
  --bs-cyan: #539bff;
  --bs-primary-rgb: 221, 12, 43;
  --bs-secondary-rgb: 22, 205, 199;
  --bs-success-rgb: 54, 199, 108;
  --bs-info-rgb: 70, 202, 235;
  --bs-warning-rgb: 248, 194, 10;
  --bs-danger-rgb: 255, 102, 146;
  --bs-light-rgb: 239, 244, 250;
  --bs-dark-rgb: 10, 37, 64;
  --bs-muted-rgb: 82, 107, 122;
  --bs-indigo-rgb: 102, 16, 242;
  --bs-light-indigo-rgb: 235, 243, 254;
  --bs-dark-light-rgb: 41, 52, 61;
  --bs-light-gray-rgb: 244, 247, 251;
  --bs-purple-rgb: 111, 66, 193;
  --bs-cyan-rgb: 83, 155, 255;
  --bs-primary-text-emphasis: shade-color(#dd0c2b, 60%);
  --bs-secondary-text-emphasis: shade-color(#16cdc7, 60%);
  --bs-success-text-emphasis: shade-color(#36c76c, 60%);
  --bs-info-text-emphasis: shade-color(#46caeb, 60%);
  --bs-warning-text-emphasis: shade-color(#f8c20a, 60%);
  --bs-danger-text-emphasis: shade-color(#ff6692, 60%);
  --bs-light-text-emphasis: #f6f7f9;
  --bs-dark-text-emphasis: #29343d;
  --bs-primary-bg-subtle: rgba(221, 12, 43, 0.1);
  --bs-secondary-bg-subtle: #a6f7f5;
  --bs-success-bg-subtle: #ebfaf0;
  --bs-info-bg-subtle: rgba(70, 202, 235, 0.2);
  --bs-warning-bg-subtle: #fff9e5;
  --bs-danger-bg-subtle: #ffccdb;
  --bs-light-bg-subtle: #f6f7f9;
  --bs-dark-bg-subtle: #29343d;
  --bs-primary-border-subtle: #ffc3cc;
  --bs-secondary-border-subtle: #a2ebe9;
  --bs-success-border-subtle: #afe9c4;
  --bs-info-border-subtle: #b5eaf7;
  --bs-warning-border-subtle: #fce79d;
  --bs-danger-border-subtle: #ffc2d3;
  --bs-light-border-subtle: #eff4fa;
  --bs-dark-border-subtle: #5a6a85;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color: #98a4ae;
  --bs-body-color-rgb: 152, 164, 174;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(152, 164, 174, 0.75);
  --bs-secondary-color-rgb: 152, 164, 174;
  --bs-secondary-bg: #eff4fa;
  --bs-secondary-bg-rgb: 239, 244, 250;
  --bs-tertiary-color: rgba(152, 164, 174, 0.5);
  --bs-tertiary-color-rgb: 152, 164, 174;
  --bs-tertiary-bg: #f6f7f9;
  --bs-tertiary-bg-rgb: 246, 247, 249;
  --bs-heading-color: #29343d;
  --bs-link-color: #29343d;
  --bs-link-color-rgb: 27, 33, 36;
  --bs-link-hover-color: #dd0c2b;
  --bs-link-hover-color-rgb: 221, 12, 43;
  --bs-code-color: #d63384;
  --bs-highlight-color: #98a4ae;
  --bs-highlight-bg: #fef3ce;
  --bs-border-color: #c8ced4;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-box-shadow: 0px 1px 4px 0px rgba(133, 146, 173, 0.2);
  --bs-box-shadow-sm: 0px 2px 4px -1px rgba(175, 182, 201, 0.2);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-focus-ring-color: rgba(221, 12, 43, 0.25);
  --bs-form-valid-color: #36c76c;
  --bs-form-valid-border-color: #36c76c;
  --bs-form-invalid-color: #ff6692;
  --bs-form-invalid-border-color: #ff6692;
  --preloader-bg: radial-gradient(
    circle,
    rgba(51, 59, 61, 0.74) 0%,
    rgba(42, 45, 66, 0.8) 50%,
    rgba(37, 43, 71, 0.87) 100%
  );
  --text-drk-color: #3c3a4b;
  --text-drk-color2: #48455f;
  --red: #d63336;
  --red-hover: #b01010;
  --yellow: #f29b13;
  --primary-bttn: #dd0c2b;
  --danger-bttn: #d20c0c;
  --prim-bdr-col: #332ae6;
  --dang-bdr-col: #9b0e0e;
  --hvr-primary-bttn: #332ae6;
  --hvr-dang-bttn: #c00707;
  --light-bdr-colr: #a7a7c42e;
  --light-bdr-colr2: #9696af33;
  --light-bdr-colr3: #19192040;
  --green: #12a649;
  --green-hover: #0d853a;
  --inpt-icon-bg: #e6e8ed;
  --chkbx-bdr: #a7a7c4bf;
  --sidbar-nav-bx-shdw: inset 8px 19px 27px 9px rgba(167, 175, 200, 0.18);
  --mst-num-bdg-bx-shdw: 0px 2px 2px 0px #d4d9ec;
  --inpt-bg-color: #fdfdfd;
  --inpt-focus: #ff8ea4;
  --all-label-txt: #3c384d;
  --bs-card-box-shadow: 0px 2px 4px -1px rgba(175, 182, 201, 0.2);
  --bs-card-bg: #fff;
  --bs-card-title-color: #29343d;
  --bs-card-subtitle-color: #98a4ae;
  --bs-card-border-color: #ebf1f6;
  --box-shdw: 0px 4px 8px -5px rgba(0, 0, 0, 0.67);
  --icn-color: #57546f;
  --inpt-slct-fcus-bdr: #dd0c2be4;
  --inpt-slct-fcus-bx-shdw: 0 0 8px 0 #dd0c2b53;
  --crd-header-title-bg: rgba(221, 12, 43, 0.18);
  --tbl-hdr-white: #fff;
  --tblTh-clr: #ececf4;
  --tbl-th-txt-clr: #36334f;
  --tbl-td-bgclr: #fff;
  --tbl-brdr-clr: #ddd;
  --bs-header-brdrclr: #d4cfeb;
  --vw-btn-bgclr: #fff0f3;
  --vw-btn-clr: #4b4686;
  --vw-brdr-clr: #ffc7d2;
  --select2-plc-clr: #565363;
  --dt-btn-bg: #ffffff;
  --dt-btn-brdr-clr: #f5c0cb;
  --dt-btns-bgclr: #fff;
  --dt-btns-clr: #4d4e78;
  --dt-btns-brdrclr: #ddd;
  --dt-btns-shdw: rgb(109 104 149 / 8%) 0px -13px 15px 0px inset,
    rgb(122 119 157 / 10%) 0px -16px 10px 0px inset,
    rgba(158, 151, 185, 0.1) 0px -39px 9px 0px inset,
    rgba(163, 161, 193, 0.06) 0px 2px 1px, rgba(131, 129, 162, 0.09) 0px 4px 2px,
    rgba(164, 161, 179, 0.09) 0px 5px 4px, rgba(0, 0, 0, 0.09) 0px 0px 5px,
    rgba(168, 170, 189, 0.09) 0px 2px 2px;
  --dt-btns-mdl-bg: #fff;
  --dt-btns-mdl-brdrclr: #e3e3e3;
  --dt-mdl-btns-clr: #61606c;
  --dt-mdl-btns-brdrclr: #dbd6d6;
  --dt-mdl-hvr-brdr: #dbd6d6;
  --dt-mdl-hvr-bg: #f1f1f1;
  --dt-mdl-hvr-clr: #61606c;
  --tbl-srch-brdr: #ffd6dc;
  --tbl-srch-bxshw: inset 0 0 11px rgb(221 12 43/ 11%);
  --frm-plchldclr: #6c757d;
  --tbl-fltr-plchldr: #6c757d;
  --flt-btn-brdr: rgb(221 12 43 / 25%);
  --fltr-btn-bgclr: #ffffff;
  --fltr-txt-clr: #545170;
  --fltr-img-clr: inherit;
  --whtsapp-bg: #fff;
  --whtsapp-shdw: inset 1px 1px 2px 2px #cdefd1;
  --c-btn-brdr: rgb(247 198 208);
  --cbtn-shdw: -6px -5px 18px rgba(255, 255, 255, 0.1);
  --tbl-rsi-bggdnt: linear-gradient(
    318deg,
    rgb(247, 198, 208) 0%,
    rgb(247, 198, 208) 100%
  );
  --smplbtn-brdr: rgb(247 198 208);
  --smplbtn-shdw: -6px -5px 18px rgba(255, 255, 255, 0.1);
  --ovrvw-btn: #f2f2fb;
  --ovrvw-btn-brdr: #dd0c2b40;
  --ovrvw-btn-shdw: #ffe2e8;
  --nt-nm-brdr: #c4c2df;
  --nt-nm-bgclr: #fff;
  --tbl-prv-btn-bg: #fafaff;
  --fltr-mdl-brdr-btm: #ffffff;
  --sv-btn-bg: #deffe9;
  --cncl-btn-bg: #ffe4e5;
  --sv-btn-brdr: #0e9b42;
  --clcl-btn-brdr: #ca1515;
  --sml-crd-brdr: #d3d8e0;
  --flwup-tb-bg: #eee;
  --flwup-tb-brdr: #ddd;
  --tbl-smpl-btn-bgclr: #f8f8ff;
  --tbl-smpl-btn-brdr: #c1bff2;
  --bl-smpl-btn-shdw: inset 2px 1px 5px 1px #ddd;
  --upld-fl-brdr: #c8c8df;
  --upld-fl-bgclr: #f6f6fc;
  --upld-fl-shdw: inset 0px 0px 21px 13px rgba(47, 51, 108, 0.1);
  --rd-alrt-msg-bgclr: #fae0e0;
  --rd-alrt-msg-brdr: #ef7f7f;
  --smpl-dwnld-btn-bgclr: #effdf4;
  --tb-btns-bgclr: #f8f9ff;
  --prfcy-chck-bg: #f9f8ff;
  --chckbk-lbl-bgclr: #eee;
  --file-nm-bgclr: #d8daf3;
  --dttbl-srch-bgclr: #fff;
  --bs-primary-icn2: #dd0c2b;
  --invc-amt-brdrclr: #bfc1df;
  --invc-amt-shdw: 1px 3px 3px 1px #d4d9e5;
  --rpts-tb-icns-shwclr: #d7d7e2;
  --rpts-tb-icns-brdr: #f4f4ff;
  --bx-bgclr: #fff;
  --stdnt-invc-bgclr: #f7f7f7;
  --ardn-tb-hdg-clr: #34333f;
  --bx-brdr: #d2d6de;
  --bx-shdw: rgb(215 215 215 / 94%);
  --rprt-acdn-clsp-brdr: #dddeeb;
  --tsk-btn-brdr: #d9c2c7;
  --tsk-btn-bgclr: #f7eaed;
  --tsk-btn-shdw: #e3d0d4;
  --bkp-shdw: rgba(0, 0, 0, 0.1);
  --bkp-brdr: #ececec;
  --ntbx-brdr: #ddd;
  --ntbx-bgclr: #fef2f2;
  --ml-tmp-tb-clr: #525063;
  --ml-tmp-tb-bgclr: #f7faff;
  --ml-tmp-tb-brdr: #ededf2;
  --ml-tmp-tb-btm-brdr: #dbe4ee;
  --ml-tmp-nv-tb-brdr-btm: #dee2e6;
  --ml-tmp-wrp-brdr: #d7d8df;
  --ml-atmtn-bx-brdr: #d8d8ee;
  --ml-atmtn-bx-bgclr: #f8f9fa;
  --ml-atmtn-bx-shdw: rgb(221, 221, 241);
  --tbl-swch-bgclr: #f3f3f3;
  --tbl-swch-shdw: #c7c7c7;
  --intgrtn-crd-brdr: #dfe1e99e;
  --apl-bx-shdw: #e4e5ed;
  --apl-bx-bgclr: #fdfcff;
  --add-dc-btn-bgclr: #fafafe;
  --lgn-dtls-bx-bgclr: #fcfaff;
  --lgn-dtls-bx-brdr: #b6acd8;
  --lgn-dtls-bx-shdw: #dbdee8;
  --lgn-dtl-brdr-btm: #bebfeb;
  --lgn-dtl-bts-bgclr: #edecf9;
  --bs-white-icn: #fff;
  --bs-card-border-color2: #ebf1f6;
  --cnfg-brdr-clr: #f8f8f8;
  --prmsn-bx-bgclr: #eff4fa;
  --mdl-swch-shdw: #cecdd3;
  --bs-bg-lgt: #f9f9f9;
  --txt-lgt-gry: #777;
  --txt-lgt-gry: rgba(255, 255, 255, 0.5);
  --bs-ctgr-dcmt-bx-brdrclr: #ececec;
  --program-lst-clr: #5c5c5c;
  --pgm-lst-brdrclr: #eee;
  --pgm-adn-hdgclr: #3c3a4b;
  --prm-fltr-itms-brdrclr: #f1f1f1;
  --bs-prm-mdl-txt-clr: #3c3c3c;
  --apl-lstbgclr: #f9f9f9;
  --bs-login-bg-clr: #f1f1f1;
  --lgn-bx-brdr: #ccd1d5;
  --ggl-brdr: #dbd9d2;
  --lgn-scl-icn-brdr: #d7d7d7;
  --lgn-scl-icn-bgclr: #f7f7f7;
  --scl-icn-clr: #ddd;
  --hm-tbl-th-bgclr: #ececf4;
  --bs-tb-btns-shdw: rgb(229 148 164 / 65%);
  --bs-tb-btns-brdr: #d38e9b2b;
  --enq-chk-lbl-brdr: #d2d9e1;
  --slct-optn-bgclr: #fff;
  --intrgtn-bg-wht: #ffffff;
  --url-xbgclr: #f5fffa;
  --url-xblu-bgclr: #e7f3ff;
  --intrgtn-err-bgclr: #fff4f4;
  --url-xblue-brdrclr: #61affe;
  --url-x-grn-brdrclr: #49cc90;
  --intrgtn-rd-brdrclr: #d94d4d;
  --intgrn-whtbgclr: #ffffff;
  --intrgrn-chckbrdrclr: #dddddd;
  /* --ftr-btn-info-bgclr:#efefff; */
  --rmnd-inpt-bx-bgclr: #f7f6fc;
}

/*--------Light--------theme---------end-----------*/
/*---------Dark---------theme---------start----------*/
[data-bs-theme="dark"] {
  color-scheme: dark;
  --bs-primary-rgb: 221, 12, 43;
  --bs-body-color: rgba(255, 255, 255, 0.6);
  --bs-body-color-rgb: 255, 255, 255;
  --bs-body-bg: #1a2537;
  --bs-body-bg-rgb: 26, 37, 55;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(255, 255, 255, 0.75);
  --bs-secondary-color-rgb: 255, 255, 255;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(255, 255, 255, 0.5);
  --bs-tertiary-color-rgb: 255, 255, 255;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #ff889a;
  --bs-secondary-text-emphasis: #73e1dd;
  --bs-success-text-emphasis: #86dda7;
  --bs-info-text-emphasis: #90dff3;
  --bs-warning-text-emphasis: #fbda6c;
  --bs-danger-text-emphasis: #ffa3be;
  --bs-light-text-emphasis: #f6f7f9;
  --bs-dark-text-emphasis: #dfe5ef;
  --bs-primary-bg-subtle: rgba(221, 12, 43, 0.2);
  --bs-secondary-bg-subtle: rgba(22, 205, 199, 0.2);
  --bs-success-bg-subtle: rgba(54, 199, 108, 0.2);
  --bs-info-bg-subtle: rgba(70, 202, 235, 0.2);
  --bs-warning-bg-subtle: rgba(248, 194, 10, 0.2);
  --bs-danger-bg-subtle: rgba(255, 102, 146, 0.2);
  --bs-light-bg-subtle: rgba(239, 244, 250, 0.2);
  --bs-dark-bg-subtle: rgba(10, 37, 64, 0.2);
  --bs-primary-border-subtle: #791826;
  --bs-secondary-border-subtle: #0d7b77;
  --bs-success-border-subtle: #207741;
  --bs-info-border-subtle: #2a798d;
  --bs-warning-border-subtle: #957406;
  --bs-danger-border-subtle: #993d58;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: rgba(255, 255, 255, 0.8509803922);
  --bs-link-hover-color: #dd0c2b;
  --bs-link-color-rgb: 255, 255, 255;
  --bs-link-hover-color-rgb: 221, 12, 43;
  --bs-code-color: #e685b5;
  --bs-highlight-color: rgba(255, 255, 255, 0.6);
  --bs-highlight-bg: #634e04;
  --bs-border-color: #313e54;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #86dda7;
  --bs-form-valid-border-color: #86dda7;
  --bs-form-invalid-color: #ffa3be;
  --bs-form-invalid-border-color: #ffa3be;
  --chkbx-bdr: #eeeef5da;
  --sidbar-nav-bx-shdw: none;
  --inpt-icon-bg: #374665;
  --text-drk-color: #c9c8d4;
  --mst-num-bdg-bx-shdw: none;
  --light-bdr-colr2: #9696af33;
  --inpt-bg-color: #1a2537;
  --inpt-focus: #ffaebe;
  --all-label-txt: #d0cfd3;
  --bs-card-title-color: rgba(255, 255, 255, 0.85);
  --bs-card-subtitle-color: rgba(255, 255, 255, 0.6);
  --bs-card-bg: #1a2537;
  --bs-card-box-shadow: none;
  --light-bdr-colr3: #a3a3f74a;
  --bs-primary: #dd0c2b;
  --tbl-hdr-white: #1a2537;
  --tblTh-clr: #1a2537;
  --tbl-th-txt-clr: rgba(255, 255, 255, 0.85);
  --tbl-td-bgclr: #1a2537;
  --tbl-brdr-clr: #313e54;
  --light-bdr-colr: #313e54;
  --bs-header-brdrclr: #273751;
  --bs-info: #46caeb;
  --red: #d63336;
  --red-hover: #b01010;
  --green: #12a649;
  --green-hover: #0d853a;
  --vw-btn-bgclr: #1a2537;
  --vw-btn-clr: rgba(255, 255, 255, 0.85);
  --vw-brdr-clr: #263d58;
  --select2-plc-clr: #abaab9;
  --dt-btn-bg: #1a2537;
  --dt-btn-brdr-clr: #273a4e;
  --dt-btns-bgclr: #122538;
  --dt-btns-clr: rgb(255 255 255 / 85%);
  --dt-btns-brdrclr: #203145;
  --dt-btns-mdl-bg: #1a2537;
  --dt-btns-mdl-brdrclr: #1a2537;
  --dt-mdl-btns-clr: rgb(255 255 255 / 85%);
  --dt-mdl-btns-brdrclr: rgb(255 255 255 / 12%);
  --dt-mdl-hvr-brdr: rgb(255 255 255 / 42%);
  --dt-mdl-hvr-bg: #162536;
  --dt-mdl-hvr-clr: rgb(255 255 255 / 85%);
  --tbl-srch-brdr: #cecfff;
  --tbl-srch-bxshw: none;
  --frm-plchldclr: rgba(255, 255, 255, 0.6);
  --tbl-fltr-plchldr: rgba(255, 255, 255, 0.5);
  --flt-btn-brdr: #203145;
  --fltr-btn-bgclr: #122538;
  --fltr-txt-clr: rgba(255, 255, 255, 0.85);
  --fltr-img-clr: brightness(0) invert(1);
  --whtsapp-bg: #1a2537;
  --c-btn-brdr: rgba(255, 255, 255, 0.2);
  --tbl-rsi-bggdnt: #0d0f14;
  --smplbtn-brdr: rgba(255, 255, 255, 0.2);
  --smplbt-clr: rgba(255, 255, 255, 0.6);

  --ovrvw-btn: #122538;
  --ovrvw-btn-brdr: rgba(255, 255, 255, 0.2);
  /* --ovrvw-btn-shdw:inset -2px -1px 7px 1px #d7d2ec; */
  --nt-nm-brdr: rgb(255 255 255 / 20%);
  --nt-nm-bgclr: #162536;
  --tbl-prv-btn-bg: #122538;
  --tbl-prv-btn-clr: rgba(255, 255, 255, 0.5);
  --fltr-mdl-brdr-btm: rgba(255, 255, 255, 0.2);
  --sv-btn-bg: #122538;
  --cncl-btn-bg: #122538;
  --sv-btn-brdr: rgb(14 155 66 / 35%);
  --clcl-btn-brdr: rgb(202 21 21 / 35%);
  --crd-header-title-bg: rgba(221, 12, 43, 0.18);
  --sml-crd-brdr: rgb(255 255 255 / 20%);
  --flwup-tb-bg: #0f1a26;
  --flwup-tb-brdr: #091218;
  --tbl-smpl-btn-bgclr: #10171e;
  --tbl-smpl-btn-brdr: #0f161e;
  --bs-green: #36c76c;
  --upld-fl-brdr: #203145;
  --upld-fl-bgclr: #122538;
  --upld-fl-shdw: inset 0px 0px 21px 13px rgba(47, 51, 108, 0.1);
  --rd-alrt-msg-bgclr: #fae0e00f;
  --rd-alrt-msg-brdr: #ef7f7f21;
  --smpl-dwnld-btn-bgclr: #1a2537;
  --tb-btns-bgclr: #122538;
  --dang-bdr-col: #9b0e0e;
  --danger-bttn: #d20c0c;
  --prfcy-chck-bg: #313e54;
  --chckbk-lbl-bgclr: #162536;
  --file-nm-bgclr: #203145;
  --dttbl-srch-bgclr: #162536;
  --bs-primary-icn2: #fff;
  --bs-orange: #fd7e14;
  --bs-cyan: #539bff;
  --invc-amt-brdrclr: rgba(255, 255, 255, 0.2);
  --invc-amt-shdw: 1px 3px 3px 1px rgb(100 100 100 / 28%);
  --rpts-tb-icns-shwclr: #10141c;
  --rpts-tb-icns-brdr: #111d2a;
  --bx-bgclr: #111d2a;
  --stdnt-invc-bgclr: #111d2a;
  --ardn-tb-hdg-clr: rgba(255, 255, 255, 0.5);
  --bx-brdr: #091116;
  --bx-shdw: rgb(11 20 26 / 80%);
  --rprt-acdn-clsp-brdr: #30445a;
  --tsk-btn-brdr: #10171e;
  --tsk-btn-bgclr: #10171e;
  --tsk-btn-shdw: #10171e;
  --bkp-shdw: rgba(0, 0, 0, 0.1);
  --bkp-brdr: rgba(255, 255, 255, 0.1);
  --ntbx-brdr: rgba(255, 255, 255, 0.1);
  --ntbx-bgclr: #162536;
  --bs-success-rgb: 54, 199, 108;
  --ml-tmp-tb-clr: rgb(255 255 255 / 85%);
  --ml-tmp-tb-bgclr: #162536;
  --ml-tmp-tb-brdr: rgb(255 255 255 / 20%);
  --ml-tmp-tb-btm-brdr: rgb(255 255 255 / 20%);
  --ml-tmp-nv-tb-brdr-btm: rgba(255, 255, 255, 0.1);
  --ml-tmp-wrp-brdr: rgba(255, 255, 255, 0.1);
  --ml-atmtn-bx-brdr: rgba() 255, 255, 255, 0.1;
  --ml-atmtn-bx-bgclr: #0b121a;
  --tbl-swch-bgclr: #10171e;
  --tbl-swch-shdw: rgb(10 14 18 / 58%);
  --intgrtn-crd-brdr: rgba(255, 255, 255, 0.1);
  --bs-gray: rgba(255, 255, 255, 0.5);
  --bs-teal: #20c997;
  /* --apl-bx-shdw:#1b2a3c; */
  --apl-bx-bgclr: #10171e;
  --add-dc-btn-bgclr: #10171e;
  --lgn-dtls-bx-bgclr: #10171e;
  --lgn-dtls-bx-brdr: rgba(255, 255, 255, 0.1);
  --lgn-dtl-brdr-btm: rgba(255, 255, 255, 0.1);
  --lgn-dtl-bts-bgclr: #10171e;
  --bs-white-icn: #fff;
  --bs-card-border-color2: rgba(255, 255, 255, 0.2);
  --cnfg-brdr-clr: rgba(255, 255, 255, 0.4);
  --prmsn-bx-bgclr: #162536;
  --mdl-swch-shdw: #2b363e;
  --inpt-slct-fcus-bdr: rgba(221, 12, 43, 0.7);
  --bs-bg-lgt: #10171e;
  --txt-lgt-gry: rgba(255, 255, 255, 0.5);
  --bs-ctgr-dcmt-bx-brdrclr: rgba(255, 255, 255, 0.2);
  --program-lst-clr: rgba(255, 255, 255, 0.55);
  --pgm-lst-brdrclr: rgba(255, 255, 255, 0.1);
  --pgm-adn-hdgclr: rgba(255, 255, 255, 0.65);
  --prm-fltr-itms-brdrclr: rgba(255, 255, 255, 0.15);
  --bs-prm-mdl-txt-clr: rgba(255, 255, 255.6);
  --apl-lstbgclr: #10171e;
  --bs-login-bg-clr: #10171e;
  --lgn-bx-brdr: rgba(255, 255, 255, 0.2);
  --ggl-brdr: rgba(255, 255, 255, 0.2);
  --lgn-scl-icn-brdr: rgba(255, 255, 255, 0.2);
  --lgn-scl-icn-bgclr: #0b2130;
  --scl-icn-clr: rgba(255, 255, 255, 0.1);
  --hm-tbl-th-bgclr: #10171e;
  --bs-tb-btns-shdw: rgb(229 148 164 / 65%);
  --bs-tb-btns-brdr: #d38e9b2b;
  --enq-chk-lbl-brdr: rgba(255, 255, 255, 0.2);
  --slct-optn-bgclr: #10171e;
  --intrgtn-bg-wht: #1a2537;
  --url-xbgclr: #1a2537;
  --url-xblu-bgclr: #1a2537;
  --intrgtn-err-bgclr: #1a2537;
  --url-xblue-brdrclr: rgb(97 175 254 / 35%);
  --url-x-grn-brdrclr: rgb(73 204 145 / 35%);
  --intrgtn-rd-brdrclr: rgb(217 77 77 / 35%);
  --intgrn-whtbgclr: #1a2537;
  --intrgrn-chckbrdrclr: rgba(255, 255, 255, 0.15);
  --rmnd-inpt-bx-bgclr: #1a2537;
}

/*---------Dark---------theme---------end-----------*/
body
  .select2-container--default
  .select2-results__option--highlighted.select2-results__option--selectable,
body .select2-container--default .select2-results__option--selected {
  background-color: var(--bs-primary);
  color: var(--bs-white);
}

.form-control:focus,
.form-control:hover {
  border-color: var(--inpt-slct-fcus-bdr) !important;
  box-shadow: 0 0 8px 0 var(--inpt-slct-fcus-bx-shdw);
}

/*--------logo-------wrap----start---------*/
.nav-logo {
  width: 238px;
  left: 0px;
  background: var(--bs-primary);
  top: 0;
  padding: 0 24px;
  transition: left 0.4s ease-in-out;
  border-bottom: 1px solid var(--bs-header-brdrclr);
  min-height: 53px;
  z-index: 9999;
  display: none;
}
.nav-logo a h6 {
  font-size: 18px;
  color: var(--bs-white);
  margin-bottom: 0px;
}

.logo {
  width: 165px;
}

/*--------logo-------wrap-----end----------*/
/*-----vertical--------sidebarmenu--------wrap-------start----------*/
.side-mini-panel {
  position: fixed;
  left: 0;
  height: 100%;
  top: 0;
  z-index: 999;
  transition: all 0.4s ease-in-out;
}
.side-mini-panel .sidebartoggler {
  color: var(--bs-dark-text-emphasis);
}
.side-mini-panel .scroll-sidebar {
  overflow-y: auto;
  height: calc(100vh - 50px);
}
.side-mini-panel .scroll-sidebar .simplebar-track.simplebar-horizontal {
  visibility: hidden !important;
}
.side-mini-panel .mini-nav {
  height: 100vh;
  z-index: 99;
  position: relative;
  background: #f4f7fb;
}
.side-mini-panel .mini-nav ul.mini-nav-ul {
  height: calc(100vh - 70px);
}
.side-mini-panel .mini-nav .mini-nav-item > a {
  display: flex;
  width: 100%;
  font-size: 16px;
  text-align: center;
  color: var(--bs-body-color);
  position: relative;
  background: #f4f7fb;
  z-index: 99;
  height: 39px;
  margin-bottom: 8px;
  align-items: center;
  justify-content: center;
}
.side-mini-panel .mini-nav .mini-nav-item > a iconify-icon {
  z-index: 2;
  position: relative;
  color: var(--bs-heading-color);
}
.side-mini-panel .mini-nav .mini-nav-item > a:hover iconify-icon {
  color: var(--bs-primary);
}
.side-mini-panel .mini-nav .mini-nav-item > a:hover:before {
  content: "";
  background: var(--bs-primary-bg-subtle);
  width: 39px;
  height: 38px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  border-radius: 8px;
  z-index: 1;
}
.side-mini-panel .mini-nav .mini-nav-item.selected > a iconify-icon {
  color: var(--bs-white);
}
.side-mini-panel .mini-nav .mini-nav-item.selected > a:before {
  content: "";
  background: var(--bs-primary);
  width: 39px;
  height: 38px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  border-radius: 8px;
  z-index: 1;
}
.side-mini-panel .sidebarmenu .sidebar-nav {
  position: absolute;
  height: calc(100vh - 53px);
  width: 238px;
  background: var(--bs-white);
  top: 53px;
  transition: left 0.4s ease-in-out;
  left: 0px;
  display: none;
  padding: 7px 10px 7px 10px;
  z-index: 98;
  box-shadow: var(--sidbar-nav-bx-shdw);
}

.simplebar-scrollbar:before {
  background: rgba(0, 0, 0, 0.5) !important;
}

.sidebar-divider {
  height: 0.5px;
  display: block;
  margin: 12px 0;
  background: var(--bs-border-color);
  width: 100%;
}

.sidebar-nav ul .sidebar-item {
  border-bottom: 1px dashed var(--light-bdr-colr3);
}
.sidebar-nav ul .sidebar-item:last-child {
  border-bottom: none;
}
.sidebar-nav ul .sidebar-item .sidebar-link {
  display: flex;
  font-size: 13px;
  align-items: center;
  position: relative;
  column-gap: 10px;
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 0.7px;
  padding: 10px 7px;
  line-height: 24px;
}
.sidebar-nav ul li ul {
  padding: 0px 10px !important;
  margin-bottom: 3px !important;
}
.sidebar-nav ul li ul li {
  border-bottom: 1px dashed var(--light-bdr-colr3);
}
.sidebar-nav ul li ul li:last-child {
  border-bottom: none;
}
.sidebar-nav ul li ul li a {
  position: relative !important;
  padding: 7px 7px 7px 16px !important;
}
.sidebar-nav ul li ul li a:before {
  content: "";
  border-radius: 50%;
  width: 7px;
  height: 7px;
  border: 2px solid var(--bs-primary);
  position: absolute;
  top: 16px;
  left: 0px;
}
.sidebar-nav ul .sidebar-item .sidebar-link i {
  font-size: 15px;
}
.sidebar-nav ul .sidebar-item .sidebar-link span:first-child {
  display: flex;
}
.sidebar-nav ul .sidebar-item .sidebar-link iconify-icon {
  font-size: 18px;
  color: var(--bs-heading-color);
  opacity: 0.8;
}
.sidebar-nav ul .sidebar-item .sidebar-link:hover.has-arrow::after {
  border-color: var(--bs-primary);
}
.sidebar-nav ul .sidebar-item .sidebar-link.active:hover.has-arrow::after {
  border-color: var(--bs-white);
}
.sidebar-nav ul .sidebar-item .link-disabled {
  opacity: 0.38;
}
.sidebar-nav ul .sidebar-item .first-level .sidebar-item {
  transition: all 0.4s ease-in-out;
  border-bottom: 0;
}
.sidebar-nav ul .sidebar-item .first-level .sidebar-item .icon-small {
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: var(--bs-body-color);
}
.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link:hover {
  background-color: transparent;
  color: var(--bs-primary);
}
.sidebar-nav
  ul
  .sidebar-item
  .first-level
  .sidebar-item
  .sidebar-link:hover
  .icon-small {
  background: var(--bs-primary);
}
.sidebar-nav
  ul
  .sidebar-item
  .first-level
  .sidebar-item
  .sidebar-link.active.has-arrow::after {
  border-color: var(--bs-primary);
}
.sidebar-nav
  ul
  .sidebar-item
  .first-level
  .sidebar-item
  .sidebar-link.active
  .icon-small {
  background: var(--bs-primary);
}
.sidebar-nav ul .sidebar-item .first-level .sidebar-item > .sidebar-link {
  padding: 4px 13px;
  font-size: 14px;
  gap: 14px;
}
.sidebar-nav
  ul
  .sidebar-item
  .first-level
  .sidebar-item
  > .sidebar-link
  .sidebar-icon {
  flex-shrink: 0;
  margin-left: 12px;
  margin-right: 35px;
  width: 14px;
  height: 14px;
}
.sidebar-nav ul .sidebar-item .first-level .sidebar-item:last-child {
  margin-bottom: 16px;
}
.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link.active {
  box-shadow: none !important;
  background-color: transparent !important;
  color: var(--bs-primary) !important;
}
.sidebar-nav ul .sidebar-item .three-level .sidebar-item .sidebar-link,
.sidebar-nav ul .sidebar-item .two-level .sidebar-item .sidebar-link {
  padding: 8px 10px 8px 45px;
}
.sidebar-nav ul .sidebar-item.selected > .sidebar-link {
  background-color: var(--bs-primary);
  color: var(--bs-white);
  box-shadow: 0 17px 20px -8px rgba(77, 91, 236, 0.231372549);
  border-radius: 3px;
}
.sidebar-nav ul .sidebar-item.selected > .sidebar-link.active {
  background-color: var(--bs-primary);
  color: var(--bs-white);
  box-shadow: 0 17px 20px -8px rgba(77, 91, 236, 0.231372549);
  border-radius: 3px;
}
.sidebar-nav ul .sidebar-item.selected > .sidebar-link iconify-icon,
.sidebar-nav ul .sidebar-item.selected > .sidebar-link.active iconify-icon {
  color: var(--bs-white);
}
.sidebar-nav ul .sidebar-item.selected > .sidebar-link.active.has-arrow::after,
.sidebar-nav ul .sidebar-item.selected > .sidebar-link.has-arrow::after {
  border-color: var(--bs-white);
}
.sidebar-nav ul .sidebar-item.selected .sidebar-link.has-arrow::after {
  border-color: var(--bs-white);
}
.sidebar-nav ul .sidebar-item > .sidebar-link.active {
  background-color: var(--bs-primary);
  color: var(--bs-white);
  box-shadow: 0 17px 20px -8px var(--sdbr-lnk-shdw);
  border-radius: 3px;
}
.sidebar-nav ul .sidebar-item > .sidebar-link.active iconify-icon {
  color: var(--bs-white);
}
.sidebar-nav ul .sidebar-item > .sidebar-link.active.has-arrow::after {
  border-color: var(--bs-white);
}

.nav-small-cap {
  font-size: 12px;
  font-weight: 600;
  padding: 7px 0;
  line-height: 26px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--bs-heading-color);
}
.nav-small-cap .nav-small-cap-icon {
  display: none;
}

.collapse.in {
  display: block;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  [data-layout="vertical"] [data-sidebartype="mini-sidebar"] .nav-logo {
    left: -240px;
  }
  [data-layout="vertical"]
    [data-sidebartype="mini-sidebar"]
    .side-mini-panel
    .sidebarmenu.hovermenus
    .sidebar-nav.left-none {
    left: 80px;
  }
}
@media (max-width: 1200px) {
  #main-wrapper.show-sidebar .left-sidebar {
    left: 0;
  }
  .show-sidebar + .dark-transparent {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10;
  }
  .close-btn {
    width: 40px;
    height: 40px;
    position: absolute;
    right: -241px;
    top: 15px;
  }
  /* .side-mini-panel {
    left: -330px;
  } */
  .show-sidebar .side-mini-panel {
    left: 0;
  }
}
@media (max-width: 1199px) {
  .side-mini-panel {
    left: -330px;
    z-index: 1111;
  }
}
.sidebar-nav .has-arrow {
  position: relative;
}
.sidebar-nav .has-arrow[aria-expanded="true"]::after {
  border-color: var(--bs-primary);
}
.sidebar-nav li.active > .has-arrow::after,
.sidebar-nav li > .has-arrow.active::after {
  border-color: var(--bs-primary);
}

.hover-border {
  transition-duration: 0.3s;
  transition-property: all;
  border: 1px dashed transparent;
  width: 40px;
  height: 40px;
}
.hover-border:hover {
  border: 1px dashed var(--bs-primary);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1300px) {
  [data-layout="vertical"] [data-sidebartype="full"] .body-wrapper {
    margin-left: 19px;
  }
}
.topbar {
  position: fixed;
  top: 0;
  width: 100%;
  background: var(--bs-primary);
  z-index: 999;
  box-shadow: -2px 9px 14px -12px rgba(28, 43, 119, 0.93);
  border-bottom: 1px solid var(--bs-header-brdrclr);
}
.topbar .navbar {
  min-height: 52px;
  padding: 0px 22px !important;
}
.topbar .navbar .navbar-toggler:focus {
  box-shadow: none;
  z-index: 99;
}
.topbar .navbar .navbar-nav .dropdown-toggle::after {
  margin-left: 1.2em;
}
.topbar .navbar .navbar-nav .dropdown-menu {
  position: absolute;
  min-width: 200px;
  right: -135%;
  top: 100%;
}
.topbar .navbar .navbar-nav .nav-item.dropdown .dropdown-menu-end {
  right: 0;
  left: auto;
  top: 97%;
}
.topbar .navbar .navbar-nav .nav-item.dropdown:hover .nav-link {
  color: var(--bs-primary);
}
.topbar .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
  display: block;
}
.topbar .navbar .navbar-nav .nav-item .nav-link {
  display: flex;
  align-items: center;
  line-height: 72px;
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  color: var(--bs-white);
}
.topbar .navbar .navbar-nav .nav-item .nav-link i {
  font-size: 16px;
}
.topbar .navbar .navbar-nav .nav-item .nav-link:hover {
  color: var(--bs-primary);
}

.topbar .navbar .navbar-nav .nav-item:last-child .nav-link i {
  font-size: 12px;
}

.topbar .navbar .navbar-nav .nav-item:last-child:hover .nav-link i {
  color: var(--bs-white);
}

.message-body {
  max-height: 360px;
}

.dropdown-menu-nav {
  min-width: 560px !important;
  width: 100%;
}

@media (min-width: 768px) {
  .dropdown-menu.profile-dropdown {
    width: 300px;
  }
  .dropdown-menu.content-dd {
    width: 360px;
  }
}
@media (max-width: 767.98px) {
  .topbar .navbar-nav .dropdown-menu {
    position: absolute;
    width: 100%;
  }
  .topbar .navbar-nav .nav-item.dropdown {
    position: static;
  }
}
@media (max-width: 991.98px) {
  .topbar .navbar .navbar-collapse {
    border-top: 1px solid rgba(200, 206, 212, 0.3411764706);
  }
}
.mega-dd-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 270px;
  height: 100%;
}

.header {
  position: sticky;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  background-color: var(--bs-white);
  transition: all 0.5s ease-in-out;
  animation: 0.5s ease-in-out 0s normal none 1 running fadeInDown;
}
.header.header.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  box-shadow: rgba(0, 0, 0, 0.05) 0 9px 17.5px;
}
.header .navbar {
  min-height: 80px;
}
.header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
  line-height: 28px;
  padding: 5px 15px;
  border-radius: 7px;
  font-size: 16px;
  color: #0a2540;
  display: flex;
  align-items: center;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
  color: var(--bs-primary);
  background-color: rgba(42, 53, 71, 0.02);
}
.header .navbar .navbar-collapse .navbar-nav .dropdown-toggle::after {
  display: none;
}

.navbar-nav .hover-dd {
  position: static;
}
.navbar-nav .hover-dd:hover .dropdown-menu {
  display: block;
}
.navbar-nav .hover-dd:hover .dropdown-menu li {
  line-height: normal;
}
.navbar-nav .mega-dropdown {
  position: static;
}
.navbar-nav .mega-dropdown.pages-dropdown:hover .dropdown-menu {
  max-width: 910px !important;
}
.navbar-nav .mega-dropdown:hover .dropdown-menu {
  left: 0;
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  right: 0;
}
.navbar-nav .mega-dropdown:hover .dropdown-menu .lp-demos-box .lp-demos-btn {
  opacity: 0;
}
.navbar-nav .mega-dropdown:hover .dropdown-menu .lp-demos-box:hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(55, 114, 255, 0.2);
}
.navbar-nav
  .mega-dropdown:hover
  .dropdown-menu
  .lp-demos-box:hover
  .lp-demos-btn {
  opacity: 1;
}

@keyframes animation-dropdown-menu-move-up-scroll {
  from {
    top: 71px;
  }
  to {
    top: 70px;
  }
}
@keyframes animation-dropdown-menu-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.dropdown-menu-animate-up {
  animation: animation-dropdown-menu-fade-in 0.5s ease 1,
    animation-dropdown-menu-move-up 0.5s ease-out 1;
}

/*--------vertical--------sidebarmenu-----wrap-------------end-------*/
#main-wrapper {
  display: flex;
  align-items: stretch;
  flex: 1 1 auto;
  min-height: 100vh;
}

/*----all-----page---breadcrmb---start------*/
.brdcrmb-wrp {
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-rdius);
  box-shadow: var(--bs-card-box-shadow);
  background-color: var(--bs-card-bg);
  position: relative;
}

/*----all-----page---breadcrmb---end------*/
.brdcrmb-crd {
  border-radius: 5px;
}
.brdcrmb-crd .card-body {
  padding: 8px 19px;
}

.bradcrmb-name h4 {
  margin-bottom: 0px;
  color: #fff;
  font-size: 17px;
}

.wlcm-msg-txt {
  margin: 0px 0px auto auto;
}
.wlcm-msg-txt h5 {
  color: var(--bs-primary);
  margin-bottom: 0px;
  font-size: 18px;
}

.smry-icon i {
  font-size: 23px;
}

.all-smmry-row {
  display: flex;
  column-gap: 12px;
  row-gap: 10px;
}
.all-smmry-row .card {
  width: 16.7%;
}

/*-------------dropdown--------menu--------wrap-------start------------*/
.sidebar-nav ul li ul {
  display: none;
  margin: 0;
  padding: 0;
}
.sidebar-nav ul li.open > a {
  background-color: var(--bs-primary);
  color: #fff !important;
}
.sidebar-nav ul li.open > a .fi-rs-angle-small-right {
  transform: rotate(90deg);
}
.sidebar-nav ul li.has-submenu > a .fi-rs-angle-small-right {
  transition: transform 0.3s ease;
  transform: rotate(0deg);
}

.vrtcl-drpmnu {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.vrtcl-drpmnu i {
  font-size: 18px !important;
}

/*-------------dropdown--------menu--------wrap-------end-------------*/
/*----------sidebarmenu--close---icon------wrap-----start-------*/
.mob-close-btn {
  position: absolute;
  right: -30px;
  background-color: var(--pfl-bk-btn-hvr-bgclr);
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 29px;
  border-radius: 3px;
  border: 1px solid rgb(255 255 255 / 41%);
}
.mob-close-btn a {
  color: var(--bs-white);
  font-size: 17px;
  opacity: 0.8;
  display: block;
}

/*----------sidebarmenu--close---icon------wrap----end-------*/
/*--------masters--------wrap-----start-------*/
.mstr-link-title {
  padding: 11.7px 11px;
}

.mstr-title-wrp {
  padding: 5px 11px;
  height: 45px;
}

.mstr-link-title h6 {
  margin-bottom: 0px;
}

.mstr-title-wrp h6 {
  margin-bottom: 0px;
}
.mstr-title-wrp .btn {
  font-size: 12px;
  padding: 7px 9px;
  border-radius: 5px;
}

.search-bar-wrp {
  padding: 20px 5px 8px;
}
.search-bar-wrp form input {
  padding: 0px 5px 0px 38px;
  height: 40px;
  border: 1px solid var(--bs-border-color);
}
.search-bar-wrp i {
  position: absolute;
  top: 20px;
  left: 1px;
  font-size: 12px;
  background-color: var(--inpt-icon-bg);
  border-radius: 5px 0px 0px 5px;
  padding: 10px 10px;
  opacity: 0.4;
}

.rgt-side-mstr-card {
  padding: 10px 12px;
  width: 100%;
}

.mstr-sidebr-list-wrp {
  padding: 0 12px;
}
.mstr-sidebr-list-wrp li {
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px dashed var(--light-bdr-colr3);
  margin-bottom: 11px;
  transition: all 0.5s ease;
}
.mstr-sidebr-list-wrp li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.mstr-sidebr-list-wrp li > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  color: var(--text-drk-color) !important;
  letter-spacing: 0.4px;
  font-size: 13px;
  transition: all 0.5s ease;
}

.mstr-sidebr-list-wrp li:hover > a,
.mstr-sidebr-list-wrp li.active > a {
  color: var(--bs-primary) !important;
  padding-left: 14px;
}

.mstr-sidebr-list-wrp li:hover:before,
.mstr-sidebr-list-wrp li.active:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0px;
  width: 7px;
  height: 7px;
  border: 2px solid var(--bs-primary);
  border-radius: 50%;
}

.mstr-sidebr-list-wrp li.search-bar-wrp:before,
.mstr-sidebr-list-wrp li.search-bar-wrp.active:before {
  display: none;
}

.toggle-icon::after {
  content: "+";
  /* down arrow */
  font-family: "fontawesome";
  font-weight: 900;
  font-size: 10px;
  margin-left: 5px;
}

.dropdown.active > a .toggle-icon::after {
  content: "\f068";
  /* up arrow */
}

.mstr-bdg-link {
  color: var(--text-drk-color);
  border: 1px solid var(--bs-border-color);
  box-shadow: var(--mst-num-bdg-bx-shdw);
  font-size: 10px;
  padding: 0 4px;
  border-radius: 3px;
  height: 19px;
  font-weight: 700;
}

.sublist {
  transform: scaleY(0);
  transform-origin: top;
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}

.dropdown.active .sublist {
  transform: scaleY(1);
  opacity: 1;
  visibility: visible;
  height: auto;
  overflow: visible;
  margin-top: 15px;
  border: 1px solid var(--light-bdr-colr2);
  padding: 5px 5px 0px;
  border-radius: 0px 0px 3px 3px;
}

.view-dtl-bttn a {
  color: var(--bs-primary) !important;
  border: 1px solid var(--bs-primary);
  box-shadow: var(--mst-num-bdg-bx-shdw);
  font-size: 12px;
  padding: 0 4px;
  border-radius: 3px;
  width: fit-content;
}

.orange-bdr-bttn a {
  color: var(--bs-orange) !important;
  border: 1px solid var(--bs-orange);
  box-shadow: var(--mst-num-bdg-bx-shdw);
  font-size: 12px;
  padding: 0 4px;
  border-radius: 3px;
  width: fit-content;
}

.temp-bttn {
  color: var(--text-drk-color);
  border: 1px solid var(--bs-border-color);
  box-shadow: var(--mst-num-bdg-bx-shdw);
  font-size: 12px;
  padding: 0 4px;
  border-radius: var(--brdr-radius1);
  font-weight: 700;
}

/*--------masters--------wrap-----end------*/
/*-----------modal---------stylee--------start------*/
.modal {
  background-color: rgba(29, 26, 33, 0.493);
  z-index: 9999 !important;
}

.mdl-sve-cls-bttn-wrp .btn {
  padding: 6px 10px;
  font-size: 13px;
  border-radius: 5px;
  letter-spacing: 0.5px;
}

.same-mdl-dsgn .modal-content {
  border-radius: 10px;
  /*overflow: hidden;*/
}
.same-mdl-dsgn .bttn-close {
  font-size: 16px;
  border: none;
  background-color: transparent;
}

/*-----------modal---------stylee--------end-----*/
label {
  color: var(--all-label-txt);
}

.mandtry-color {
  color: var(--red);
}

.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_filter input {
  height: 35px;
  padding: 0.25rem 0.5rem;
  font-size: 0.765625rem;
  border-radius: 5px;
  border: 1px solid var(--bs-border-color);
  background-color: var(--inpt-bg-color);
}

/*-------------------------------my---style---------wrap--------end---------------------*/
/*------------master------datatbl-----entry------srchbar----start--------*/
.rgt-side-mstr-card
  .table-responsive
  .dataTables_wrapper
  .dataTables_length
  label,
.rgt-side-mstr-card .dataTables_wrapper .dataTables_length label {
  font-size: 12px;
}
.rgt-side-mstr-card
  .table-responsive
  .dataTables_wrapper
  .dataTables_length
  select,
.rgt-side-mstr-card .dataTables_wrapper .dataTables_length select {
  border: var(--bs-border-width) solid var(--light-bdr-colr2);
  background-color: transparent;
  padding: 3px 7px;
  font-size: 0.765625rem;
  border-radius: 5px;
}
.rgt-side-mstr-card
  .table-responsive
  .dataTables_wrapper
  .dataTables_filter
  input,
.rgt-side-mstr-card .dataTables_wrapper .dataTables_filter input {
  height: 35px;
  padding: 0.25rem 0.5rem;
  font-size: 0.765625rem;
  border-radius: 5px;
  border: 1px solid var(--bs-border-color);
  background-color: var(--inpt-bg-color);
}
.rgt-side-mstr-card input:focus,
.rgt-side-mstr-card input:hover {
  border-color: var(--inpt-focus) !important;
  outline: 0px;
}
.rgt-side-mstr-card
  .table-responsive
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button,
.rgt-side-mstr-card .dataTables_wrapper .dataTables_paginate .paginate_button {
  cursor: pointer;
  padding: 6px 12px;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius-sm);
  margin: 0 3px;
}
.rgt-side-mstr-card
  .table-responsive
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button.current,
.rgt-side-mstr-card
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button.current {
  color: #fff;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.edt-dlt-btn-wrp {
  display: flex;
  column-gap: 7px;
  text-align: center;
  position: relative;
}
.edt-dlt-btn-wrp a {
  position: relative;
  display: inline-block;
}
.edt-dlt-btn-wrp a i {
  font-size: 12px;
  border-radius: 3px;
  border: 1px solid rgba(160, 176, 189, 0.3215686275);
  padding: 3px 0px;
  box-shadow: 0px 4px 8px -5px rgba(0, 0, 0, 0.67);
  width: 22px;
  text-align: center;
}
.edt-dlt-btn-wrp .share i {
  color: var(--bs-info);
}
.edt-dlt-btn-wrp .edit i {
  color: #3b5998;
}
.edt-dlt-btn-wrp .delete i {
  color: var(--red);
}
.edt-dlt-btn-wrp .email i {
  color: var(--bs-cyan);
}
.edt-dlt-btn-wrp .print i {
  color: var(--green);
}
.edt-dlt-btn-wrp .view i {
  color: var(--bs-gray);
}
.edt-dlt-btn-wrp .download i {
  color: var(--bs-teal);
}
.tltp2 {
  position: absolute;
  background: var(--bs-primary);
  color: #fff;
  top: 7px;
  font-size: 9px;
  font-weight: 700;
  padding: 2px 5px;
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: 3px;
  opacity: 0;
  visibility: hidden;
  transition: top 0.3s ease, opacity 0.3s ease;
}
.tltp2::after {
  position: absolute;
  content: "";
  border-width: 5px;
  border-style: dotted;
  left: 50%;
  bottom: -8px;
  border-color: var(--bs-primary) transparent transparent transparent;
  transform: translate(-50%, 0);
}
.edt-dlt-btn-wrp a:hover .tltp2 {
  opacity: 1;
  visibility: visible;
  top: -20px;
}

.tltp_btn {
  position: fixed; /* instead of absolute */
  background: var(--bs-primary);
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  padding: 2px 5px;
  border-radius: 3px;
  opacity: 0;
  visibility: hidden;
  transition: top 0.3s ease, opacity 0.3s ease;
  z-index: 9999999999999; /* make sure it appears above everything */
}

/* arrow */
.tltp_btn::after {
  position: absolute;
  content: "";
  border-width: 5px;
  border-style: solid;
  border-color: var(--bs-primary) transparent transparent transparent;
  left: 50%;
  bottom: -8px;
  transform: translateX(-50%);
}

.edt-dlt-btn-wrp a:hover .tltp_btn {
  opacity: 1;
  visibility: visible;
}

.form-check-input {
  width: 15px;
  height: 15px;
  border-radius: 3px !important;
}

.table tr th {
  color: #36334f;
  background-color: var(--hm-tbl-th-bgclr) !important;
}
.table tr td {
  padding: 8px 10px !important;
  color: var(--text-drk-color);
  font-size: 13px;
  letter-spacing: 0.4px;
}

.form-switch .form-check-input {
  border-radius: 10px !important;
  width: 25px !important;
  height: 13px;
}

/*------------master------datatbl-----entry------srchbar----end--------*/
.mdl-inpt-flex {
  display: flex;
  column-gap: 10px;
}

.add-row-btn,
.remove-row-btn {
  border-radius: 11px;
  font-size: 15px;
  padding: 7px 12px;
  border: 1px solid;
  transition: 0.3s ease;
  height: 40px;
}

.add-row-btn {
  background-color: var(--bs-primary);
  color: var(--bs-white);
  border-color: var(--hdr-chck-bg);
}

.add-row-btn:hover {
  background-color: var(--hdr-chck-bg);
}

.remove-row-btn {
  background-color: var(--danger-bttn);
  color: var(--bs-white);
  border-color: var(--dang-bdr-col);
}

.remove-row-btn:hover {
  background-color: var(--dang-bdr-col);
}

.fxd-bttn {
  border-radius: var(--brdr-radius1);
}

.same-mdl-dsgn .inpt-bx {
  margin-bottom: 12px;
}
.same-mdl-dsgn .inpt-bx label {
  font-size: 13px;
  padding-bottom: 4px;
  color: var(--text-drk-color);
  letter-spacing: 0.5px;
}

/*----------master----note-----wrap-----start-----*/
.tbl-top-note-bx {
  border: 1px solid var(--ntbx-brdr);
  padding: 10px 10px;
  border-radius: 5px;
  margin-bottom: 20px;
  background-color: var(--ntbx-bgclr);
}
.tbl-top-note-bx h4 {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-drk-color);
}

.note_msg {
  font-size: 15px;
  font-weight: 600;
  color: var(--red);
  letter-spacing: 0.5px;
}

.tbl-top-note-bx ul {
  margin: 1px 5px 0px 17px;
}
.tbl-top-note-bx ul li {
  position: relative;
  font-size: 14px;
  padding: 0px 5px 7px 22px;
  color: #66637b;
}
.tbl-top-note-bx ul li::before {
  content: "\f00c";
  font-size: 13px;
  font-family: fontawesome;
  color: var(--yellow);
  position: absolute;
  left: 0px;
  top: 1px;
}

/*---------green---checkbox------wrap---start---*/
.custom-checkbox {
  position: relative;
  padding-left: 23px;
  cursor: pointer;
  font-size: 14px;
  user-select: none;
}
.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.custom-checkbox input:checked ~ .checkmark {
  background-color: transparent;
}
.custom-checkbox input:checked ~ .checkmark::after {
  display: block;
}
.custom-checkbox .checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 17px;
  width: 17px;
  background-color: var(--bs-white);
  border-radius: var(--brdr-radius1);
  transition: background-color 0.3s ease;
}
.custom-checkbox .checkmark::after {
  content: "";
  position: absolute;
  display: none;
  left: 4px;
  top: 1px;
  width: 5px;
  height: 9px;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.green-chkbx {
  border: 2px solid var(--green);
}
.green-chkbx::after {
  border: solid var(--green);
}

.red-chkbx {
  border: 2px solid var(--red);
}
.red-chkbx::after {
  border: solid var(--red);
}

/*---------master---select2---wrap----start--------------*/
.addmsn-prmssion-crd {
  display: flex;
  column-gap: 8px;
  justify-content: center;
  align-items: center;
  border-radius: var(--bs-card-border-rdius);
  border: 1px solid var(--bs-card-border-color2);
  background-color: var(--bs-card-bg);
  padding: 10px 10px 15px 10px;
  box-shadow: var(--bs-card-box-shadow);
}

.admission-select-bx {
  width: 64% !important;
}

.addmssn-inpt-btn {
  width: 100%;
}

.addmssn-inpt-btn:last-child {
  column-gap: 7px;
}

.addmssn-inpt-btn label {
  display: block;
}

.addmssn-inpt-btn
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  padding-left: 11px !important;
}

.addmsn-prmssion-crd
  .addmssn-inpt-btn
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 38px !important;
  padding-left: 10px !important;
}

.assign-rst-bttn-bx {
  display: flex;
  column-gap: 7px;
  margin-top: 9px;
}

/*---------master---select2---wrap----end--------------*/
/*------form----input---or---icon---wrap----start-----*/
.simillar-all-inpt-selct-wrp .form-control,
.simillar-all-inpt-selct-wrp select,
.simillar-all-inpt-selct-wrp .multiselect {
  width: 100%;
  border: 1px solid var(--bs-border-color);
  border-radius: 12px !important;
  outline: none;
  padding: 9px 6px 9px 43px;
  box-sizing: border-box;
  transition: 0.3s;
  height: 41px;
  font-size: 0.75rem;
  letter-spacing: 0.4px;
  font-weight: 500;
  background-color: var(--bs-white);
  text-align: left;
}
.simillar-all-inpt-selct-wrp
  .select2-container--default
  .select2-selection--single {
  height: 41px !important;
  border-radius: 12px !important;
}

.form-control:focus,
.form-control:hover,
select:focus,
select:hover,
.multiselect:focus,
.multiselect:hover {
  border-color: var(--inpt-slct-fcus-bdr) !important;
  box-shadow: 0 0 8px 0 var(--inpt-slct-fcus-bx-shdw);
}

.input-group {
  position: relative;
  width: 100%;
  margin-bottom: 12px;
}
.input-group .input-group-text {
  background-color: var(--inpt-slct-icon-bg);
  color: var(--icn-color);
  width: 37px;
  border-radius: 12px 0 0 12px;
  height: 39px;
  text-align: center;
  line-height: 39px;
  position: absolute;
  left: 0px;
  top: 1px;
  transition: 0.3s;
  font-size: 12px;
  z-index: 10;
}

.slct2-with-icn .select2-container .select2-selection--single {
  border-radius: var(--brdr-radius2) !important;
  height: 41px;
}
.slct2-with-icn
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 40px !important;
  border-color: var(--bs-border-color);
  color: var(--bs-body-color);
  height: 41px !important;
  position: relative;
}
.slct2-with-icn
  .select2-container
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #4e4859 transparent transparent transparent !important;
  margin-right: 0;
  margin-top: 0 !important;
  margin-left: unset !important;
}
.slct2-with-icn
  .select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: transparent transparent #4e4859 transparent !important;
}

textarea {
  width: 100%;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--brdr-radius2);
  padding: 3px 6px;
  box-sizing: border-box;
  transition: 0.3s;
  font-size: 0.75rem !important;
  letter-spacing: 0.4px;
  font-weight: 500;
  background-color: var(--bs-white);
  text-align: left;
  height: 80px;
}

/*----------select2------wrap----------start----------*/
.select2-icon-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}

.select2-icon {
  position: absolute;
  top: 1px;
  left: 1px;
  color: var(--icn-color);
  pointer-events: none;
  font-size: 12px;
  z-index: 1;
  background-color: var(--inpt-slct-icon-bg);
  width: 35px;
  height: 39px;
  text-align: center;
  line-height: 39px;
  border-radius: 12px 0px 0px 12px;
}

.select2-container--default .select2-selection--single {
  padding-left: 30px !important;
  height: 41px !important;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: var(--select2-plc-clr) !important;
  line-height: 41px !important;
  font-size: 0.75rem;
  padding-left: 14px !important;
}

.slct2-on-modal {
  z-index: 1055 !important;
  position: relative;
}

.modal .addmssn-inpt-btn .select2-container {
  width: 100% !important;
}

.addmsn-prmssion-crd .addmssn-inpt-btn .select2-container {
  width: 465px;
}

/* Style the dropdown */
.slct2-on-modal-dropdown {
  z-index: 1061 !important;
}

/*-----------select2---------wrap-------end-----------*/
/*------form----input---or---icon---wrap----end-----*/
.prfile-img img {
  width: 60px;
  height: 60px;
}

.imp-msg {
  color: var(--red);
  font-size: 11px;
  letter-spacing: 0.5px;
}

/*--------------label--inpt----------form----wrap---------start-----------*/
.lbl-form-wrp label {
  padding-bottom: 3px;
  font-size: 12px;
  letter-spacing: 0.5px;
  position: relative;
}

.prv-upld-bx img {
  border: 1px solid var(--light-bdr-colr2);
  border-radius: var(--brdr-radius1);
  padding: 10px 11px;
  width: 100%;
}

.prv-txt {
  font-size: 11px;
  border-radius: var(--brdr-radius1);
  padding: 0px 4px;
  background-color: var(--bs-orange);
  color: #fff;
  width: fit-content;
  text-align: center;
  margin: 6px auto 0px;
}

.upld-txt {
  font-size: 11px;
  border-radius: var(--brdr-radius1);
  padding: 2px 4px;
  background-color: var(--green);
  color: #fff;
  width: fit-content;
  text-align: center;
  margin: 6px auto 0px;
}

.two-bttn-tbl_hdr {
  column-gap: 10px;
}

.impt-msg-bg {
  text-align: center;
  background-color: var(--inpt-icon-bg);
  margin: 30px auto 15px;
}

.tbl-smll-badge {
  cursor: pointer;
  font-size: 10px;
  padding: 0px 4px;
  border-radius: var(--brdr-radius1);
  border: 1px solid var(--green);
  color: var(--green);
  width: fit-content;
  font-weight: 600;
  height: 16px;
  line-height: 12px;
}

.update-tbl table {
  width: 100%;
  margin-bottom: 15px;
  box-shadow: var(--bs-card-box-shadow);
}

.update-tbl table th {
  background-color: var(--inpt-icon-bg);
}

.update-tbl table th,
.update-tbl table tr td {
  color: var(--text-drk-color);
  padding: 8px 10px;
}

.cstm-wdth-sm-mdl {
  max-width: 30% !important;
}

.cstm-wdth-mdm-mdl {
  max-width: 50% !important;
}

.cstm-wdth-lrg-mdl {
  max-width: 75% !important;
}

.cstm-wdth-xlrg-mdl {
  max-width: 95% !important;
}

.resend-inv-btn {
  background-color: var(--bs-orange);
  color: var(--bs-white);
  padding: 0px 7px;
  font-size: 12px;
  width: fit-content;
  border-radius: var(--brdr-radius1);
  box-shadow: var(--box-shdw);
}

.tbl-lrg-switch {
  width: fit-content;
  padding: 0px 10px;
  border-radius: 15px;
  background: var(--tbl-swch-bgclr);
  box-shadow: 1px 1px 1px 1px var(--tbl-swch-shdw);
  margin: auto;
  display: flex;
  align-items: center;
}

.tbl-lrg-switch .form-switch {
  margin-bottom: 0px !important;
  padding-top: 2px;
}

.tbl-lrg-switch .form-switch .form-check-input {
  width: 30px !important;
  height: 11px;
}

.rgt-side-mstr-card label sup,
.lbl-form-wrp label sup {
  font-size: 14px;
}

.passwrd-icon {
  position: absolute;
  z-index: 9;
  right: 5px;
  top: 15px;
  font-size: 11px;
  color: #494e56;
}

.input-group > #password-field:focus {
  z-index: unset !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #36363d;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 20px 20px #fff;
}

.subAgent-mdule-prmssn-wrp .card {
  border: 1px solid var(--light-bdr-colr2);
  margin-bottom: 10px;
}

.subAgent-mdule-prmssn-wrp .card .card-header {
  background-color: var(--crd-header-title-bg);
  padding: 9px 10px;
  border-bottom: 1px solid var(--inpt-slct-fcus-bdr);
  border-radius: 6px 6px 0px 0px;
  color: var(--text-drk-color);
}

/*-------module----switch---style---start----*/
.module-switch-bx {
  display: flex;
  justify-content: space-between;
  border: 1px solid var(--light-bdr-colr);
  border-radius: 4px;
  padding: 7px 6px;
  align-items: center;
  box-shadow: 1px 1px 1px 1px var(--mdl-swch-shdw);
  margin-top: 12px;
}

.module-switch-bx h5 {
  margin-bottom: 0px;
  font-size: 14px;
}

.module-switch-bx input {
  padding: 7px 9px 7px 25px;
  height: unset !important;
}

.subAgent-mdule-prmssn-wrp .row {
  padding: 7px 14px;
}

.subAgent-mdule-prmssn-wrp .card hr {
  margin: 10px 0px !important;
}

.update-pg-bx {
  background-color: var(--bs-white);
  padding: 17px 17px !important;
  border-radius: var(--brdr-radius2);
}

/*-------module----switch---style---end-------*/
/*------green----success---switch---bx---start-------*/
.success-switch-bx {
  background-color: var(--green);
}

.success-switch-bx h5 {
  color: var(--bs-white);
}

.success-switch-bx .form-check-input:checked {
  background-color: #26663e;
  border-color: #0a5526;
}

/*------green----success---switch---bx---end-------*/
.switch-show-div .module-switch-bx h5 {
  font-size: 12px;
}

.switch-show-div .module-switch-bx {
  margin-bottom: 12px;
}

.innr-switch-show-div {
  display: flex;
  column-gap: 13px;
  flex-wrap: wrap;
}

.innr-switch-show-div .module-switch-bx {
  width: 18.9%;
  padding: 4px 4px;
  margin-top: 0px;
  margin-bottom: 15px;
}

.innr-switch-show-div .module-switch-bx h5 {
  font-size: 11px;
}

.permission-box {
  border: 1px solid;
  border-left: 3px solid;
  border-right: 3px solid;
  border-color: var(--green);
  margin-bottom: 15px;
}

.permission-box h6 {
  background-color: var(--prmsn-bx-bgclr);
  font-size: 14px;
  padding: 9px 10px;
  margin-bottom: 0px;
}

.permission-box h6 span {
  font-size: 12px;
}

.innr-switch-show-div {
  padding: 12px 10px 0px;
}

.icon-view-btn a {
  border-radius: var(--brdr-radius1);
  border: 1px solid var(--bs-primary);
  padding: 1px 2px;
  font-size: 9px;
  font-weight: 600;
  color: var(--bs-primary) !important;
}

.with-lbl-sve-dlt-btn {
  margin-top: 25px;
}

.bkp-card {
  box-shadow: 0px 10px 15px -3px var(--bkp-shdw);
  padding: 15px 10px;
  border-radius: 10px;
  border: 1px solid var(--bkp-brdr);
}

.bkp-module-icn {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  align-items: center;
}

.bkp-crd-title h6 {
  font-size: 14px;
  margin-bottom: 8px;
}

.bkp-cld-dwnld-icn {
  font-size: 20px;
  color: #d0d0e9;
}

.bkp-pg-icon {
  font-size: 19px;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  color: var(--text-drk-color);
  padding: 2px 7px;
  border-radius: 4px;
}

.bkp-icn-bg-1 {
  background-color: #ddd4fa;
}

.bkp-icn-bg-2 {
  background-color: #e1eef9;
}

.bkp-icn-bg-3 {
  background-color: #fad4e8;
}

.bkp-icn-bg-4 {
  background-color: #f9dcae;
}

.bttm-dwnld {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid var(--light-bdr-colr2);
  color: var(--text-drk-color2);
}

.config-wrp .card {
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.config-wrp .card .card-header {
  background-color: var(--crd-header-title-bg);
  padding: 9px 10px;
  border-bottom: 1px solid var(--inpt-slct-fcus-bdr);
  border-radius: 10px 10px 0px 0px;
  color: var(--text-drk-color);
}

.config-wrp .card .lbl-form-wrp {
  padding: 10px 12px;
}

/*------------avtar---image----upload-----start---------*/
.avatar-upload {
  position: relative;
  margin-bottom: 17px;
}

.avatar-upload .avatar-edit {
  position: absolute;
  right: 12px;
  z-index: 1;
  top: 10px;
}

.avatar-upload .avatar-edit input {
  display: none;
}

.avatar-upload .avatar-edit input + label {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-bottom: 0;
  background: var(--fltr-btn-bgclr);
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
  line-height: 14px;
  border-radius: 7px;
}

.avatar-upload .avatar-edit input + label:hover {
  background: #f1f1f1;
  border-color: #d6d6d6;
}

.avatar-upload .avatar-edit input + label:after {
  content: "\f040";
  font-family: "FontAwesome";
  color: var(--text-drk-color);
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
}

.avatar-upload .avatar-preview {
  width: 100%;
  height: 150px;
  position: relative;
  border: 6px solid var(--cnfg-brdr-clr);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.avatar-upload .avatar-preview > div {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/*------avtar-------image-----upload--------end---------*/
.smillar-card .card {
  border: 1px solid var(--sml-crd-brdr) !important;
  margin-bottom: 16px;
}

.smillar-card .card .card-header,
.modal-header {
  background-color: var(--crd-header-title-bg);
  padding: 9px 10px;
  border-bottom: 1px solid var(--inpt-slct-fcus-bdr);
  border-radius: 10px 10px 0px 0px;
  color: var(--text-drk-color);
}

.smillar-card .card .lbl-form-wrp {
  padding: 11px 13px 5px;
  /* box-shadow: inset 0 0 0 1px rgba(226, 224, 244, 0.7294117647); */
  margin: 8px 8px;
  border-radius: 10px;
}

/*-----sticky---save--button------start----*/
.sticky-save-bttn button {
  position: fixed;
  bottom: 29px;
  right: 79px;
  border: 1px solid #ddd;
  border-radius: var(--brdr-radius2);
  padding: 5px 14px;
  box-shadow: 2px 6px 12px -3px rgba(59, 54, 83, 0.41);
  letter-spacing: 0.5px;
  z-index: 99;
}

/*-----sticky---save--button------end----*/
.hdr-alrt-msg {
  padding: 1px 27px 1px 9px !important;
  font-size: 12px;
  margin-bottom: 0px !important;
}
.hdr-alrt-msg .bttn-close {
  font-size: 10px;
  position: absolute;
  right: 3px;
  border: 0px;
  background-color: transparent;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.crt-date-bdr {
  padding: 1px 7px;
  border: 1px solid;
  border-radius: var(--brdr-radius1);
  width: fit-content;
  margin-bottom: 5px;
  font-size: 11px;
  border-color: var(--bs-primary);
  color: var(--bs-primary);
}

.updt-date-bdr {
  padding: 1px 7px;
  border: 1px solid;
  border-radius: var(--brdr-radius1);
  width: fit-content;
  margin-bottom: 5px;
  font-size: 11px;
  border-color: var(--bs-red);
  color: var(--bs-red);
  margin-bottom: 0px;
}

@media (min-width: 1200px) {
  html[data-layout="vertical"] .page-wrapper {
    width: 100% !important;
    overflow: hidden;
  }
}
/*# sourceMappingURL=new-style.css.map */
.wlcm-msg-txt {
  font-size: 2rem;
  display: inline-block;
  color: #000;

  /* animation: slideIn 3s forwards; */
}

.wlcm-msg-txt .anim {
  display: inline-block;
  animation: slideInTop 0.5s forwards;
  opacity: 0; /* start invisible */
}

@keyframes slideInTop {
  0% {
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

#HdrSrch {
  color: #fff !important;
  width: 40px;
  display: block;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 0 20px rgb(255 255 255 / 24%),
    inset 0 0 60px rgb(255 255 255 / 14%);
  backdrop-filter: blur(21px);
  border: 1px solid rgb(255 255 255 / 38%);
}
#HdrSrch:hover {
  background: rgba(255, 255, 255, 0.8);
  color: var(--bs-primary) !important;
}

/* start setting */
.customizer-box label.btn {
  min-width: 30px !important;
  padding: 3px;
}
/* end setting */

.rprts-accdn-bx .box {
  min-height: 136px;
}

.status-legend {
  top: 11px;
}
.invoice-amnt-bx span {
  white-space: nowrap;
}
.status-legend {
  white-space: nowrap;
}
.dt-buttons.cstm-buttons-img {
  position: relative;
}

.alt_btn .smplBtn {
  border-radius: 3px;
  background: transparent;
  font-size: 10px;
  text-align: left;
  padding: 2px 8px;
  border: 1px solid var(--c-btn-brdr) !important;
  border-style: outset;
  box-shadow: var(--smplbtn-shdw);
  cursor: pointer;
  /* font-weight: 600; */
  display: block;
  width: 100%;
  text-align: center;
  /* margin-top: 5px; */
  color: var(--smplbt-clr);
}
.uni-applctn-slct-wrp.mltislc {
  width: 100%;
}
.uni-applctn-slct-wrp.mltislc .univsty-multislect-bx {
  width: 100%;
}
.uni-applctn-slct-wrp.mltislc .univsty-multislect-bx .multiselect {
  border-radius: 12px !important;
  background: transparent;
  padding-left: 40px;
}
.uni-applctn-slct-wrp.mltislc
  .univsty-multislect-bx
  .btn-group.show
  .dropdown-toggle {
  box-shadow: none !important;
}
.uni-applctn-slct-wrp.mltislc .input-group .btn-group {
  width: 100% !important;
}
.uni-applctn-slct-wrp.mltislc
  .univsty-multislect-bx
  .multiselect-container
  li
  a
  label.checkbox {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  /* line-height: 0; */
  height: inherit;
}
.uni-applctn-slct-wrp.mltislc .multiselect-search {
  background: var(--bs-primary-bg-subtle);
  margin: 0;
  padding: 4px;
}
.uni-applctn-slct-wrp.mltislc .multiselect-search .multislct-srch-icon {
  left: 14px;
  font-size: 11px;
  top: 15px;
}
.uni-applctn-slct-wrp.mltislc .multiselect-search .form-control {
  border-radius: 4px !important;
  height: 36px !important;
  padding-left: 25px !important;
}
.input-group.mltSlct {
  z-index: 11;
}
.mltSlct .multiselect-container li a label.checkbox {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: inherit;
}
.mltSlct .multiselect-search {
  background: var(--bs-primary-bg-subtle);
  margin: 0;
  padding: 4px;
}
.mltSlct .multiselect-search .multislct-srch-icon {
  left: 14px;
  font-size: 11px;
  top: 15px;
}
.mltSlct .multiselect-search .form-control {
  border-radius: 4px !important;
  height: 36px !important;
  padding-left: 25px !important;
}
.mltSlct .btn-group.show .dropdown-toggle {
  box-shadow: none !important;
}
.mdl-inpt-flex {
  column-gap: 8px;
  justify-content: space-between;
}
.mdl-inpt-flex > div {
  flex: 1;
}
.mdl-inpt-flex > div.with-lbl-sve-dlt-btn {
  flex: 0 0 40px;
}
.test-row > div {
  flex: 1;
}
.smillar-card .card .lbl-form-wrp {
  box-shadow: none;
}
.mdl-inpt-flex > div.text-end {
  flex: 0 0 40px;
}

/* for task table header */
.status-legend {
  top: 11px;
}
.invoice-amnt-bx span {
  white-space: nowrap;
}
.status-legend {
  white-space: nowrap;
}
.dt-buttons.cstm-buttons-img {
  position: relative;
}
.sml {
  font-size: 12px;
}
.rprts-accdn-bx .box {
  min-height: 136px;
}
.status-legend.status-legend-tsk {
  position: relative;
  margin-left: -90px;
  margin-top: 4px;
}
.status-legend.invoice-amnt-bx.invoice-amnt-bx-tsk {
  margin: 0;
  position: relative;
  transform: translateY(-4px);
}
/* end task table header */

/* start login pages */
.lgn_page_logo {
  margin: 25px 0;
}
.lgn_page_logo img {
  width: 155px;
  display: block;
  margin: 0 auto;
}
.login_tabs {
  border: 1px solid var(--lgn-bx-brdr);
  padding: 0.8rem 1.6rem 1.7rem;
  border-radius: 12px;
  position: relative;
  /* z-index: 1; */
  background: var(--fltr-btn-bgclr);
}
.shap_bx {
  position: absolute;
  width: 1000px;
  height: 110px;
  /* content: ''; */
  background: var(--bs-primary);
  bottom: 92px;
  left: 0;
  transform: skewY(325deg);
  display: none;
}
.logins .nav-tabs {
  flex-wrap: inherit;
  /* background: rgb(89 93 249 / 8%); */
  padding: 5px;
  justify-content: center;
  margin: 30px 0 25px 0;
  border-radius: 4px;
  border: 1px solid rgb(195 206 213 / 60%);
  background: var(--bs-white);
}
.logins .nav-tabs .nav-item {
  flex: 1;
}
.logins .nav-tabs .nav-item .nav-link {
  position: relative;
  font-size: 14px;
  padding: 9px 12px;
  line-height: 1;
  border-radius: 4px;
  text-align: center;
}
.logins .nav-tabs .nav-item .nav-link.active {
  background: var(--bs-primary);
}
.logins .nav-tabs .nav-item .nav-link:hover {
  color: var(--bs-primary);
}
.logins .nav-tabs .nav-item .nav-link.active:hover {
  color: #fff;
}
.crm_icns {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #f1f1f9;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  border: 1px solid #c9cafd;
  top: -45px;
  left: 50%;
  transform: translate(-50%, 0);
  color: var(--bs-primary);
  font-size: 19px;
}

.themeClrBG {
  background: var(--bs-primary);
}
.dropdown-item:focus,
.dropdown-item:hover {
  color: var(--bs-primary);
}
.passrd_eys {
  position: absolute;
  right: 6px;
  top: -18px;
  font-size: 12px;
  z-index: 1;
  color: var(--bs-primary);
  cursor: pointer;
}
.check_icn222 {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: #00864b;
  width: 20px;
  height: 20px;
  border-radius: 50% !important;
  line-height: 20px;
  color: #fff;
  font-size: 9px;
  text-align: center;
  z-index: 5;
  pointer-events: none;
}
.radial-gradient::after {
  position: absolute;
  content: "";
  width: 350px;
  height: 350px;
  right: 0;
  bottom: 0;
  background: url(../images/login-graduate.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
  /* z-index: -1; */
}

.authpages.simillar-all-inpt-selct-wrp .form-control,
.authpages.simillar-all-inpt-selct-wrp select,
.authpages.simillar-all-inpt-selct-wrp .multiselect {
  border-radius: 4px !important;
  padding-left: 15px !important;
}
.authpages.simillar-all-inpt-selct-wrp
  .select2-container--default
  .select2-selection--single {
  border-radius: 4px !important;
  padding-left: 5px !important;
}
.authpages.simillar-all-inpt-selct-wrp .mblNmbr .form-control {
  padding-left: 73px !important;
}
.authpages.simillar-all-inpt-selct-wrp .mblNmbr .iti__selected-flag {
  border-radius: 4px 0 0 4px;
  background: var(--bs-primary-bg-subtle) !important;
}
.authpages.simillar-all-inpt-selct-wrp
  .mblNmbr
  .iti__selected-flag
  .iti__selected-dial-code {
  color: var(--bs-heading-color) !important;
}
.authpages.simillar-all-inpt-selct-wrp .authsbmtBtn {
  background: var(--bs-primary);
  border: 0px;
  border-radius: 4px;
}
.authpages.simillar-all-inpt-selct-wrp .frgt-txt {
  color: var(--bs-primary);
  text-decoration: underline;
}

.gglAcnt {
  border-top: 1px solid var(--ggl-brdr);
}
.gglAcnt p {
  font-weight: bold;
}
/* .gglAcnt a{
border-radius: 4px;
border:1px solid #241c15!important;
color:var(--bs-primary);
} */
.crtAcnt {
  border-top: 1px solid var(--ggl-brdr);
}
.crtAcnt a {
  color: var(--bs-primary);
  text-decoration: underline;
}
.auth-pe-31 {
  padding-right: 31px !important;
}
.hglgt-txt {
  font-weight: 800;
  color: var(--bs-primary);
  text-decoration: underline;
}
.thm-clr {
  color: var(--bs-primary);
}
.thm-clr:hover {
  text-decoration: underline;
}
.rgtr_img {
  position: relative;
}
.rgtr_img img {
  width: 80%;
  position: relative;
  margin: 0 auto;
  display: block;
}
.qr_code {
  position: absolute;
  width: 26%;
  top: 33px;
  left: 38.6%;
}
.qr_code.qr_code_stdnt {
  width: 18%;
  top: 58px;
  left: 23%;
}
.qr_code img {
  width: 100%;
  border-radius: 5px;
  box-shadow: 1px 3px 7px rgb(238 0 47 / 30%);
}
.login_tabs.lgn-shp::after {
  content: "";
  position: absolute;
  width: 33%;
  height: 100%;
  background: rgb(255 0 0 / 7%);
  left: 0;
  top: 0;
  z-index: -1;
  border-radius: 0 150px 150px 0;
}
.gglAcnt .scl_md_icn {
  margin: 0;
  text-align: center;
  border-radius: 4px;
  border: 1px solid var(--lgn-scl-icn-brdr) !important;
  padding: 8px;
  background: var(--lgn-scl-icn-bgclr);
}
.gglAcnt .scl_md_icn li {
  display: inline-block;
  position: relative;
}
.gglAcnt .scl_md_icn li::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 14px;
  background: var(--scl-icn-clr);
  top: 4px;
  right: -2px;
}
.gglAcnt .scl_md_icn li:last-child::after {
  display: none;
}
.gglAcnt .scl_md_icn li a {
  display: block;
  width: 30px;
  color: var(--bs-link-color);
  font-size: 15px;
}
.gglAcnt .scl_md_icn li a:hover {
  color: var(--bs-primary);
}
.otp-input::-webkit-outer-spin-button,
.otp-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.otp-input[type="number"] {
  -moz-appearance: textfield;
}
.select2-dropdown {
  z-index: 99;
}
.status-legend.immigration_task {
  margin-left: 175px;
}
.status-legend.immigration_task
  .status-legend.invoice-amnt-bx.invoice-amnt-bx-tsk {
  transform: translateY(-10px);
}

.select-menu {
  max-width: 330px;
  /* margin: 50px auto; */
  margin-left: 60%;
}
.select-menu .select-btn {
  display: flex;
  border-radius: 3px;
  align-items: center;
  cursor: pointer;
  justify-content: space-between;
  box-shadow: inset 0 0 10px rgb(255 255 255 / 40%);
  border: 1px solid rgb(255 255 255 / 41%);
  padding: 8px 10px;
  line-height: 1;
  color: #fff;
  background: rgb(255 255 255 / 10%);
  backdrop-filter: blur(44px);
  width: 150px;
}
.select-menu .options {
  position: absolute;
  width: 150px;
  padding: 7px;
  margin: 0;
  margin-top: 5px;
  border-radius: 3px;
  background: var(--slct-optn-bgclr);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-duration: 0.35s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.35s;
  -webkit-animation-fill-mode: both;
  z-index: -1;
  display: none;
}
.select-menu .options .option {
  display: flex;
  cursor: pointer;
  border-radius: 0;
  align-items: center;
  /* background: #fff; */
  padding: 7px;
  font-size: 14px;
  border-bottom: 1px dashed var(--light-bdr-colr3);
}
.select-menu .options .option:last-child {
  border-bottom: 0px;
}
.select-menu .options .option:hover {
  background: var(--bs-primary-bg-subtle);
  color: var(--bs-primary);
}
.select-menu .options .option i {
  /* font-size: 25px; */
  margin-right: 10px;
  color: var(--text-drk-color);
}
.select-menu .options .option .option-text {
  /* font-size: 18px; */
  color: var(--text-drk-color);
}
.select-menu .options .option:hover i {
  color: var(--bs-primary);
}
.select-menu .options .option:hover .option-text {
  color: var(--bs-primary);
}

.select-btn i {
  font-size: 15px;
  transition: 0.3s;
  line-height: 1;
}

.select-menu.active .select-btn i {
  transform: rotate(-180deg);
}
.select-menu.active .options {
  display: block;
  opacity: 0;
  z-index: 10;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
  animation-duration: 0.4s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
}

@keyframes fadeInUp {
  from {
    transform: translate3d(0, 30px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInDown {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(0, 20px, 0);
    opacity: 0;
  }
}
/* end login pages */

/* start coursefinder */
.tpsrch_crsefndr {
  position: relative;
  padding: 50px 0;
  z-index: 1;
  height: 280px;
}
.course_top_heading {
  text-align: center;
  padding-bottom: 20px;
  z-index: 1;
}
.course_top_heading h3 {
  color: #dfdfdf;
}

.tpsrch_crsefndr .crfndr_bg_img {
  position: absolute;
  width: 100%;
  height: 280px;
  left: 0;
  top: 0;
  z-index: -1;
}
.tpsrch_crsefndr .crfndr_bg_img::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 0;
  backdrop-filter: blur(1px);
}

.tpsrch_crsefndr .crfndr_bg_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.tpsrch_crsefndr .lbl-form-wrp {
  background: var(--bs-card-bg);
  padding: 20px 40px;
  border-radius: 65px;
  position: relative;
  z-index: 1;
}
.tpsrch_crsefndr .lbl-form-wrp::before {
  content: "";
  position: absolute;
  inset: -10px;
  border: 2px dashed rgba(var(--bs-primary-rgb), 0.5);
  border-radius: 65px;
  z-index: -1;
}
.fltr_txt {
  text-align: center;
}
.fltr_txt .hdg {
  color: var(--bs-heading-color);
  font-size: 36px;
  font-weight: 600;
}
.fltr_txt .txt {
  color: var(--text-drk-color);
  font-size: 15px;
  padding-top: 10px;
}
.curse_fndr_btn .prmry_btn {
  background: var(--bs-primary);
  color: #fff;
  font-size: 18px;
  border: none;
  border-radius: 25px;
  padding: 12px 25px;
  line-height: 1;
}
.curse_fndr_btn .prmry_btn span svg {
  width: 22px;
  margin-left: 5px;
  display: inline-block;
}
.crse_fndr_srt {
  display: flex;
  gap: 30px;
  justify-content: end;
  align-items: center;
}
.crse_fndr_srt .swch_bx .switch {
  display: flex;
  align-items: center;
  gap: 7px;
}
.crse_fndr_srt .srt_bx {
  position: relative;
}
.crse_fndr_srt .srt_bx .pult_fltr {
  border: none;
  border: 1px solid var(--flt-btn-brdr);
  background: var(--fltr-btn-bgclr);
  border-radius: 25px;
  padding: 12px 25px;
  font-size: 18px;
  color: var(--fltr-txt-clr);
  line-height: 1;
}
.crse_fndr_srt .srt_bx .pult_fltr .txt {
  color: var(--bs-primary);
  display: inline-block;

  min-width: 230px;
  width: max-content;
}
.crse_fndr_srt .srt_bx .pult_fltr .icn svg {
  width: 17px;
  display: inline-block;
  fill: var(--fltr-txt-clr) !important;
  margin-left: 5px;
}
.prgrm_fltr {
  position: absolute;
  top: 48px;
  right: 0;
  background: var(--bs-body-bg);
  width: 270px;
  box-shadow: 0 2px 4px rgb(33 38 54 / 20%);
  border-radius: 2px;
  display: none;
}
.prgrm_fltr.active {
  display: block;
  z-index: 2;
}
.prgrm_fltr ul {
  margin: 0;
}
.prgrm_fltr ul li {
  display: block;
  padding: 13px 14px;
  font-size: 15px;
  font-weight: 400;
  color: var(--all-label-txt);
}
.prgrm_fltr ul li:hover,
.prgrm_fltr ul li.active {
  background: var(--bs-primary-bg-subtle);
  cursor: pointer;
}
.prgrm_fltr ul li.active {
  color: var(--bs-primary);
  background: var(--bs-primary-bg-subtle);
}
.filtr_shdw {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 84%);
  top: 0;
  left: 0;
  z-index: 22;
  display: none;
}
.filtr_shdw.active {
  display: block;
}
.filtr_lft {
  width: 600px;
  height: 100%;
  background: var(--bs-body-bg);
  position: fixed;
  top: 0;
  right: calc(-600px);
  z-index: 23;
  transition: right 0.4s ease;
}
.filtr_lft.active {
  right: 0;
}
.fltr_hdr {
  padding: 20px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  box-shadow: 0 2px 4px rgb(28 28 40 / 22%);
}
.fltr_hdr h3 {
  margin: 0;
  font-size: 27px;
}
.fltr_hdr button {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-size: 25px;
  color: var(--bs-primary);
}
.crsFndr_fltr {
  margin: 0 30px;
}
.mdl_srch_bx {
  margin: 0 30px;
  border-bottom: 1px solid var(--tbl-brdr-clr);
  padding: 30px 0;
}
.mdl_srch_bx h6 {
  font-size: 19px;
  margin-bottom: 19px;
}
.mdl_srch_bx h6 span {
  font-size: 12px;
  color: #838383;
}
.mdl_srch_bx .srch {
  position: relative;
}
.mdl_srch_bx .inpt {
  width: 100%;
  outline: none;
  margin: 0;
  height: 46px;
  border-radius: 3px;
  padding: 8px 8px 8px 35px;
  border: 1px solid var(--tbl-srch-brdr);
  box-shadow: var(--tbl-srch-bxshw);
  background: var(--dttbl-srch-bgclr);
}
.mdl_srch_bx .srch_icn {
  position: absolute;
  left: 13px;
  top: 14px;
  font-size: 12px;
}
.fltr_mdl_cntnt {
  width: 100%;
  height: 93%;
  max-height: calc(100% - 150px);
  overflow-y: auto;
  margin-top: 4px;
}
.crsFndr_fltr .accordion-item {
  border: none !important;
  border-bottom: 1px solid var(--tbl-brdr-clr) !important;
}
.crsFndr_fltr .accordion-item .accordion-button {
  border: none !important;
  padding-left: 0;
  padding-right: 0;
  font-size: 19px;
  font-weight: 600;
  color: var(--bs-heading-color);
}
.crsFndr_fltr .accordion-item .accordion-button:not(.collapsed) {
  box-shadow: none !important;
}
.crsFndr_fltr .accordion-item .accordion-button::after {
  width: 17px;
  height: 17px;
  background-size: auto;
}
.crsFndr_fltr .accordion-item .accordion-body {
  padding: 10px 0 50px 0;
}

.crsFndr_fltr .list_cnnt ul {
  list-style-type: none;
  padding: 0;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.crsFndr_fltr .list_cnnt ul li {
  display: inline-block;
  width: 48%;
  margin-bottom: 12px;
}
.crsFndr_fltr .list_cnnt ul li .pm-bxs {
  position: relative;
  z-index: 1;
  padding-left: 32px;
}
.crsFndr_fltr .list_cnnt ul li .pm-bxs input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
.crsFndr_fltr .list_cnnt ul li .pm-bxs .form-check-label {
  line-height: 1;
  display: inline-block;
  transition: all 0.3s ease;
}
.crsFndr_fltr .list_cnnt ul li .pm-bxs .hghlt-bx {
  position: absolute;
  border: 1px solid #63647894;
  width: 18px;
  height: 18px;
  top: 2px;
  left: 0;
  transition: all 0.3s ease;
  z-index: -1;
  border-radius: 3px;
}
.crsFndr_fltr .list_cnnt ul li .pm-bxs .hghlt-bx::after {
  position: absolute;
  content: "✓";
  line-height: 1;
  top: 2px;
  left: 3px;
  font-size: 12px;
  font-weight: bold;
  display: none;
}
.crsFndr_fltr .list_cnnt ul li .pm-bxs input:checked ~ .hghlt-bx {
  background: var(--bs-primary);
}
.crsFndr_fltr .list_cnnt ul li .pm-bxs input:checked ~ .hghlt-bx::after {
  display: block;
  color: #fff;
}
.crsFndr_fltr .list_cnnt ul li .pm-bxs input:checked ~ .form-check-label {
  color: var(--bs-primary);
}
.crsfndr_scr .hdr_bx {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 15px;
}
.crsfndr_scr .cntnt_bx {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 15px;
  margin-bottom: 15px;
}
.crsfndr_scr .cntnt_bx input {
  width: 100%;
  border: 1px solid var(--bs-border-color);
  border-radius: 12px !important;
  outline: none;
  padding: 9px;
  box-sizing: border-box;
  transition: 0.3s;
  height: 41px;
  font-size: 0.75rem;
  letter-spacing: 0.4px;
  font-weight: 500;
  background-color: var(--bs-white);
  text-align: left;
}
.filtr_lft .btm_btns {
  display: grid;
  grid-template-columns: 1fr 2fr;
  border-top: 1px solid var(--tbl-brdr-clr);
  margin: 0 30px;
  padding-top: 15px;
  gap: 10px;
}
.filtr_lft .btm_btns .curse_fndr_btn .prmry_btn {
  border: 1px solid var(--bs-primary);
  width: 100%;
}
.filtr_lft .btm_btns .curse_fndr_btn .prmry_btn.cncl_btn {
  border: 1px solid var(--tbl-brdr-clr);
  background: transparent;
  color: var(--all-label-txt);
}
.fnd_crse {
   padding: 11px 0;
    position: sticky;
    top: 0;
    z-index: 11;
    background: var(--bs-body-bg);
    box-shadow: 0 3px 5px rgb(91 101 122 / 15%);
}
.fnd_crse::after{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(360deg, rgba(var(--bs-primary-rgb),0.10), transparent);
  z-index: -1;
}
.right_course_main {
  margin-top: 25px;
}
.right_course_main > div.right_course_list:first-child {
  margin-top: 0;
}
.right_course_list {
  border: 1px solid rgba(var(--bs-primary-rgb), 0.3);
  padding: 20px 25px;
  border-radius: 10px;
  position: relative;
  z-index: 1;
  margin-top: 12px;
}
.right_course_list.active{
  border: 1px solid rgba(var(--bs-primary-rgb), 0.9);
}
.right_course_list .top_price .heading .uniName {
  display: block;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 12px;
}
.right_course_list .top_price .price h6 {
  color: var(--theme-color);
}
.right_course_list .course_info {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  padding: 15px;
  border: 1px solid var(--prm-fltr-itms-brdrclr);
  border-radius: 5px 5px 0px 0px;
  background: var(--bs-body-bg);
  border-bottom: 0;
  overflow: hidden;
}
.right_course_list .course_info .uni_img {
  flex: 0 0 auto;
  width: 20%;
  height: 125px;
  /* border-radius: 60px 0; */
  position: relative;
  padding: 10px;
}
.cntry_nm {
  position: absolute;
  top: 7px;
  left: -69px;
  background: #d78b00;
  width: 180px;
  text-align: center;
  transform: rotate(-45deg);
  padding: 3px;
  box-shadow: 0 3px 6px rgb(63 66 80 / 20%);
}
.cntry_nm .cntry_ {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
}
.right_course_list .course_info .uni_img img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  object-position: center;
  /* border-radius: 60px 0; */
}
.right_course_list .course_info .uni_txt {
  flex: 0 0 auto;
  width: 80%;
  display: flex;
  padding-left: 15px;
  align-items: start;
}
.right_course_list .course_info .uni_txt .edu_info {
  flex: 0 0 auto;
  width: 70%;
}
.right_course_list .course_info .uni_txt .edu_time_info {
  flex: 0 0 auto;
  width: 30%;
  padding-left: 20px;
  border-left: 1px solid var(--prm-fltr-itms-brdrclr);
}
.right_course_list .course_info .uni_txt .edu_time_info ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.right_course_list .course_info .uni_txt .edu_time_info li {
  display: block;
  color: var(--text-drk-color);
  margin-top: 6px;
  line-height: 28px;
}
.right_course_list .course_info .uni_txt .edu_time_info li:first-child {
  margin-top: 0;
}
.right_course_list .course_info .uni_txt .edu_time_info .icn {
  width: 20px;
  height: 20px;
  display: inline-block;
  text-align: center;
  line-height: 20px;
  margin-right: 5px;
}
.right_course_list .course_info .uni_txt .edu_time_info .txt-bld {
  font-weight: 700;
}
.right_course_list .course_info .uni_txt .edu_info .txt1 {
  color: var(--text-drk-color);
  margin: 0;
  padding-bottom: 5px;
  line-height: 28px;
}
.right_course_list .course_info .uni_txt .edu_info .txt1 .icn {
  width: 20px;
  height: 20px;
  display: inline-block;
  text-align: center;
  line-height: 20px;
  margin-right: 5px;
}
.right_course_list .course_info .uni_txt .edu_info .txt1 .txt-bld {
  font-weight: 700;
}
.right_course_list .course_info .uni_txt .edu_info .list2 {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  row-gap: 4px;
  column-gap: 15px;
  margin: 0;
}
.right_course_list .course_info .uni_txt .edu_info .list2 li {
  color: var(--text-drk-color);
  line-height: 28px;
}
.right_course_list .course_info .uni_txt .edu_info .list2 li:first-child,
.right_course_list .course_info .uni_txt .edu_info .list2 li:last-child {
  margin-left: 0;
}
.right_course_list .course_info .uni_txt .edu_info .list2 li .icn {
  width: 20px;
  height: 20px;
  display: inline-block;
  text-align: center;
  line-height: 20px;
  margin-right: 5px;
}
.right_course_list .course_info .uni_txt .edu_info .list2 li .txt-bld {
  font-weight: 700;
}
.right_course_list::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 80px;
  background: var(--bs-primary-bg-subtle);
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 10px 10px 0 0;
}
.right_course_list .crse_detls_btn {
  border: 1px solid var(--prm-fltr-itms-brdrclr);
  border-radius: 0 0 5px 5px;
  padding: 7px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.right_course_list .crse_detls_btn .crse_dtl_btn {
  display: block;
  width: fit-content;
  font-size: 14px;
  padding: 14px 19px;
  border-radius: 25px;
  background: var(--bs-primary);
  color: #fff;
  line-height: 1;
  border: 1px solid var(--bs-primary);
}
.right_course_list .crse_detls_btn .wbst_btn span {
  color: var(--bs-primary);
}
.tsk-cmnt-cmplt-btn.crsefndr {
  margin-top: 10px;
}
.tsk-cmnt-cmplt-btn.crsefndr button span {
  display: inline-block;
  margin-right: 7px;
}
.info_txt {
  padding: 8px;
  border: 1px solid var(--tbl-brdr-clr);
  margin-right: 12px;
  border-radius: 3px;
  margin-top: 9px;
  font-size: 13px;
}
.info_txt span {
  color: var(--text-drk-color);
}
.right_course_list:hover {
  cursor: pointer;
}
.right_course_list:hover .top_price .heading .uniName {
  color: var(--bs-primary);
  text-decoration: underline;
}
.pagination_crsfndr {
  display: flex;
    justify-content: end;
    list-style: none;
    padding: 0px;
    margin-bottom: 40px;
}

.pagination_crsfndr li a {
    cursor: pointer !important;
    padding: 8px 12px !important;
    border: 1px solid var(--bs-border-color) !important;
    border-radius: var(--bs-border-radius-sm) !important;
    margin: 0 3px;
    background-color: var(--tbl-prv-btn-bg) !important;
    box-shadow: inset 0px 0px 7px 3px rgba(0, 0, 0, 0.1), 0px 7px 5px -3px rgba(0, 0, 0, 0.1) !important;
    color: #666 !important;
}

.pagination_crsfndr li a.active, .pagination_crsfndr li a:hover {
  background-color: var(--bs-primary) !important;
    color: var(--bs-white) !important;
}

.pagination_crsfndr li a.disabled {
  color: #dddddd;
  cursor: not-allowed;
  pointer-events: none;

}
.slct_crsr_bx {
   position: fixed;
    width: 250px;
    bottom: -100%;
    background: var(--bs-body-bg);
    z-index: 2;
    padding: 15px;
    right: 13px;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgb(33 38 54 / 20%);
    transition: bottom .5s ease-out;
}
.slct_crsr_bx.active{
  bottom: 63px;
}
.slct_crsr_bx::after{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(var(--bs-primary-rgb), 0.035);
  top: 0;
  left: 0;
  z-index: -1;
}
.slct_crsr_bx .para{
  font-size: 15px;
    font-weight: 400;
    color: var(--all-label-txt);
    text-align: center;
}
.slct_crsr_bx .btns_grp{

}
.slct_crsr_bx .btns_grp .cmn_btn{
    font-size: 14px;
    border: none;
    border-radius: 25px;
    padding: 10px 10px;
    line-height: 1;
    color: var(--all-label-txt);
    border: 1px solid var(--tbl-brdr-clr);
    background: var(--bs-body-bg);
    display: block;
    width: 100%;
}
.slct_crsr_bx .btns_grp .cmn_btn.aply_apctn_btn{
  background: var(--bs-primary);
  border: 1px solid var(--bs-primary);
  color: #fff;
  margin-top: 8px;
}
.sngl_crsr_bnr{
  background: rgba(var(--bs-primary-rgb),0.15);
  padding: 80px 0;
  overflow: hidden;
}
.sngl_crsr_bx {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    gap: 15px;
}
.sngl_crsr_bx .un_img{
  width: 90px;
    height: 80px;
    background: #fff;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgb(80 86 102 / 11%);
}
.sngl_crsr_bx .un_img img{
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  object-position: center;
}
.sngl_crsr_bx .un_info{
  width: calc(100% - 90px);
}
.sngl_crsr_bx .un_info .hdgH2{
      font-size: 35px;
    line-height: 50px !important;
    letter-spacing: .1px;
    font-weight: 700;
    margin: 0;
}

.sngl_crsr_bx .un_info .hdgH6 {
    font-size: 20px;
    padding-top: 8px;
}
.sngl_crsr_bx .un_info .hdgH6 a{
  color: var(--bs-heading-color);
}
.sngl_crsr_bx .un_info .hdgH6:hover{
  text-decoration: underline;
}
.sngl_crsr_bx .un_info .hdgH6:hover a{
  color: var(--bs-heading-color);
}
.scl_icns ul{
  margin: 0;
  margin-top: 25px;
}
.scl_icns li{
  display: inline-block;
}
.scl_icns li a{
  display: block;
    padding: 8px 23px;
    border: 1px solid #5f697257;
    border-radius: 25px;
    font-size: 17px;
}
.scl_icns li a:hover{
  background: var(--bs-primary);
  color: #fff;
  border: 1px solid var(--bs-primary);
}
.sngl_bnr_img{
    position: absolute;
    width: 450px;
    height: 390px;
    top: -35px;
    right: 0;
}
.sngl_bnr_img img{
  width: 100%;
}
.sngl_pg_acrdng{
  padding: 50px 0;
}
.sngl_pg_acrdng .accordion{
 border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
}
.sngl_pg_acrdng .accordion .accordion-item{
  border: none!important;
  border-radius: 5px!important;
  margin-top: 8px;
  overflow: hidden;
}
.sngl_pg_acrdng .accordion .accordion-item .accordion-body{
  border: 1px solid var(--tblTh-clr) !important;
  border-radius: 0 0 5px 5px!important;
}
.sngl_pg_acrdng .accordion .accordion-item .accordion-button{
  border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 17px;
    font-weight: 500;
    /* background: #ddd; */
    padding: 13px 20px;
    background: var(--tblTh-clr) !important;
    color: var(--tbl-th-txt-clr);
}
.sngl_pg_tbl table th{
  background: var(--tblTh-clr) !important;
    white-space: nowrap;
    padding: 10px;
    color: var(--tbl-th-txt-clr);
    border: 1px solid var(--light-bdr-colr);
}
.sngl_pg_tbl table td{
  border: 1px solid var(--light-bdr-colr);
  padding: 15px;
  white-space: nowrap;
  color: var(--text-drk-color);
}
.sngl_pg_acrdng .accordion .accordion-item .txt{
  color: var(--text-drk-color);
    margin: 0;
    line-height: 25px;
}
.sngl_pg_tbl {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}
.sngl_pg_tbl .bxs{
     padding: 13px;
    border-radius: 5px;
    background: rgba(var(--bs-primary-rgb), 0.025);
    color: var(--vw-btn-clr);
}
.sngl_pg_tbl .bxs h5{
      font-size: 14px;
    color: var(--text-drk-color);
    margin-bottom: 8px;
    line-height: 24px !important;
}
.sngl_pg_tbl .bxs p{
  margin: 0;
    font-size: 13px;
    color: var(--text-drk-color);
    opacity: .8;
    line-height: 22px;
}
.accordion-body {
  border: none !important;
}
.program_tbl_bx .lbl-form-wrp .addmssn-inpt-btn .select2-icon-wrapper.prm-slct .select2-container .select2-selection.select2-selection--single{
  height: 41px !important;

}
.program_tbl_bx .lbl-form-wrp .addmssn-inpt-btn .select2-icon-wrapper.prm-slct .select2-container .select2-selection.select2-selection--single .select2-selection__rendered{
  line-height: 40px !important;
  padding-left: 40px !important;
}
.program_tbl_bx .lbl-form-wrp .addmssn-inpt-btn .select2-icon-wrapper.prm-slct .select2-container .select2-selection.select2-selection--single .select2-selection__arrow{
  top: 10px;
    right: 16px;
}
/* end coursefinder */