:root {
    /**colors*/
    /**shades of gray*/
    --bs-gray: #69707a;
    --bs-gray-dark: #363d47;
    --bs-gray-0: #EEF2F8;
    --bs-gray-100: #f2f6fc;
    --bs-gray-300: #d4dae3;
    --bs-gray-400: #c5ccd6;
    --bs-gray-500: #a7aeb8;
    --bs-gray-700: #4a515b;
    --bs-gray-800: #e0e1e2;
    --bs-gray-900: #eee;
    --bs-gray-64: #a3a3a3;
    --bs-gray-94: #f0f0f0;
    --bs-cyan-blue: #717273;
    --bs-bg-fadedgray: rgba(33, 40, 50, 0.01);
    --bs-bg-gray: rgba(33, 40, 50, 0.05);
    --bs-bg-gray-500: rgba(33, 40, 50, 0.8);
    --bs-bg-gray-500: rgba(33, 40, 50, 0.5);
    --bs-bg-gray-100: rgba(33, 40, 50, 0.125);
    --bs-bg-shadow-gray: rgba(33, 40, 50, 0.2);
    --bs-bg-gray-0: rgba(33, 40, 50, 0.03);
    --bs-danger-rgb: 220,53,69;
    /*standard colors*/
    --bs-primary: #a3cf32;
    --bs-primary-light: #d7eb9c;
    --bs-faded-primary: rgb(163 207 50 / 85%);
    --bs-secondary: #727376;
    --bs-secondary-light: #8a8a8ef5;
    --bs-success: #50CD89;
    --bs-info: #009EF7;
    --bs-warning: #FFC700;
    --bs-danger: #F1416C;
    --bs-teal: #00ba94;
    --bs-purple: #6900c7;
    --bs-pink: #c1004c;
    --bs-green: #3c763d;
    --bs-bg-green: #dff0d8;
    --bs-indigo: #4b00c5;
    --bs-whitesmoke: #f5f5f5;
    --bs-faded-whitesmoke: #efefef;
    --bs-anti-flash-white: #F1F1F1;
    --bs-light: #F5F8FA;
    --bs-dark: #212832;
    --bs-midnight: #272f3b;
    --bs-black: #000;
    --bs-navyblue: #0061f2;
    --bs-bunker: #1e242d;
    --bs-faded-blue: rgba(0, 97, 242, 0.25);
    --bs-faded-glasswhite: rgba(255, 255, 255, 0.5);
    --bs-faded-white: rgba(255, 255, 255, 0.85);
    --bs-white-100: rgba(255, 255, 255, 0.15);
    --bs-white-200: rgba(255, 255, 255, 0.25);
    --bs-faded-black: rgba(0, 0, 0, 0.25);
    --bs-white: #fff;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-900: rgba(0, 0, 0, 0.9);
    --bs-black-500: rgba(0, 0, 0, 0.55);
    --bs-black-700: rgba(0, 0, 0, 0.7);
    --bs-black-300: rgba(0, 0, 0, 0.3);
    --bs-black-200: rgba(0, 0, 0, 0.2);
    --bs-black-100: rgba(0, 0, 0, 0.1);
    --bs-black-0: rgba(0, 0, 0, 0.05);
    --bs-black-rgb: 0, 0, 0;
    --bs-toastr-success: #3BB65C;
    --bs-toastr-warning: #ee9500;
    --bg-toastr-faded-success: #F0FAF7;
    --bg-toastr-faded-warning: #FFFDEB;
    --bg-toastr-faded-danger: #FCF1F0;
    --bs-gradient: linear-gradient(310deg,#141727,#3a416f);
    --bs-body-font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    --bs-body-font-size: 1rem;
    --bs-body-line-height: 1.5;
    --bs-body-color: #4d5459;
    /*   --bs-body-bg: #f2f6fc;*/
    --bs-body-faded-primary: rgba(163, 207, 50,0.4);
    --bs-alice-blue: #ebf2ff;
    --bs-child-table-bg: #ebebf1f5;
    --bs-modal-backdrop: rgba(33, 40, 50, 0.35);
    --bs-shadow-faded-black: rgba(33, 40, 50, 0.15);
    --bs-faded-purple: rgba(105, 0, 199, 0.8);
    --bs-picker-warning: #8a6d3b;
    --bs-bg-picker-warning: #fcf8e3;
    --bs-picker-danger: #a94442;
    --bs-bg-picker-danger: #f2dede;
    /*font size**/
    --bs-font-size-xs: 12px;
    --bs-font-size-xss: 13px;
    --bs-font-size-13: 13.008px;
    --bs-font-size-sm: 14px;
    --bs-font-size-15: 15px;
    --bs-font-size-md: 16px;
    --bs-font-size-header: 18px;
    --bs-font-size-19: 19px;
    --bs-font-size-lg: 20px;
    --bs-font-size-xl: 24px;
    --bs-font-size-xxl: 25px;
    --bs-font-size-26: 26.4px;
    --bs-font-size-29: 29px;
    --bs-font-size-36: 36px;
    --bs-font-size-45: 45px;
    --bs-font-size-40: 40px;
    --bs-font-size-48: 48px;
    --bs-font-size-55: 55px;
    /*font weight**/
    --bs-font-weight-100: 100;
    --bs-font-weight-200: 200;
    --bs-font-weight-300: 300;
    --bs-font-weight-400: 400;
    --bs-font-weight-500: 500;
    --bs-font-weight-600: 600;
    --bs-font-weight-normal: normal;
    --bs-font-weight-bold: bold;
    --bs-font-weight-bolder: bolder;
    --bs-font-weight-light: light;
    --bs-font-weight-lighter: lighter;
    /*border**/
    --bs-border-color: #eaeaea;
    --bs-border-radius-xs: 0.25rem;
    --bs-border-radius-sm: 0.35rem;
    --bs-border-radius-md: 0.4375rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 0.75rem;
    --bs-border-radius-circle: 50%;
    --bs-border-radius-100: 100px;
    --bs-border-radius-pill: 50rem;
    --bs-border-0: 0;
    --bs-border-style-solid: solid;
    --bs-border-style-dashed: dashed;
    --bs-border-style-dotted: dotted;
    --bs-border-thin: thin;
    --bs-border-unset: unset;
    --bs-border-radius-20: 20px;
    /**opacity*/
    --bs-opacity-dark: 0;
    --bs-opacity-blur: 0.25;
    --bs-opacity-medium: 0.5;
    --bs-opacity-large: 0.65;
    --bs-opacity-xlarge: 0.75;
    --bs-opacity-clear: 1;
    --bs-text-opacity: 1;
    /*padding**/
    --bs-p-0: 0px;
    --bs-p-2: 1.6px;
    --bs-p-3: 2.75px;
    --bs-p-5: 5px;
    --bs-p-6: .375rem;
    --bs-p-7: .45rem;
    --bs-p-8: 8px;
    --bs-p-15: 15px;
    --bs-p-4: 4px;
    --bs-p-9: 9.2px;
    --bs-p-10: 10px;
    --bs-p-11: 10.72px;
    --bs-p-12: 12px;
    --bs-p-14: 14px;
    --bs-p-16: 16px;
    --bs-p-18: 18px;
    --bs-p-20: 20px;
    --bs-p-22: 22px;
    --bs-p-24: 24px;
    --bs-p-32: 32px;
    --bs-p-30: 30px;
    --bs-p-36: 36px;
    --bs-p-40: 40px;
    --bs-p-43: 43px;
    --bs-p-48: 48px;
    --bs-p-50: 3.125rem;
    --bs-p-72: 72px;
    --bs-p-96: 96px;
    --bs-p-144: 144px;
    --bs-pb-43: 43px;
    /*margin*/
    --bs-m-auto: auto;
    --bs-m-0: 0px;
    --bs-m-4: 4px;
    --bs-m-5: 5px;
    --bs-m-7: 7px;
    --bs-m-8: 8px;
    --bs-m-10: 10px;
    --bs-m-12: 12px;
    --bs-m-16: 16px;
    --bs-m-18: 18px;
    --bs-m-24: 24px;
    --bs-m-28: 28px;
    --bs-m-40: 40px;
    --bs-m-48: 48px;
    --bs-m-58: 58px;
    --bs-m-80: 80px;
    --bs-m-96: 96px;
    --bs-m-144: 144px;
    --bs-m-200: 200px;
    /**transparent*/
    --bs-transparent: transparent;
    /**position*/
    --bs-position-absolute: absolute;
    --bs-position-relative: relative;
    --bs-position-static: static;
    --bs-position-sticky: sticky;
    --bs-position-fixed: fixed;
    /**text align*/
    --bs-text-center: center;
    --bs-text-right: right;
    --bs-text-left: left;
    --bs-text-inherit: inherit;
    /**float*/
    --bs-float-right: right;
    --bs-float-left: left;
    --bs-float-none: none;
    /*text */
    --bs-text-decor-none: none;
    --bs-text-decor-underline: underline;
    --bs-text-decor-line-through: line-through;
    --bs-text-transform-none: none;
    --bs-text-transform-upper: uppercase;
    --bs-text-transform-lower: lowercase;
    --bs-text-transform-capitalize: capitalize;
    --bs-text-shadow-none: none;
    --bs-text-overflow-ellipsis: ellipsis;
    /**vertical align*/
    --bs-vertical-align-middle: middle;
    --bs-vertical-align-base: baseline;
    --bs-vertical-align-top: top;
    --bs-vertical-align-base: bottom;
    --bs-vertical-text-top: text-top;
    --bs-vertical-align-base: text-bottom;
    --bs-vertical-align-base: inherit;
    /**display*/
    --bs-d-block: block;
    --bs-d-none: none;
    --bs-d-flex: flex;
    --bs-d-inline-block: inline-block;
    --bs-d-table-cell: table-cell;
    --bs-d-table: table;
    --bs-d-inline-table: inline-table;
    --bs-d-table-row: table-row;
    --bs-d-inline: inline;
    --bs-d-inline-flex: inline-flex;
    --bs-d-list-item: list-item;
    --bs-d-grid: grid;
    /**line height*/
    --bs-line-height-sm: 1;
    --bs-line-height-md: 1.2;
    --bs-line-height-lg: 1.5;
    --bs-line-height-xl: 2;
    --bs-line-height-mid: 1.3333333;
    --bs-line-height-normal: normal;
    /**shadow*/
    /*    --bs-shadow-primary-sm: 0 0 0 1px var(--bs-primary);
    --bs-shadow-primary: 0 0 0 0.1rem var(--bs-primary);
    --bs-shadow-light: 0 0px 2px 0px var(--bs-bg-shadow-gray);
    --bs-toast-shadow: 0 0.15rem 1.75rem 0 var(--bs-primary);
    --bs-shadow-secondary: 0 0 0 0.1rem var(--bs-secondary);
    --bs-shadow-fadedblack: 0 3px 20px var(--bs-black-100);*/
    /*flex*/
    --bs-flex-wrap: wrap;
    --bs-flex-wrap-reverse: wrap-reverse;
    --bs-flex-nowrap: nowrap;
    --bs-flex-0: 0 0 auto;
    --bs-flex-1: 1 1 auto;
    --bs-flex-grow-1: 1;
    --bs-flex-shrink-1: 1;
    --bs-flex-row: row;
    --bs-flex-row-reverse: row-reverse;
    --bs-flex-column: column;
    --bs-flex-column-reverse: column-reverse;
    /**flex properties*/
    --bs-justify-content-center: center;
    --bs-justify-content-start: flex-start;
    --bs-justify-content-end: flex-end;
    --bs-space-between: space-between;
    --bs-space-around: space-around;
    --bs-space-evenly: space-evenly;
    --bs-align-items-start: flex-start;
    --bs-align-items-center: center;
    --bs-align-items-end: flex-end;
    --bs-align-items-stretch: stretch;
    --bs-align-items-baseline: baseline;
    /**width*/
    --bs-w-0: 0;
    --bs-w-1: 1;
    --bs-w-auto: auto;
    --bs-w-4: 4px;
    --bs-w-10: 10px;
    --bs-w-11: 11.2px;
    --bs-w-15: 15px;
    --bs-w-g18: 18.4px;
    --bs-w-24: 24px;
    --bs-w-28: 28px;
    --bs-w-40: 40px;
    --bs-w-43: 43px;
    --bs-w-48: 48px;
    --bs-w-79: 79px;
    --bs-w-10: 10%;
    --bs-w-20: 20%;
    --bs-w-p25: 25%;
    --bs-w-45: 45%;
    --bs-w-50: 50%;
    --bs-w-60: 60%;
    --bs-w-70: 70%;
    --bs-w-75: 75%;
    --bs-w-135: 135px;
    --bs-w-140: 140px;
    --bs-w-160: 160px;
    --bs-w-208: 208px;
    --bs-w-248: 248px;
    --bs-w-276: 276px;
    --bs-w-300: 300px;
    --bs-w-350: 350px;
    --bs-w-500: 500px;
    --bs-w-540: 540px;
    --bs-w-600: 600px;
    --bs-w-720: 720px;
    --bs-w-800: 800px;
    --bs-w-960: 960px;
    --bs-w-1125: 1125px;
    --bs-w-1140: 1140px;
    --bs-w-1440: 1440px;
    --bs-mw-100: 100%;
    --bs-w-auto: auto;
    --bs-w-8: 8.3333333333%;
    --bs-w-16: 16.6666666667%;
    --bs-w-33: 33.3333333333%;
    --bs-w-41: 41.6666666667%;
    --bs-w-16: 16.6666666667%;
    --bs-w-58: 58.3333333333%;
    --bs-w-66: 66.6666666667%;
    --bs-w-83: 83.3333333333%;
    --bs-w-91: 91.6666666667%;
    --bs-mw-none: none;
    --bs-100vw: 100vw;
    --bs-scrollbar-width: 3.2px;
    --bs-mw-max-content: max-content;
    --bs-w-16p: 16px;
    --bs-w-46p: 46px;
    --bs-w-30p: 30px;
    --bs-w-79: 79px !important;
    /**height*/
    --bs-h-0: 0;
    --bs-h-1: 1;
    --bs-h-auto: auto;
    --bs-h-4: 4px;
    --bs-h-8: 8px;
    --bs-h-9: 9.6px;
    --bs-h-10: 10px;
    --bs-h-11: 11.2px;
    --bs-h-13: 12.8px;
    --bs-h-15: 15px;
    --bs-h-16: 16px;
    --bs-h-17: 17px;
    --bs-h-18: 18px;
    --bs-h-g18: 18.4px;
    --bs-h-19: 19.2px;
    --bs-h-20: 20px;
    --bs-h-21: 21px;
    --bs-h-23: 23px;
    --bs-h-24: 24px;
    --bs-h-25: 25px;
    --bs-h-28: 28px;
    --bs-h-30: 30px;
    --bs-h-32: 32px;
    --bs-h-35: 35px;
    --bs-h-36: 36px;
    --bs-h-37: 37px;
    --bs-h-40: 40px;
    --bs-h-45: 45px;
    --bs-h-46: 46px;
    --bs-h-48: 48px;
    --bs-h-50: 50px;
    --bs-h-58: 58px;
    --bs-h-60: 60px;
    --bs-h-62: 62px;
    --bs-h-64: 64px;
    --bs-h-76: 76px;
    --bs-h-80: 80px;
    --bs-min-h: 95px;
    --bs-h-128: 128px;
    --bs-h-242: 242px;
    --bs-h-450: 450px;
    --bs-h-466: 466px;
    --bs-h-560: 560px;
    --bs-100vh: 100vh;
    /*cursor**/
    --bs-cursor-pointer: pointer;
    --bs-cursor-grab: grab;
    --bs-cursor-default: default;
    --bs-cursor-text: text;
    --bs-cursor-text: wait;
    --bs-cursor-not-allowed: not-allowed;
    /**bottom*/
    --bs-bottom-0: 0;
    /**whitespace*/
    --bs-wspace-nowrap: nowrap;
    --bs-wspace-normal: normal;
    --bs-wspace-break-spaces: break-spaces;
    --bs-wspace-unset: unset;
    --bs-word-break: break-word;
    /**normal sizing*/
    --bs-b-20: 20px;
    --bs-r-20: 20px;
    --bs-34: 34px;
    --bs-44: 44px;
    --bs-50: 50px;
    --bs-54: 54px;
    --bs-56: 56px;
    --bs-65: 65px;
    --bs-70: 70px;
    --bs-4: 4px;
    --bs-8: 8px;
    --bs-12: 12px;
    --bs-16: 16px;
    --bs-18: 18px;
    --bs-21: 21px;
    --bs-22: 22px;
    --bs-24: 24px;
    --bs-25: 25px;
    --bs-27: 27px;
    --bs-28: 28px;
    --bs-29: 29px;
    --bs-38: 38px;
    --bs-39: 39.5px;
    --bs-41: 41px;
    --bs-53: 52.8px;
    --bs-82: 82px;
    --bs-200: 200px;
    --bs-320: 320px;
    --bs-336: 336px;
    --bs-9999: 9999px;
    --bs-0: 0;
    --bs-1: 1px;
    --bs-1-6: 1.6px;
    --bs-2: 2px;
    --bs-3: 3px;
    --bs-5: 5px;
    --bs-6: 6px;
    --bs-136: 136px;
    --bs-160: 160px;
    --bs-w-192: 192px;
    --bs-240: 240px;
    --bs-293: 292.8px;
    --bs-p1: 1%;
    --bs-p50: 50%;
    --bs-p60: 60%;
    --bs-np50: -50%;
    --bs-p93: 93%;
    --bs-p100: 100%;
    --bs-select-all: all;
    /**overflow*/
    --bs-overflow-hidden: hidden;
    --bs-overflow-auto: auto;
    --bs-overflow-scroll: scroll;
    --bs-overflow-overlay: overlay;
    --bs-overflow-visible: visible;
    --bs-overflow-scrolling-touch: touch;
    --bs-scrollbar-width-thin: thin;
    /**outline*/
    --bs-0: 0;
    --bs-none: none;
    /**border collapse*/
    --bs-border-collapse: collapse;
    --bs-border-separate: separate;
    --bs-border-width15: 1.5px;
    /**box sizing*/
    --bs-box-size-borderbox: border-box;
    --bs-box-size-paddingbox: padding-box;
    --bs-box-size-contentbox: content-box;
    /**visibility*/
    --bs-visibility-visible: visible;
    --bs-visibility-hidden: hidden;
    /*clear**/
    --bs-clear-both: both;
    /**z-index*/
    --bs-z-index-0: 0;
    --bs-z-index-1: 1;
    --bs-z-index-2: 2;
    --bs-z-index-3: 3;
    --bs-z-index-10: 10;
    --bs-z-index-99: 99;
    --bs-z-index-1000: 1000;
    --bs-z-index-1001: 1001;
    --bs-z-index-1020: 1020;
    --bs-z-index-1030: 1030;
    --bs-z-index-1038: 1038;
    --bs-z-index-1039: 1039;
    --bs-z-index-1050: 1050;
    --bs-z-index-1051: 1051;
    --bs-z-index-1054: 1054;
    --bs-z-index-1055: 1055;
    --bs-z-index-1070: 1070;
    --bs-z-index-9999: 9999;
    /**pointer events*/
    --bs-pointer-auto: auto;
    --bs-pointer-none: none;
    --bs-scale-1: 1.02;
    --bs-scale-2: 1.05;
    --bs-object-fit-cover: cover;
    --bs-object-fit-contain: contain;
    /**animation*/
    --bs-loader: spin 2s linear infinite;
    --bs-loader-before: spin 3s linear infinite;
    --bs-loader-after: spin 1.5s linear infinite;
    --bs-0deg: 0deg;
    --bs-n90deg: -90deg;
    --bs-360deg: 360deg;
    --bs-lift-sm: translateY(-0.1666666667rem);
    --bs-appearance-button: button;
    --bs-appearance-text: textfield;
    /**background*/
    --bs-background-norepeat: no-repeat;
    --bs-background-size-cover: cover;
    --bs-background-size-contain: contain;
    --bs-bg-position-center: center;
    --bs-bg-position-right: right;
    --bs-bg-position-centerbottom: center bottom;
    --bs-bg-position-topleft: top left;
    --bs-background-repeat: repeat;
    /**letter spacing*/
    --bs-letter-spacing-2: 0.125em;
    --bs-letter-spacing-1: 0.05em;
    /* */
    --bs--lineheight-34: 34px;
    --bs--lineheight-30: 30px;
    --bs--lineheight-46: 46px;
}


@font-face {
    font-family: 'Roboto';
    src: url('../Assets/Font/Roboto/Roboto-Regular.ttf') format('truetype');
}


body {
    font-family: 'Roboto';
    /*width: 100%;
    position: fixed;
    height: 100%;*/
}

body.bg-login {
    background: url('../Assets/Images/Path 19994.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-session {
    /*background: url('../Assets/Images/Path 19994.png');*/
    /*background-color: #0d6efd;*/
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100px;
    margin: auto;
    margin-left: 119px;
    margin-top: 133px
    /*width:200px;*/
}
/*@media (min-width: 1024px) {
    .row .col-lg-4 > .card {
        min-width: 390px;
    }
}*/
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
    element.style {
        margin: auto;
    }

    .bg-white {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity)) !important;
    }

    .py-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .align-items-center {
        align-items: center !important;
    }

    .justify-content-evenly {
        justify-content: space-evenly !important;
    }
}

