::selection {
    color: #fff;
    background: #5a5278
}

a,
.btn-link {
    color: #5a5278
}

.text-green,
.text-info,
.text-success,
.text-danger,
.text-primary,
.text-warning,
.mail-star.active,
.page-title {
    /* color: #5a5278 !important */
    /* color: #ddd!important; */
    color: #ffffff !important;
}

.badge-default {
    background: #3f3d56;
    color: #f1f1f1
}

.loader {
    color: #5a5278
}

.badge-primary {
    background-color: #5a5278
}

.btn-primary {
    background: #5a5278;
    color: #fff;
    border-color: #5a5278
}

.btn-info {
    background-color: #e8769f;
    border-color: #e8769f
}

.nav-tabs .nav-link.active {
    border-color: #5a5278;
    color: #5a5278
}

.form-control:focus {
    /* box-shadow: 0 0 0 0.2rem #ebf688;
border-color: #818e0b!important; */
    box-shadow: 0 0 0 0.2rem #c4edca;
    border-color: #38b449 !important;
}

.card,
.dropify-wrapper,
.btn-primary {
    border: 0
}

.bg-primary,
.bg-info,
.bg-warning,
.btn-success {
    background-color: #5a5278 !important;
    border: transparent
}

.bg-success,
.bg-danger,
.badge-success,
.progress-bar,
.btn-danger,
.btn-warning {
    background-color: #38b449;
    border: transparent
}

.btn-outline-primary {
    color: #5a5278;
    border-color: #5a5278
}

.btn-outline-primary:hover {
    background-color: #5a5278;
    border-color: #5a5278
}

.custom-control-input:checked~.custom-control-label::before,
.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before,
.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    /* border-color: #6c7709;
background: linear-gradient(-45deg, #6c7709, #818e0b)!important; */
    border-color: #38b449;
    background: #38b449;
}

.custom-switch-input:checked~.custom-switch-indicator {
    background: #38b449
}

.selectgroup-input:checked+.selectgroup-button {
    border-color: #5a5278;
    color: #5a5278;
    background: rgba(90, 82, 120, 0.2)
}

.imagecheck-figure:before {
    color: #e8769f !important
}

.wizard>.steps .current a,
.wizard>.steps .current a:hover,
.wizard>.steps .current a:active,
.wizard>.actions a,
.wizard>.actions a:hover {
    background: #5a5278
}

.wizard>.steps .done a,
.wizard>.steps .done a:hover {
    background: rgba(90, 82, 120, 0.2);
    color: #5a5278
}

.table th {
    color: #2c2945
}

.table.table-custom td,
.table.table-custom th {
    background: #f1f1f1
}

.right_chat li.online .status {
    background: #5a5278
}

.bg-blue,
.bg-azure,
.bg-indigo,
.bg-purple,
.bg-red,
.bg-orange {
    background-color: #5a5278 !important
}

.bg-pink,
.bg-yellow,
.bg-lime,
.bg-green,
.bg-teal,
.bg-cyan {
    background-color: #e8769f !important
}

.bg-light-blue,
.bg-light-azure,
.bg-light-indigo,
.bg-light-lime,
.bg-light-green,
.bg-light-teal {
    background-color: rgba(90, 82, 120, 0.1);
    color: #5a5278
}

.bg-light-pink,
.bg-light-red,
.bg-light-orange,
.bg-light-yellow,
.bg-light-cyan {
    background-color: rgba(232, 118, 159, 0.1);
    color: #e8769f
}

.bg-light-purple {
    background-color: rgba(228, 189, 81, 0.1);
    color: #e4bd51
}

.bg-light-gray {
    background-color: rgba(102, 106, 109, 0.1);
    color: #666A6D
}

.bgcolor-gray {
    background-color: lightgray;
}

.avatar.avatar-blue {
    background-color: rgba(90, 82, 120, 0.1);
    color: #5a5278
}

.avatar.avatar-azure {
    background-color: rgba(90, 82, 120, 0.1);
    color: #5a5278
}

.avatar.avatar-indigo {
    background-color: rgba(90, 82, 120, 0.1);
    color: #5a5278
}

.avatar.avatar-purple {
    background-color: rgba(90, 82, 120, 0.1);
    color: #5a5278
}

.avatar.avatar-pink {
    background-color: rgba(90, 82, 120, 0.1);
    color: #5a5278
}

.avatar.avatar-red {
    background-color: rgba(90, 82, 120, 0.1);
    color: #5a5278
}

.avatar.avatar-orange {
    background-color: rgba(90, 82, 120, 0.1);
    color: #5a5278
}

.avatar.avatar-yellow {
    background-color: rgba(232, 118, 159, 0.1);
    color: #e8769f
}

.avatar.avatar-lime {
    background-color: rgba(232, 118, 159, 0.1);
    color: #e8769f
}

.avatar.avatar-green {
    background-color: rgba(232, 118, 159, 0.1);
    color: #e8769f
}

.avatar.avatar-teal {
    background-color: rgba(232, 118, 159, 0.1);
    color: #e8769f
}

.avatar.avatar-cyan {
    background-color: rgba(232, 118, 159, 0.1);
    color: #e8769f
}

body {
    background-color: #e2e2e2;
    /* background-color: #f3f7fa; */
    /* color: #2c2945 */
    color: #0c0d0e;
    /* background-color: #f8f9fa; */
}

.page-header .right .nav-pills .nav-link {
    color: #2c2945
}

#header_top .brand-logo {
    background: #5a5278
}

.header {
    background: #5a5278
}

.header .nav-tabs .nav-link {
    color: #fff
}

.header .nav-tabs .nav-link.active {
    border-color: #fff
}

.header .dropdown-menu .dropdown-item:hover,
.header .dropdown-menu .dropdown-item.active {
    color: #5a5278
}

.page .section-white,
.page .section-body {
    /* background: #f1f1f1 */
}

#header_top .nav-link {
    color: #2c2945
}

.header_top.dark {
    background-color: #39374e !important
}

.header_top.dark .nav-link {
    color: #f1f1f1 !important
}

.card {
    /* background-color: #fff */
    background-color: #fafafa;
}

/*Changes by Roshani 14-Sep-22*/
/* .card {
    background-color: #fafbff;
} */

.card .card-options a {
    color: #5a5278
}

.card .card-options a.btn {
    color: #fff
}

.card.card-fullscreen {
    background-color: #fff !important
}

.metismenu a {
    color: #2c2945
}

.metismenu a:hover {
    color: #5a5278;
    border-color: #5a5278
}

.metismenu .active>a {
    /* color: #5a5278; */
    color: #f2f2f2;
    border-color: #5a5278
}

.metismenu .active ul .active a {
    color: #5a5278;
    background: transparent
}

.metismenu.grid>li.active>a,
.metismenu.grid>li>a:hover {
    background: rgba(90, 82, 120, 0.1);
    color: #5a5278
}

.inbox .detail {
    background: #fff
}

.file_folder a {
    background: #fff;
    border-color: #f1f1f1
}

.auth .auth_left {
    background: #fff
}

.gender_overview {
    background: #f1f1f1
}

.table-calendar-link {
    background: #5a5278
}

.table-calendar-link:hover {
    background: #39374e
}

.table-calendar-link::before {
    background: #39374e
}

.theme_div {
    background: #fff
}

.ribbon .ribbon-box.green {
    background: #cedd7a
}

.ribbon .ribbon-box.green::before {
    border-color: #cedd7a;
    border-right-color: transparent
}

.ribbon .ribbon-box.orange {
    background: #5a5278
}

.ribbon .ribbon-box.orange::before {
    border-color: #5a5278;
    border-right-color: transparent
}

.ribbon .ribbon-box.pink {
    background: #e8769f
}

.ribbon .ribbon-box.pink::before {
    border-color: #e8769f;
    border-right-color: transparent
}

.ribbon .ribbon-box.indigo {
    background: #e4bd51
}

.ribbon .ribbon-box.indigo::before {
    border-color: #e4bd51;
    border-right-color: transparent
}

.text-orange {
    color: #e4bd51 !important
}

.tag-info {
    background: #5a5278
}

.tag-success,
.tag-green {
    background: #cedd7a
}

.tag-orange {
    background: #e8769f
}

.tag-danger {
    background: #e8769f
}

.bg-success {
    background: #cedd7a !important
}

.bg-danger {
    background-color: #e8769f !important
}

.auth .auth_left {
    background: #39374e
}

.auth .auth_left .card {
    padding: 20px;
    right: -150px;
    /* z-index: 99999 */
}

@media only screen and (max-width: 1024px) {
    .auth .auth_left .card {
        right: -50px
    }
}

@media only screen and (max-width: 992px) {
    .auth .auth_left .card {
        right: auto
    }
}

.top_dark {
    /* background-color: #39374e !important */
    /* background: #713f93!important */
    background: #fff !important
}

.top-8 {
    top: -8px;
}

.sidebar_dark #left-sidebar {
    background-color: #39374e !important
}

.sidebar_dark #header_top .nav-link {
    color: #f1f1f1 !important
}

.sidebar_dark .sidebar .metismenu .active>a {
    color: #e4bd51
}

.sidebar_dark .sidebar .metismenu .active ul .active a {
    color: #e4bd51
}

.iconcolor #header_top .nav-link {
    color: #e4bd51 !important
}

