.dropdown-toggle::after{
    border-top: none;
}

.navbar-brand-logo{
    /* color:white; */
    font-size: 24px;
    text-transform: uppercase;
    max-width: 100%;
    font-weight: 700;
    letter-spacing: -1px;
    margin-top: -3px;
    line-height:1;
    text-wrap: wrap;
    min-width: unset;
    max-width: unset;
}

.navbar-brand-logo span{
    color: #4994fe;
}

.navbar-brand-logo-mini{
    font-size: 24px;
}

.navbar-vertical-aside-transition-on .navbar-vertical-aside .navbar-vertical-footer{
    opacity: 1 !important;
}

.theme-dark .p-float-label input:focus ~ label, 
.theme-dark .p-float-label input.p-filled ~ label, 
.theme-dark .p-float-label textarea:focus ~ label, 
.theme-dark .p-float-label textarea.p-filled ~ label, 
.theme-dark .p-float-label .p-inputwrapper-focus ~ label, 
.theme-dark .p-float-label .p-inputwrapper-filled ~ label
{
    background-color: #4e4747 !important;
}

.footer{
    position: relative !important;
    margin:0 !important;
}

body{
    background: #ecf2f5;
}

label{
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
}

.badge.bg-warning{
    background-color:#ffc107 !important;
}

.legend.bg-warning{
    background-color:#ffc107 !important;
}

span.text-warning{
    color: #ffc107 !important;
}

.fc-daygrid-day-events .bg-warning .fc-event-title {
    color: #1E2022 !important;
}

a.bg-warning{
    background:#ffc107 !important ;
}

.theme-dark .p-datatable .p-datatable-thead > tr > th,
.theme-dark .p-datatable .p-datatable-tbody > tr > td{
    background-color: #2f3235;
    color: #fff;
    border-color: #444;
}

.p-dialog .p-dialog-content{
    overflow: hidden;
}

div.p-invalid {
    border: 1px solid #f44336b3 !important;
    border-radius: 7px !important;
}

.p-inputtext:enabled:focus{
    color: #1e2022;
    border-color: rgba(140, 152, 164, .25) !important;
    outline: 0 !important;
    box-shadow: 0 0 1rem 0 rgba(140,152,164,.25) !important;
}

.p-inputtext:enabled:hover {
    border-color:  rgba(140, 152, 164, .25) !important;
}

label {
    font-size: 13.5px;
    font-weight: normal;
    text-transform: capitalize;
    margin-bottom: 0.35rem;
    margin-top: 0.6rem;
}

.step-view .col-12 {
    /* padding-top: 2px !important;
    padding-bottom: 4px !important; */

    padding: 2px 5px 4px 5px !important;
}

.p-datatable .p-datatable-thead > tr > th,
.p-datatable .p-datatable-tbody > tr > td{
    font-size: 14px !important;
}

.theme-dark .p-paginator{
    background-color: transparent;
    color: #fff;
    border-color: #444;
}

.theme-dark .p-checkbox .p-checkbox-box{
    background: #333 !important;
    border-color: #444 !important;
}