html {
    position: relative;
    min-height: 100%;
}

form > div.container {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    /*  margin-bottom: 60px;*/
}

    form > div.container > .py-4 {
        box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    }

footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    /*height: 60px;*/
    /*        line-height: 60px;*/
    background-color: #f5f5f5;
}

.dataTables_paginate .pagination {
    justify-content: flex-end !important;
}

.dataTables_filter, .create-action-block {
    float: right;
    text-align: right;
    margin-bottom:20px;
}

/*Required fields*/
.form-group.required .control-label:after {
    content: " *";
    color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity)) !important;
}

.select2-selection.select2-selection--single {
    border: 1px solid #ced4da;
    line-height: 1.5;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    height: 38px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: initial;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: initial;
}

h4 {
    color: #012970;
}

/**styles added by Dharani on Nov 24,2022*/
.logo {
    height: 40px;
    margin-left: 25px;
}

.form-label, .control-label {
    color: var(--bs-gray-500);
    font-size: 15px;
    margin-bottom: 0.5rem;
}

.login-header {
    font-weight: var(--bs-font-weight-600)
}

.input-group > .form-control {
    border-radius: var( --bs-p-6) !important;
    padding-inline: var(--bs-p-7);
    position: var(--bs-position-absolute);
    width: 100%;
    z-index: 3;
    padding-left: var( --bs-p-50);
}