.gradient .custom-switch-input:checked~.custom-switch-indicator {
    background: linear-gradient(45deg, #5a5278, #e8769f) !important
}

.gradient .metismenu.grid>li.active>a,
.gradient .metismenu.grid>li>a:hover {
    background: linear-gradient(45deg, #5a5278, #5a5278) !important;
    color: #fff;
    border: 0
}

.gradient .btn-primary {
    background: linear-gradient(45deg, #5a5278, #e8769f) !important;
    border: 0
}

.gradient .btn-dark {
    background: linear-gradient(45deg, #808488, #333537) !important
}

.gradient .bg-success,
.gradient .bg-danger,
.gradient .badge-success,
.gradient .progress-bar,
.gradient .btn-danger {
    background: linear-gradient(45deg, #5a5278, #e8769f) !important
}

.metismenu.grid>li>a {
    border-color: #5a5278
}


/* Custom Css Start Here */


/* tabview css start here */

.tabview {
    display: grid;
    height: 100%;
    width: 100%;
    overflow: hidden;
    grid-template-rows: 40px 1fr;
    grid-template-columns: 2fr 2fr 2fr;
    font-family: Montserrat, sans-serif !important;
}

.tabview input[type="radio"] {
    display: none;
}

.tabview label.nav {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    /* border-bottom: 2px solid #acbe0e; */
    /* border-bottom: 2px solid #38b449; */
    border-right: 1px solid #999;
    /* border-left: 1px solid #38b449;
  border-top: 2px solid #38b449; */
    background: #ecf0f1;
    user-select: none;
    transition: background 0.4s, padding-left 0.2s;
    padding-left: 0;
    font-family: Montserrat, sans-serif !important;
}

.tabview input[type="radio"]:checked+.tabs+label.nav {
    /* background: linear-gradient(-45deg, #D6ED17FF, #acbe0e); */
    /* background: #38b449;
    color: #ffffff;
    padding-left: 0px; */
    /* background: #3e2a4c; */
    color: #ffffff;
    padding-left: 0px;
    /* border-top: 5px solid #d21b59; */
}

.tabview input[type="radio"]:checked+.tabs+label.nav span {
    padding-left: 0px;
}

.tabview label.nav span {
    padding-left: 0px;
    position: relative;
    font-size: 16px !important;
    font-weight: bold;
    font-family: Montserrat, sans-serif !important;
}

.tabs {
    grid-column-start: 1;
    grid-row-start: 2;
    grid-column-end: span 3;
    padding: 0px 0px;
    /* display: flex; */
    align-items: center;
}

input[type="radio"]+.tabs {
    transition: transform 0.2s;
    transform: translateX(100%);
}

input[type="radio"]:checked+.tabs {
    transform: translateX(0%);
}

input[type="radio"]:checked+.tabs .tabview-contents>* {
    opacity: 1;
    transform: translateY(0px);
}

.tabview-contents {
    max-width: 100%;
    padding: 20px;
    margin: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-family: Montserrat, sans-serif !important;
}


/* tabview css End here */


/* tabview css start here */

.apprtabview {
    display: grid;
    height: 100%;
    width: 100%;
    overflow: hidden;
    grid-template-rows: 40px 1fr;
    grid-template-columns: 2fr 2fr 2fr 2fr 2fr;
    font-family: Montserrat, sans-serif !important;
}

.apprtabview input[type="radio"] {
    display: none;
}

.apprtabview label.nav {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    /* border-bottom: 2px solid #acbe0e; */
    /* border-bottom: 2px solid #38b449; */
    background: #ecf0f1;
    user-select: none;
    transition: background 0.4s, padding-left 0.2s;
    padding-left: 0;
    font-family: Montserrat, sans-serif !important;
}

.apprtabview input[type="radio"]:checked+.apprtabs+label.nav {
    /* background: linear-gradient(-45deg, #D6ED17FF, #acbe0e); */
    /* background: #38b449;
    color: #ffffff;
    padding-left: 0px; */
    /* background: #3e2a4c !important; */
    color: #ffffff !important;
    padding-left: 0px !important;
    /* border-top: 5px solid #d21b59 !important; */
}

.apprtabview input[type="radio"]:checked+.apprtabs+label.nav span {
    padding-left: 0px;
}

.apprtabview label.nav span {
    padding-left: 0px;
    position: relative;
    font-size: 15px !important;
    font-weight: bold;
    font-family: Montserrat, sans-serif !important;
}

.apprtabs {
    grid-column-start: 1;
    grid-row-start: 2;
    grid-column-end: span 5;
    padding: 0px 0px;
    /* display: flex; */
    align-items: center;
}

input[type="radio"]+.apprtabs {
    transition: transform 0.2s;
    transform: translateX(100%);
}

input[type="radio"]:checked+.apprtabs {
    transform: translateX(0%);
}

input[type="radio"]:checked+.apprtabs .tabview-contents>* {
    opacity: 1;
    /* transform: translateY(0px); */
}

.apprtabview-contents {
    max-width: 100%;
    padding: 20px;
    margin: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-family: Montserrat, sans-serif !important;
}


/* tabview css End here */


/* Feildset CSS Start*/

legend {
    padding: 7px !important;
    margin-left: 0px !important;
    color: #713f93 !important;
    font-weight: bold;
    border-radius: 5px !important;
    width: auto !important;
    font-size: 13px !important;
    margin-bottom: 8px !important;
    font-family: Montserrat, sans-serif !important;
}

fieldset {
    border: 2px solid #dee2e6 !important;
    padding: 15px;
    border-radius: 6px;
}


/* Feildset CSS End*/

.padding-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.padding-left {
    padding-left: 0px;
}

.padding-0-css {
    padding: 0px !important;
}

.pd-5 {
    padding: 5px !important;
    border-bottom: 1px solid #ccc !important;
}


/* custom button css Start*/

.bg-teal-400 {
    background-color: #343a40 !important;
}

.bg-btn-red {
    background-color: #cc0000 !important;
}

.btn-bg-green {
    background-color: #006666 !important;
}

.btn-bg-add {
    background-color: #2eaaae !important;
}

.btn-labeled-left {
    padding-left: 3.12506rem !important;
}

.custom_btn {
    position: relative;
}

.custom_btn {
    display: inline-block;
    font-weight: 400;
    color: #333;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding-right: 9px !important;
    padding-top: 4px !important;
    padding-bottom: 6px !important;
    padding-left: 39px !important;
    font-size: .8125rem;
    line-height: 26px;
    border-radius: .1875rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.add_custom_btn {
    display: inline-block;
    font-weight: 400;
    color: #333;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding-right: 9px !important;
    padding-top: 4px !important;
    padding-bottom: 6px !important;
    padding-left: 39px !important;
    font-size: .8125rem;
    line-height: 26px;
    border-radius: .1875rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.add_custom_btn {
    position: relative;
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button;
}

.custom_button button,
select {
    text-transform: none;
}

.custom_button button,
input {
    overflow: visible;
}

.custom_button button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.custom_button button {
    border-radius: 0;
}

[class*=bg-]:not(.bg-transparent):not(.bg-light):not(.bg-white):not(.btn-outline):not(body) {
    color: #fff;
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer;
}

.btn-labeled-left>b {
    left: -1px;
    border-top-left-radius: .1875rem;
    border-bottom-left-radius: .1875rem;
}

.btn-labeled>b {
    position: absolute;
    top: 0px;
    background-color: rgba(0, 0, 0, .15);
    display: block;
    line-height: 1;
    padding: 11px;
}

b,
strong {
    font-weight: bolder;
}

.font-weight {
    font-weight: normal;
}

.btn-labeled>b>i {
    top: 0;
}

[class*=" icon-"],
[class^=icon-] {
    /* font-family: icomoon!important; */
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    min-width: 1em;
    display: inline-block;
    text-align: center;
    font-size: 1rem;
    vertical-align: middle;
    position: relative;
    top: -1px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
}


/* custom button css end*/


/* custom text color css Start */

.text-000 {
    color: #000 !important;
}

.text-green {
    color: #99cc00 !important;
}

.text-dark-green {
    color: #336600 !important;
}

.text-red {
    color: #cc0000 !important;
}

.text-orange {
    color: #ff6600 !important;
}

.text-blue {
    color: #0066cc !important;
}

.text-cyan {
    color: #006666 !important;
}

.text-purple {
    color: #713f93 !important
}

.text-white {
    color: #fff !important;
}

.text-gray {
    color: #999999 !important;
}

.text-light-green {
    color: #38b449 !important;
}

.inline_center {
    display: inline !important;
}

.text-link {
    color: blue !important;
    text-decoration: underline !important;
    cursor: pointer !important;
}

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

.text-bold {
    font-weight: bold !important;
}

.match-accountNo {
    color: #4caf50;
}

.copy-from-btn {
    height: fit-content;
    margin: auto;
    display: grid;
    cursor: pointer;
}

.bg-color-purple {
    background-color: #713f93 !important;
    background: #713f93 !important;
    color: #fff !important;
}

.bg-color-gray {
    background-color: #4d4d4d !important;
    color: #fff !important;
}

.bg-color-blue {
    background-color: #0066cc !important;
    color: #fff !important;
}

.bg-color-white {
    background-color: #fff !important;
    color: #0c0d0e !important;
}

.bg-color-green {
    background-color: #336600 !important;
}

.bg-color-lightgray {
    background-color: #f2f2f2 !important;
    color: #999 !important;
    border: 1px solid #999 !important;
}

.bg-color-light_gray {
    background-color: #f2f2f2 !important;
    color: #000 !important;
}

.background-color-white {
    background: rgb(250, 248, 248);
}

.padding-right-2 {
    padding-right: 2px !important;
}

.padding-right-12 {
    padding-right: 12px !important;
}

.d-flex {
    display: flex !important;
}

.justify-content-spacearound {
    justify-content: space-around !important;
}

.justify-content-spacebetween {
    justify-content: space-between !important;
}

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

.justify-content-center {
    justify-content: center !important;
}

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

.radius-12 {
    border-radius: 12px !important;
}


/* custom text color css end */


/* Custom Width css Start */
.wd-262 {
    width: 262px !important;
}

.wd2 {
    width: 2px !important;
}

.wd-2 {
    width: 2% !important;
}

.wd-4 {
    width: 4% !important;
}

.wd_5 {
    width: 5.5% !important;
}

.wd_7 {
    width: 7.5% !important;
}

.wd-6 {
    width: 6% !important;
}

.wid-92 {
    width: 92% !important;
}

.wid-98 {
    width: 98% !important;
}

.wd-7 {
    width: 7% !important;
}

.wid77 {
    width: 77% !important;
}

.wd_8 {
    width: 8.5% !important;
}

.wd-8 {
    width: 8% !important;
}

.wd-9 {
    width: 9% !important;
}

.wd_9 {
    width: 9.5% !important;
}

.wd-10 {
    width: 10% !important;
}

.wd-11 {
    width: 11% !important;
}

.wd-102 {
    width: 102% !important;
}

.wd_11 {
    width: 11.5% !important;
}

.wd-12 {
    width: 12% !important;
}

.wd_12 {
    width: 12.5% !important;
}

.wd-13 {
    width: 13% !important;
}

.wd_13 {
    width: 13.5% !important;
}

.wd-14 {
    width: 14% !important;
}

.wd_14 {
    width: 14.5% !important;
}

.wd-15 {
    width: 15% !important;
}

.wd-16 {
    width: 16% !important;
}

.wd-18 {
    width: 18% !important;
}

.wd-17 {
    width: 17% !important;
}

.wd-19 {
    width: 19% !important;
}

.wd-20 {
    width: 20% !important;
}

.wd-30 {
    width: 30% !important;
}

.wd-25 {
    width: 25% !important;
}

.wd-40 {
    width: 40% !important;
}

.wd-41 {
    width: 41% !important;
}

.wd-45 {
    width: 45% !important;
}

.wd-50 {
    width: 50% !important;
}

.wd-150 {
    width: 150px !important;
}

.wd-60 {
    width: 60px;
}

.wd-92 {
    width: 92px !important;
}

.wd-120 {
    width: 120px !important;
}

.wd-170 {
    width: 170px !important;
}

.wd-175 {
    width: 175px !important;
}

.wd-200 {
    width: 200px !important;
}

.height-50 {
    height: 50px !important;
}

.height-200 {
    height: 200px !important;
}

.height-756 {
    height: 756px !important;
    overflow-y: auto;
}

.height-188 {
    height: 188px !important;
}

.height-137 {
    height: 137px !important;
}

.wd-27 {
    width: 27% !important;
}

.wd-80 {
    width: 80px !important;
}

.font-size-15 {
    font-size: 15px;
}

.border-none {
    border: none !important;
}

/* Custom Width css End */


/* Custom table css start */

.Custom_Table .table td,
.table th {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    font-size: 12px !important;
}

.Custom_Table .table td,
.table th {
    vertical-align: middle !important;
    text-align: center;
}

.Custom_Table .table tbody {
    border: 2px solid #E8E9E9 !important;
}

.Custom_Table .table .thead-dark th {
    color: #fff;
    /* background: linear-gradient(-186deg, #8c8c8c, #606060); */
    background-color: #8d8b8d;
    font-weight: 500;
}

.Custom_Table .table .thead-green th {
    background-color: green;
    font-weight: 500;
    color: #fff;
}

.Custom_Table .table th {
    position: sticky;
    top: 0;
    z-index: 99;
}

.Custom_Table .table {
    table-layout: auto !important;
    margin-bottom: 0px !important;
}

.Custom_Table .table td {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.table-light-color {
    background: linear-gradient(-186deg, #f2f2f2, #cccccc) !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.font-bold {
    font-weight: bold !important;
}

.Custom_Table .table th {
    text-transform: unset !important;
    /* text-transform: capitalize!important; */
}

.bs-datepicker-container {
    padding: 0px !important;
}

.custom_icon_badge {
    position: relative;
    display: inline-block;
}

.clone_Icon {
    position: absolute;
    top: -7px;
    right: -4px;
    font-size: 10px;
    width: 20px;
    height: 20px;
    line-height: 12px;
    font-weight: bold;
    color: #006666;
    padding: 3px;
    border: 1px solid #999;
    background: #f2f2f2;
    border-radius: 50px;
}

.custom_Label_badge {
    position: relative;
    display: inline-block;
}

.custom_Label_badge button {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 12px;
}

.Label_badge {
    position: absolute;
    top: -11px;
    right: -13px;
    font-size: 10px;
    width: 26px;
    height: 24px;
    line-height: 17px;
    font-weight: bold;
    color: #006666;
    padding: 3px;
    border: 1px solid #999;
    background: #f2f2f2;
    border-radius: 50px;
}

.Letterbadge {
    /* background: linear-gradient(-45deg, #6c7709, #97a60c); */
    background: #006666;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 24px;
    margin-right: 5px;
    text-align: center;
    width: 25px;
    height: 25px;
}

.notificationbadge {
    background-color: #713f93 !important;
    background: #713f93 !important;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    font-size: 10px;
    line-height: 20px;
    margin-right: 5px;
    text-align: center;
    width: 20px;
    height: 20px;
}

.mergeicon {
    /* position: absolute;
  right: -6px;
  color: green; */
    position: absolute;
    right: -314px;
    top: 2px;
    color: green;
}

.position_relative {
    position: relative !important;
}

.position-absolute {
    position: absolute;
    right: 15px;
    font-size: 16px;
    z-index: 1000;
    top: 30px;
}

.row-card-color {
    background: #fff !important;
    border: 1px solid #ddd !important;
    box-shadow: 4px 0px 8px 5px #f2f2f2 !important;
}

.copy-btn {
    color: #713f93;
    cursor: pointer;
}

.eye-icon-payroll {
    float: right;
    /* margin-left: 0px; */
    margin-right: 24px;
    margin-top: -28px;
    position: relative;
    z-index: 2;
    color: #662d8c !important;
    cursor: pointer;
}

.btn-add-payroll {
    background-color: #713f93 !important;
    color: white;
}


/* datepicker header css start */

.theme-green .bs-datepicker-head {
    /* background: linear-gradient(-45deg, #6c7709, #818e0b)!important; */
    background: #006666 !important;
}

.theme-green .bs-datepicker-body table td.week span {
    color: #cc0000 !important;
}

.bs-datepicker .bs-media-container {
    font-family: Montserrat, sans-serif !important;
}

.bs-datepicker-head button.current {
    font-size: 12px !important;
}

.theme-green .bs-datepicker-body table td span.selected,
.theme-green .bs-datepicker-body table td.selected span,
.theme-green .bs-datepicker-body table td span[class*="select-"]:after,
.theme-green .bs-datepicker-body table td[class*="select-"] span:after {
    background-color: #006666 !important;
    font-weight: bold;
}

th .p-dialog .p-dialog-footer {
    border-top: 0 none;
    background: #f2f2f2 !important;
    color: #495057;
    border-top: 1px solid #ccc !important;
    padding: 2% !important;
    text-align: right;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.p-dialog .p-dialog-header {
    border-bottom: 0 none;
    background: #f2f2f2 !important;
    color: #495057 !important;
    border-bottom: 1px solid #ccc !important;
    padding: 2% !important;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.p-fileupload .p-fileupload-row>div {
    padding: 10px !important;
}

.p-fileupload-row div:nth-child(2) {
    width: 70% !important;
}

.p-fileupload-row div:nth-child(3) {
    width: 20% !important;
}

.p-fileupload-row div:nth-child(4) {
    width: 10% !important;
}

.p-fileupload-row div:first-child {
    display: none !important;
}

.p-fileupload-row {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    background: #f3f3f3 !important;
    border: 1px solid #ccc !important;
    margin-bottom: 5px !important;
}

.p-dialog .p-dialog-content {
    background: #ffffff;
    color: #495057;
    padding: 10px !important;
}

.p-toast {
    z-index: 99999 !important;
}

.p-fileupload .p-fileupload-buttonbar {
    padding: 8px !important;
}

.p-button {
    padding: 7px !important;
    font-size: 15px !important;
}

.p-fileupload .p-fileupload-content {
    background: #ffffff;
    padding: 20px !important;
}

.p-button.p-button-icon-only {
    width: 35px !important;
    height: 35px !important;
    padding: 0.5rem 0 !important;
}

.box-border {
    border: 2px dotted #ccc !important;
    border-radius: 3px !important;
    background-color: #f2f2f2 !important;
}

.box-line-border {
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
    background-color: #f1f1f1 !important;
}

.border-1 {
    border: 1px solid #ccc;
}

.card-box-border {
    border: 1px solid #ccc !important;
    border-radius: 2px !important;
    background-color: #fff !important;
}

.disabled_label {
    font-size: 12px;
    color: #333;
    width: 100%;
    box-sizing: border-box;
    letter-spacing: normal;
    background-color: #fff !important;
    cursor: no-drop !important;
    padding: 3px 14px 3px !important;
    border: 1px solid #ccc;
    transition: 0.4s;
    margin-bottom: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-ellipsis {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form-control:disabled,
.form-control[readonly] {
    /* background-color: #f4f4f4!important; */
    border: 1px solid #ddd !important;
    opacity: 1;
    color: #000 !important;
    background-color: #00000036 !important;
    /* background: #f1f1f1 !important; */
    cursor: no-drop !important;
}

.custom-control-label {
    font-size: 12px !important;
    line-height: 21px !important;
}

.swal2-styled {
    margin: .3125em;
    padding: 4px 20px 4px 21px !important;
    box-shadow: none;
    font-weight: 500;
    font-size: 12px !important;
}

.swal2-title {
    color: #fff !important;
}

.color-brown {
    color: brown;
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent;
    color: #fff !important;
}

.swal2-popup.swal2-toast {
    border-left: 10px solid #404040 !important;
    /* border: 1px solid #000; */
    background: #666666 !important;
}

button:focus {
    outline: none !important;
}

.scroll-to-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    opacity: 0;
    transition: all .2s ease-in-out;
}

.show-scrollTop {
    transition: all .2s ease-in-out;
    background: #000;
    color: #fff;
    opacity: 0.7;
    border-radius: 3px;
}

.checkbox-center {
    padding-left: 28px !important;
}

.country-code {
    margin-right: -15px;
}

[hidden] {
    display: none !important;
}

.form-control.is-invalid {
    background-image: none !important;
}

.disabled-btn-bg-green {
    background-color: #94c1c1 !important;
}

.field-icon {
    float: right;
    margin-left: -25px;
    margin-right: 4px;
    margin-top: -21px;
    position: relative;
    z-index: 2;
    color: #662d8c !important;
    cursor: pointer;
}

.p-inputtext {
    font-family: "Montserrat", sans-serif !important;
    font-size: 12px !important;
    color: #495057 !important;
    background: #fff !important;
    padding: .375rem .75rem !important;
    line-height: 1.5 !important;
    border: 1px solid #ddd !important;
    border-radius: .25rem !important;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s !important;
    appearance: none !important;
    border-radius: 3px !important;
}

.p-component {
    font-family: "Montserrat", sans-serif !important;
    /* // font-size: 7rem; */
    font-weight: 400 !important;
    width: 100% !important;
}

.p-inputtext:disabled,
.form-control[readonly] {
    /* background-color: #f4f4f4!important; */
    border: 1px solid #ddd !important;
    opacity: 1 !important;
    color: #000 !important;
    background-color: #00000036 !important;
    cursor: no-drop !important;
}

.down-arrow-icon {
    float: right;
    margin-left: -16px;
    margin-top: 9px;
    position: absolute;
    /* margin-right: 233px; */
    z-index: 2;
    font-size: smaller;
    /* color: #662d8c !important; */
    cursor: pointer;
}

.p-button {
    margin: 0 !important;
    display: inline-flex !important;
    cursor: pointer !important;
    user-select: none !important;
    align-items: center !important;
    vertical-align: bottom !important;
    text-align: center !important;
    overflow: hidden !important;
    position: relative !important;
}

.pi {
    font-family: 'primeicons' !important;
    /* speak: none; */
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1;
    display: inline-block !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: antialiased !important;
}

.code-line {
    margin-top: 44px;
}

.thumbnail {
    /* // position: absolute; */
    width: 123px;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    /* // border: ridge 3px #e7deec; */
}

.thumbnail img {
    cursor: pointer;
    /* // position: absolute; */
    left: 52px;
    top: 71px;
    width: 100%;
    height: auto;
    min-height: 120px;
    display: block;
    /* border: ridge; */
    /*css added  by sneha*/
    padding: 7px;
    border-radius: 13px;
    border: 2px solid #ddd;
    /* // -webkit-transform: translate(-50%,-50%);
    //     -ms-transform: translate(-50%,-50%);
    //         transform: translate(-50%,-50%); */
}

.image-size-info {
    margin-top: 4px;
    color: purple;
    font-weight: 500;
    font-size: 11px;
    text-align: center
}

.disabled-btn-bg-green {
    background-color: #94c1c1 !important;
}

.small-size {
    font-size: 7px;
}

.font-size-10 {
    font-size: 10px !important;
}

.form-control.is-invalid {
    background-image: none !important;
}

.primeng-table-header-center {
    text-align: center !important;
}

.p-button.p-button-icon-only {
    width: 2.357rem;
    padding: 0 11px !important;
    max-width: 43px;
}


/* .p-button-label {
    visibility: hidden !important;
} */

.p-inputtext:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: center right calc(0.375em + 0.1875rem);
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

input {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form-control {
    color: #0c0d0e !important;
    font-weight: 420;
}

.labelbox {
    padding: 5px;
    border: 1px solid #ccc;
    background-color: #f2f2f2;
    margin-bottom: 10px;
    width: 100%;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.fileuploadbox {
    border: 2px dotted grey;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    margin-top: 5px;
}

.filelabeldisplay {
    width: 100%;
    display: flex;
    justify-content: space-between;
    transition: border 300ms ease;
    cursor: pointer;
    padding: 4px;
    margin-bottom: 0px !important;
    /* border-bottom: 2px solid #ddd; */
    text-align: left;
}

.filelabel {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 4px;
    transition: border 300ms ease;
    cursor: pointer;
    text-align: center;
}

.filelabel i {
    display: block;
    font-size: 20px;
    line-height: 22px;
    margin-right: 10px;
    padding-bottom: 0px;
}

.filelabel i,
.filelabel .title {
    color: grey;
    transition: 200ms color;
}


/* .filelabel:hover {
border: 2px dashed #38b449;
} */

.filelabel:hover i,
.filelabel:hover .title {
    color: #38b449;
}

#FileInput {
    display: none;
}

.selectedtransaction {
    /* padding: 10px;
border-radius: 22px;
border-top: 2px dotted green;
border-left: 2px dotted green;
border-right: 2px dotted green; */
    border-bottom: 2px dotted green;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
}

.Box-Spacing {
    margin: 20px !important;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.large-popup-width .modal-content {
    width: 1000px !important;
}

.Next_Previous_Btn {
    background: #000;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 20%;
}

.top_dark1 {
    background: #ddd !important;
}

.no-border {
    border: 0 !important;
}

.highlightlabel {
    -webkit-animation: color-change 1s infinite;
    -moz-animation: color-change 1s infinite;
    -o-animation: color-change 1s infinite;
    -ms-animation: color-change 1s infinite;
    animation: color-change 1s infinite;
}

@-webkit-keyframes color-change {
    0% {
        color: #38b449;
    }

    50% {
        color: blue;
    }

    100% {
        color: orangered;
    }
}

@-moz-keyframes color-change {
    0% {
        color: #38b449;
    }

    50% {
        color: blue;
    }

    100% {
        color: orangered;
    }
}

@-ms-keyframes color-change {
    0% {
        color: #38b449;
    }

    50% {
        color: blue;
    }

    100% {
        color: orangered;
    }
}

@-o-keyframes color-change {
    0% {
        color: #38b449;
    }

    50% {
        color: blue;
    }

    100% {
        color: orangered;
    }
}

@keyframes color-change {
    0% {
        color: #38b449;
    }

    50% {
        color: blue;
    }

    100% {
        color: orangered;
    }
}

.loadercontainer {
    width: 112px;
    height: 112px;
}

.loadercontainer .box1,
.loadercontainer .box2,
.loadercontainer .box3 {
    border: 16px solid #f5f5f5;
    box-sizing: border-box;
    position: absolute;
    display: block;
}

.loadercontainer .box1 {
    width: 112px;
    height: 48px;
    margin-top: 64px;
    margin-left: 0px;
    -webkit-animation: anime1 4s 0s forwards ease-in-out infinite;
    animation: anime1 4s 0s forwards ease-in-out infinite;
}

.loadercontainer .box2 {
    width: 48px;
    height: 48px;
    margin-top: 0px;
    margin-left: 0px;
    -webkit-animation: anime2 4s 0s forwards ease-in-out infinite;
    animation: anime2 4s 0s forwards ease-in-out infinite;
}

.loadercontainer .box3 {
    width: 48px;
    height: 48px;
    margin-top: 0px;
    margin-left: 64px;
    -webkit-animation: anime3 4s 0s forwards ease-in-out infinite;
    animation: anime3 4s 0s forwards ease-in-out infinite;
}

@-webkit-keyframes anime1 {
    0% {
        width: 112px;
        height: 48px;
        margin-top: 64px;
        margin-left: 0px;
    }

    12.5% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 0px;
    }

    25% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 0px;
    }

    37.5% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 0px;
    }

    50% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 0px;
    }

    62.5% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 0px;
    }

    75% {
        width: 48px;
        height: 112px;
        margin-top: 0px;
        margin-left: 0px;
    }

    87.5% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 0px;
    }

    100% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 0px;
    }
}

@keyframes anime1 {
    0% {
        width: 112px;
        height: 48px;
        margin-top: 64px;
        margin-left: 0px;
    }

    12.5% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 0px;
    }

    25% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 0px;
    }

    37.5% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 0px;
    }

    50% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 0px;
    }

    62.5% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 0px;
    }

    75% {
        width: 48px;
        height: 112px;
        margin-top: 0px;
        margin-left: 0px;
    }

    87.5% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 0px;
    }

    100% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 0px;
    }
}