input[type="checkbox"] {
    border: 2px solid #ced4da;
    background: #ffffff;
    width: 20px;
    height: 20px;
    color: #495057;
    border-radius: 3px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.list-group-item{
    padding: .3rem .3rem !important;
}

input[type="checkbox"]:checked{
    border-color: #0b7ad1 !important;
    background: #0b7ad1 !important;
    color: #ffffff;
}

.p-paginator .p-paginator-pages .p-paginator-page.p-highlight{
    background: #377dff !important;
    border-color: #377dff !important;
    color: #fff !important;
}

.theme-dark .p-float-label .p-inputwrapper-filled ~ label{
    background: transparent !important;
    color: #fff;
}

.theme-dark .p-datatable .p-sortable-column:not(.p-highlight):hover,
.theme-dark .p-datatable .p-sortable-column:not(.p-highlight):active,
.theme-dark .p-datatable .p-sortable-column.p-highlight:hover {
    background: #444;
    color: #fff;
}

.theme-dark .p-datatable .p-sortable-column:focus {
    box-shadow: inset 0 0 0 0.15rem #333;
}

.theme-dark .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon{
    color: #fff !important;
}

.close {
    font-size: 18px;
    font-weight: 500;
  }

.p-button-filter{
    padding-top: 0.4rem !important;
    padding-bottom: 0.4rem !important;
}

.kebab-btn.p-button:enabled:hover{
    background: unset;
    border-color: transparent;
}

.p-dialog .p-confirm-dialog-accept.p-button.p-button-danger:hover ,
.p-dialog .p-confirm-dialog-accept.p-button.p-button-danger {
    color: #000;
}  

/* checkbox */

.theme-dark .p-checkbox .p-checkbox-box{
    background: #333 !important;
    border-color: #444 !important;
}

.theme-dark .p-checkbox .p-checkbox-box.p-highlight {
    border-color: #2196F3 !important;
    background: #2196F3 !important;
}

.chart-three{
    height: 40px;
}

div.simple-typeahead-list{
    background-color: #444 !important;
}

.hr-color{
    color: rgba(231, 234, 243, 0.7);
}

.gender-container > div:first-child{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.gender-container > div:last-child{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.gender-container .label-gender{
    font-weight: 400;
    color: #677788;
}

.custom-tab{
    background-color: #e7e7e747;
    padding: 0.1rem;
    border-radius: 0.5rem;
    
}

.custom-tab .nav-item .col-6{
    padding: 0 !important;
}

div.upload-container.p-invalid {
    border: 1px solid #f44336b3 !important;
    border-radius: 7px !important;
}

.summary-cont{
    max-height: 500px;
    overflow-y: auto;
}

.btn-group{
    position: relative;
    display: flex;
    display: inline-flex;
    vertical-align: middle;
}

.p-inputnumber > input{
    width: 100%;
    font-size: 13.5px;
}

span.p-inputnumber.p-component{
    padding: 0;
}

.custom-tab a.nav-link{
    color: #677788;
    font-size: .8125rem;
    padding: 0.5rem 0.8125rem;
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
}

.custom-tab a.nav-link:hover {
    color: #377dff;
}

.custom-tab a.nav-link.active {
    color: #1e2022;
    background-color: #fff;
    box-shadow: 0 0.1875rem 0.375rem 0 rgba(140,152,164,.25);
}

.p-datatable.p-invalid,
.p-dropdown.p-invalid.p-component,
.card.p-invalid{
    border: 1px solid #f44336 !important;
}

.theme-dark .fc.fc-theme-standard .fc-view-harness th,
.theme-dark .fc.fc-theme-standard .fc-view-harness td{
    background: #25282A;
}

.theme-dark .fc.fc-theme-standard .fc-view-harness th,
.theme-dark .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid,
.theme-dark .fc.fc-theme-standard .fc-view-harness td{
    border-color: #333;
}

.p-button.p-button-info:enabled:focus, 
.p-buttonset.p-button-info > .p-button:enabled:focus, 
.p-splitbutton.p-button-info > .p-button:enabled:focus{
    box-shadow: none !important;
}

.theme-dark .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event{
    border-color: #333 !important;
}

.theme-dark .fc .fc-daygrid-day.fc-day-today{
    background-color:#333 !important;
}

.company-logo{
    max-width: 150px; 
    height: auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 35px;
}

.schedule .step-view{
    padding: .25rem !important;
    overflow: hidden;
}

.p-dropdown{
    border-color: rgba(231,234,243,.7) !important;
}

/* .form-control{
    font-size: 12.5px !important;
} */

.p-dropdown .p-dropdown-label{
    font-size: 13px;
    font-family:'Inter',sans-serif;
}

.attendance-close-profile{
    position: absolute;
    top: 0;
    right: 8px;
    margin: 1rem;
    z-index: 1;
}

.table-dropdown .p-dropdown .p-dropdown-label{
    padding-bottom: 3px;
}
.table-dropdown .p-dropdown{
    width: 126px !important;
    padding: .19rem;
}

.theme-dark .p-radiobutton .p-radiobutton-box{
    background:#202325;
    border: 2px solid #444;
}

.theme-dark .p-inputswitch .p-inputswitch-slider{
    background: #333;
}

.theme-dark .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{
    background: #377dff;
}

/* .fc-h-event .fc-event-title {
    font-size: 10px;
} */

.theme-dark .attendance-log-card{
    background: #333 !important;
    color: #fff;
}

.task-calendar-btn > button {
    background-color: transparent;
    color: #494057;
    border: unset;
}

.theme-dark .task-calendar-btn > button  {
    color: #fff;
}

.theme-dark .status-line{
    color: #fff;
}

.theme-dark .p-datatable .p-datatable-loading-overlay {
    background-color: #4444448c !important;
}

.p-overlaypanel-content .btn-export{
    background:unset;
    color: #495057;
    font-size: 16px;
}

.theme-dark .p-tabview .p-tabview-nav,
.theme-dark .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link,
.theme-dark .p-tabview .p-tabview-panels,
.theme-dark .p-tabview .p-tabview-nav li .p-tabview-nav-link{
    background-color: #25282A;
    color: #fff;
}

.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus{
    box-shadow:unset !important;
}

.theme-dark .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link{
    background: #333;
    color: #fff;
    border-color: #2196F3;
}

.p-button:enabled:hover{
    background: transparent !important;
    border-color:transparent !important;
    color: #1366ff !important;
    /* box-shadow: 0 3px 11px #333333; */
}

.p-dialog .p-confirm-dialog-accept.p-button.p-button-danger.btn-reset-pass{
    color: #fff !important;
}

.p-dialog .p-confirm-dialog-accept.p-button.p-button-danger.btn-reset-pass:hover{
    color: #1366ff !important;
}

.p-button{
    display: flex !important;
}

.p-dialog .p-confirm-dialog-accept.p-button.p-button-danger,
.p-confirm-dialog .p-dialog-footer .btn-default{
    color: #25282A;
}

.preview .table td{
    display: flex;
    justify-content: end;
}

.vr-wizard--btn{
    border-radius: 0.3125rem;
}

/* dialog stepper */

.step-icon{
    color: #132144;
    background-color: rgba(19, 33, 68, .1);
    width: 2rem;
    height: 2rem;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 100%;
    font-size: .875rem;
}

.w-stepper__item.active span.step-icon{
    color: #fff;
    background-color: #377dff;
}

.w-stepper__item.active, .w-stepper__item.completed {
    color: unset !important;
}
/* end dialog stepper */

.vr-wizard--btn{
    text-transform: unset !important;
}

.p-dialog .p-dialog-header{
    border-bottom: transparent !important;
}

.p-datatable .p-datatable-thead > tr > th{
    font-weight: 400 !important;
    text-transform: uppercase;
    color: #677788 !important;
    font-size: 11.9px;
    height: 3rem;
}

.p-dialog .p-datatable .p-datatable-thead > tr > th{
    font-size: 12px !important;
}

button.vr-wizard--done-btn.vr-wizard--btn.custom-white{
    background-color: #fff !important;
    border: .0625rem solid rgba(231, 234, 243, .7) !important;
    color: #677788 !important;
}

button.vr-wizard--done-btn.vr-wizard--btn.custom-white:hover{
    color: #1366ff !important;
    border-color: rgba(231, 234, 243, .7);
    background-color: #fff;
    box-shadow: 0 3px 6px -2px rgba(140,152,164,.25);
}
.theme-dark .p-datatable .p-datatable-thead > tr > th{
    color: #c5c8cc  !important;
}

.p-datatable .p-sortable-column .p-sortable-column-icon{
    width: 0.79rem;
    color: #6c757d9e !important;
}

.p-dialog .w_stepper__title{
    font-weight: 600;
    margin-left: .5rem ;
}

.wz-footer{
    margin-left: -1.8rem;
    margin-right: -1.9rem;
    margin-top: .5rem;
    border-top: 0.0625rem solid rgba(231, 234, 243, 0.7);
}

.toggle-container > .row {
    height: 145px;
    overflow: hidden;
    transition: height .35s ease-in-out;
}

.toggle-container .icon {
    right: 5px;
    transform: translateY(-50%) rotate(0);
    transition: transform .35s ease-in-out;
}

.toggle-container.expanded .icon {
    transform: translateY(-50%) rotate(180deg);
}

.toggle-container.expanded > .row {
    height: 407px;
}

.p-component{
    font-family: unset !important;
}

.employee-preview .p-dialog-footer{
    display: flex;
    justify-content: end;
}

i.nav-icon{
    display: flex;
    align-items: center; 
    justify-content: center;
}

.navbar-vertical-aside-mini-mode i.nav-icon {
    justify-content: unset;
}

.week div.btn-group >label.btn{
    border-radius: unset !important;
}

.week > .btn-group:nth-child(2) > label.btn {
    border-top-left-radius: 7px !important;
    border-bottom-left-radius: 7px !important;
}

.p-dialog .p-dialog-content h4,
.p-dialog .p-dialog-content h4 a{
    color: #677788;
}

.week > .btn-group:nth-last-child(2) > label.btn {
    border-top-right-radius: 7px !important;
    border-bottom-right-radius: 7px !important;
}

.p-dialog.employee-schedule .p-dialog-footer{
    border-top: 0.0625rem solid rgba(231, 234, 243, 0.7);
}

.camera-action-btn-override{
    right: 7.6rem !important;
    bottom: -17px ;
}

div.upload-container.employee-create.p-invalid{
    border-radius: 50% !important;
}

video, canvas, .img-preview-cont{
    top: -3px;
    left: -3px;
}

.img-preview-cont .img-preview{
    height: 119px;
    width: 119px;
}

.profile-cover-img-wrapper{
    top: -20px !important;
    right: -9px !important;
    left: -9px !important;
}

.profile-cover-img{
    border-radius : unset !important;
    border-top-left-radius:.75rem !important;
    border-top-right-radius:.75rem !important;
}

.leave-request-tab .p-tabview-nav{
    border: 1px solid #fff !important;
}

.leave-request-tab .p-tabview .p-tabview-nav li .p-tabview-nav-link{
    color: #6c757d !important;
}

.leave-request > .fc-header-toolbar.fc-toolbar{
    display: none;
} 

.fc .fc-popover{
    z-index:1 !important;
}

.b-date.profile-cover-uploader{
    top: 0;
    right: 67px;
    color: floralwhite;
}

/* CSS Changes */
.p-button .p-badge {
    width: 1rem;
    line-height: 1!important;
}

.btn-danger, .btn.btn-danger:hover, .btn.btn-danger:focus {
    color: var(--bs-btn-color)!important;
    background-color: var(--bs-btn-bg)!important;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color)!important;
}

.btn.btn-outline-danger:hover, .btn.btn-outline-danger:focus {
    color: var(--bs-btn-hover-color)!important;
    background-color: var(--bs-btn-hover-bg)!important;
    border-color: var(--bs-btn-hover-border-color)!important;
}

.btn.btn-primary:hover, .btn.btn-primary:focus, .mx-btn.mx-datepicker-btn-confirm:hover, .mx-btn.mx-datepicker-btn-confirm:focus {
    color: var(--bs-btn-hover-color)!important;
    background-color: var(--bs-btn-hover-bg)!important;
    box-shadow: 0 4px 11px rgba(55,125,255,.35)!important;
}

.kebab-menu.p-overlaypanel .p-overlaypanel-content {
    padding: 0!important;
}

.kebab-menu .btn {
    padding: 0.5rem 0.75rem;
    font-size: 0.725rem;
}

.kebab-menu .btn .p-button-icon {
    font-size: 0.825rem;
}

.kebab-menu .dropdown-header {
    color: #94a3b8;
}

.kebab-menu .p-button-label {
    text-align: left;
}

.list-group.list-group-flush .card-subtitle {
    line-height: 1;
    margin-bottom: 0;
}

.list-group.list-group-flush .list-group-item .row > .col {
    width: 250px;
    flex: unset;
}

.p-dialog.p-confirm-dialog .p-dialog-header .p-dialog-title {
    font-size: 1.1484375rem;
}

.p-dialog .attendance-summary-table .p-datatable-table > .p-datatable-thead {
    display: none;
}

.attendance-summary.card-body-height{
    height: 27rem;
}

.card-footer > .attendance-summary-table td {
    padding: 5px;
}

.p-dialog .step-view [role="tablist"] {
    padding: .25rem .25rem!important;
    border-radius: .5rem;
}

.p-tabview .p-tabview-nav li .p-tabview-nav-link {
    padding: 1.25rem 1rem!important;
    border-bottom: .1875rem solid transparent!important;
    margin-bottom: -.125rem!important;
    font-weight: 400!important;
    font-size: var(--bs-body-font-size)!important;
    min-width: 100px;
    justify-content: center;
}

.p-tabview .p-tabview-nav li.p-highlight > .p-tabview-nav-link {
    color: var(--bs-nav-tabs-link-active-color)!important;
    background-color: var(--bs-nav-tabs-link-active-bg)!important;
    border-color: var(--bs-nav-tabs-link-active-border-color)!important;
    font-weight: 600!important;
}

*::-webkit-scrollbar {
    width: .6125rem;
    height: .6125rem;
}

*::-webkit-scrollbar-thumb {
    background-color: rgba(189, 197, 209, .6);
}

.badge {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.btn-default {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.kebab-menu .btn-default {
    border: 0 !important;
}

.theme-calendar.hide-clear [aria-label="Clear"] {
    display: none !important;
}

/* Date range picker */
.mx-datepicker-range {
    max-width: 100%;
}

.mx-datepicker-main {
    box-shadow: 0 0.6125rem 2.5rem 0.6125rem rgba(140,152,164,.175)!important;
    margin-top: 0!important;
    margin-bottom: 0!important;
    border-radius: .75rem!important;
    border: none!important;
    font-family: Inter, sans-serif!important;
    color: inherit!important;
    font-size: 15px!important;
    line-height: 1em!important;
}

.mx-calendar-content {
    height: auto!important;
}

.mx-calendar {
    width: auto!important;
    max-width: 18.75rem;
    padding: 1rem 1rem!important;
}

.mx-calendar-header, .mx-time-header {
    height: 38.5px!important;
    line-height: 24px!important;
}

.mx-calendar-header .mx-btn {
    font-size: .875rem;
    font-weight: 600;
    color: inherit;
}

.mx-table-date th, .mx-table-date td {
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.mx-table-date th {
    min-width: 32px;
    width: 32px;
    height: 28px!important;
    line-height: 24px;
    font-size: 12px!important;
}

.mx-table-date td {
    min-width: 2.40625rem!important;
    width: 2.40625rem!important;
    height: 2.40625rem!important;
    font-size: .875rem!important;
    line-height: 2.15625rem!important;
    border-radius: 50%;
}

.mx-table-date .today {
    font-weight: 600;
}

.mx-table-date .active, .mx-table-date .active:hover {
    color: #fff!important;
    background-color: #377dff!important;
}

.mx-calendar-range .mx-table-date .active:not(.not-current-month) {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
    border-top-left-radius: 50rem!important;
    border-bottom-left-radius: 50rem!important;
}

.mx-calendar-range .mx-table-date .in-range+.active:not(.not-current-month), .mx-calendar-range .mx-table-date .active+.active:not(.not-current-month) {
    border-top-right-radius: 50rem!important;
    border-bottom-right-radius: 50rem!important;
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
}

.mx-calendar-content .cell.in-range:not(.not-current-month), .mx-calendar-content .cell.hover-in-range {
    color: #677788!important;
    background-color: rgba(231, 234, 243, .5)!important;
    border-radius: 0!important;
}

.mx-calendar-content .not-current-month.active {
    color: #ccc!important;
    background-color: transparent!important;
}

.mx-calendar-content .cell.disabled {
    background-color: transparent!important;
}

.mx-datepicker-footer {
    padding: 1rem!important;
}

.mx-btn.mx-datepicker-btn-confirm {
    --bs-btn-color: #fff;
    --bs-btn-bg: #377dff;
    --bs-btn-border-color: #377dff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2f6ad9;
    --bs-btn-hover-border-color: #2c64cc;
    --bs-btn-focus-shadow-rgb: 85, 145, 255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2c64cc;
    --bs-btn-active-border-color: #295ebf;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #377dff;
    --bs-btn-disabled-border-color: #377dff;

    line-height: 1.5!important;
    font-size: .875rem!important;
    font-weight: 400!important;
    padding: .6125rem 1rem!important;

    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color)!important;
    color: var(--bs-btn-color)!important;
    background-color: var(--bs-btn-bg)!important;
}

.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr.p-datatable-row-expansion:not(.p-highlight):hover{
    background: unset !important;
}

span.period-calendar {
    width: calc(50% - 6px);
}

/* .daterangepicker .calendar-table th:not(.month) {
    color: #97a4af;
    font-weight: 600;
    text-transform: uppercase;
} */

.comment-wrapper {
    display: flex;
    align-items: flex-start;
}

.comment-container {
    background-color: #f2f2f2;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 20px;
}

.comment-content {
    flex: 1; 
    margin-right: 20px; 
}

.comment-name {
    font-weight: bold;
    margin-bottom: 5px;
}

.comment-text {
    font-size: 14px;
    margin-bottom: 5px;
    word-break: break-word;
    white-space: pre-wrap;
}

.comment-timestamp {
    font-size: 10px;
    font-weight: bold;
    text-align: right;
    align-self: flex-end;
}

hr.sumamry-separator{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 15px;
    border: 0;
    width: 82.44%;
    border-top:.0625rem solid rgba(231, 234, 243, .7);
}

.custom-col-chart{
    width: 73.666667% !important;
}

.custom-col-log{
    width: 48% !important;
}

.dashboard-departments{
    overflow-y: auto;
    max-height: 540px;
}

@media( min-width:995px) and (orientation: portrait){
    .dropdown-language{
        top: 620px !important;
    }
}

@media(max-width:995px) and (orientation: portrait){
    .dropdown-language{
        top: 537px !important;
    } 
}