.form-group > .form-control {
    border-radius: var( --bs-p-6) !important;
    margin-bottom: 0.25rem;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: var( --bs-p-6);
    border-bottom-left-radius: var( --bs-p-6);
}

.input-group > .form-control:focus, .btn-primary:focus, .btn-primary:active:focus,
.form-group > .form-control:focus,
.form-check-input:focus,
.form-control:focus {
    box-shadow: 0 0 0 0.1rem rgb(13 110 253 / 25%) !important;
}

    .input-group > .form-control:focus ~ .input-group-text i {
        color: rgb(13 110 253);
    }



.txt-forgotpwd {
    color: var(--bs-body-color);
}

input.form-control::placeholder {
    color: var(--bs-gray-800);
    font-size: 14px;
}

.input-group-text {
    z-index: 4;
    position: var(--bs-position-relative);
    height: 37px;
    border-radius: var(--bs-0);
    border: none;
    background: none;
}


.div-separator {
    background: #ced4da;
    height: 50%;
    position: absolute;
    width: 1px;
    padding: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: initial;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: initial;
}


.input-group.has-validation + span.text-danger, .form-group > span.text-danger {
    font-size: var(--bs-font-size-sm)
}

.home-page {
    background-color: rgb(47, 47, 190);
    height: 400px;
    /* width: 100%; */
    margin: -20px 0px;
    /* padding: 10px; */
    margin-inline: -15px;
    border-radius: 0 0 0 10rem;
    /* background: url('../Assets/Images/background.png');
    background-size: cover; 
    background-repeat: no-repeat;*/
}