@-webkit-keyframes anime2 {
    0% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 0px;
    }

    12.5% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 0px;
    }

    25% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 0px;
    }

    37.5% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 0px;
    }

    50% {
        width: 112px;
        height: 48px;
        margin-top: 0px;
        margin-left: 0px;
    }

    62.5% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 64px;
    }

    75% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 64px;
    }

    87.5% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 64px;
    }

    100% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 64px;
    }
}

@keyframes anime2 {
    0% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 0px;
    }

    12.5% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 0px;
    }

    25% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 0px;
    }

    37.5% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 0px;
    }

    50% {
        width: 112px;
        height: 48px;
        margin-top: 0px;
        margin-left: 0px;
    }

    62.5% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 64px;
    }

    75% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 64px;
    }

    87.5% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 64px;
    }

    100% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 64px;
    }
}

@-webkit-keyframes anime3 {
    0% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 64px;
    }

    12.5% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 64px;
    }

    25% {
        width: 48px;
        height: 112px;
        margin-top: 0px;
        margin-left: 64px;
    }

    37.5% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 64px;
    }

    50% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 64px;
    }

    62.5% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 64px;
    }

    75% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 64px;
    }

    87.5% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 64px;
    }

    100% {
        width: 112px;
        height: 48px;
        margin-top: 64px;
        margin-left: 0px;
    }
}

