:root {
    --color-primary: 30 64 175;
    --color-secondary: 226 232 240;
    --color-success: 132 204 22;
    --color-info: 6 182 212;
    --color-warning: 250 204 21;
    --color-pending: 249 115 22;
    --color-danger: 220 38 38;
    --color-light: 241 245 249;
    --color-dark: 30 41 59;
    --color-slate-50: 248 250 252;
    --color-slate-100: 241 245 249;
    --color-slate-200: 226 232 240;
    --color-slate-300: 203 213 225;
    --color-slate-400: 148 163 184;
    --color-slate-500: 100 116 139;
    --color-slate-600: 71 85 105;
    --color-slate-700: 51 65 85;
    --color-slate-800: 30 41 59;
    --color-slate-900: 15 23 42;
}

body.login{height:100%!important}
.app{background-repeat:no-repeat;background-attachment:fixed;padding-top:1.25rem;padding-bottom:1.25rem;background:#d1141400}
.dashboard-report .report-box .report-box__icon{width:40px;height:40px}
.dt-buttons .button{font-size:13px;font-weight:400;background-color:#367074;color:#fff;padding:4px 6px;border-radius:0}
.dt-buttons .button:hover{background-color:#b82213;color:#fff;}
.btn-default:hover{color:#23282c;background-color:#d9e1e6;border-color:#e2e8f0}
.dt-buttons.btn-group{position:relative;display:inline-block;vertical-align:middle;margin-bottom:2px}
table.table,.custom-datatable{width:100%!important;border-collapse:collapse}
.dataTables_wrapper{position:relative}
.dataTables_wrapper .dataTables_scroll{clear:both}
div#DataTables_Table_0_wrapper{margin-top:10px}
div.dataTables_wrapper div.dataTables_length select{border-radius:0;;min-height:28px;min-width:56px;border:1px solid #dddddd80}
div.dataTables_wrapper div.dataTables_filter input{box-shadow:0 3px 20px #0000000b;--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity));border-radius:.375rem;position:relative;width:220px;margin-right:2px;padding:.5rem .6rem .5rem .75rem;border:1px solid #e2e8f0}
table.table,table.dataTable{border-spacing:2px}
table.table tbody td,table.custom-datatable tbody td{border:1px solid #e2e8f0;padding:.75rem 1.25rem}
table.table tr:nth-child,table.custom-datatable tr:nth-child(even){background-color:#f2f2f2}
table.table tbody tr,table.custom-datatable tbody tr{padding:8px 10px;font-size:13px;border-bottom:1px solid #ddd!important}
table.table tbody td,table.custom-datatable tbody td{padding:8px 18px;font-size:13px;vertical-align:middle!important}
table.table tbody td,table.custom-datatable tbody td{white-space:normal;word-break:break-word}
.whitespace-no-wrap,.nowrap{white-space:nowrap!important}
.dt-buttons .button{font-size:13px;font-weight:400}
.dataTables_wrapper{position:relative}
table.table,table.custom-datatable{clear:both;margin-top:6px!important;margin-bottom:6px!important;max-width:none!important;border-collapse:separate!important}
table.table td,table.custom-datatable td{-webkit-box-sizing:content-box;box-sizing:content-box}
table.table td.dataTables_empty,table.custom-datatable td.dataTables_empty,table.table th.dataTables_empty,table.custom-datatable th.dataTables_empty{text-align:center}
table.table.nowrap th,table.custom-datatable.nowrap th,table.table.nowrap td,table.custom-datatable.nowrap td{white-space:nowrap}
div.dataTables_wrapper div.dataTables_length label{font-weight:400;text-align:left;white-space:nowrap}
div.dataTables_wrapper div.dataTables_length select{width:25px;display:inline-block}
div.dataTables_wrapper div.dataTables_filter{text-align:right}
div.dataTables_wrapper div.dataTables_filter label{font-weight:400;white-space:nowrap;text-align:left}
div.dataTables_wrapper div.dataTables_filter input{margin-left:.5em;display:inline-block;width:auto}
div.dataTables_wrapper div.dataTables_info{padding-top:8px;white-space:nowrap;float:left}
div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right;float:right}
div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap}
div.dataTables_wrapper div.dataTables_processing{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;padding:1em 0;background:rgba(255,255,255,0.95);z-index:5;color:#6c9f7f;font-size:20px;padding-top:7.5%;margin-left:0;margin-top:0}
.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{display:inline-block;margin-bottom:2px}
.dataTables_wrapper .dataTables_length{margin-right:20px}
div.dataTables_wrapper div.dataTables_filter{float:right}
div.dataTables_wrapper div.dataTables_filter input{box-shadow:0 3px 20px #0000000b;--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity));border-radius:.375rem;position:relative;width:220px;margin-right:2px;padding:.5rem .6rem .5rem .75rem;border-radius:0}
div.dataTables_wrapper div.dataTables_filter label{border:none}
div.dataTables_wrapper div.dataTables_filter input:focus,div.dataTables_wrapper div.dataTables_filter input:focus-visible{border-color:olive!important;outline:none!important;border:1px solid olive}
div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap}
table.dataTable thead .sorting:before,table.dataTable thead .sorting:after{color:#000!important}
ul.dt-button-collection.dropdown-menu{-webkit-column-gap:8px;-moz-column-gap:8px;-ms-column-gap:8px;-o-column-gap:8px;column-gap:8px;position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:13px;text-align:left;list-style:none;background-color:#e2e8f0;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px #000;box-shadow:0 6px 12px #000;box-shadow:none;border-color:#eee}
ul.dt-button-collection.dropdown-menu .dt-button{border-bottom:1px solid #ccc;font-weight:400;line-height:1.42857143;white-space:nowrap;width:100%}
ul.dt-button-collection.dropdown-menu .dt-button:last-child{border-bottom:none}
ul.dt-button-collection.dropdown-menu>*{-webkit-column-break-inside:avoid;break-inside:avoid}
ul.dt-button-collection.dropdown-menu .dt-button >a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap;text-decoration:none;outline:0}
ul.dt-button-collection.dropdown-menu .active >a{background-color:olive;color:#fff}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:olive;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:olive;border-color:olive}
.badge{display:inline-block;min-width:10px;padding:2px 5px;font-size:12px;font-weight:600;line-height:16px;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:.25rem}
.badge-info{color:#fff!important;background-color:#17a2b8!important}
.badge-success{color:#fff!important;background-color:olive;background-color:rgba(128,128,0,1)}
.ml-2{margin-left:.5rem}
.mr-2{margin-right:.5rem}
.w-15px{width:15px}
.w-20px{width:20px}
.w-22px{width:22px}
.w-25px{width:25px}
.w-30px{width:30px}
.w-35px{width:35px}
.w-40px{width:40px}
.w-50px{width:50px}
.w-60px{width:60px}
.w-70px{width:70px}
.w-80px{width:80px}
.w-90px{width:90px}
.w-100px{width:100px}
.w-110px{width:110px}
.w-120px{width:120px}
.mmwh-20px{min-width:20px;max-width:20px;min-height:20px;max-height:20px}
.mmwh-22px{min-width:22px;max-width:22px;min-height:22px;max-height:22px}
.mmwh-24px{min-width:24px;max-width:24px;min-height:24px;max-height:24px}
.mmwh-26px{min-width:26px;max-width:26px;min-height:26px;max-height:26px}
.mmwh-28px{min-width:28px;max-width:28px;min-height:28px;max-height:28px}
.mmwh-30px{min-width:30px;max-width:30px;min-height:30px;max-height:30px}
.mmwh-32px{min-width:32px;max-width:32px;min-height:32px;max-height:32px}
.mmwh-34px{min-width:34px;max-width:34px;min-height:34px;max-height:34px}
.mmwh-35px{min-width:35px;max-width:35px;min-height:35px;max-height:35px}
.mmwh-36px{min-width:36px;max-width:36px;min-height:36px;max-height:36px}
.mmwh-38px{min-width:38px;max-width:38px;min-height:38px;max-height:38px}
.mmwh-40px{min-width:40px;max-width:40px;min-height:40px;max-height:40px}
.mmw-5px{min-width:5px;max-width:5px}
.mmw-6px{min-width:6px;max-width:6px}
.mmw-7px{min-width:7px;max-width:7px}
.mmw-8px{min-width:8px;max-width:8px}
.mmw-10px{min-width:10px;max-width:10px}
.mmw-20px{min-width:20px;max-width:20px}
.mmw-24px{min-width:24px;max-width:24px}
.mmw-25px{min-width:25px;max-width:25px}
.mmw-30px{min-width:30px;max-width:30px}
.mmw-35px{min-width:35px;max-width:35px}
.mmw-36px{min-width:36px;max-width:36px}
.mmw-40px{min-width:40px;max-width:40px}
.mmw-50px{min-width:50px;max-width:50px}
.mmw-60px{min-width:60px;max-width:60px}
.mmw-70px{min-width:70px;max-width:70px}
.mmw-80px{min-width:80px;max-width:80px}
.mmw-90px{min-width:90px;max-width:90px}
.mmw-100px{min-width:100px;max-width:100px}
.mmw-110px{min-width:110px;max-width:110px}
.mmw-115px{min-width:115px;max-width:115px}
.mmw-120px{min-width:120px;max-width:120px}
.mmw-140px{min-width:140px;max-width:140px}
.mmw-150px{min-width:150px;max-width:150px}
.mmw-155px{min-width:155px;max-width:155px}
.mmw-160px{min-width:160px;max-width:160px}
.mmw-170px{min-width:170px;max-width:170px}
.mmw-180px{min-width:180px;max-width:180px}
.mmw-190px{min-width:190px;max-width:190px}
.mmw-200px{min-width:200px;max-width:200px}
.mmw-210px{min-width:210px;max-width:210px}
.mmw-220px{min-width:220px;max-width:220px}
.mmw-240px{min-width:240px;max-width:240px}
.mmw-260px{min-width:260px;max-width:260px}
.mmw-280px{min-width:280px;max-width:280px}
.mmw-300px{min-width:300px;max-width:300px}
.mmw-320px{min-width:320px;max-width:320px}
.minw-80px{min-width:80px}
.minw-90px{min-width:90px}
.minw-100px{min-width:100px}
.minw-110px{min-width:110px}
.minw-120px{min-width:120px}
.minw-130px{min-width:130px}
.maxw-50{max-width:50px}
.maxw-60{max-width:60px}
.maxw-70{max-width:70px}
.maxw-80{max-width:80px}
.maxw-90{max-width:90px}
.maxw-100{max-width:100px}
.maxw-110{max-width:110px}
.maxw-120{max-width:120px}
.maxw-140{max-width:140px}
.maxw-150{max-width:150px}
.maxw-160{max-width:160px}
.maxw-180{max-width:180px}
.maxw-200{max-width:200px}
.maxw-210{max-width:210px}
.maxw-220{max-width:220px}
.maxw-445{max-width:445px}
.max10em{max-width:10em}
.max15em{max-width:15em}
.max18em{max-width:25em}
.max20em{max-width:20em}
.max25em{max-width:25em}
.max26em{max-width:26em}
.max27em{max-width:27em}
.max28em{max-width:28em}
.max29em{max-width:29em}
.max30em{max-width:30em}
.max32em{max-width:32em}
.app{background-repeat:no-repeat;background-attachment:fixed;padding-top:1.25rem;padding-bottom:1.25rem}
.dashboard-report .report-box .report-box__icon{width:40px;height:40px}
.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:400;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}
.badge-info{color:#fff!important;background-color:#17a2b8!important}
.badge-success{color:#fff!important;background-color:olive;background-color:rgba(128,128,0,1)}
.badge-danger{color:#fff!important;background-color:#eb2915bf}
.disabled{pointer-events:none;cursor:default;opacity:.6}
.btn-danger{background-color:#dd4b39!important;border-color:#d73925!important;color:#fff!important}
table.dataTable>tbody>tr.selected>*{box-shadow:none!important;color:#000!important}
.select-info{margin-left:20px!important}
.text-nowrap{white-space:nowrap}
.mb-8{margin-bottom:2rem}
html:not(.dark) .bg-light:not(.active){background-color:#ebedef!important}
html.dark .bg-light{ --tw-border-opacity: 1; border: 1px solid rgba(63,72,101,var(--tw-border-opacity));}

.btn-primary {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-primary) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-secondary {
    border-color: rgb(var(--color-secondary) / 0.7);
    background-color: rgb(var(--color-secondary) / 0.7);
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-500) / var(--tw-text-opacity));
}

.btn-success {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-success) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-success) / var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-900) / var(--tw-text-opacity));
}

.btn-warning {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-warning) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-warning) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-900) / var(--tw-text-opacity));
}

.btn-pending {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-pending) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-pending) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-danger {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-danger) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-danger) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-dark {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-dark) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-dark) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn {
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: .375rem;
    border-width: 1px;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: .75rem;
    padding-right: .75rem;
    font-weight: 500;
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: 200ms;
}

@media only screen and (max-width: 576px) {
.text-nowrap{white-space:normal!important}
a#workingtime-fileroom{font-size:12px;line-height:2}
}
@media (min-width: 1024px) {
.lg\:col-span-4{grid-column:span 4/span 4}
}
@media (min-width: 1600px) {
.xxl\:col-span-3{grid-column:span 3 / span 3}
.xxl\:border-l{border-left-width:1px}
.xxl\:col-span-9{grid-column:span 9/span 9}
}
@media only screen and (max-width: 991px) {
.col-span-sm-12{grid-column:span 12 / span 12}
}
@media (min-width: 640px) {
.sm\:col-span-6{grid-column:span 6 / span 6}
a#workingtime-fileroom{line-height:3}
}
@media (min-width: 1280px) {
.xl\:col-span-3{grid-column:span 3 / span 3}
}
.save-setting{margin-top:35px!important}
.nav-tabs .active{border:none!important}
.chat .chat__tabs a.active{--bg-opacity:1!important;background-color:#1C3FAA!important;background-color:rgba(28,63,170,var(--bg-opacity))!important;--text-opacity:1!important;color:#fff!important;color:rgba(255,255,255,var(--text-opacity))!important}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.text-center{text-align:center}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.flex-1{flex:1 1 0}
.rounded-md{border-radius:.375rem}
.p-2{padding:.5rem}
.border-olive.active{border-color:olive!important}
.tab-custon-bg.active{--tw-bg-opacity:1;background-color:rgba(70,110,114,var(--tw-bg-opacity));color:#fff}
.text-white{--tw-text-opacity:1;color:rgba(151,248,236,var(--tw-text-opacity))!important}
.todayrecords{min-height:100px!important;overflow:hidden!important}
.text-danger{color:#b82213!important}
.text-success{color:olive!important}
.link_span{width:25%!important}
.link_span a{width:100%!important;display:inline-block!important}
.tab-text-ellips{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:90px}
.margin-r10 a{margin-right:7px}
.icon-right{margin-right:1.25rem;margin-left:auto;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,1,1);transition-duration:.1s}
html:not(.dark) .bg-antiquewhite{background-color:#faebd76b!important}
html.dark .bg-antiquewhite h2, html.dark .bg-antiquewhite .text-theme-1{ color: #f2f2f2 !important;}
.bg-antiquewhite .input.input--switch[type=checkbox]{background-color:#6b8e23}
.bg-antiquewhite .input.input--switch[type=checkbox]:before{box-shadow:1px 1px 3px #000}
.bg-antiquewhite .input.input--switch[type=checkbox]:checked:before{--tw-bg-opacity:1;background-color:rgba(70,110,114,var(--tw-bg-opacity))!important}

.side-nav > ul > li > .side-menu.side-menu--active:before{background-size:100%;background-image:url(../images/menu_round.svg)}
.side-nav > ul > li > .side-menu.side-menu--active:after{background-size:100%;background-image:url(../images/menu_round.svg)}

.side-nav .side-nav__devider{background-color:#74FBEC}
.z-index-999{z-index:9999!important}
.datetime-block{right:22px;top:106px;z-index:9999}
.main-search-input{background:#fff;padding:2px 5px;border-radius:1px;height:30px;outline:none;z-index:9999}
input.main-search-input:focus{outline:none;--tw-ring-shadow:none;border-color:#17a2b8}
.main-search-button{background:#4DB7FE;height:30px;width:70px;color:#fff;border:none;cursor:pointer;line-height:0;border-radius:0;margin-left:-3px}
.pointer{cursor:pointer!important}
@media only screen and (max-width: 768px) {
.datetime-block{position:relative;top:unset;right:unset;width:100%}
.main-search-input{border-radius:6px!important;background:#fff;width:100%;margin-bottom:5px;border-radius:0}
.main-search-button{position:relative;width:100%;margin:auto}
.dt-buttons .button{margin:5px auto}
}
@media print {
html,body,.app{background-color:#fff!important;color:#101010!important}
}
.relative{position:relative!important}
.box__working-hours{background-size:cover}
.login .min-h-screen{min-height:95.11vh}
.login:before{background-image:url(../images/bg-login-page.png)}
.dark .login:before{background-image:url(../images/bg-login-page.png)}
div.rotate-block{padding-top:1em;margin-left:2%}
.overflow-scrolling{max-height:95.11vh;overflow:hidden;overflow-y:auto;width:100%}
.scroll{scrollbar-width:5px;scrollbar-color:#666}
.scroll::-webkit-scrollbar{width:5px}
.scroll::-webkit-scrollbar-track{background:#ddd}
.scroll::-webkit-scrollbar-thumb{background:#666}
.logo-fixed{position:absolute;top:12%;left:0;z-index:9999}
.rotate-icon{animation-name:spinning;animation-duration:25s;animation-iteration-count:infinite;animation-timing-function:linear;opacity:.85}
.rotate-block:hover .rotate-icon{-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused;cursor:pointer}
@keyframes spinning {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
.dataTables_wrapper { padding-top: 15px; }

/*16-01-2023*/
.product_grid .rpx td .btn-group{
    display:flex;
    align-items:center;
}
.product_grid .rpx td .btn-group .btn{
    margin-right:8px;
}
.product_grid .rpx td .btn-group .btn.btn-success{
    color:#fff;
    border-color:green !important;
}
.product_grid .rpx td .btn-group .btn.btn-success:hover{
    background:#003d00;
    border-color:#003d00 !important;
    transition:all 0.3s ease-in;
    cursor:pointer;
}
.product_grid .rpx td .btn-group .btn.btn-danger:hover{
    background:#a10000 !important;
    border-color:#a10000 !important;
    transition:all 0.3s ease-in;
}
#datatable--product_wrapper a.text-theme-1 {
    display: block !important;
}

/* toastify notification popup css start */

.toastify {
    background: none;
    padding: 0;
    box-shadow: none;
    border: 0;
    border-radius: 0;
}

.toastify-content {
    background: #fff;
    display: flex;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    padding: 20px 50px 20px 20px;
    box-shadow: 0 0 25px rgb(0, 0, 0, 0.1);
}

.toastify-content .image-fit {
    margin-right: 15px;
    width: 45px;
    height: 45px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    flex-shrink: 0;
}

.toastify-content .image-fit>img {
    position: absolute;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.toastify-content .avatar-info {
    margin: 0 100px 0 0;
}

.toastify-content .avatar-info .avatar-title {
    font-size: 14px;
    font-weight: 600;
    color: #475569;
    margin-bottom: 2px;
}

.toastify-content .avatar-info .msg-text {
    font-size: 14px;
    font-weight: 400;
    color: #64748b;
}

.toastify-content .dismiss-btn {
    border-left: 1px solid #e2e8f0;
    font-size: 14px;
    font-weight: 600;
    color: rgba(30 64 175);
    position: absolute;
    right: 0;
    height: 100%;
    padding: 0 20px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-decoration: none;
}

.toastify-content .right-btns {
    border-left: 1px solid #e2e8f0;
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-decoration: none;
}

.toastify-content .right-btns a {
    font-size: 14px;
    font-weight: 600;
    color: rgba(30 64 175);
    flex: 1 1 0%;
    display: flex;
    align-items: center;
    padding: 0 20px;
    text-decoration: none;
}

.toastify-content .right-btns a.view-btn {
    border-bottom: 1px solid #e2e8f0;
}

.toastify-content .info-text1 {
    margin-right: 80px;
}

.notification-box {
    display: flex;
    background: #f7f7f7;
    padding: 8px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.user-name {
    display: flex;
    justify-content: space-between;
}

.time {
    text-align: right;
}

.notification-user-name {
    width: 100%;
}

.user-img {
    display: flex;
    width: 45px;
    height: 45px;
    text-align: center;
    border-radius: 50%;
    margin-right: 5px;
}

.user-img img {
    object-fit: cover;
}

.notification-content .notification-content__box {
    padding: 15px;
}

.toastify.toastify-right {
    width: 100%;
    max-width: 350px;
}


/* toastify notification popup css end */

.profile-image {
    width: 45px;
    height: 45px;
    object-fit: cover;
}

@media (max-width:450px) {
    .dropdown-box.show>.dropdown-box__content {
        margin-left: 15px;
    }
}
.password-strength-bar {
  display: block;
  margin-top: 10px;
  text-align: center;
}

.strength-level {
  font-weight: bold;
}

.bar {
  width: 100%;
  height: 10px;
  background-color: #ccc;
  position: relative;
}

#strength-bar {
  background-color: #ff0000; /* Initial color for a weak password */
}

#strength-label {
  font-weight: bold;
  color: #ff0000;
}




/* Remove side bar animation */
a.side-menu {
    animation: unset !important;
    opacity: 1 !important;
    transform: translateX(0px) !important;
}



.imgBox {
    border-radius: 20px;
}

.imgBox:hover {
    box-shadow: 0 0 10px #ffd7d6 !important;    
}

.cursor-pointer input:checked + .imgBox {
    box-shadow: 0 0 10px #ffd7d6 !important;    
    border: 1px solid #e5e5e5;
}