.img-login {
    height: 360px;
    width: 70%;
}
.img-session {
    height: 200px;
    min-width: 200px;
}

.nav-icon {
    text-decoration: none;
    padding: 15px 26px;
    position: relative;
    display: inline-block;
    border-radius: 2px;
}

.nav-icon, .badge {
    /*    position: absolute;
    right: -10px;*/
    padding: 5px 10px;
    /*    border-radius: 50%;*/
}

.badge {
    background-color: red;
    top: -6px;
    border-radius: 20px ;
}


.btn-primary > .fa-plus {
    background: rgba(255,255,255,0.35);
    border-radius: 2px;
    margin-right: 10px;
    padding: 2px;
    height: auto;
    width: auto;
    font-size: 10px;
    top: -1px;
    position: relative;
}

table {
    min-width: 100%;
    margin-bottom: 0 !important;
}

.td-icon, .td-icon-align {
    color: #6d6e70;
    float: right;
    margin-inline: 1px;
}

    .td-icon:hover, .td-icon-align:hover {
        color: #6d6e70;
        border-radius: 5px;
        background-color: #C0C0C0;
    }

.design {
    color: white;
}

.position {
    justify-content: center;
}

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

.form-group {
    min-height: 105px;
}

.bg-login .col-12.form-group {
    min-height: 100px;
}