@keyframes anime3 {
    0% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 64px;
    }

    12.5% {
        width: 48px;
        height: 48px;
        margin-top: 0px;
        margin-left: 64px;
    }

    25% {
        width: 48px;
        height: 112px;
        margin-top: 0px;
        margin-left: 64px;
    }

    37.5% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 64px;
    }

    50% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 64px;
    }

    62.5% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 64px;
    }

    75% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 64px;
    }

    87.5% {
        width: 48px;
        height: 48px;
        margin-top: 64px;
        margin-left: 64px;
    }

    100% {
        width: 112px;
        height: 48px;
        margin-top: 64px;
        margin-left: 0px;
    }
}

.tabview_fixed_deposit {
    display: grid;
    height: 100%;
    width: 100%;
    overflow: hidden;
    grid-template-rows: 40px 1fr;
    grid-template-columns: 2fr 2fr !important;
    font-family: Montserrat, sans-serif !important;
}

.flex-directioncol {
    flex-direction: column !important;
}

.mb_5 {
    margin-bottom: 5px !important;
}


/* job master tab set */


/*
CSS for the main interaction
*/

.tabset>input[type="radio"] {
    position: absolute;
    left: -200vw;
}

.tabset .tab-panel {
    display: none;
}

.tabset>input:first-child:checked~.tab-panels>.tab-panel:first-child,
.tabset>input:nth-child(3):checked~.tab-panels>.tab-panel:nth-child(2),
.tabset>input:nth-child(5):checked~.tab-panels>.tab-panel:nth-child(3),
.tabset>input:nth-child(7):checked~.tab-panels>.tab-panel:nth-child(4),
.tabset>input:nth-child(9):checked~.tab-panels>.tab-panel:nth-child(5),
.tabset>input:nth-child(11):checked~.tab-panels>.tab-panel:nth-child(6),

.tabset>input:nth-child(13):checked~.tab-panels>.tab-panel:nth-child(7),
.tabset>input:nth-child(15):checked~.tab-panels>.tab-panel:nth-child(8),
.tabset>input:nth-child(17):checked~.tab-panels>.tab-panel:nth-child(9),
.tabset>input:nth-child(19):checked~.tab-panels>.tab-panel:nth-child(10),
.tabset>input:nth-child(21):checked~.tab-panels>.tab-panel:nth-child(11),
.tabset>input:nth-child(23):checked~.tab-panels>.tab-panel:nth-child(12),
.tabset>input:nth-child(25):checked~.tab-panels>.tab-panel:nth-child(13),
.tabset>input:nth-child(27):checked~.tab-panels>.tab-panel:nth-child(14) {
    display: block;
}

.tabset>label {
    position: relative;
    display: inline-block;
    padding: 15px 15px 25px;
    padding: 15px 25px 25px;
    /* padding: 15px 25px 25px; */
    border: 1px solid transparent;
    border-bottom: 0;
    cursor: pointer;
    font-weight: 600;
    margin-bottom: 0px;
}

.tabset>label::after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 10px;
    width: 40px;
    height: 4px;
    background: #8d8d8d;
}

.tabset>label:hover,
.tabset>input:focus+label {
    color: #713f93 !important;
}

.tabset>label:hover::after,
.tabset>input:focus+label::after,
.tabset>input:checked+label::after {
    background: #713f93 !important;
}

.tabset>input:checked+label {
    border-color: #ccc;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
    color: #713f93 !important;
}

.tab-panel {
    padding: 30px 0;
    border-top: 1px solid #ccc;
}

.tab-panel {
    border: 1px solid #ddd;
    padding: 15px;
}

.tabset {
    width: 100%;
}

.tabset>input[type="radio"] {
    position: absolute;
    left: -200vw;
}

.tabset .tab-panel {
    display: none;
}

.tabset>input:first-child:checked~.tab-panels>.tab-panel:first-child,
.tabset>input:nth-child(3):checked~.tab-panels>.tab-panel:nth-child(2),
.tabset>input:nth-child(5):checked~.tab-panels>.tab-panel:nth-child(3),
.tabset>input:nth-child(7):checked~.tab-panels>.tab-panel:nth-child(4),
.tabset>input:nth-child(9):checked~.tab-panels>.tab-panel:nth-child(5),
.tabset>input:nth-child(11):checked~.tab-panels>.tab-panel:nth-child(6) {
    display: block;
}

.tabset>label {
    position: relative;
    display: inline-block;
    padding: 15px 14px 25px;
    border: 1px solid transparent;
    border-bottom: 0;
    cursor: pointer;
    font-weight: 600;
    margin-bottom: 0px;
}

.tabset>label::after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 10px;
    width: 40px;
    height: 4px;
    background: #8d8d8d;
}

.tabset>label:hover,
.tabset>input:focus+label {
    color: #ba184f !important;
}

.tabset>label:hover::after,
.tabset>input:focus+label::after,
.tabset>input:checked+label::after {
    background: #ba184f !important;
}

.tabset>input:checked+label {
    border: 2px solid #3e2a4c !important;
    border-top: 7px solid #3e2a4c !important;
    border-bottom: 2px solid #ffffff !important;
    margin-bottom: -1px;
    color: #ba184f !important;
}

g .tab-panel {
    padding: 30px 0;
    border-top: 1px solid #ccc;
}

.tab-panel {
    border: 1px solid #ddd;
    padding: 15px;
}

.tabset {
    width: 100%;
}


/* end of job tab set */

.tabview_upload_excel {
    display: grid;
    height: 100%;
    width: 100%;
    overflow: hidden;
    grid-template-rows: 40px 1fr;
    grid-template-columns: 2fr 2fr !important;
    font-family: Montserrat, sans-serif !important;
}

.d-flex {
    display: flex !important;
}

.toggle-box {
    display: none;
}

.toggle-box+label {
    cursor: pointer;
    display: block;
    font-weight: bold;
    line-height: 21px;
    margin-bottom: 5px;
}

.toggle-box+label+div {
    display: none;
    margin-bottom: 10px;
}

.toggle-box:checked+label+div {
    display: block;
}

.toggle-box+label:before {
    background-color: #4F5150;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #FFFFFF;
    content: "+";
    display: block;
    float: left;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    margin-right: 5px;
    text-align: center;
    width: 20px;
}

.toggle-box:checked+label:before {
    content: "\2212";
}

.toggle-sub-box {
    display: none;
}

.toggle-sub-box+label {
    cursor: pointer;
    display: block;
    font-weight: bold;
    line-height: 21px;
    margin-bottom: 5px;
}

.toggle-sub-box+label+div {
    display: none;
    margin-bottom: 10px;
}

.toggle-sub-box:checked+label+div {
    display: block;
}

.toggle-sub-box+label:before {
    background-color: #4F5150;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #FFFFFF;
    content: "\1F892";
    display: block;
    float: left;
    font-weight: bold;
    font-size: 20px;
    height: 20px;
    line-height: 18px;
    margin-right: 5px;
    text-align: center;
    width: 20px;
}

