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

html,body {
    text-align:center;
    font-family: 'Tajawal-Regular' !important;
}

.profile-info2 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.profile-info2 h6 {
    margin-bottom: 7px;
}

.ui-widget {
    font-family: 'Tajawal-Regular' !important;
}

.ui-panelgrid {
    width: 90%;
}

.card {
    padding: 12px 16px 20px 16px;
    border-radius: 8px;
}

body .ui-fieldset .ui-fieldset-legend {
    font-family: 'Tajawal-Regular';
    border: none;
    background: none;
}

.ui-panelgrid-content {
    align-items: baseline;
    margin-top: 0px;
}

.ui-panelgrid .ui-panelgrid-cell {
    padding: 5px !important;
}

body .ui-datatable thead th {
    text-align: center;
}

td[role="gridcell"] .ui-button {
    background: transparent !important;
    color: #427f59;
    border-color: #427f59;
}

body .ui-datatable thead th .ui-column-title {
    font-family: 'Tajawal-Regular';
}

body .ui-datatable .ui-datatable-data > tr > td {
    font-family: 'Tajawal-Regular';
}

body .ui-datatable tfoot td {
    text-align: center;
}

input[readonly="readonly"], textarea[readonly="readonly"]
{
    border: none;
}

label {
    font-weight: bold;
}

.ui-selectonemenu {
    display: block;
    min-width: auto !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover {
    background: #427f592e !important;
}
.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight {
    background: rgb(73 80 87 / 15%)!important;;
}

.ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet {
    background: #427f59 !important;
    border-color: #427f59 !important;
}
.ui-radiobutton .ui-radiobutton-box.ui-state-active {
    background: #427f59 !important;
}

.ui-chkbox-box {
    margin: 0px 7px 0px 7px;
}

.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active {
    background: #427f59 !important;
    border-color: #427f59 !important;
}

body .ui-fluid .ui-trigger-calendar input.hasDatepicker {
    width: 100%;
    border: 1px solid #ced4da;
    border-radius: 4px;
}

.ui-fluid .ui-calendar, .ui-fluid .ui-calendar input {
    width: 100%;
    border: 1px solid #ced4da;
    border-radius: 4px;
}

.logoutLink {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: red !important;
}

.ui-state-active {
    background: #427f592e !important;
}

.ui-state-hover, .ui-state-focus {
    border-color: #427f592e !important;
    box-shadow: 0 0 0 0.2em #427f592e !important;
}

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

.kku-calender {
    width: 50% !important;
}

i.pi.pi-power-off {
    zoom: 1.3;
    color: red !important;
}

.ui-button {
    border-radius: 2rem !important;
    margin: 5px !important;
    width: auto !important;
}

.ui-selectbooleanbutton, .ui-selectonebutton > .ui-button, .ui-selectmanybutton > .ui-button {
    padding-inline: 40px;
}

.ui-button-save {
    padding-inline: 40px;
}

.button-delete {
    background-color: #D32F2F !important;
    border-color: #D32F2F !important;
}

.ui-button-icon-only .ui-icon {
    font-size: 25px;
    top: 25% !important;
    left: 25% !important;
}

.ui-button.ui-button-icon-only {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

body .ui-accordion .ui-accordion-header {
    text-align: start;
}

.ui-message {
    width: 100%;
}

.ui-dialog-content {
    padding-top: 7px !important;
    max-height: calc(100vh - 130px);
}

.dialog30 {
    width: 30% !important;
}
.dialog40 {
    width: 40% !important;
}
.dialog50 {
    width: 50% !important;
}
.dialog60 {
    width: 60% !important;
}
.dialog70 {
    width: 70% !important;
}
.dialog80 {
    width: 80% !important;
}
.dialog90 {
    width: 90% !important;
}

.exception-top {
    background: none !important;
}

.layout-footer {
    padding-top: 5px;
}

body .ui-paginator .ui-paginator-first:before {
    content: "";
}
body .ui-paginator .ui-paginator-prev:before {
    content: "";
}
body .ui-paginator .ui-paginator-next:before {
    content: "";
}
body .ui-paginator .ui-paginator-last:before {
    content: "";
}

@media (max-width: 640px) {
    .ui-datatable-data td .ui-column-title {
        font-weight: bold;
    } 
    .msgDialog, .dialog30, .dialog40, .dialog50, .dialog60, .dialog70, .dialog80, .dialog90 {
        width: 95% !important;
    }

    .layout-content {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    .ui-fileupload .ui-fileupload-buttonbar .ui-button {
        padding: 0px !important;
    }
    .ui-fileupload-buttonbar .ui-button .ui-button-text {
        display: block !important;
    }

    .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right {
        border-bottom: 0px !important;
    }
    .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left {
        border-bottom: 0px !important;
    }
}

@media (max-width: 800px) {
    .ui-panelgrid {
        width: 98%;
    }
    .kku-calender {
        width: 100% !important;
    }
    .kku-calender-th {
        padding: 10px !important;
        font-size: 11px;
    }
    td.kku-calender-th {
        text-align: center !important;
    }
    .ui-button-save {
        min-width: 90%
    }
    .layout-footer {
        padding-top: 10px;
    }
    .serviceIconMobile {
        padding-bottom: 0px;
    }    
}