.nav-item.dropdown > .btn:focus {
    box-shadow: none;
}

.cursor-pointer {
    cursor: pointer;
}

.dataTables_wrapper {
    font-size: var(--bs-font-size-sm);
}

body .sidebar-nav .nav-content {
    display: none;
}

body.toggle-sidebar .sidebar-nav .nav-content.collapse.show {
    display: block;
}

body.toggle-sidebar.layoutSidenav-unhover .sidebar-nav .nav-content.collapse.show {
    display: block;
}

body.layoutSidenav-hover .sidebar-nav .nav-content.collapse.show {
    display: block;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    border-radius: .25rem !important;
    padding: .35em .75em !important;
    background: #0d6efd !important;
    color: white !important;
    border: 1px solid rgb(13 110 253 / 25%) !important;
}


input[type="date"], input[type="datetime-local"] {
    display: inline-block;
    position: relative;
}

    input [type="date"]::-webkit-calendar-picker-indicator,
    input[type="datetime-local"]::-webkit-calendar-picker-indicator,
    #InstallationDate::-webkit-calendar-picker-indicator {
        background: transparent;
        bottom: 0;
        color: transparent;
        cursor: pointer;
        height: auto;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
    }


    input[type="date"] + .bi.bi-calendar,
    input[type="datetime-local"] + .bi.bi-calendar {
        position: absolute;
        margin-left: -30px;
        margin-top: 8px;
        cursor: pointer;
        pointer-events: none;
    }