.toggle-sub-box:checked+label:before {
    background-color: #4F5150;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #FFFFFF;
    content: "\1F893";
    display: block;
    float: left;
    font-weight: bold;
    font-size: 20px;
    height: 20px;
    line-height: 35px;
    margin-right: 5px;
    text-align: center;
    width: 20px;
}

.selectedfield {
    font-weight: bold !important;
    text-decoration: underline !important;
}

.multiselect-dropdown {
    font-weight: 500 !important;
    font-size: 12px !important;
}

.next-previous-disabled {
    background-color: #6060602b !important;
}

.no-data-center {
    margin-left: 50%;
}

.avatar-edit .overlay_APP {
    display: none;
}

.avatar-edit:hover .overlay_APP {
    display: flex;
}

.overlay_APP {
    position: absolute;
    bottom: 0;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
    color: #f1f1f1;
    width: 100%;
    display: flex;
    border-radius: 14px;
    ;
    justify-content: center;
    align-items: center;
    /* font-size: 20px; */
    top: 0;
    transition: .5s ease;
    opacity: 1;
    color: white;
    font-size: 45px;
    padding: 20px;
    text-align: center;
}

legend {
    padding: 5px 0px 5px 0px !important;
    /* padding: 7px !important; */
    margin-left: 0px !important;
    color: #713f93 !important;
    font-weight: bold;
    border-radius: 5px !important;
    width: auto !important;
    font-size: 13px !important;
    margin-bottom: 0px !important;
    /* margin-bottom: 8px !important; */
    font-family: Montserrat, sans-serif !important;
}

.ProfileCard {
    border: 2px solid #ddd;
    border-radius: 8px;
}

.ProfileCard_Img {
    max-width: 100%;
    border: 2px solid #ddd;
    border-radius: 9px;
    width: 180px;
    height: 160px;
    object-fit: cover;
    background: #f1f1f1;
    box-shadow: 0px 0px 5px 1px #ddd;
}

.ProfileCard_SubCard {
    border-radius: 8px;
    padding: 10px;
}

.ProfileCard_Name {
    font-weight: bold;
    background: #713f93;
    color: #fff;
    border: 1px solid #ddd;
    margin-top: 11px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.ProfileCard_Designation {
    font-weight: bold;
    background: #f2f2f2;
    border-top: 1px solid #f2f2f2;
    border-left: 9px solid #713f93;
    padding: 7px;
}

.empLegand {
    padding-left: 25px !important;
    border-radius: 15px !important;
    padding-right: 25px !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    border: 1px solid #ddd;
    background: #006666 !important;
    color: #fff !important;
}

.educatiotabview {
    display: grid;
    height: 100%;
    width: 100%;
    overflow: hidden;
    grid-template-rows: 40px 1fr;
    grid-template-columns: 2fr 2fr 2fr 2fr;
    font-family: Montserrat, sans-serif !important;
}

.educatiotabview input[type="radio"] {
    display: none;
}

.educatiotabview label.nav {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    /* border-bottom: 2px solid #acbe0e; */
    /* border-bottom: 2px solid #38b449; */
    background: #ecf0f1;
    user-select: none;
    transition: background 0.4s, padding-left 0.2s;
    padding-left: 0;
    font-family: Montserrat, sans-serif !important;
}

.educatiotabview input[type="radio"]:checked+.tabs+label.nav {
    /* background: linear-gradient(-45deg, #D6ED17FF, #acbe0e); */
    /* background: #38b449;
    color: #ffffff;
    padding-left: 0px; */
    /* background: #3e2a4c !important; */
    color: #ffffff !important;
    padding-left: 0px !important;
    /* border-top: 5px solid #d21b59 !important; */
}

.educatiotabview input[type="radio"]:checked+.tabs+label.nav span {
    padding-left: 0px;
}

.educatiotabview label.nav span {
    padding-left: 0px;
    position: relative;
    font-size: 16px !important;
    font-weight: bold;
    font-family: Montserrat, sans-serif !important;
}

.educationtabs {
    grid-column-start: 1;
    grid-row-start: 2;
    grid-column-end: span 4;
    padding: 0px 0px;
    /* display: flex; */
    align-items: center;
}


.emptabview {
    display: grid;
    height: 100%;
    width: 100%;
    overflow: hidden;
    grid-template-rows: 40px 1fr;
    grid-template-columns: 2fr 2fr 2fr 2fr 2fr;
    font-family: Montserrat, sans-serif !important;
}

.emptabview input[type="radio"] {
    display: none;
}

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

.disabled1 {
    pointer-events: none;
}

.emptabview label.nav {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    /* border-bottom: 2px solid #acbe0e; */
    /* // border-bottom: 2px solid #38b449; */
    background: #ecf0f1;
    user-select: none;
    transition: background 0.4s, padding-left 0.2s;
    padding-left: 0;
    font-family: Montserrat, sans-serif !important;
}

.emptabview input[type="radio"]:checked+.tabs+label.nav {
    /* background: linear-gradient(-45deg, #D6ED17FF, #acbe0e); */
    /* background: #3e2a4c !important; */
    color: #ffffff !important;
    padding-left: 0px !important;
    /* border-top: 5px solid #d21b59 !important; */
}

.emptabview input[type="radio"]:checked+.tabs+label.nav span {
    padding-left: 0px;
}

.emptabview label.nav span {
    padding-left: 0px;
    position: relative;
    font-size: 16px !important;
    font-weight: bold;
    font-family: Montserrat, sans-serif !important;
}

.emptabs {
    grid-column-start: 1 !important;
    grid-row-start: 2 !important;
    grid-column-end: span 5 !important;
    padding: 0px 0px !important;
    /* display: flex; */
    align-items: center;
}



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

.text-right {
    text-align: right !important;
}

.progress_Bar_Thick {
    color: #000;
    width: 84%;
    font-weight: bold;
    padding-left: 10px;
    font-size: 9px;
    text-align: center;
}

.header-center {
    text-align: center !important;
}

.eye-icon-payroll {
    float: right;
    /* margin-left: 0px; */
    margin-right: 24px;
    margin-top: -28px;
    position: relative;
    z-index: 2;
    color: #662d8c !important;
    cursor: pointer;
}

.invalid-error-message {
    font-size: 10px;
    /* margin-left: 12px; */
    /* margin-top: 3px; */
    color: #f44336;
}

.invalid-mob-error-message {
    font-size: 9px;
    margin-left: 12px;
    margin-top: 3px;
    color: #f44336;
}

.timeinput {
    width: 70px !important;
}

.attendance_dropdown {
    /* width: 60px; */
    width: 80px;
    margin-left: 5px;
}

.without::-webkit-datetime-edit-ampm-field {
    display: none;
}

.toggle-box {
    display: none;
}

.toggle-box+label {
    cursor: pointer;
    display: block;
    font-weight: bold;
    line-height: 21px;
    margin-bottom: 5px;
}

.toggle-box+label+div {
    display: none;
    margin-bottom: 10px;
}

.toggle-box:checked+label+div {
    display: block;
}

.toggle-box+label:before {
    background-color: #4F5150;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #FFFFFF;
    content: "+";
    display: block;
    float: left;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    margin-right: 5px;
    text-align: center;
    width: 20px;
}

.toggle-box:checked+label:before {
    content: "\2212";
}

.toggle-sub-box {
    display: none;
}

.toggle-sub-box+label {
    cursor: pointer;
    display: block;
    font-weight: bold;
    line-height: 21px;
    margin-bottom: 5px;
}

.toggle-sub-box+label+div {
    display: none;
    margin-bottom: 10px;
}

.toggle-sub-box:checked+label+div {
    display: block;
}

.toggle-sub-box+label:before {
    background-color: #4F5150;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #FFFFFF;
    content: "\1F892";
    display: block;
    float: left;
    font-weight: bold;
    font-size: 20px;
    height: 20px;
    line-height: 18px;
    margin-right: 5px;
    text-align: center;
    width: 20px;
}

.toggle-sub-box:checked+label:before {
    background-color: #4F5150;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #FFFFFF;
    content: "\1F893";
    display: block;
    float: left;
    font-weight: bold;
    font-size: 20px;
    height: 20px;
    line-height: 35px;
    margin-right: 5px;
    text-align: center;
    width: 20px;
}

.selectedfield {
    font-weight: bold !important;
    text-decoration: underline !important;
}

.multiselect-dropdown {
    font-weight: 500 !important;
    font-size: 12px !important;
}

.disabled-button {
    opacity: 0.7 !important;
}

.bordered-tab_container {
    width: 100%;
    margin: 0 auto;
    padding-top: 10px;
    position: relative;
}

.bordered-tab_container .border-tab-input,
section {
    clear: both;
    padding-top: 10px;
    display: none;
}

.bordered-tab_container .border-tab-label {
    font-weight: 700;
    /* font-size: 18px; */
    /* display: block; */
    float: left;
    height: 40px;
    line-height: 2px;
    width: 33%;
    padding: 6px;
    color: #757575;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    /* background: #f0f0f0; */
    margin-bottom: -1px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

#tab1:checked~#content1,
#tab2:checked~#content2,
#tab3:checked~#content3,
#tab4:checked~#content4,
#tab5:checked~#content5 {
    display: block;
    padding: 15px;
    background: #fff;
    color: #999;
    border: 1px solid #ddd;
    /* border-radius: 10px; */
}

.bordered-tab_container .bordered-tab-content p,
.bordered-tab_container .bordered-tab-content h3 {
    -webkit-animation: fadeInScale 0.7s ease-in-out;
    -moz-animation: fadeInScale 0.7s ease-in-out;
    animation: fadeInScale 0.7s ease-in-out;
}

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

.bordered-tab_container [id^="tab"]:checked+.border-tab-label {
    background: #fff;
    border-top: 7px solid #3e2a4c;
    border-left: 2px solid #3e2a4c;
    border-right: 2px solid #3e2a4c;
    /* border-radius: 10px; */
    color: #ba184f;
    padding: 19px 10px 25px;
}

.bordered-tab_container [id^="tab"]:checked+.border-tab-label .fa {
    color: #38b449;
}

.bordered-tab_container .border-tab-label .fa {
    font-size: 1.3em;
    margin: 0 0.4em 0 0;
}

.bordered-tab_container>label:hover,
.bordered-tab_container>input:focus+label {
    color: #ba184f !important;
}

/*Media query*/

@media only screen and (max-width: 900px) {
    .bordered-tab_container .border-tab-label span {
        display: none;
    }

    .bordered-tab_container {
        width: 98%;
    }
}


/*Content Animation*/

@keyframes fadeInScale {
    0% {
        transform: scale(0.9);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.no_wrap {
    text-align: center;
    color: #0ce;
}

.link {
    text-align: center;
}

.dottedbordercard {
    background: #fff;
    color: #006666;
    border-top: 2px solid #006666;
    border-right: 7px solid #006666;
    border-bottom: 2px solid #006666;
    border-left: 7px solid #006666;
}

.border-bottom-cyan {
    border-bottom: 1px solid #006666;
}

.border-right-cyan {
    border-right: 1px solid #006666;
}

.count-badge {
    position: relative;
    z-index: 99999;
    right: 3px;
    font-size: 9px;
    top: -10px;
    background: #f2f2f2;
    color: #006666;
    width: 23px;
    line-height: 17px;
    border: 1px solid #999;
    height: 22px;
    padding: 3px;
    border-radius: 70px;
    /* position: relative;
    z-index: 99999;
    right: -28px;
    font-size: 12px;
    top: -18px;
    background: #006666;
    color: #fff;
    width: 32px;
    line-height: 20px;
    border: 1px solid #999;
    height: 32px;
    padding: 5px;
    border-radius: 70px; */
}

.detailedcard {
    padding: 10px;
    height: 104px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.SMDatepickerWidth {
    width: 150px;
    margin-right: 5px;
    padding-right: 5px;
    padding-left: 5px;
    margin-left: 5px;
}

/* .Label_badge {
  position: absolute;
  top: -12px;
  right: -6px;
  font-size: 9px;
  width: 18px;
  height: 18px;
  line-height: 11px;
  font-weight: bold;
  color: #006666;
  padding: 4px 5px;
  border: 1px solid #999;
  background: #f2f2f2;
  border-radius: 50px;
} */
.graph::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #aaa;
    /* or add it to the track */
}

.graph {
    height: 588px;
    overflow-y: scroll;
    display: block;
    width: 10em;
    overflow: auto;

}

.login-background {
    margin-left: -90px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: linear-gradient(to right bottom, #3e2a4c, #642f61, #902d6d, #be256e, #e91e63);
}

.loader2 {
    width: 45px;
    height: 45px;
    margin-top: 250px;
    margin-left: 600px;
    display: inline-block;
    padding: 0px;
    border-radius: 100%;
    border: 7px solid;
    border-top-color: rgba(254, 168, 23, 0.65);
    border-bottom-color: rgba(57, 154, 219, 0.65);
    border-left-color: rgba(188, 84, 93, 0.95);
    border-right-color: rgba(137, 188, 79, 0.95);
    -webkit-animation: loader2 15s ease-in-out infinite alternate;
    animation: loader2 15s ease-in-out infinite alternate;
}

@keyframes loader2 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(720deg);
    }
}

@-webkit-keyframes loader2 {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(720deg);
    }
}

.search-css {
    top: 9px !important;
    right: 43px !important;
}

.top9 {
    top: 9px !important;
}

.excel-icon-css {
    font-size: 22px !important;
    color: #336600 !important;
    cursor: pointer !important;
    margin-top: 0.25rem !important;
    margin-left: 0.5rem !important;

}

.eye-icon-css {
    font-size: 14px !important;
    color: #0066cc !important;
    cursor: pointer !important;
}

.edit-icon-css {
    font-size: 14px !important;
    color: #336600 !important;
    cursor: pointer !important;
}

.history-icon-css {
    font-size: 12px !important;
    color: #713f93 !important;
    cursor: pointer !important;
}

.delete-icon-css {
    font-size: 14px !important;
    color: #cc0000 !important;
    cursor: pointer !important;
}

.file-icon-css {
    font-size: 14px !important;
    color: #336600 !important;
    cursor: pointer !important;
}

.border-green-box {
    box-sizing: border-box;
    border: 2px solid green;
    background-color: #fff;
    padding: 3px;
}

.docviewer-css {
    height: 100vh;
    width: 100%;
    display: block;
}

.disabled-btn-green {
    color: #8c8c8c !important;
}

.border-green-box {
    box-sizing: border-box;
    border: 2px solid green;
    background-color: #fff;
    padding: 3px;
}

.docviewer-css {
    height: 100vh;
    width: 100%;
    display: block;
}

.border-submitted {
    border-left: 5px solid #0D5DD4 !important;
}

.border-resubmitted {
    border-left: 5px solid #17a2b8 !important;
}

.border-reopen {
    border-left: 5px solid #F59F00 !important;
}

.border-sendback {
    border-left: 5px solid #C44234 !important;
}

.border-approved {
    border-left: 5px solid #5EAB42 !important;
}

.border-total {
    border-left: 5px solid #672D8C !important;
}


.text-submitted {
    color: #0D5DD4 !important;
}

.text-resubmitted {
    color: #2ABBAC !important;
}

.text-reopen {
    color: #F59F00 !important;
}

.text-sendback {
    color: #DC3545 !important;
}

.text-approved {
    color: #5EAB42 !important;
}

.text-total {
    color: #672D8C !important;
}


.card-body-new {
    padding: 2px 0px;
    flex: 1 1 auto;
    position: relative;
}

.card-approve {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0);
    border-radius: .25rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);
}

