
.p-overlaypanel-content {
    background: #2f3235 !important;
    color: #fff;
}

.p-overlaypanel-content .p-dropdown.p-component.p-inputwrapper{
    background: #25282a !important;
    color: #fff;
    border-color: #444;
}

.p-overlaypanel-content .p-dropdown-label.p-inputtext,
.p-dialog .p-dropdown-label.p-inputtext{
    color: #fff;
}

.p-disabled.p-dropdown{
    background: #3d4248  !important;
}

.p-float-label .p-inputwrapper-focus ~ label{
    background: #2f3235  !important;
    color: #fff;
}

.theme-dark .p-dropdown ,
.theme-dark .p-dropdown .p-inputtext {
    color: #c5c8cc!important;
    background: unset;
    border-color: #333;
}

.comment-container {
    background-color: #25282A;
}

.p-tabview-nav-content > ul.p-tabview-nav {
    border: none !important;
}

.p-float-label > label{
    background: #2f3235  !important;
    color: #fff !important;
}

.p-dropdown-items{
    background: #2f3235  !important;
    color: #fff !important;
}

.p-dialog .p-inputnumber > input,
.p-dropdown-item{
    color: #fff !important;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover{
    color: #fff;
    background-color: #444;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
    color: #fff;
    background-color: #444;
}   

.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus{
    color: #fff !important;
    background-color: #444;
}

.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
    background: #2f3235;
}

.p-datepicker table td.p-datepicker-today > span,
.theme-calendar.p-datepicker table th,
.theme-calendar.p-datepicker table td
.p-datepicker .p-datepicker-header .p-datepicker-prev, 
.p-datepicker .p-datepicker-header .p-datepicker-next,
.theme-calendar.p-datepicker .p-datepicker-header .p-datepicker-title button{
    color: #fff;
}

.theme-calendar.p-datepicker table td.p-datepicker-today > span.p-highlight, 
.theme-calendar.p-datepicker table td > span.p-highlight{
    background: #444!important;
    border-color: #444!important;
    color: #fff!important;
}

.p-datepicker.p-component.theme-calendar{
    background: #2f3235 !important;
    color: #fff;
}

.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover{
    background: #444 !important;
    color: #fff;
}

/* Dialog */

.p-dialog .p-dialog-header,
.p-dialog .p-dialog-content,
.p-dialog .p-dialog-footer{
    background: #2f3235;
    color:#fff;
}

.p-dialog .p-dialog-header h3 > span{
    color: #fff;
}

.p-dialog .p-dropdown.p-component{
    background: #25282a;
    border-color:#444 ;
}

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

.p-dialog .p-confirm-dialog-accept.p-button.p-button-danger:hover{
    box-shadow: 0 .1875rem .75rem #615e5e6e!important;  
}

.p-autocomplete-panel{
    background: #444;
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover{
    color: #e9ecef;
    background: #495057 ;
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item{
    color: #e9ecef;
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus{
    color: #e9ecef;
    background: #495057;
}

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

.hr-color{
    color: #fff;
}

.wz-footer{
    border-top-color: #444 !important;
}

.step-icon{
    color: #fff;
    background-color: #ffffff1A;
}

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

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

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


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

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

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

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

.attendance-content{
    background-color: #333 !important;
}

.attendance-card{
    background-color: #444 !important;
}
.right-side{
    overflow: hidden;
    background-color: #333;
    border-radius: 12px;
}

.p-dialog .border-black{
    border: 1px solid #444 !important;
}

.p-dialog .btn-link{
    border: 1px solid #444 !important;
}

.p-dialog .list-group-item{
    border: 0.0625rem solid #444 !important;
}

.p-inputswitch.p-focus .p-inputswitch-slider{
    box-shadow:unset !important;
}

.p-dialog .border-black > p {
    height: 25px;
    max-height: 50px;
}

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

.p-overlaypanel-content .btn-export{
    color: #fff;
}

.summary-cont .summary-title{
    background-color:unset;
}

.summary-cont > div.d-flex > span{
    color: #fff !important;
}

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

.p-inputtext:enabled:focus{
    color: #fff;
}