input.date-focused[type="date"], input.date-focused[type="datetime-local"] {
    outline: 0;
    box-shadow: 0 0 0 0.1rem rgb(13 110 253 / 25%);
    border-color: #86b7fe !important;
}

@media (max-width: 576px) {
    .header {
        padding-left: 0 !important;
    }
}

@media print {
    .container {
        width: auto;
    }
}

.form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.1rem rgb(13 110 253 / 25%);
}

.select2-selection--single[aria-expanded="true"], .select2-container--open .select2-dropdown--above, .select2-container--open .select2-dropdown--below {
    box-shadow: 0 0 0 0.1rem rgb(13 110 253 / 25%);
    border-color: #86b7fe;
}

.dataTables_scrollHeadInner {
    width: 100% !important;
    box-sizing: border-box !important;
}

::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #bbb;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        color: #0d6efd;
        background-color: white;
        border-color: #0d6efd;
    }

.modal-backdrop {
    /* background-color: #e5e5e5; */
    display: none;
}

.modal-content {
    border: unset;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}


.btn-close {
    width: 2em;
    height: 2em;
}

.modal-body, .modal-footer {
    background-color: rgba(33, 40, 50, 0.01);
}

.txt-delete > .bi-trash {
    /*color: #f52d7e;*/
    font-size: 22px;
}