.bg-gradient-submitted {
    background: #006666;
    background-color: linear-gradient(45deg, #b7d2fa, #2778f1) !important;
    background: -webkit-linear-gradient(45deg, #b7d2fa, #2778f1) !important;
}

.bg-gradient-resubmitted {
    background-color: linear-gradient(45deg, #6eded34a, #1c7d73) !important;
    background: -webkit-linear-gradient(45deg, #6eded34a, #1c7d73) !important;
}

.widgets-icons-2 {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ededed;
    font-size: 20px;
    border-radius: 10px;
}

.rounded-circle {
    border-radius: 50% !important;
}

.text-white {
    color: #fff !important;
}

.ms-auto {
    margin-left: 15px !important;
}

.bg-gradient-bloody {
    background: #f54ea2;
    background: -webkit-linear-gradient(45deg, #97e7df, #17a2b8) !important;
    background: linear-gradient(45deg, #97e7df, #17a2b8) !important;
}

.bg-gradient-ohhappiness {
    background: #00b09b;
    background: linear-gradient(45deg, #ffd280, #ffaf1a) !important;
    background: -webkit-linear-gradient(45deg, #ffd280, #ffaf1a) !important;
}

.bg-gradient-sendback {
    background: -webkit-linear-gradient(45deg, #ec939c, #e05260) !important;
    background: -webkit-linear-gradient(45deg, #ec939c, #e05260) !important;


}

.bg-gradient-approved {
    background: linear-gradient(45deg, #a3d491, #75bf5a) !important;
    background: -webkit-linear-gradient(45deg, #a3d491, #75bf5a) !important;
}

.bg-gradient-total {
    background: linear-gradient(45deg, #bd99d3, #471f60) !important;
    background: -webkit-linear-gradient(45deg, #bd99d3, #471f60) !important;
}

.hr-border-css {
    border: 3px solid #f1f1f1 !important;
}

.radius-10 {
    border-radius: 10px !important;
}

.bg-gradient-draft {
    background: linear-gradient(45deg, #9bfdde, #03c98a) !important;
    background: -webkit-linear-gradient(45deg, #9bfdde, #03c98a) !important;
}

.border-draft {
    border-left: 5px solid #03c98a !important;
}

.text-draft {
    color: #03c98a !important;
}

.bg-gradient-replied {
    background: linear-gradient(45deg, #ed91be, #af1d64) !important;
}

.border-replied {
    border-left: 5px solid #af1d64 !important;
}

.text-replied {
    color: #af1d64 !important;
}

.bg-gradient-forwarded {
    background: linear-gradient(45deg, #ffb3b9, #ff5765) !important;
}

.border-forwarded {
    border-left: 5px solid #ff5765 !important;
}

.text-forwarded {
    color: #ff5765 !important;
}

.bg-gradient-closed {
    background: linear-gradient(45deg, #99ff99, #009900) !important;
}

.border-closed {
    border-left: 5px solid #009900 !important;
}

.text-closed {
    color: #009900 !important;
}

.badge-draft {
    color: #03c98a !important;
    background-color: #03c98a14 !important;
    box-shadow: 0px 5px 5px 0px #5058597d !important;
}

.badge-replied {
    color: #af1d64 !important;
    background-color: #af1d640d !important;
    box-shadow: 0px 5px 5px 0px #5058597d !important;
}

.badge-closed {
    color: #009900 !important;
    background-color: #0099000d !important;
    box-shadow: 0px 5px 5px 0px #5058597d !important;
}

.badge-forwarded {
    color: #ff5765 !important;
    background-color: #ff576512 !important;
    box-shadow: 0px 5px 5px 0px #5058597d !important;
}

.badge-pending {
    color: #ffc107 !important;
    background-color: #ffc10712 !important;
    box-shadow: 0px 5px 5px 0px #5058597d !important;
}

.remark-css {
    float: right;
    width: 40%;
    margin-right: 59px
}

.grid-template-columns-new {
    grid-template-columns: auto !important
}

.btn-bg-purple {
    background-color: #713f93 !important;
    border: #713f93 !important;
}

.badge-sendback {
    color: #C44234 !important;
    background-color: #e59fa56b !important;
    box-shadow: 0px 5px 5px 0px #5058597d !important;
}

.wd-5 {
    width: 5% !important;
}

textarea {
    overflow-y: auto;
    overflow-x: hidden;
}

/* @-moz-document url-prefix() {

    body *::-webkit-scrollbar {
        width: 0px;
        height: 7px;
        transition: .3s background
    }

    ::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }
} */

body {

    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-color: transparent transparent;
}

.text-ellipsis-new {
    font-weight: 500 !important;
}

.form-label-new {
    font-weight: bold !important;
}

.overflow-visible {
    overflow: visible !important;
}

.overflow-x-visible {
    overflow-x: visible !important;
}

.bg-gradient-travel {
    background: -webkit-linear-gradient(45deg, #eeccff, #c44dff) !important;
    background: linear-gradient(45deg, #eeccff, #c44dff) !important;
}

.bg-gradient-stay {
    background-color: linear-gradient(45deg, #ffe0cc, #ff6600) !important;
    background: -webkit-linear-gradient(45deg, #ffe0cc, #ff6600) !important
}

.bg-gradient-local-transport {
    background-color: linear-gradient(45deg, #ffff99, #cccc00) !important;
    background: -webkit-linear-gradient(45deg, #ffff99, #cccc00) !important;
}

.text-travel {
    color: #c44dff !important;
}

.text-stay {
    color: #ff6600 !important;
}

.text-local-transport {
    color: #cccc00 !important;
}

.border-travel {
    border-left: 5px solid #c44dff !important;
}

.border-stay {
    border-left: 5px solid #ff6600 !important;
}

.border-local-transport {
    border-left: 5px solid #cccc00 !important;
}

.wd-180 {
    width: 180px !important;
}

.css-for-icon {
    border-radius: 5px;
    padding: 3px;
    background-color: #3e2a4c;
    color: #fff;
    font-size: 14px !important;
}

.stats-box.sales {
    background-color: #fff;
    width: 185px;
    margin-bottom: 16px;
    /* border-left: 2px solid #3e2a4c;
    border-bottom: 2px solid #3e2a4c; */
    border-radius: 5px;
    height: 70px;
    font-weight: 800;
}

.stats-box {
    /* color: #3e2a4c; */
    padding: 4px;
}

.stats-box span.statistics-header {
    margin: 16px;
}

.stats-box span {
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2.3px;
    text-shadow: 0 1px 2px rgb(0 0 0 / 20%);
    margin-left: 8px;
    line-height: 22px;
    vertical-align: middle;
}


.stats-box img {
    float: right;
    margin-right: 8px;
}

.stats-box.sales .statistics-info-bg {
    background-color: #11606b;
}

.stats-box span.statistics-info {
    font-size: 10px;
    letter-spacing: normal;
    text-align: left;
    text-shadow: 0 1px 2px rgb(0 0 0 / 20%);
}

.stats-box span.statistics-info {
    font-size: 10px;
    letter-spacing: normal;
    text-align: left;
    text-shadow: 0 1px 2px rgb(0 0 0 / 20%);
}

.stats-box span {
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2.3px;
    text-shadow: 0 1px 2px rgb(0 0 0 / 20%);
    margin-left: 8px;
    line-height: 22px;
    vertical-align: middle;
}

.stats-box .sales i .color-icon {
    background: #949aa61a;
    color: #b6bcc7;
    border-radius: 50% !important;
    width: 20px;
    height: 20px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    justify-content: center;
    display: flex;
    transform: rotate(313deg);
}


.margin-top-10 {
    top: -10px !important;
}

.margin-top-55 {
    margin-top: -55px !important;
}

.margin-5 {
    margin: 0 5px;
}

.new-row-background {
    background-color: #e2e2e2 !important;
    padding: 20px 5px 5px !important;
}

.disableLoader {
    pointer-events: none;
    opacity: 0.4;
}

.page-loader-wrapper {
    position: absolute;
    width: 60px;
    height: 60px;
    /* border-radius: 50%;
    margin: 75px;
    display: inline-block;
    vertical-align: middle;
     */
    /* left: 45%; */
    /* top: 45%; */
    z-index: 1;

    top: 300px;
    left: 600px;
    /* display: inline-block; */
}

/*LOADER-1*/

.loader-1 .loader-outter {
    position: absolute;
    border: 5px solid #3e2a4c;
    border-left-color: transparent;
    border-bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-animation: loader-1-outter 1.5s cubic-bezier(.42, .61, .58, .41) infinite;
    animation: loader-1-outter 1.5s cubic-bezier(.42, .61, .58, .41) infinite;
}

.loader-1 .loader-inner {
    position: absolute;
    border: 5px solid #ba184f;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
    border-right: 0;
    border-top-color: transparent;
    -webkit-animation: loader-1-inner 1.5s cubic-bezier(.42, .61, .58, .41) infinite;
    animation: loader-1-inner 1.5s cubic-bezier(.42, .61, .58, .41) infinite;
}

@keyframes loader-1-inner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}

@keyframes loader-1-outter {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.bg-btn-red-new {
    background-color: #cc3300 !important;
}

.ml-100 {
    margin-left: 100px !important;
}

.ml-36 {
    margin-left: 36px !important;
}

.margin-left10 {
    margin-left: 10px !important;
}

.margin-left_10 {
    margin-left: -10px !important;
}

.margin-left-7 {
    margin-left: -7px;
}

.margin-left-59 {
    margin-left: 59px !important;
}

.margin-left-4 {
    margin-left: 4px !important;
}

.margin-left32 {
    margin-left: -32px !important;
}

.margin-left-117 {
    margin-left: -117px !important;
}

.conflu-new {
    border: 1px solid #ccc;
    background-color: #fff
}

.wid-80 {
    width: 80%
}

.width-41 {
    width: 41% !important;
}

.wd-95 {
    width: 95px !important;
}

.width-45 {
    width: 45% !important;
}

.margin-top14 {
    margin-top: -14px !important;
}

.wd-135 {
    width: 135px !important;
}

.wd-213 {
    width: 213px !important;
}

.mr-59 {
    margin-right: 59px !important;
}

.mr-80 {
    margin-left: 80% !important;
}

.ok-btn {
    font-weight: 700 !important;
    background: #3e2a4c !important
}

.new-white-card {
    width: 377px;
    border-radius: 0px !important;
    height: 395px;
    box-shadow: 1px 1px 20px 20px #b1959530 !important;
}

.name-frgt-pass {
    font-size: 14px !important;
    text-transform: none !important;
    font-weight: 600 !important;
    margin-top: 1px;
}

.icon-css-new {
    position: relative;
    right: 5px;
    font-size: 16px;
    z-index: 1000;
    margin-top: 8px !important;
}

.bg-gray {
    background-color: gray !important;
}

.ht-500 {
    height: 500px !important;
}

.ht-35 {
    height: 35px !important;
}

.text-green-new {
    color: #4CAF50 !important;
}

.color-eee {
    color: #eee !important;
}

.menu-icon-css {
    border-radius: 5px;
    padding: 3px;
    /* background-color: #3e2a4c; */
    color: #fff;
    font-size: 14px;

}

.wid-6 {
    width: 6% !important;
}

.margin-left-6 {
    margin-left: -6px !important;
}

.margin-left-133 {
    margin-left: 133px;
}

.new-purple-btn {
    background: #3e2a4c !important;
}

.copyright-footer {
    border-top: 1px solid #ded7d7;
    background: #f3eef6;
}

.copyright-footer-20 {
    border-top: 1px solid #ded7d7;
    background: #f3eef6;
    margin-top: 20px;
}

.eye-pswd-icon {
    position: relative;
    right: 5px;
    font-size: 16px;
    z-index: 1000
}

.ht-400 {
    height: 400px !important;
}

.ht-490 {
    height: 490px !important;
}

.copyright-footer-30 {
    border-top: 1px solid #ded7d7;
    background: #f3eef6;
    margin-top: 30px;
}

.ml-125 {
    margin-left: 125px !important;
}

.ml-50 {
    margin-left: 50px !important;
}

.ml-470 {
    margin-left: 470px !important;
}

.ml-545 {
    margin-left: 545px !important;
}

.ml-133 {
    margin-left: 133px !important;
}

.ml-56 {
    margin-left: 56% !important;
}

.tr-bg-gray {
    background-color: #eeeeee !important;
}

.padding-0 {
    padding: 0px !important;
}

.padding-34 {
    padding: 34px !important;
}

.color-black {
    color: #000 !important;
}

.box-shadow-none {
    box-shadow: none !important;
}

.width-auto {
    width: auto !important;
}

.bg-eeeee {
    background-color: #eeeeee !important;
}

.wid-100 {
    width: 100% !important;
}

.padding-0 {
    padding: 0px !important;
}

.position-relative {
    position: relative !important;
}

.position-sticky {
    position: sticky !important;
}

.dispaly-block {
    display: block !important;
}

.ht-auto {
    height: auto !important;
}

.margin-top-12 {
    margin-top: -12px !important;
}

.margin-top61 {
    margin-top: -61px !important;
}

.margin-top-23 {
    margin-top: 23px !important;
}

.td-new-css {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    max-width: 0.5px !important;
}

.font-24 {
    font-size: 24px !important;
}

.margin-top-28 {
    margin-top: 28px !important;
}

.margin-left-108 {
    margin-left: 108px !important;
}

.margin-left-105 {
    margin-left: 105px !important;
}

.margin-left-476 {
    margin-top: 476px !important;
}

.margin-left-94 {
    margin-left: 94px !important;
}

.margin-left-358 {
    margin-left: 358px !important;
}

.margin-left-322 {
    margin-left: 322px !important;
}

.ht-181 {
    height: 181px !important;
}

.ht-100 {
    height: 100px !important;
}

.vertical-align-middle {
    vertical-align: middle !important;
}

.display-block {
    display: block !important;
}

.display-none {
    display: none !important;
}

.margin-left-8 {
    margin-left: -8px !important;
}

.margin-left80 {
    margin-left: -80px !important;
}

.margin-left-3 {
    margin-left: 3px !important;
}

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

.margin-left-29 {
    margin-left: 29px !important;
}

.margin-left-34 {
    margin-left: 34px !important;
}

.margin-left-15 {
    margin-left: 15px !important;
}

.margin-left-120 {
    margin-left: 120px !important;
}

.margin-left-122 {
    margin-left: 122px !important;
}

.margin-left-541 {
    margin-left: 541px !important;
}

.margin-left-125 {
    margin-left: 125px !important;
}

.margin-left-80 {
    margin-left: 80px !important;
}

.margin-left-136 {
    margin-left: 136px !important;
}

.margin-left-115 {
    margin-left: 115px !important;
}

.margin-left-127 {
    margin-left: 127px !important;
}

.margin-left-550 {
    margin-left: 550px !important;
}

.margin-left-840 {
    margin-left: 840px !important;
}

.td-css {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    max-width: 1px !important;
}

.margin-left-70 {
    margin-left: 70px !important;
}

.margin-left-16 {
    margin-left: 16px !important;
}

.margin-left_81 {
    margin-left: -81px !important;
}

.margin-left-103 {
    margin-left: 103px !important;
}

.margin-left-107 {
    margin-left: 107px !important;
}

.margin-left-50 {
    margin-left: 50px !important;
}

.margin-left-25 {
    margin-left: 25px !important;
}

.margin-left-32 {
    margin-left: 32px !important;
}

.margin-left-68 {
    margin-left: 68px !important;
}

.margin-left-88 {
    margin-left: 88px !important;
}

.margin-left-82 {
    margin-left: 82px !important;
}

.margin-left-820 {
    margin-left: 820px !important;
}

.margin-left-87 {
    margin-left: 87px !important;
}

.margin-left-110 {
    margin-left: 110px !important;
}

.margin-left-126 {
    margin-left: 126px !important;
}

.margin-left-140 {
    margin-left: 140px !important;
}

.margin-left-90 {
    margin-left: 90px !important;
}

.margin-left-135 {
    margin-left: 135px !important;
}

.margin-left-133 {
    margin-left: 133px !important;
}

.margin-left-104 {
    margin-left: 104px !important;
}

.margin-left-95 {
    margin-left: 95px !important;
}

.margin-left-9 {
    margin-left: 9px !important;
}

.margin-left-75 {
    margin-left: 75px !important;
}

.margin-left-73 {
    margin-left: 73px !important;
}

.margin-left-76 {
    margin-left: 76px !important;
}

.margin-left-28 {
    margin-left: 28 !important;
}

.margin-left-20 {
    margin-left: 20 !important;
}

.marginleft10 {
    margin-left: 10% !important;
}

.margin-top-33 {
    margin-top: 33px !important;
}

.margin-left102 {
    margin-left: -102px !important;
}

.margin-left95 {
    margin-left: -95px !important;
}

.margin-left96 {
    margin-left: -96px !important;
}

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

.margin-left108 {
    margin-left: -108px !important;
}

.margin-left93 {
    margin-left: -93px !important;
}

.margin-left100 {
    margin-left: -100px !important;
}

.margin-top1 {
    margin-top: -1px !important;
}

.margin-top-24 {
    margin-top: 24px !important;
}

.margin-left-141 {
    margin-left: 141px !important;
}

.margin-left-608 {
    margin-left: 608px !important;
}

.green-box-border {
    box-sizing: border-box !important;
    border: 2px solid green !important;
    background-color: #fff !important;
    padding: 3px !important;
}

.green-box-border-ml-48 {
    box-sizing: border-box !important;
    border: 2px solid green !important;
    background-color: #fff !important;
    padding: 3px !important;
    margin-left: 48px !important;
}

.pointer-events-none {
    pointer-events: none !important;
}

.wid-15 {
    width: 15% !important;
}

.wid-10 {
    width: 10% !important;
}

.wid10 {
    width: 10px !important;
}

.wid-20 {
    width: 20% !important;
}

.wid-30 {
    width: 30% !important;
}

.bg-f1f1f1 {
    background-color: #f1f1f1 !important;
}

.margintop25 {
    margin-top: -25px !important;
}

.margin-left15 {
    margin-left: -15px !important;
}

.margin-left5 {
    margin-left: -5px !important;
}

.margin-left54 {
    margin-left: -54px !important;
}

.margin-left150 {
    margin-left: -150px !important;
}

.overflow-initial {
    overflow: initial !important;
}

.margintop10 {
    margin-top: -10px !important;
}

.margintop15 {
    margin-top: -15px !important;
}

.margintop20 {
    margin-top: -20px !important;
}

.margin10 {
    margin: 10px !important;
}

.margin-left85 {
    margin-left: -85px !important;
}

.margintop-30 {
    margin-top: -30px !important;
}

.sidebar-css {
    height: 28px;
    width: 28px;
    top: -6px;
    left: -6.5px;
}

.iframe-css {
    height: 100vh !important;
    width: 100% !important;
    display: block !important;
}

.iframe-css-scroll {
    height: 100vh !important;
    width: 100% !important;
    display: block !important;
    overflow-y: scroll !important;
}

.m-10 {
    margin: 10px !important;
}

.lightgray {
    background-color: lightgray !important;
}

.mt-30 {
    margin-top: 30px;
}

.margin-left3 {
    margin-left: 3px !important;
}

.margin-right-59 {
    margin-right: 59px !important;
}

.margin-right15 {
    margin-right: 15px !important;
}

.margin-right30 {
    margin-right: -30px !important;
}

.margin-left7 {
    margin-left: -7px !important;
}

.margin-left-57 {
    margin-left: 57px !important;
}

.margin-left90 {
    margin-left: -90px !important;
}

.fontsize75 {
    font-size: 75% !important;
}

.textff0000 {
    color: #ff0000 !important;
}

.list-style-type-none {
    list-style-type: none !important;
}

.margin-left50 {
    margin-left: -50px !important;
}

.line-height45 {
    line-height: 45px !important;
}

.margin-left70 {
    margin-left: -70px !important;
}

.line-height-42 {
    line-height: 42px !important;
}

.margin-left-auto {
    margin-left: auto !important;
}

.margin-class {
    margin-bottom: 0em !important
}

.width-3rem {
    width: 3rem !important;
}

.color-purple {
    color: purple !important;
}

.color-black {
    color: black !important;
}

.color-gray {
    color: gray !important;
}

.margin-left-640 {
    margin-left: 640px !important;
}

.margin11 {
    margin: 11px !important;
}

.margin-bottom25 {
    margin-bottom: -25px !important;
}

.margin-auto {
    margin: auto !important;
}

.labelbadgecss {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.width-fit-content {
    width: fit-content !important;
}

.margintop8 {
    margin-top: -8px !important;
}

.margin-left54 {
    margin-left: -54px !important;
}

.padding-top-80 {
    padding-top: 80px !important
}

.visibility-hidden {
    visibility: hidden !important;
}

.cssdatepicker {
    border: none;
    font-size: 14px;
    width: 95px;
    height: 25px;
    background: none;
    color: blue !important;
    cursor: pointer !important;
    text-decoration: underline;
}

.cardborderleftcss {
    border-left: 1px solid #dadada !important
}

.cardborderrightcss {
    border-right: 1px solid #dadada !important
}

.card-css-new {
    background: #e2e2e23d;
    box-sizing: border-box;
    color: #000;
    padding: 10px;
}

.bge2e2e2 {
    background-color: #e2e2e2 !important;
}

.text-transform {
    text-transform: uppercase !important;
}

.margin-top-5 {
    margin-top: -5px !important;
}

/* 
.position-margin-width {
    position: absolute;
    margin-left: -74px;
    width: 149px;
    margin-top: -17px;
} */
.position-margin-width {
    position: absolute;
    margin-left: -101px;
    width: 190px;
    margin-top: -23px;
}

.position-padding {
    position: relative;
    padding-top: 80px;
}

.border-solid {
    border: 1px solid !important;
}

.width-height {
    width: 200px;
    height: 38px;

}

.margin-top {
    margin-top: 45px;
}

.margin-left {
    margin-left: 35px;
}

.margin-top-101 {
    margin-top: 101px;
}

.box-border-bgcolor {
    box-sizing: border-box;
    border: 2px solid green;
    background-color: #fff;
    padding: 3px;
    margin-left: 125px;
}

.margin-left-20px {
    margin-left: 20px;
}

.top8 {
    top: -8px !important;
}

.imgsign {
    width: 200px !important;
    height: 200px !important;
    float: right !important;
}

.ml12 {
    margin-left: 12% !important;
}

.ml65 {
    margin-left: 65px !important;
}

.ml15 {
    margin-left: 15% !important;
}

.signimg {
    width: 200px !important;
    height: 38px !important;
    float: right !important;
}

.font13 {
    font-size: 13px !important;
}

.mt2 {
    margin-top: 2px !important;
}

.ml30 {
    margin-left: -30px !important;
}

.bgf5f5f5 {
    background-color: #f5f5f5 !important;
}

.exceltblcss {
    overflow: auto !important;
    display: none !important;
}

.excelreportcss {
    border: 1px solid rgb(38, 35, 35) !important;
    width: 10% !important;
    width: 10% !important;
}

.reportbodycss {
    border: 1px solid rgb(38, 35, 35) !important;
    width: 10% !important;
}

.wd-110 {
    width: 110px !important
}

.wd-25 {
    width: 25px !important;
}

.font-17 {
    font-size: 17px !important;
}

.whitespace-css {
    white-space: nowrap;
}

.autocompletcss {
    font-size: 18px !important;
    float: right !important;
    margin: 10px 10px 0 0 !important;
}

.sign-color-css {
    background-color: #cccccc;
    width: 40px;
    padding: 12px 12px;
}

.width-156 {
    width: 156px !important;
}

.width-118 {
    width: 118px !important;
}

.color-green {
    color: green;
}

.top8 {
    top: -8px !important;
}

.wd-249 {
    width: 249px;
}

.wd-259 {
    width: 259px;
}

.wd-100 {
    width: 100px;
}

.font-size-margin-css {
    font-size: 18px;
    float: right;
    margin: 10px 10px 0 0
}

.background-color-css {
    background-color: #c82333 !important;
}

.remarkpoupcss {
    overflow-y: scroll !important;
    height: 200px !important;
    max-height: 200px !important;
}

.max-height {
    max-height: 200px !important;
    overflow-y: scroll !important;
}

.text-left {
    text-align: left !important;
}

.wd-90 {
    width: 90px;
}

.border-trans {
    border: 1px solid transparent !important;
}

.top-36 {
    top: -36px !important;
}

.wd-107 {
    width: 107%
}

.wo-status {
    height: 9px;
    display: inline-flex;
    width: 12px;
    background: #78290f !important;
}

.ph-status {
    height: 9px;
    display: inline-flex;
    width: 12px;
    background: #c73850 !important;
}

.ar-status {
    height: 9px;
    display: inline-flex;
    width: 12px;
    background: #e06c00 !important;
}

.p-status {
    height: 9px;
    display: inline-flex;
    width: 12px;
    background: #11a4bb !important;
}

.l-status {
    height: 9px;
    display: inline-flex;
    width: 12px;
    background: #a2158d !important;
}

.a-status {
    height: 9px;
    display: inline-flex;
    width: 12px;
    background: #ff0000 !important;
}

.eh-status {
    height: 9px;
    display: inline-flex;
    width: 12px;
    background: #78290f !important;
}

.text-eh {
    color: #78290f
}

.pd-status {
    height: 9px;
    display: inline-flex;
    width: 12px;
    background: #800080 !important;
}

.padding-5 {
    padding: 5px !important;
}

.border-solid-black {
    border: 1px solid black !important;
}

.min-width {
    min-width: 960px !important;
}

.bg-white {
    background-color: white !important;
}

.ml-160 {
    margin-left: 160px !important;
}

.font-size-14 {
    font-size: 14px;
}

.border-bgcolor {
    background-color: rgb(228, 227, 227) !important;
    border: 2px dashed #928787 !important;
    border-radius: 10px !important;
}

.width-6 {
    width: 6.6%;
}

.font-weight-css {
    font-weight: 600;
}

.max-width-overflow {
    max-width: 0;
    overflow: visible;
    white-space: nowrap;
}

.margin-top-34 {
    margin-top: -34px !important;
}

.margin-top-20 {
    margin-top: -20px !important;
}

.margin-left-150 {
    margin-left: 150px;
}

.margin-left-177 {
    margin-left: 177px !important;
}

.wd-3 {
    width: 3% !important;
}

.wd-39 {
    width: 39% !important;
}

.color-white {
    color: white !important;
}

.overflow-x {
    overflow-x: scroll !important;
}

.overflow-y {
    overflow-y: scroll !important;
}

.margin-top-9 {
    margin-top: -9px !important;
}

.wid-241 {
    width: 241px !important;
}

.border-black {
    border: 1px black !important;
}

.background-lightgreen {
    border: 1px black !important;
    background-color: lightgreen !important;
}

.ml229 {
    margin-left: 229px !important;
}

.theadborder {
    border: 1px solid #dee2e6 !important;
}

.bgf9e0c3 {
    background-color: #f9e0c3 !important;
}

.wd-218 {
    width: 218px !important;
}

.overflow-y {
    overflow-y: scroll !important;
}

.ht-100 {
    height: 100px !important;
}

.mr-25 {
    margin-right: -25px !important;
}

.form-control-Autocomplete {
    height: 34px !important;
    padding: 0 !important
}

.labeldatacss {
    height: 10px;
    width: 35px;
    display: inline-block;
}

.labeldatascrollcss {
    height: 340px;
    overflow-y: auto;
    scrollbar-width: thin !important;
    scrollbar-color: #a39a9a #e2e2e2 !important;
    border: 1px solid #e2c4c4;
    padding: 10px;
}

.centercss {
    margin: auto;
    width: 50%;
    left: 30px;
    padding: 10px;
}

.Newscroll {
    scrollbar-width: thin !important;
    scrollbar-color: #a39a9a #e2e2e2 !important;
}

.font-weight100 {
    font-weight: 100 !important;
}

.Label_badge_S {
    position: absolute;
    width: 19px;
    height: 19px;
    font-weight: bold;
    color: #fff;
    border: 1px solid #999;
    background: blue;
    border-radius: 50px;
    padding-left: 6px;
    padding-top: 0px;
    margin-left: -45px;

}

.Label_badge_I {
    position: absolute;
    width: 19px;
    height: 19px;
    font-weight: bold;
    color: #fff;
    border: 1px solid #999;
    background: blue;
    border-radius: 50px;
    padding-left: 7px;
    padding-top: 1px;
    margin-left: -10px;

}

.line-height8 {
    line-height: 8px !important;
}

.ml-25 {
    margin-left: -25px !important;
}

.mr-26 {
    margin-right: -26px !important;
}

.pd-7 {
    padding: 7px !important;
}

.wd-85 {
    width: 85px;
}

/* .p-datatable-wrapper .ng-star-inserted {
    overflow: auto !important;
} */

.table-header-c .p-datatable .p-datatable-header {

    padding: 10px !important;


}

.ml-208 {
    margin-left: 208px;
}

.font-20 {
    font-size: 20px !important;
}

/* Job */
.tooltip {

    z-index: 1052;
    /* Bootstrap default */
}

.parent-container {
    overflow: visible !important;

}

.tooltip-inner {
    background-color: black !important;
    color: white !important;
    font-size: 13px;
    padding: 5px 10px;
    border-radius: 4px;
}

.tooltip.bs-tooltip-top .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: black !important;
}

.tooltip.bs-tooltip-bottom .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: black !important;
}

select.is-invalid {
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    appearance: auto;
    /* or none depending on your design */

}

.doc-underline {
    text-decoration: underline;
    color: #007bff;
    cursor: pointer;

    &:hover {
        text-decoration: underline;
        color: #0056b3;
    }
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.font-12 {
    font-size: 12px !important;
}

.remark-border {
    border-color: black !important;
}