div.dataTables_processing {
    margin-left: -84px !important;
}

.dataTables_wrapper {
    min-height: 130px;
}

.toast {
    display: block;
    position: fixed;
    top: 90%;
    left: 0;
    z-index: 1060;
    color : white;
    width: 26%;
    height: 50px;
    /*overflow-x: hidden;
    overflow-y: auto;*/
    outline: 0;
}

.td-icon-align {
    color: #6d6e70;
    float: right;
}

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

.statusActive {
    color: #00A67E;
    font-weight: 700;
    /* height: 5px;
    width: 5px;
    background-color: green;
    border-radius: 50%;
    display: inline-block;*/
}

.status:before {
    content: '\25CF';
    font-size: 15px;
    text-align: center;
    text-indent: 2.5em;
}



.statusInactive {
    color: #C21E56;
    font-weight: 700;
}

.card-modal {
    height: 285px;  
    /*margin-right: 200px;
    width: 550px;*/
    background-color: white;
}
.card-modal-align {
    height: 270px;
   /* margin-right: 200px;
    width: 550px;*/
    background-color: white;
}

.card-modal-otp {
    display: flex;
}

.card-modal-design {
    height: 463px;
    /*margin-right: 200px;
    width: 550px;*/
    background-color: white;
}

.card-modal-length {
    height: 300px;
    /*margin-right: 200px;
    width: 550px;*/
    background-color: white;
}

.txt-model-otp {
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
   /* height: 30px;
    width: 30px;*/
    text-align: center;
}
.txt-user {
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;   
}

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

.div-modal-content {
    box-shadow: none;
    background-color: white;
    /*width: 550px;*/
}

.modal ,.loader{
    backdrop-filter: brightness(0.5);
}

.resend-opt-align {
    margin-left: 140px;
}

/*.timer {
    margin-left: 160px;
}*/

.close-btn-align {
    text-align: center;
    /*padding: 5px 0 15px 0;*/
    margin: auto;
}

.close-btn {
    display: flex;
    justify-content: flex-end;
}
.loader {
    margin: 7px auto;
    border: 3px solid blue;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border-right-color: transparent;
    animation: anim 1.5s linear infinite;
}

@keyframes anim {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.btn-danger, .btn-secondary, .btn-warning {
    color: #0d6efd !important;
    background-color: white !important;
    border-color: #0d6efd !important;
    box-shadow: #0d6efd !important;
}
.btn-danger: hover {
    color: #0d6efd !important;
    background-color: white !important;
    border-color: #0d6efd !important;
    box-shadow: #0d6efd !important;
}

.div-card {
    margin-right: 57px;
}

.div-content {
    margin-right: 70px;
}
i,a {
    cursor: pointer;
    /*float:right;*/
}
.createPump {
    margin-bottom: 10px;
}

.fa-file-excel {
    color: #0d6efd;
}
#toast_message {
    padding: none !important;
}
td {
    border-color: inherit;
    color: var(--bs-gray-700) !important;
    border-width: 1px 1px 0px 1px;
    border-style: var(--bs-border-style-solid);
    border-bottom-width: inherit !important;
    /*border: 1px solid #ced4da;*/
    color: var(--bs-table-hover-color);
    border-collapse: collapse;
}
table th {
    color: var(--bs-gray-500);
    border-color: inherit;
    border-width: 1px 1px 0px 1px;
    border-style: var(--bs-border-style-solid);
    /*position: sticky !important;
    z-index: 10;
    top: 60px;*/
    background: white !important;
}

/*.datatable tbody > tr > td,
.datatable tbody > tr > th,
.datatable tfoot > tr > td,
.datatable tfoot > tr > th, .datatable thead > tr > td, .datatable thead > tr > th,
{

    border: 1px solid #ced4da !important;
}*/

.datatables_scrollheadinner > table.table datatable no-footer{
    margin-bottom:0;
}
.btn-default {
    float: right;
}

#myDropdown > li > a > .fa {
    visibility: hidden;
}

#myDropdown > li > a.selected > .fa {
    visibility: visible;
}
.form-control:disabled, .form-control[readonly], .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: white;
}