.btcl-container {
    margin-top: 5%;
    margin-bottom: 5%;
}
.container.btcl-container>.row {
    width: 1140px;
}
.btcl-user-area {
    padding: 10px 30px;
    border-bottom: 2px solid #f5f5f5;
    padding-bottom: 20px;
    border-radius: 15px 15px 0 0;
    border-color: transparent;
    background: linear-gradient(230deg, #759bff, #843cf6);
    border: 0;
}
.btcl-user-img {
    text-align: center;
    padding-top: 30px;
}
.btcl-user-img .profile_img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 100%;
    margin-right: 10px;
}
#ProfileForm .form-check label.form-check-label {
    align-items: center;
    display: flex;
}
.form-check .form-check-label input {
    margin-right: 5px;
}
table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc_disabled:after {
    right: 4px;
    content: "\2193";
}
h5.btcl-user {
    color: #fff;
}
.staff-session-items:first-child {
    margin-top: 0;
}
.btcl-user-name-area {
    text-align: center;
    padding-top: 15px;
}
.btcl-right-side-content .tab-content {
    padding: 30px;
    box-shadow: 0px 0px 10px -2px #ddd;
    margin-top: 20px;
    border-radius: 15px;
    background-color: #ffffff;
}
.btcl-hello {
    font-size: 40px;
    margin-bottom: 10px;
    font-weight: 700;
}
.btcl-column-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.btcl-column {
    position: relative;
    width: 100%;
    min-height: 1px;
}
.btcl-container .welcome-wrap {
    position: relative;
}
.btcl-hello ~ span {
    display: block;
    padding-bottom: 20px;
}
.btcl-container .list-group-item {
    border: none;
    font-size: 1.1rem;
    text-transform: capitalize;
    font-weight: 400;
}
.btcl-container .list-group-item.active {
    border-color: transparent;
    background: linear-gradient(230deg, #759bff, #843cf6);
}
.btcl-container .list-group-item-action i {
    margin-right: 9px!important;
}
.btcl-container .list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.btcl-container .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.btcl-container .bg-gradient-primary {
    background: linear-gradient(230deg, #759bff, #843cf6);
}
.btcl-container .bg-gradient-danger {
    background: linear-gradient(316deg, #fc5286, #fbaaa2);
}
.btcl-container .bg-gradient-warning {
    background: linear-gradient(135deg, #ffc480, #ff763b);
}
.btcl-container .bg-gradient-info {
    background: linear-gradient(to bottom, #0e4cfd, #6a8eff);
}
.btcl-container .text-white {
    color: #ffffff !important;
}
.btcl-container .text-center {
    text-align: center !important;
}
.btcl-container .card {
    border: 0;
    border-radius: 0.625rem;
    box-shadow: 6px 11px 41px -28px #a99de7;
    -webkit-box-shadow: 6px 11px 41px -28px #a99de7;
    -moz-box-shadow: 6px 11px 41px -28px #a99de7;
    -ms-box-shadow: 6px 11px 41px -28px #a99de7;
}
.btcl-container button.btn.btn-primary.top-add-btn {
    float: right;
}
.btcl-container .btn-primary, .wizard > .actions a {
    color: #fff;
    background-color: #8340f6;
    box-shadow: 8px 8px 30px 0 #ccc;
    padding: 15px 32px 15px 32px!important;
    border-radius: 30px!important;
    font-size: 18px!important;
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
    color: #fff;
    box-shadow: 8px 8px 30px 0 #ccc;
    padding: 15px 32px 15px 32px!important;
    border-radius: 30px!important;
    font-size: 18px!important;
}

.btcl-container .btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 0;
    border-radius: 0.625rem;
    padding: 0.875rem 1.5rem;
    font-size: 1rem;
    line-height: 1;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btcl-container .card-title {
    margin-bottom: .75rem;
    display: inline;
}
.btcl-container .inner-row {
    display: block;
    margin-top: 6%;
}
div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
    display: inline;
    float: right;
}
.dataTables_length {
    display: inline-block;
}
.btcl-container table th {
    border: none;
    font-size: 14px;
    border-top: 1px solid #cccccce3;
}
.btcl-container table {
    border: 0;
    width: 100%!important;
}
.clock-action-outer {
    margin-top: 40px;
    margin-bottom: 40px;
}
.btcl-container .bg-gradient-success {
    background: linear-gradient(to right, #84d9d2, #07cdae);
}
.btcl-container .card.card-holder {
    position: relative;
    box-shadow: 0px 3px 8.3px 0.7px rgba(173, 119, 243, 0.25);
    margin-bottom: 15px;
}
.btcl-container .btn-holder {
    margin-right: 10px;
    position: relative;
    margin-bottom: 15px;
    box-shadow: 0px 3px 8.3px 0.7px rgba(173, 119, 243, 0.25);
}
.dashboard-holiday-box {
    margin-bottom: 15px;
}
.btcl-container .detail-panel.extra-data-panel {
    margin-top: 40px;
}
.btcl-container .extra-data-panel .card {
    box-shadow: none;
}
.btcl-container .accordion.accordion-filled .card .card-header a {
    padding: 2rem 4.5rem 2rem 2rem;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.btcl-container .accordion .card .card-header a {
    display: block;
    color: inherit;
    text-decoration: none;
    font-size: inherit;
    position: relative;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
    padding: 10px;
}
.btcl-container .accordion .card .card-header * {
    font-weight: 400;
    font-size: 1rem;
}
.btcl-container .accordion.accordion-filled .card {
    padding: 0;
}
.btcl-container .accordion .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.btcl-container .accordion .card {
    margin-bottom: .75rem;
    box-shadow: 0px 1px 15px 1px rgba(230, 234, 236, 0.35);
    border-radius: .25rem;
}
.row.highlight-cards {
    margin-top: 40px;
    margin-bottom: 40px;
}
.accordion.accordion-solid-header .card .card-header a[aria-expanded="true"] {
    background: #7571f9;
    color: #ffffff;
}
.card-header {
    padding: 0;
}
.left-inner-wrapp{
    margin-top: 20px;
    border-radius: 15px;
    box-shadow: 0px 0px 10px -2px #ddd;
    background: #fff;
}
.profile-left .list-group {
    border-radius: 0 0 15px 15px;
    padding-bottom: 10px;
}
div.dataTables_wrapper div.dataTables_length select {
    padding: 5px;
    border-radius: 5px;
    border-width: 1px;
    padding-right: 24px;
}
div.dataTables_wrapper div.dataTables_filter input {
    padding: 5px;
    border-radius: 5px;
    border-width: 1px;
}
.btcl-container .paginate_button {
    color: #4d4d4d;
    border: 1px solid #ccc;
    padding: 5px 11px;
    margin-right: 5px;
}
.btcl-container a.paginate_button.current {
    background: #8249f8;
    color: #fff;
    border: 1px solid #8249f8;
}
.no-shadow {
    box-shadow: none!important;
}
#calander .card {
    box-shadow: none;
}
div#calendarr {
    margin-top: 30px;
}
.modal-dialog {
    margin-top: 10%;
}
.form-control-sm {
    padding: 10px;
    font-size: 16px;
    height: auto;
    border-radius: .2rem;
}
.input-group-text {
    padding-top: 10px;
    color: #686767;
}
.profile-wrapper {
    margin-top: 50px;
}
h4.form-sub-heading {
    margin-top: 30px;
    margin-bottom: 30px;
}
.btcl-container .accordion .card .card-header strong {
    font-weight: bolder;
    margin-right: 5px;
}
.btn-time-in {
    background-color: #7571f9;
    border-color: #7571f9;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.875rem 1.5rem;
    font-size: 1rem;
    line-height: 1;
    border-radius: 0.1875rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin-right: 5px;
}
.btn-time-out {
    background-color: #fc5487;
    border-color: #fc618b;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.875rem 1.5rem;
    font-size: 1rem;
    line-height: 1;
    border-radius: 0.1875rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
hr {
    border-color: #e3e3e3!important;
}
.btcl-container .detail-panel .accordion .card:first-of-type {
    border-bottom: 1px solid #50cd50;
}
.detail-panel .card {
    border-radius: 8px;
    border: 1px solid #50cd50;
}
.detail-panel .accordion.accordion-solid-header .card .card-header a[aria-expanded="true"] {
    background: #0fbc0fb8;
}
.report-form-div {
    margin-top: 30px;
}
div#reports-listing_wrapper {
    display: none;
}
.staff-session-items {
    border: 1px solid #4caf50;
    padding: 15px;
    margin-bottom: 11px;
    border-radius: 5px;
    margin-top: 30px;
}

.staff-lunch-items {
    border: 1px solid #ff9800;
    padding: 15px;
    margin-bottom: 11px;
    border-radius: 5px;
    margin-top: 30px;
}

.staff-break-items {
    border: 1px solid #f11c1c;
    padding: 15px;
    margin-bottom: 11px;
    border-radius: 5px;
    margin-top: 30px;
}

.table td .badge, .jsgrid .jsgrid-table td .badge {
    margin-bottom: 0;
}
.dataTables_wrapper label {
    font-size: .8125rem;
}
.badge {
    font-size: 12px;
    line-height: 1;
    padding: .375rem .5625rem;
}
.text-white {
    color: #ffffff !important;
}
.badge-danger {
    color: #fff;
    background-color: #ff5e5e;
}
.badge {
    display: inline-block;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.badge-success, .preview-list .preview-item .preview-thumbnail .badge.badge-online {
    color: #212529;
    background-color: #6fd96f;
}

.badge-success, .preview-list .preview-item .preview-thumbnail .badge.badge-online {
    color: #212529;
    background-color: #6fd96f;
}

.staff-session-details h4.text-white {
    margin-bottom: 0;
}

tr.holiday_report {
    background: #ffc10736!important;
}

tr.sunday_report {
    background: #ff00001c!important;
}

.staff-total-details, .staff-session-details {
    border-radius: 5px;
    padding: 15px;
    box-shadow: 8px 8px 30px 0 #ccccccd9;
}

.staff-total-details span, .staff-session-details span {
    float: right;
}

.staff-total-details h5 {
    border-bottom: 1px dashed;
    padding-bottom: 10px;
}

#dashboard .highlight-cards h2 {
    font-size: 20px;
}

.target-cards {
    margin-bottom: 12px;
}

.target-cards h2.mb-0.text-white {
    font-size: 20px;
}

.target-cards .card {
    min-height: 110px;
}

.target-cards a.fetch-target-details {
    color: #fff;
}

.birthday-alert-box .card {
    border-radius: 8px;
    border: none;
    background: url(../../assets/images/birthday.jpg);
    height: 375px;
    background-size: cover;
}

.birthday-alert-box .card-body {
    text-align: center;
    align-items: center;
    display: grid;
    top: 5%;
}

.birthday-alert-box h3 {
    font-size: 24px;
    padding-left: 10px;
    padding-right: 10px;
}

.salary-form-div {
    margin-top: 30px;
}

.salary-status-div {
    margin-top: 50px;
}
.salary-form-div .salary-details-p {
    border-bottom: 1px solid #d0cdcd;
    padding-bottom: 8px;
}

.salary-form-div .salary-details-p span {
    float: right;
}

p.salary-details-p.actual-salary {
    border-bottom: none;
    margin-top: 30px;
    color: #fff;
    background: linear-gradient( 
230deg
, #759bff, #843cf6);
    border-radius: 5px;
    padding: 15px;
    box-shadow: 8px 8px 30px 0 #ccccccd9;
}

form#loginform {
    margin-top: 30px;
}







.card.card-custom.card-stretch.gutter-b {
    height: calc(100% - 25px);
}
.card.card-custom.card-stretch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch!important;
    -ms-flex-align: stretch!important;
    align-items: stretch!important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
.card.card-custom {
    -webkit-box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
    box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
    border: 0;
}
.gutter-b {
    margin-bottom: 25px;
}
.card.card-custom>.card-body {
    padding: 2rem 2.25rem;
}
.carousel {
    position: relative;
}
.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}
.justify-content-between {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}
.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
}
.p-0 {
    padding: 0!important;
}
.btn-group-sm>.btn.btn-icon, .btn.btn-icon.btn-sm {
    height: calc(1.35em + 1.1rem + 2px);
    width: calc(1.35em + 1.1rem + 2px);
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.btn.btn-light {
    color: #7e8299;
    background-color: #f3f6f9;
    border-color: #f3f6f9;
}
.btn.btn-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    height: calc(1.5em + 1.3rem + 2px);
    width: calc(1.5em + 1.3rem + 2px);
}
.btn.btn-icon .svg-icon {
    margin: 0;
    padding: 0;
}
.svg-icon.svg-icon-md svg {
    height: 1.5rem!important;
    width: 1.5rem!important;
}
.pt-9, .py-9 {
    padding-top: 2.25rem!important;
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .6s ease-in-out;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
}

.project-summary-content a.d-flex.align-items-center.text-dark.text-hover-primary.font-size-h5.font-weight-bold.mr-3 {
    font-size: 16px;
    margin-top: 10px;
}

.subtask-inner-details {
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.project-desc-content {
    font-size: 14px;
    margin-bottom: 15px;
}

h6.font-weight-normal {
    color: #fff;
    font-size: 14px;
}

h2.mb-0.project-counters {
    color: #fff;
    font-size: 16px;
}

h2.mb-0.project-counters {
    color: #fff;
    font-size: 20px;
    padding-top: 5px;
}

.dataTable td a, .dataTable td {
    font-size: 16px;
}

p.salary-details-p {
    font-size: 16px;
    margin-bottom: 5px;
}

div.dataTables_wrapper div.dataTables_info {
    font-size: 14px;
}

.btcl-container .paginate_button {
    font-size: 14px;
}

.btcl-container .card-title {
    font-size: 20px;
}

.row.project-statics-counter {
    margin-top: 40px;
}

.project-statics-counter .card-body {
    padding: 20px 10px;
}

.comments-image-item img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 10px;
    margin-top: 5px;
}

.comments-image-item {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 20px;
}

span.font-weight-bolder.text-dark.attachments-text {
    font-size: 14px;
    font-weight: 700;
}

.attachments-div {
    margin-top: 5px;
    margin-bottom: 10px;
}

.font-weight-normal.text-dark-50.comment-desc-text {
    font-size: 14px !important;
}

.font-weight-normal {
    font-weight: 400 !important;
}
.text-dark-50 {
    color: #7e8299 !important;
}
.comment-desc-text {
    background: #e8f5fe;
    padding: 15px!important;
    border-radius: 5px;
    margin-top: 18px;
}

.comment-date-right {
    float: right;
    margin-right: 10px;
}

span.task-date-time {
    font-size: 14px;
}

form#AddCommentForm {
    margin-top: 30px;
}

.label.label-inline.label-lg {
    padding: 0.4rem .75rem;
}

.label.label-lg {
    height: 24px;
    width: 24px;
    font-size: .9rem;
}

.label.label-inline {
    width: auto;
    padding: .15rem .75rem;
    border-radius: .42rem;
}
.label.label-light-warning {
    color: #ffa800;
    background-color: #fff4de;
}

.label.label-light-success {
    color: #19ea59;
    background-color: #c4fadd;
}

.label {
    padding: 0;
    margin: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    font-size: 0.8rem;
    background-color: #ebedf3;
    color: #3f4254;
    font-weight: 400;
    height: 20px;
    width: 20px;
    font-size: 0.8rem;
}
.label.label-primary {
    color: #fff;
    background-color: #3699ff;
}
.label.label-outline-primary {
    background-color: transparent;
    color: #3699ff;
    border: 1px solid #3699ff;
}
.label.label-outline-primary.label-outline-2x {
    border: 2px solid #3699ff;
}
.label.label-light-primary {
    color: #3699ff;
    background-color: #e1f0ff;
}
.label.label-secondary {
    color: #3f4254;
    background-color: #e4e6ef;
}
.label.label-outline-secondary {
    background-color: transparent;
    color: #3f4254;
    border: 1px solid #e4e6ef;
}
.label.label-outline-secondary.label-outline-2x {
    border: 2px solid #e4e6ef;
}
.label.label-light-secondary {
    color: #e4e6ef;
    background-color: #ebedf3;
}
.label.label-success {
    color: #fff;
    background-color: #1bc5bd;
}
.label.label-outline-success {
    background-color: transparent;
    color: #1bc5bd;
    border: 1px solid #1bc5bd;
}
.label.label-outline-success.label-outline-2x {
    border: 2px solid #1bc5bd;
}
.label.label-light-success {
    color: #1bc5bd;
    background-color: #c9f7f5;
}
.label.label-info {
    color: #fff;
    background-color: #8950fc;
}
.label.label-outline-info {
    background-color: transparent;
    color: #8950fc;
    border: 1px solid #8950fc;
}
.label.label-outline-info.label-outline-2x {
    border: 2px solid #8950fc;
}
.label.label-light-info {
    color: #8950fc;
    background-color: #eee5ff;
}
.label.label-warning {
    color: #fff;
    background-color: #ffa800;
}
.label.label-outline-warning {
    background-color: transparent;
    color: #ffa800;
    border: 1px solid #ffa800;
}
.label.label-outline-warning.label-outline-2x {
    border: 2px solid #ffa800;
}
.label.label-light-warning {
    color: #ffa800;
    background-color: #fff4de;
}
.label.label-danger {
    color: #fff;
    background-color: #f64e60;
}
.label.label-outline-danger {
    background-color: transparent;
    color: #f64e60;
    border: 1px solid #f64e60;
}
.label.label-outline-danger.label-outline-2x {
    border: 2px solid #f64e60;
}
.label.label-light-danger {
    color: #f64e60;
    background-color: #ffe2e5;
}
.label.label-light {
    color: #7e8299;
    background-color: #f3f6f9;
}
.label.label-outline-light {
    background-color: transparent;
    color: #3f4254;
    border: 1px solid #f3f6f9;
}
.label.label-outline-light.label-outline-2x {
    border: 2px solid #f3f6f9;
}
.label.label-light-light {
    color: #f3f6f9;
    background-color: #f3f6f9;
}
.label.label-dark {
    color: #fff;
    background-color: #181c32;
}
.label.label-outline-dark {
    background-color: transparent;
    color: #181c32;
    border: 1px solid #181c32;
}
.label.label-outline-dark.label-outline-2x {
    border: 2px solid #181c32;
}
.label.label-light-dark {
    color: #181c32;
    background-color: #d1d3e0;
}
.label.label-white {
    color: #3f4254;
    background-color: #fff;
}
.label.label-outline-white {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
}
.label.label-outline-white.label-outline-2x {
    border: 2px solid #fff;
}
.label.label-light-white {
    color: #fff;
    background-color: #fff;
}
.label.label-inline {
    width: auto;
    padding: 0.15rem 0.75rem;
    border-radius: 0.42rem;
}
.label.label-inline.label-md {
    padding: 0.8rem 0.6rem;
}
.label.label-inline.label-lg {
    padding: 0.9rem 0.75rem;
}
.label.label-inline.label-xl {
    padding: 1rem 0.85rem;
}
.label.label-pill {
    border-radius: none;
}
.label.label-rounded {
    border-radius: 0.42rem;
}
.label.label-square {
    border-radius: 0;
}
.label.label-dot {
    display: inline-block;
    font-size: 0 !important;
    vertical-align: middle;
    text-align: center;
}
.label.label-inline {
    width: auto;
}
.label.label-dot {
    line-height: 6px;
    min-height: 6px;
    min-width: 6px;
    height: 6px;
    width: 6px;
}
.label.label-sm {
    height: 16px;
    width: 16px;
    font-size: 0.75rem;
}
.label.label-sm.label-inline {
    width: auto;
}
.label.label-sm.label-dot {
    line-height: 4px;
    min-height: 4px;
    min-width: 4px;
    height: 4px;
    width: 4px;
}
.label.label-lg {
    height: 24px;
    width: 24px;
    font-size: 13px;
}
.label.label-lg.label-inline {
    width: auto;
    margin-bottom: 10px;
}
.label.label-lg.label-dot {
    line-height: 8px;
    min-height: 8px;
    min-width: 8px;
    height: 8px;
    width: 8px;
}
.label.label-xl {
    height: 28px;
    width: 28px;
    font-size: 1rem;
}
.label.label-xl.label-inline {
    width: auto;
}
.label.label-xl.label-dot {
    line-height: 10px;
    min-height: 10px;
    min-width: 10px;
    height: 10px;
    width: 10px;
}

.my-lg-0.my-1 label {
    font-size: 14px;
}

.d-flex.align-items-center.justify-content-between.flex-wrap.mt-2 {
    padding-bottom: 10px!important;
    padding-top: 10px;
    font-size: 16px;
}

.btn.btn-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    height: calc(1.5em + 1.3rem + 2px);
    width: calc(1.5em + 1.3rem + 2px);
}

.btn.btn-light-twitter {
    color: #1da1f2;
    background-color: rgba(29, 161, 242, 0.1);
    border-color: transparent;
}

.btn.btn-light-google {
    color: #dd4b39;
    background-color: rgba(221, 75, 57, 0.1);
    border-color: transparent;
}

.btn.btn-icon .svg-icon {
    margin: 0;
    padding: 0;
}

.timeline-desc-light-primary span.font-weight-bolder.text-primary {
    font-weight: 600;
    font-size: 15px;
}

.timeline.timeline-5 .timeline-items .timeline-item .timeline-desc {
    padding: 9px 0 0 44px;
    padding-top: 0px;
}

.timeline.timeline-5 .timeline-items .timeline-item .timeline-media {
    position: absolute;
    top: 0;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    line-height: 0;
}

.bg-light-primary {
    background-color: #e1f0ff !important;
}

.timeline.timeline-5 .timeline-items .timeline-item {
    margin-left: 0;
    padding: 0;
    position: relative;
}

.timeline.timeline-5 .timeline-items {
    margin: 0;
    padding: 0;
}

.timeline-items {
    max-height: 1000px;
    overflow: auto;
}

.timeline {
    list-style: none;
    padding: 0;
    position: relative;
}

.comment-wrapper {
    border: 1px solid #3699ff;
    padding: 21px;
    margin-top: 20px;
    border-radius: 7px;
}

.previous-comments h5.font-weight-bolder.text-dark {
    font-size: 13px;
}

div#myplugin-placeholder_btpjy, div#edit-placeholder_btpjy, div#files-placeholder_btpjy {
    border: 2px dashed #ccc;
    padding: 20px;
    margin-bottom: 10px;
}

.myplugin-image-previeww {
    display: inline-block;
}

.myplugin-image-previeww img {
    height: 80px;
    width: 80px;
    margin-right: 20px;
    border-radius: 33%;
    object-fit: cover;
    margin-bottom: 10px;
    box-shadow: 8px 8px 30px 0px #ccccccde;
}

.comments-image-item a {
    font-size: 13px;
}

.modal-title {
    font-size: 18px;
}

.modal label.col-form-label {
    font-size: 15px;
}

.modal-backdrop.show {
    opacity: 0;
    display: none!important;
}

.btcl-error-container, .btcl-form-container {
    padding: 100px 0px;
    margin: 0 auto;
    text-align: center;
}

.btcl-form-container h4 {
    margin-bottom: 35px;
}

.btcl-form-container input {
    width: 100%;
    border: 1px solid #a43ceb;
    border-radius: 5px;
}

.btcl-form-container .card-header {
    padding: 10px;
    background: #a43ceb;
}

.btcl-form-container input#wp-submit {
    font-weight: 700;
    background-color: transparent;
    background-image: linear-gradient( 
180deg
 ,#812bea 0,#b142ec 100%);
    border-radius: 30px 30px 30px 30px;
    padding: 18px 32px 18px 32px;
    font-size: 17px;
}

.btcl-form-container .card-header h3 {
    color: #fff;
}

.btcl-form-container .card.card-outline-secondary {
    box-shadow: 8px 8px 30px 0 #a83dec2b;
    border: 2px solid #a43ceb;
    border-radius: 8px;
}

.single-entity.insert-entries-wrapper.row {
    padding: 20px;
    border: 1px solid #4caf50;
    margin: 20px 20px;
    border-radius: 8px;
}

#AddEntriesForm .add_entry_button {
    color: #fff;
    box-shadow: 8px 8px 30px 0 #ccc;
    margin-bottom: 20px;
}

form#AddEntriesForm {
    padding: 20px 10px;
    padding-top: 0;
}

button.btn.btn-primary.mr-2 {
    margin-top: 10px;
}

/* pageloader */
.pageloader-modal {
    display:    none;
    position:   fixed;
    z-index:    9999999;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}
body.loading .pageloader-modal {
    display: block;
}
td.leave-attachments {
    width: 10%!important;
}
td.leave-attachments ul {
    margin-left: 0;
}
td.leave-attachments ul li{
    list-style: none;
}

/* Donut css */
.svg-item {
    width: 100%;
    font-size: 16px;
    margin: 0 auto;
    animation: donutfade 1s;
}

@keyframes donutfade {
  /* this applies to the whole svg item wrapper */
    0% {
        opacity: .2;
    }
    100% {
        opacity: 1;
    }
}

@media (min-width: 992px) {
    .svg-item {
        width: 80%;
    }
}

.donut-ring {
    stroke: #EBEBEB;
}

.donut-segment {
    transform-origin: center;
    stroke: #FF6200;
}

.donut-segment-2 {
    stroke: #8950fc;
    animation: donut1 3s;
}

.donut-segment-3 {
    stroke: #d9e021;
    animation: donut2 3s;
}

.donut-segment-4 {
    stroke: #ed1e79;
    animation: donut3 3s;
}

.segment-1{fill:#ccc;}
.segment-2{fill:#8950fc;}
.segment-3{fill:#d9e021;}
.segment-4{fill:#ed1e79;}

.donut-percent {
    animation: donutfadelong 1s;
}

@keyframes donutfadelong {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes donut1 {
    0% {
        stroke-dasharray: 0, 100;
    }
    100% {
        stroke-dasharray: 69, 31;
    }
}

@keyframes donut2 {
    0% {
        stroke-dasharray: 0, 100;
    }
    100% {
        stroke-dasharray: 30, 70;
    }
}

@keyframes donut3{
    0% {
        stroke-dasharray: 0, 100;
    }
    100% {
        stroke-dasharray: 1, 99;
    }
}

.donut-text {
    font-family: Arial, Helvetica, sans-serif;
    fill: #FF6200;
}
.donut-text-1 {
    fill: #8950fc;
}
.donut-text-2 {
    fill: #d9e021;
}
.donut-text-3 {
    fill: #ed1e79;
}

.donut-label {
    font-size: 0.28em;
    font-weight: 700;
    line-height: 1;
    fill: #000;
    transform: translateY(0.25em);
}

.donut-percent {
    font-size: 0.5em;
    line-height: 1;
    transform: translateY(0.5em);
    font-weight: bold;
}

.donut-data {
    font-size: 0.18em;
    line-height: 1;
    transform: translateY(0.5em);
    text-align: center;
    text-anchor: middle;
    color:#666;
    fill: #666;
    animation: donutfadelong 1s;
}

.col-12.targets-list-view {
    border: 1px solid #7e61fa;
    padding: 10px 10px;
    padding-bottom: 0;
    border-radius: 8px;
    margin-bottom: 20px;
}

.targets-list-view ul {
    padding-left: 0;
}

.targets-list-view li {
    list-style: none;
}

.targets-list-view li {
    list-style: none;
    font-size: 16px;
}

.targets-list-view .svg-item {
    max-width: 100%;
    width: 100%;
    display: inline-block;
    height: 200px;
}

.targets-list-view .svg-item {
    margin-top: 18px;
}

.col-12.table-view-targets {
    margin-top: 30px;
}

.table-view-targets .table-responsive {
    margin-top: 10px;
}

a.back_to_url {
    font-size: 14px;
    border: 1px solid #8950fc;
    background: #8950fc;
    padding: 5px 12px;
    margin-left: 15px;
    border-radius: 18px;
    color: #fff;
}

/* ---------- */
/* just for this presentation */
html { text-align:center; }
.svg-item {
    max-width:100%;
    width: 100%;
    display:inline-block;
    height: 267px;
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    background: rgb(129 78 248)!important;
}


/* CSS for table  */
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

table {
    border-collapse: collapse;
}

.table thead th {
    vertical-align: bottom;
    background: #eee5ff94;
}

.table td, .table th {
    padding: .75rem;
    vertical-align: middle;
    text-align: center;
    border-top: 1px solid #dee2e6;
}

.table td, .table th {
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom: none;
    border-color: #ccc;
    border-left: none;
    border-right: none;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(255 255 255);
}

.label {
    padding: 0;
    margin: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    font-size: 0.8rem;
    background-color: #ebedf3;
    color: #3f4254;
    font-weight: 400;
    height: 20px;
    width: 20px;
    font-size: 0.8rem;
}

.label.label-lg.label-inline {
    width: auto;
}

.label.label-inline.label-lg {
    padding: 0.5rem 0.75rem;
    border: 1px solid;
}
.label.label-inline {
    width: auto;
    padding: .15rem .75rem;
    border-radius: .42rem;
}
.label.label-lg {
    height: auto;
    width: 24px;
    font-size: .9rem;
}
.label.label-lg {
    width: 24px;
    font-size: 0.9rem;
}
.label.label-inline {
    width: auto;
}
.label.label-inline {
    width: auto;
    padding: 0.15rem 0.75rem;
    border-radius: 0.42rem;
}

.form-group label {
    font-size: 0.99rem;
    line-height: 1;
    vertical-align: top;
    margin-bottom: .5rem;
}

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
    box-shadow: 0 0 0 transparent;
    border-radius: 4px!important;
    border: 1px solid #8c8f94!important;
    background-color: #fff;
    color: #2c3338!important;
}

td button.btn.btn-outline-primary {
    margin-bottom: 7px;
}

.col-md-2.tab-view-btn {
    flex: unset;
    max-width: 100%;
}

@media (min-width: 992px){
   .modal-lg, .modal-xl {
        max-width: 60%;
    } 
}

@media only screen and (min-width: 768px) {
  /* For desktop: */
  .table-responsive {
    display: block;
    width: 100%;
        overflow-x: inherit;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}

@media only screen and (max-width:  768px) {
    #leaves .table-responsive {
        margin-top: 50px;
    }
    select#month {
        margin-bottom: 15px;
    }
    .table-responsive {
        overflow-x: auto;
    }
}
/* Clockinator Lite 1.1.0 - Attendance Calendar */
.btcl-frontend-calendar .btcl-calendar-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.btcl-frontend-calendar .btcl-calendar-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:8px; }
.btcl-frontend-calendar .btcl-calendar-weekday { padding:10px 8px; text-align:center; font-weight:600; color:#5b6472; background:#f3f5f7; border-radius:6px; }
.btcl-frontend-calendar .btcl-calendar-empty { min-height:104px; }
.btcl-frontend-calendar .btcl-calendar-day { min-height:104px; padding:10px; text-align:left; border:1px solid #e3e7ed; border-radius:8px; background:#fff; cursor:pointer; display:flex; flex-direction:column; align-items:flex-start; transition:all .15s ease; }
.btcl-frontend-calendar .btcl-calendar-day:hover { transform:translateY(-1px); box-shadow:0 4px 14px rgba(0,0,0,.08); }
.btcl-frontend-calendar .btcl-calendar-day-number { font-size:16px; font-weight:700; color:#20262d; }
.btcl-frontend-calendar .btcl-calendar-status { margin-top:7px; font-size:11px; line-height:1.2; font-weight:600; }
.btcl-frontend-calendar .btcl-calendar-day small { margin-top:5px; font-size:10px; color:#6b7280; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; }
.btcl-frontend-calendar .btcl-calendar-heading { display:flex; align-items:center; justify-content:center; gap:16px; }
.btcl-frontend-calendar .btcl-calendar-heading h3 { margin:0; min-width:180px; text-align:center; font-size:22px; }
.btcl-frontend-calendar .btcl-calendar-legend { display:flex; flex-wrap:wrap; gap:14px 20px; margin:16px 0; }
.btcl-frontend-calendar .btcl-calendar-legend span { display:inline-flex; align-items:center; gap:6px; font-size:13px; }
.btcl-frontend-calendar .btcl-calendar-dot { width:10px; height:10px; border-radius:50%; display:inline-block; }
.btcl-frontend-calendar .btcl-calendar-today { outline:2px solid #3b82f6; outline-offset:-2px; }
.btcl-frontend-calendar .btcl-calendar-details { margin-top:18px; }
.btcl-frontend-calendar .btcl-status-present { border-left:4px solid #28a745; }
.btcl-frontend-calendar .btcl-status-working { border-left:4px solid #17a2b8; }
.btcl-frontend-calendar .btcl-status-late { border-left:4px solid #ffc107; }
.btcl-frontend-calendar .btcl-status-early_leave { border-left:4px solid #fd7e14; }
.btcl-frontend-calendar .btcl-status-absent { border-left:4px solid #dc3545; }
.btcl-frontend-calendar .btcl-status-leave { border-left:4px solid #6f42c1; }
.btcl-frontend-calendar .btcl-status-holiday { border-left:4px solid #6c757d; }
.btcl-frontend-calendar .btcl-status-off_day { border-left:4px solid #adb5bd; }
.btcl-frontend-calendar .btcl-status-upcoming { border-left:4px solid #dee2e6; }
.btcl-frontend-calendar .btcl-calendar-dot.btcl-status-present { background:#28a745; border-left:0; }
.btcl-frontend-calendar .btcl-calendar-dot.btcl-status-working { background:#17a2b8; border-left:0; }
.btcl-frontend-calendar .btcl-calendar-dot.btcl-status-late { background:#ffc107; border-left:0; }
.btcl-frontend-calendar .btcl-calendar-dot.btcl-status-early_leave { background:#fd7e14; border-left:0; }
.btcl-frontend-calendar .btcl-calendar-dot.btcl-status-absent { background:#dc3545; border-left:0; }
.btcl-frontend-calendar .btcl-calendar-dot.btcl-status-leave { background:#6f42c1; border-left:0; }
.btcl-frontend-calendar .btcl-calendar-dot.btcl-status-holiday { background:#6c757d; border-left:0; }
.btcl-frontend-calendar .btcl-calendar-dot.btcl-status-off_day { background:#adb5bd; border-left:0; }
@media (max-width:767px){.btcl-frontend-calendar .btcl-calendar-toolbar{align-items:flex-start;flex-direction:column}.btcl-frontend-calendar .btcl-calendar-grid{gap:4px}.btcl-frontend-calendar .btcl-calendar-empty,.btcl-frontend-calendar .btcl-calendar-day{min-height:82px}.btcl-frontend-calendar .btcl-calendar-day{padding:6px}.btcl-frontend-calendar .btcl-calendar-status{font-size:9px}.btcl-frontend-calendar .btcl-calendar-day small{display:none}.btcl-frontend-calendar .btcl-calendar-weekday{padding:7px 2px;font-size:11px}.btcl-frontend-calendar .btcl-calendar-heading h3{min-width:130px;font-size:18px}}


/* Clockinator Lite 1.1.0 - Step 5 self-service summary */
.btcl-self-service-summary { margin-bottom: 8px; }
.btcl-summary-card { border: 1px solid #edf0f5; border-radius: 10px; box-shadow: 0 4px 18px rgba(30, 42, 60, .06); height: 100%; }
.btcl-summary-card .card-body { display: flex; align-items: center; gap: 14px; min-height: 92px; }
.btcl-summary-icon { width: 42px; height: 42px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: #f2f5fb; flex: 0 0 42px; }
.btcl-summary-card small { display: block; color: #7b8190; font-size: 12px; margin-bottom: 3px; }
.btcl-summary-card strong { display: block; font-size: 16px; line-height: 1.25; word-break: break-word; }
.btcl-summary-card em { display: block; color: #8b909c; font-size: 12px; font-style: normal; margin-top: 4px; }
@media (max-width: 767px) { .btcl-summary-card .card-body { min-height: 78px; padding: 14px; } .btcl-summary-card strong { font-size: 14px; } }

/* Clockinator Lite 1.1.0 - Step 9 Employee Dashboard UX */
.btcl-dashboard-quickbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px;padding:14px 16px;border:1px solid #edf0f5;border-radius:12px;background:#fbfcfe;}
.btcl-dashboard-date{display:flex;flex-direction:column;line-height:1.25;}
.btcl-dashboard-date span{font-size:15px;font-weight:700;color:#20262d;}
.btcl-dashboard-date small{font-size:12px;color:#7b8190;margin-top:3px;}
.btcl-dashboard-shortcuts{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.btcl-quick-link{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #e7eaf0;border-radius:8px;background:#fff;color:#4b5563!important;font-size:12px;font-weight:600;text-decoration:none!important;transition:.15s ease;}
.btcl-quick-link:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(30,42,60,.08);color:#6237d8!important;}
.btcl-section-heading{display:flex;align-items:center;justify-content:space-between;margin:12px 0 12px;}
.btcl-section-heading h3{font-size:20px;margin:0;font-weight:700;color:#20262d;}
.btcl-section-heading p{margin:4px 0 0;color:#7b8190;font-size:12px;}
.btcl-self-service-summary .stretch-card{display:flex;}
.btcl-self-service-summary .stretch-card>.btcl-summary-card{width:100%;}
@media(max-width:767px){
 .btcl-dashboard-quickbar{align-items:flex-start;flex-direction:column;padding:13px;margin-bottom:16px;}
 .btcl-dashboard-shortcuts{width:100%;justify-content:flex-start;}
 .btcl-quick-link{flex:1 1 auto;justify-content:center;}
 .btcl-section-heading h3{font-size:18px;}
 .btcl-right-side-content .tab-content{padding:16px;margin-top:12px;}
 .btcl-hello{font-size:30px;}
 .clock-action-outer{margin-top:24px;margin-bottom:24px;}
}
@media(min-width:768px) and (max-width:991px){
 .container.btcl-container>.row{width:100%;}
 .btcl-right-side-content .tab-content{padding:22px;}
}


/* Clockinator Lite 1.1.0 - Step 10 Attendance Actions UX */
.btcl-action-panel{padding:16px;border:1px solid #e9edf3;border-radius:12px;background:#fff;box-shadow:0 4px 18px rgba(30,42,60,.05);}
.btcl-action-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;}
.btcl-action-panel-heading strong{display:block;font-size:15px;color:#20262d;}
.btcl-action-panel-heading small{display:block;margin-top:3px;color:#7b8190;font-size:12px;}
.btcl-live-indicator{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:20px;background:#f1faf4;color:#26834d;font-size:11px;font-weight:700;white-space:nowrap;}
.btcl-live-indicator i{width:7px;height:7px;border-radius:50%;background:#28a745;display:inline-block;box-shadow:0 0 0 3px rgba(40,167,69,.12);}
.btcl-action-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:9px;}
.btcl-action-buttons .btcl-attendance-action{margin:0!important;min-height:42px;padding:9px 16px;border-radius:8px;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;}
.btcl-action-buttons .btcl-attendance-action:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(30,42,60,.12);}
.btcl-attendance-action:disabled{cursor:not-allowed;opacity:.72;}
.btcl-action-spinner{display:inline-block;width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-2px;animation:btcl-spin .65s linear infinite;}
@keyframes btcl-spin{to{transform:rotate(360deg)}}
@media(max-width:767px){.btcl-action-panel{padding:13px}.btcl-action-panel-heading{align-items:flex-start}.btcl-action-buttons{display:grid;grid-template-columns:1fr}.btcl-action-buttons .btcl-attendance-action{width:100%;min-height:44px}.btcl-live-indicator{font-size:10px}}

/* Clockinator Lite 1.1.0 Step 12 - calendar summary and daily detail UX */
.btcl-frontend-calendar .btcl-calendar-summary{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 16px;}
.btcl-frontend-calendar .btcl-calendar-summary span{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #e4e8ee;border-radius:8px;background:#fff;color:#667085;font-size:12px;}
.btcl-frontend-calendar .btcl-calendar-summary strong{font-size:15px;color:#20262d;}
.btcl-frontend-calendar .btcl-calendar-details{border:1px solid #e4e8ee;box-shadow:0 4px 16px rgba(30,42,60,.05);}
.btcl-frontend-calendar .btcl-calendar-details [data-detail="breaks"]{line-height:1.6;word-break:break-word;}
@media (max-width:767px){.btcl-frontend-calendar .btcl-calendar-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;}.btcl-frontend-calendar .btcl-calendar-summary span{justify-content:space-between;padding:8px 9px;font-size:11px;}.btcl-frontend-calendar .btcl-calendar-summary strong{font-size:14px;}}

/* Clockinator Lite 1.1.0 - Employee profile UX */
.btcl-profile-header { display:flex; align-items:center; gap:18px; padding:18px; border:1px solid rgba(0,0,0,.06); border-radius:10px; background:#fff; }
.btcl-profile-avatar { width:72px; height:72px; border-radius:50%; overflow:hidden; display:flex; align-items:center; justify-content:center; background:#f0f3f7; font-size:24px; font-weight:700; text-transform:uppercase; }
.btcl-profile-avatar img { width:100%; height:100%; object-fit:cover; }
.btcl-profile-status { display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:600; }
.btcl-profile-status i { font-size:8px; }
.btcl-profile-status.is-online { color:#28a745; }
.btcl-profile-status.is-offline { color:#888; }
.btcl-profile-summary-item { height:100%; padding:14px 16px; border:1px solid rgba(0,0,0,.06); border-radius:8px; background:#fafbfc; }
.btcl-profile-summary-item span { display:block; color:#7d8793; font-size:12px; margin-bottom:4px; }
.btcl-profile-summary-item strong { display:block; font-size:14px; word-break:break-word; }
@media (max-width:767px) { .btcl-profile-header { align-items:flex-start; } .btcl-profile-avatar { width:58px; height:58px; min-width:58px; font-size:20px; } }


/* Clockinator Lite 1.1.0 - Step 19 Employee Portal Navigation UX */
.btcl-portal-nav-heading{padding:16px 22px 12px;border-bottom:1px solid #eef1f5;background:#fff;}
.btcl-portal-nav-heading span{display:block;font-size:14px;font-weight:700;color:#20262d;}
.btcl-portal-nav-heading small{display:block;margin-top:3px;color:#8a92a0;font-size:11px;line-height:1.4;}
.btcl-portal-context{display:flex;flex-direction:column;gap:3px;padding:13px 18px;border-bottom:1px solid #eef1f5;background:#fafbfc;}
.btcl-portal-context-title{font-size:13px;color:#20262d;}
.btcl-portal-context>span{font-size:11px;color:#8a92a0;}
.btcl-mobile-nav{display:none;padding:12px 14px;background:#fafbfc;border-bottom:1px solid #eef1f5;}
.btcl-mobile-nav label{display:block;margin:0 0 5px;color:#697386;font-size:11px;font-weight:600;}
.btcl-mobile-nav select{height:40px;border-radius:8px;border:1px solid #dfe4eb;background:#fff;font-size:13px;}
.btcl-container .btcl-dashboard-tabs .list-group-item{display:flex;align-items:center;min-height:46px;padding:11px 20px;transition:background .15s ease,transform .15s ease;}
.btcl-container .btcl-dashboard-tabs .list-group-item:hover{background:#f7f8fb;transform:translateX(2px);}
.btcl-container .btcl-dashboard-tabs .list-group-item.active:hover{transform:none;}
.btcl-container .btcl-dashboard-tabs .list-group-item i{width:22px;text-align:center;margin-right:10px!important;}
@media(min-width:768px){.btcl-container .profile-left{position:relative;}.btcl-container .left-inner-wrapp{position:sticky;top:32px;overflow:hidden;}.btcl-container .btcl-portal-context{min-height:58px;}}
@media(max-width:767px){
 .btcl-portal-nav-heading{display:none;}
 .btcl-mobile-nav{display:block;}
 .btcl-portal-context{padding:10px 14px;}
 .btcl-dashboard-tabs{display:none;}
 .btcl-container .left-inner-wrapp{margin-top:12px;overflow:hidden;}
 .btcl-container .btcl-user-area{padding:12px 16px 14px;display:flex;align-items:center;gap:12px;}
 .btcl-container .btcl-user-img{padding-top:0;}
 .btcl-container .btcl-user-img .profile_img{width:56px;height:56px;margin:0;}
 .btcl-container .btcl-user-name-area{padding-top:0;text-align:left;}
}

/* ==========================================================================\n   Clockinator Lite 1.1.0 - Modern Employee Portal Dashboard\n   ========================================================================== */
.btcl-container {
    max-width: 1320px;
    margin: 32px auto 48px;
    padding-left: 20px;
    padding-right: 20px;
}

.container.btcl-container > .row {
    width: auto;
    margin-left: -10px;
    margin-right: -10px;
}

.btcl-container .profile-left,
.btcl-container .btcl-right-side-content {
    padding-left: 10px;
    padding-right: 10px;
}

.btcl-container .profile-left {
    flex: 0 0 248px;
    max-width: 248px;
}

.btcl-container .btcl-right-side-content {
    flex: 1 1 calc(100% - 248px);
    max-width: calc(100% - 248px);
}

.btcl-container .left-inner-wrapp {
    margin-top: 0;
    border: 1px solid #e8ebf2;
    border-radius: 18px;
    box-shadow: 0 8px 30px rgba(31, 41, 55, .06);
    overflow: hidden;
    position: sticky;
    top: 24px;
}

.btcl-container .btcl-user-area {
    padding: 26px 18px 22px;
    background: linear-gradient(145deg, #6d5dfc 0%, #7b61ff 52%, #4f8cff 100%);
}

.btcl-container .btcl-user-img {
    padding-top: 0;
}

.btcl-container .btcl-user-img .profile_img {
    width: 72px;
    height: 72px;
    border: 4px solid rgba(255,255,255,.75);
    box-shadow: 0 8px 22px rgba(37, 30, 95, .2);
}

.btcl-container .btcl-user-name-area {
    padding-top: 12px;
}

.btcl-container h5.btcl-user {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.1px;
}

.btcl-container .btcl-portal-nav-heading {
    padding: 16px 18px 14px;
    border-bottom: 1px solid #edf0f5;
    background: #fff;
}

.btcl-container .btcl-portal-nav-heading span,
.btcl-container .btcl-portal-context strong {
    display: block;
    color: #202635;
    font-size: 13px;
    font-weight: 700;
}

.btcl-container .btcl-portal-nav-heading small,
.btcl-container .btcl-portal-context span {
    display: block;
    margin-top: 4px;
    color: #8b93a4;
    font-size: 11px;
    line-height: 1.45;
}

.btcl-container .btcl-portal-context {
    display: none;
}

.btcl-container .btcl-dashboard-tabs {
    padding: 8px;
    background: #fff;
}

.btcl-container .btcl-dashboard-tabs .list-group-item {
    display: flex;
    align-items: center;
    min-height: 44px;
    margin-bottom: 3px;
    padding: 10px 12px;
    border-radius: 10px !important;
    color: #596273;
    font-size: 13px;
    font-weight: 600;
    transition: all .18s ease;
}

.btcl-container .btcl-dashboard-tabs .list-group-item:hover {
    background: #f5f6ff;
    color: #5f52dd;
}

.btcl-container .btcl-dashboard-tabs .list-group-item.active {
    background: linear-gradient(135deg, #6d5dfc, #7b61ff);
    color: #fff;
    box-shadow: 0 7px 16px rgba(109, 93, 252, .18);
}

.btcl-container .btcl-dashboard-tabs .list-group-item i {
    width: 20px;
    margin-right: 10px !important;
    text-align: center;
    font-size: 14px;
}

.btcl-container .btcl-dashboard-tabs .list-group-item:last-child {
    margin-top: 6px;
    color: #7a8190;
    border-top: 1px solid #eef0f4;
    border-radius: 10px !important;
}

.btcl-container .btcl-dashboard-tabs .list-group-item:last-child:hover {
    color: #dc4d67;
    background: #fff5f7;
}

.btcl-container .btcl-right-side-content .tab-content {
    margin-top: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.btcl-container #dashboard {
    padding: 0;
}

.btcl-container #dashboard .dash-item {
    margin-bottom: 18px;
}

.btcl-container #dashboard .welcome-wrap {
    position: relative;
    overflow: hidden;
    min-height: 142px;
    padding: 28px 30px;
    border: 1px solid #e9ecf3;
    border-radius: 20px;
    background: linear-gradient(135deg, #f8f7ff 0%, #ffffff 58%, #f2f7ff 100%);
    box-shadow: 0 10px 35px rgba(31, 41, 55, .05);
}

.btcl-container #dashboard .welcome-wrap:after {
    content: '';
    position: absolute;
    width: 180px;
    height: 180px;
    right: -70px;
    top: -90px;
    border-radius: 50%;
    background: rgba(109, 93, 252, .08);
}

.btcl-container #dashboard .btcl-hello {
    position: relative;
    z-index: 1;
    margin: 0 0 7px;
    color: #1f2430;
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: -.7px;
}

.btcl-container #dashboard .btcl-hello ~ span {
    position: relative;
    z-index: 1;
    padding: 0;
    color: #7d8494;
    font-size: 14px;
}

.btcl-container #dashboard .img-account-hello {
    display: none;
}

.btcl-container .btcl-dashboard-quickbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
    padding: 14px 16px;
    border: 1px solid #e9ecf3;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 7px 25px rgba(31, 41, 55, .04);
}

.btcl-container .btcl-dashboard-date span {
    display: block;
    color: #242938;
    font-size: 15px;
    font-weight: 700;
}

.btcl-container .btcl-dashboard-date small {
    display: block;
    margin-top: 2px;
    color: #9299a8;
    font-size: 11px;
}

.btcl-container .btcl-dashboard-shortcuts {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.btcl-container .btcl-quick-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 36px;
    padding: 7px 11px;
    border: 1px solid #e5e8ef;
    border-radius: 9px;
    background: #fff;
    color: #5b6372;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: all .18s ease;
}

.btcl-container .btcl-quick-link:hover {
    border-color: #cfc9ff;
    background: #f8f7ff;
    color: #6254e8;
    text-decoration: none;
}

.btcl-container .btcl-self-service-summary {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 26px;
}

.btcl-container .btcl-self-service-summary > [class*="col-"] {
    width: auto;
    max-width: none;
    flex: none;
    padding: 0;
}

.btcl-container .btcl-summary-card {
    height: 100%;
    min-height: 104px;
    border: 1px solid #e9ecf3;
    border-radius: 15px;
    box-shadow: 0 7px 24px rgba(31, 41, 55, .045);
}

.btcl-container .btcl-summary-card .card-body {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 17px;
}

.btcl-container .btcl-summary-icon {
    display: inline-flex;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: #f1efff;
    color: #6a5bed;
    font-size: 15px;
}

.btcl-container .btcl-summary-card small {
    display: block;
    margin-bottom: 5px;
    color: #8b93a3;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .45px;
}

.btcl-container .btcl-summary-card strong {
    display: block;
    color: #252a36;
    font-size: 14px;
    line-height: 1.3;
}

.btcl-container .btcl-summary-card em {
    display: block;
    margin-top: 3px;
    color: #9aa1af;
    font-size: 10px;
    font-style: normal;
}

.btcl-container .btcl-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin: 0 0 12px;
}

.btcl-container .btcl-section-heading h3 {
    margin: 0;
    color: #242936;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: -.25px;
}

.btcl-container .btcl-section-heading p {
    margin: 4px 0 0;
    color: #8b93a3;
    font-size: 12px;
}

.btcl-container #dashboard .highlight-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 24px;
}

.btcl-container #dashboard .highlight-cards > [class*="col-"] {
    width: auto;
    max-width: none;
    flex: none;
    padding: 0;
}

.btcl-container #dashboard .highlight-cards .card {
    min-height: 126px;
    border: 1px solid #e9ecf3;
    border-radius: 15px;
    box-shadow: 0 7px 24px rgba(31, 41, 55, .045);
}

.btcl-container #dashboard .highlight-cards .card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 19px 20px;
    text-align: left !important;
}

.btcl-container #dashboard .highlight-cards .card-body h6 {
    margin: 0 0 7px;
    color: #8a92a1 !important;
    font-size: 10px;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.btcl-container #dashboard .highlight-cards .card-body h2 {
    color: #252a36 !important;
    font-size: 25px;
    font-weight: 700;
}

.btcl-container #dashboard .highlight-cards .bg-gradient-success,
.btcl-container #dashboard .highlight-cards .bg-gradient-info,
.btcl-container #dashboard .highlight-cards .bg-gradient-danger {
    background: #fff;
}

.btcl-container #dashboard .highlight-cards .bg-gradient-success:before,
.btcl-container #dashboard .highlight-cards .bg-gradient-info:before,
.btcl-container #dashboard .highlight-cards .bg-gradient-danger:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 16px;
    bottom: 16px;
    width: 4px;
    border-radius: 0 4px 4px 0;
}

.btcl-container #dashboard .highlight-cards .bg-gradient-success:before { background: #16b89a; }
.btcl-container #dashboard .highlight-cards .bg-gradient-info:before { background: #5b7cfa; }
.btcl-container #dashboard .highlight-cards .bg-gradient-danger:before { background: #ef7184; }

.btcl-container #dashboard .clock-action-outer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: 12px;
    margin: 0 0 26px;
}

.btcl-container #dashboard .clock-action-outer > [class*="col-"] {
    width: auto;
    max-width: none;
    flex: none;
    padding: 0;
}

.btcl-container .btcl-action-panel {
    height: 100%;
    padding: 18px;
    border: 1px solid #e9ecf3;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 7px 24px rgba(31, 41, 55, .045);
}

.btcl-container .btcl-action-panel-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.btcl-container .btcl-action-panel-heading strong {
    display: block;
    color: #252a36;
    font-size: 14px;
}

.btcl-container .btcl-action-panel-heading small {
    display: block;
    margin-top: 3px;
    color: #9098a8;
    font-size: 11px;
}

.btcl-container .btcl-live-indicator {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 8px;
    border-radius: 20px;
    background: #eefaf6;
    color: #159a76;
    font-size: 10px;
    font-weight: 700;
}

.btcl-container .btcl-live-indicator i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #18b989;
}

.btcl-container .btcl-action-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.btcl-container .btcl-action-buttons .btn,
.btcl-container .btcl-action-buttons button {
    margin: 0 !important;
    padding: 10px 15px !important;
    border-radius: 9px !important;
    font-size: 12px !important;
    box-shadow: none !important;
}

.btcl-container #dashboard .clock-div .card {
    display: flex;
    min-height: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: #252a36 !important;
    box-shadow: 0 7px 24px rgba(31, 41, 55, .10);
}

.btcl-container #dashboard .clock-div .card-title {
    margin: 0;
}

.btcl-container #dashboard .clock-div .badge {
    min-width: 28px;
    padding: 0;
    background: transparent;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1px;
}

.btcl-container #dashboard .detail-panel.extra-data-panel {
    margin-top: 0;
}

.btcl-container #dashboard .detail-panel.extra-data-panel .row {
    margin-left: -6px;
    margin-right: -6px;
}

.btcl-container #dashboard .dashboard-holiday-box,
.btcl-container #dashboard .dashboard-event-box {
    padding-left: 6px;
    padding-right: 6px;
}

.btcl-container #dashboard .dashboard-holiday-box .card,
.btcl-container #dashboard .dashboard-event-box .card {
    height: 100%;
    min-height: 170px;
    border: 1px solid #e9ecf3;
    border-radius: 15px;
    box-shadow: 0 7px 24px rgba(31, 41, 55, .045);
}

.btcl-container #dashboard .dashboard-holiday-box .card-body,
.btcl-container #dashboard .dashboard-event-box .card-body {
    padding: 18px;
}

.btcl-container #dashboard .dashboard-holiday-box .card-title,
.btcl-container #dashboard .dashboard-event-box .card-title {
    display: block;
    margin: 0 0 12px;
    color: #252a36;
    font-size: 14px;
    font-weight: 700;
}

.btcl-container #dashboard > hr {
    display: none;
}

.btcl-container .btcl-mobile-nav {
    display: none;
}

@media (max-width: 1199px) {
    .btcl-container .btcl-self-service-summary {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    .btcl-container .profile-left {
        flex: 0 0 215px;
        max-width: 215px;
    }
    .btcl-container .btcl-right-side-content {
        max-width: calc(100% - 215px);
    }
    .btcl-container .btcl-self-service-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .btcl-container #dashboard .clock-action-outer {
        grid-template-columns: 1fr;
    }
    .btcl-container #dashboard .clock-div .card {
        min-height: 82px;
    }
}

@media (max-width: 767px) {
    .btcl-container,
    .container-fluid.btcl-container {
        max-width: 100%;
        margin: 15px auto 30px;
        padding-left: 12px;
        padding-right: 12px;
    }
    .btcl-container .profile-left,
    .btcl-container .btcl-right-side-content {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .btcl-container .profile-left {
        margin-bottom: 12px;
    }
    .btcl-container .left-inner-wrapp {
        position: static;
    }
    .btcl-container .btcl-user-area {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 14px 16px;
    }
    .btcl-container .btcl-user-img .profile_img {
        width: 50px;
        height: 50px;
    }
    .btcl-container .btcl-user-name-area {
        padding-top: 0;
        text-align: left;
    }
    .btcl-container .btcl-portal-nav-heading,
    .btcl-container .btcl-dashboard-tabs {
        display: none;
    }
    .btcl-container .btcl-mobile-nav {
        display: block;
        padding: 10px 12px 12px;
        background: #fff;
    }
    .btcl-container .btcl-mobile-nav label {
        display: block;
        margin-bottom: 5px;
        color: #8b93a3;
        font-size: 10px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .45px;
    }
    .btcl-container .btcl-mobile-nav select {
        height: 40px;
        border: 1px solid #e3e6ed;
        border-radius: 9px;
        color: #303644;
        font-size: 12px;
    }
    .btcl-container .btcl-portal-context {
        display: none;
    }
    .btcl-container .btcl-right-side-content .tab-content {
        width: 100%;
    }
    .btcl-container #dashboard .welcome-wrap {
        min-height: 120px;
        padding: 22px 20px;
        border-radius: 16px;
    }
    .btcl-container #dashboard .btcl-hello {
        font-size: 25px;
    }
    .btcl-container .btcl-dashboard-quickbar {
        align-items: flex-start;
        flex-direction: column;
        padding: 12px;
    }
    .btcl-container .btcl-dashboard-shortcuts {
        width: 100%;
        justify-content: flex-start;
    }
    .btcl-container .btcl-quick-link {
        flex: 1 1 auto;
        justify-content: center;
    }
    .btcl-container .btcl-self-service-summary,
    .btcl-container #dashboard .highlight-cards {
        grid-template-columns: 1fr;
    }
    .btcl-container .btcl-summary-card {
        min-height: 88px;
    }
    .btcl-container #dashboard .highlight-cards .card {
        min-height: 105px;
    }
    .btcl-container .btcl-section-heading h3 {
        font-size: 17px;
    }
    .btcl-container .btcl-action-buttons {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .btcl-container .btcl-action-buttons .btn,
    .btcl-container .btcl-action-buttons button {
        width: 100%;
    }
    .btcl-container #dashboard .clock-div .badge {
        font-size: 21px;
    }
}


/* Clockinator Lite - modern employee portal agenda cards */
.btcl-dashboard .extra-data-panel .dashboard-holiday-box,
.btcl-dashboard .extra-data-panel .dashboard-event-box { display:flex; }
.btcl-dashboard .extra-data-panel .dashboard-holiday-box > .card,
.btcl-dashboard .extra-data-panel .dashboard-event-box > .card { width:100%; height:100%; margin:0; border:1px solid #e7eaf2; border-radius:18px; background:#fff; box-shadow:0 8px 28px rgba(30,41,59,.06); overflow:hidden; }
.btcl-dashboard .extra-data-panel .dashboard-holiday-box .card-body,
.btcl-dashboard .extra-data-panel .dashboard-event-box .card-body { padding:24px; }
.btcl-dashboard .extra-data-panel .dashboard-holiday-box .card-title,
.btcl-dashboard .extra-data-panel .dashboard-event-box .card-title { margin:0 0 18px; font-size:16px; font-weight:700; color:#202633; }
.btcl-dashboard .extra-data-panel .dashboard-holiday-box .mt-4,
.btcl-dashboard .extra-data-panel .dashboard-event-box .mt-4 { margin-top:0 !important; }
.btcl-portal-agenda-list { display:flex; flex-direction:column; gap:10px; }
.btcl-portal-agenda-item { display:flex; align-items:flex-start; gap:14px; padding:14px; border:1px solid #edf0f5; border-radius:14px; background:#fbfcfe; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.btcl-portal-agenda-item:hover { transform:translateY(-1px); border-color:#dfe4ee; box-shadow:0 8px 20px rgba(30,41,59,.06); }
.btcl-portal-agenda-date { flex:0 0 52px; width:52px; min-height:58px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:12px; background:#f1edff; color:#6d4aff; }
.btcl-portal-event-item .btcl-portal-agenda-date { background:#eef4ff; color:#3d6cff; }
.btcl-portal-agenda-date strong { font-size:20px; line-height:1; font-weight:800; }
.btcl-portal-agenda-date span { margin-top:5px; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; }
.btcl-portal-agenda-content { min-width:0; flex:1; }
.btcl-portal-agenda-title { font-size:14px; line-height:1.35; font-weight:700; color:#202633; margin-bottom:5px; }
.btcl-portal-agenda-meta { font-size:11px; color:#7b8494; line-height:1.5; }
.btcl-portal-agenda-meta i { margin-right:4px; }
.btcl-portal-agenda-description { margin:7px 0 0; font-size:12px; line-height:1.55; color:#697386; }
.btcl-portal-agenda-empty { min-height:150px; padding:22px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; border:1px dashed #dfe4ee; border-radius:14px; background:#fbfcfe; color:#7b8494; }
.btcl-portal-empty-icon { width:42px; height:42px; display:flex; align-items:center; justify-content:center; margin-bottom:10px; border-radius:50%; background:#f1edff; color:#6d4aff; font-size:17px; }
.btcl-portal-agenda-empty strong { color:#303746; font-size:13px; margin-bottom:3px; }
.btcl-portal-agenda-empty > span:last-child { font-size:11px; }
@media (max-width:767px){
 .btcl-dashboard .extra-data-panel .dashboard-holiday-box .card-body,
 .btcl-dashboard .extra-data-panel .dashboard-event-box .card-body { padding:18px; }
 .btcl-portal-agenda-item { padding:12px; }
 .btcl-portal-agenda-date { flex-basis:46px; width:46px; min-height:52px; }
 .btcl-portal-agenda-date strong { font-size:18px; }
}

/* Clockinator Lite - clickable upcoming event details modal */
.btcl-portal-event-item { cursor:pointer; position:relative; }
.btcl-portal-event-item:focus-visible { outline:3px solid rgba(109,74,255,.22); outline-offset:2px; }
.btcl-portal-event-hint { display:inline-flex; align-items:center; gap:5px; margin-top:8px; font-size:10px; font-weight:700; color:#6d4aff; }
.btcl-portal-event-hint i { font-size:9px; }
.btcl-event-details-modal .modal-dialog { max-width:540px; }
.btcl-event-details-modal .modal-content { border:0; border-radius:20px; overflow:hidden; box-shadow:0 24px 70px rgba(15,23,42,.22); }
.btcl-event-details-modal .modal-header { display:flex; align-items:center; gap:12px; padding:22px 24px; border-bottom:1px solid #edf0f5; background:#fff; }
.btcl-event-modal-icon { width:44px; height:44px; flex:0 0 44px; display:flex; align-items:center; justify-content:center; border-radius:13px; background:#eef4ff; color:#3d6cff; font-size:18px; }
.btcl-event-modal-heading { min-width:0; flex:1; }
.btcl-event-modal-heading > span { display:block; margin-bottom:3px; color:#7b8494; font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.btcl-event-modal-heading .modal-title { margin:0; color:#202633; font-size:20px; font-weight:750; line-height:1.3; }
.btcl-event-details-modal .close { margin-left:auto; color:#697386; opacity:1; font-size:25px; font-weight:400; }
.btcl-event-details-modal .modal-body { padding:24px; }
.btcl-event-modal-date { display:flex; align-items:center; gap:8px; padding:11px 13px; margin-bottom:18px; border:1px solid #e8edf5; border-radius:11px; background:#f8fafc; color:#596579; font-size:12px; font-weight:600; }
.btcl-event-modal-date i { color:#3d6cff; }
.btcl-event-modal-description { color:#4d586b; font-size:14px; line-height:1.75; white-space:pre-line; overflow-wrap:anywhere; }
.btcl-event-details-modal .modal-footer { padding:14px 24px 20px; border-top:1px solid #edf0f5; }
.btcl-event-modal-close { min-width:92px; border:1px solid #e0e5ed; border-radius:9px; background:#fff; color:#3c4657; font-size:12px; font-weight:700; }
.btcl-event-modal-close:hover { border-color:#cfd6e2; background:#f8fafc; color:#202633; }
@media (max-width:767px){
 .btcl-event-details-modal .modal-dialog { margin:12px; }
 .btcl-event-details-modal .modal-header { padding:18px; }
 .btcl-event-details-modal .modal-body { padding:18px; }
 .btcl-event-details-modal .modal-footer { padding:12px 18px 16px; }
 .btcl-event-modal-heading .modal-title { font-size:17px; }
}

/* Clockinator Lite - clickable holiday cards */
.btcl-portal-holiday-item { cursor:pointer; position:relative; }
.btcl-portal-holiday-item:focus-visible { outline:3px solid rgba(109,74,255,.22); outline-offset:2px; }
.btcl-portal-holiday-item .btcl-portal-agenda-description { color:#697386; }
.btcl-holiday-modal-icon { background:#f1edff; color:#6d4aff; }

/* Clockinator Lite - standalone holiday page */
.btcl-standalone-agenda { width:100%; }
.btcl-standalone-agenda-card { border:1px solid #e7eaf2; border-radius:18px; background:#fff; box-shadow:0 10px 30px rgba(30,41,59,.06); overflow:hidden; }
.btcl-standalone-agenda-card .card-body { padding:28px; }
.btcl-standalone-agenda-eyebrow { display:block; margin-bottom:4px; color:#6d4aff; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.btcl-standalone-agenda-card .card-title { margin:0; color:#202633; font-size:24px; font-weight:750; }
.btcl-standalone-agenda-header p { margin:6px 0 0; color:#7b8494; font-size:13px; }
.btcl-standalone-agenda-list-wrap { margin-top:22px !important; }
.btcl-standalone-agenda .btcl-portal-agenda-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.btcl-standalone-agenda .btcl-portal-agenda-item { min-height:92px; align-items:center; }
@media (max-width:767px){ .btcl-standalone-agenda-card .card-body{padding:20px;} .btcl-standalone-agenda .btcl-portal-agenda-list{grid-template-columns:1fr;} .btcl-standalone-agenda-card .card-title{font-size:21px;} }

/* Modern employee target detail */
.btcl-target-detail{max-width:1120px;margin:0 auto;padding:8px 0 40px;color:#252b3a;text-align:left}
.btcl-target-detail *{box-sizing:border-box}
.btcl-target-detail-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}
.btcl-target-eyebrow{display:block;color:#6d5dfc;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px}
.btcl-target-heading h2{font-size:30px;line-height:1.15;margin:0 0 6px;font-weight:750;color:#202534}
.btcl-target-heading p{margin:0;color:#7b8497;font-size:14px}
.btcl-target-back{display:inline-flex!important;align-items:center;gap:8px;padding:10px 15px!important;border:1px solid #e1e5ef!important;border-radius:10px!important;background:#fff!important;color:#5d50e9!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important;box-shadow:0 4px 12px rgba(40,48,75,.05);transition:.2s ease}
.btcl-target-back:hover{transform:translateY(-1px);border-color:#cfc8ff!important;background:#f8f7ff!important;color:#5144df!important}
.btcl-target-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.btcl-target-meta-card,.btcl-target-stat-card,.btcl-target-panel{background:#fff;border:1px solid #e7eaf1;border-radius:16px;box-shadow:0 8px 24px rgba(33,42,67,.05)}
.btcl-target-meta-card{padding:16px 18px;min-height:84px}
.btcl-target-meta-label{display:block;color:#8a93a5;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.05em;margin-bottom:7px}
.btcl-target-meta-card strong{display:block;font-size:14px;color:#252b3a;line-height:1.45}
.btcl-target-status{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:750;line-height:1.2}
.btcl-target-status.is-primary{background:#eeebff;color:#6654e8}.btcl-target-status.is-warning{background:#fff5df;color:#b97812}.btcl-target-status.is-success{background:#e8f8ef;color:#218a53}
.btcl-target-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.btcl-target-stat-card{display:flex;align-items:center;gap:13px;padding:15px 18px}
.btcl-target-stat-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#f1efff;color:#6d5dfc;font-size:16px;flex:0 0 42px}
/* Target icons use Font Awesome 5-compatible classes. Keep the icon box visible even if a theme overrides icon fonts. */
.btcl-target-stat-icon i{display:inline-flex!important;align-items:center;justify-content:center;width:1em;height:1em;line-height:1;font-style:normal;font-family:"Font Awesome 5 Free"!important;font-weight:900!important}
.btcl-target-stat-icon i.fa-chart-line:before{content:"\f201"}.btcl-target-stat-icon i.fa-hourglass-half:before{content:"\f252"}.btcl-target-stat-icon i.fa-tasks:before{content:"\f0ae"}
.btcl-target-eyebrow i.fa-adjust:before{content:"\f042"}
.btcl-target-stat-card span{display:block;color:#8a93a5;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.btcl-target-stat-card strong{font-size:22px;color:#252b3a;line-height:1}
.btcl-target-content-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-bottom:18px}
.btcl-target-panel{padding:22px}
.btcl-target-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.btcl-target-panel-header h3{margin:0;font-size:18px;line-height:1.25;color:#252b3a}.btcl-target-panel-header p{margin:5px 0 0;color:#8a93a5;font-size:13px}
.btcl-target-progress-wrap{display:flex;align-items:center;gap:28px;min-height:250px}
.btcl-target-progress-ring{--btcl-progress:0;width:190px;height:190px;border-radius:50%;background:conic-gradient(#6d5dfc calc(var(--btcl-progress) * 1%),#edf0f5 0);display:flex;align-items:center;justify-content:center;flex:0 0 190px;position:relative}
.btcl-target-progress-ring:after{content:"";position:absolute;inset:11px;border-radius:50%;background:#fff}.btcl-target-progress-ring-inner{position:relative;z-index:1;text-align:center}.btcl-target-progress-ring-inner strong{display:block;font-size:38px;line-height:1;font-weight:800;color:#6d5dfc}.btcl-target-progress-ring-inner span{display:block;margin-top:8px;color:#8a93a5;font-size:12px}
.btcl-target-progress-copy{flex:1}.btcl-target-progress-copy strong{display:block;font-size:28px;color:#252b3a;margin-bottom:5px}.btcl-target-progress-copy>span{display:block;color:#8a93a5;font-size:13px;line-height:1.5;margin-bottom:20px}.btcl-target-progress-bar{height:8px;background:#edf0f5;border-radius:999px;overflow:hidden}.btcl-target-progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#6d5dfc,#8b72ff);border-radius:inherit}
.btcl-target-info-list{display:grid;gap:0}.btcl-target-info-list>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #eef0f4}.btcl-target-info-list>div:last-child{border-bottom:0}.btcl-target-info-list span{color:#8a93a5;font-size:12px}.btcl-target-info-list strong{color:#303647;font-size:13px;text-align:right}
.btcl-target-chart-wrap{height:330px;position:relative}.btcl-target-chart-wrap canvas{width:100%!important;height:100%!important}.btcl-target-chart-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fafbfe;border:1px dashed #dfe3ec;border-radius:12px}.btcl-target-chart-empty>div{width:48px;height:48px;border-radius:14px;background:#efedff;color:#6d5dfc;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:12px}.btcl-target-chart-empty strong{font-size:14px;color:#303647}.btcl-target-chart-empty span{margin-top:5px;font-size:12px;color:#8a93a5}
.btcl-target-empty{max-width:620px;margin:30px auto;padding:50px 30px;text-align:center;background:#fff;border:1px solid #e7eaf1;border-radius:16px;box-shadow:0 8px 24px rgba(33,42,67,.05)}.btcl-target-empty-icon{width:58px;height:58px;margin:0 auto 15px;border-radius:16px;background:#efedff;color:#6d5dfc;display:flex;align-items:center;justify-content:center;font-size:22px}.btcl-target-empty h3{margin:0 0 7px;font-size:20px}.btcl-target-empty p{margin:0 0 18px;color:#8a93a5;font-size:13px}
@media(max-width:900px){.btcl-target-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.btcl-target-content-grid{grid-template-columns:1fr}.btcl-target-progress-wrap{min-height:0}}
@media(max-width:640px){.btcl-target-detail{padding:4px 0 25px}.btcl-target-detail-header{align-items:flex-start;flex-direction:column}.btcl-target-heading h2{font-size:25px}.btcl-target-meta-grid,.btcl-target-stat-grid{grid-template-columns:1fr}.btcl-target-panel{padding:17px}.btcl-target-progress-wrap{flex-direction:column;text-align:center;padding:8px 0 12px}.btcl-target-progress-ring{width:165px;height:165px;flex-basis:165px}.btcl-target-progress-ring-inner strong{font-size:32px}.btcl-target-progress-copy{width:100%}.btcl-target-chart-wrap{height:270px}.btcl-target-info-list>div{align-items:flex-start;flex-direction:column;gap:4px}.btcl-target-info-list strong{text-align:left}}

/* Modern employee leave analytics UI */
.btcl-leaves-page{max-width:100%;color:#202633}.btcl-page-header.btcl-leaves-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:0 0 24px;margin-bottom:4px;border-bottom:1px solid #edf0f5}.btcl-page-header .btcl-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#6d5ce7;margin-bottom:7px}.btcl-page-header h2{margin:0;font-size:28px;font-weight:750;line-height:1.2;color:#202633}.btcl-page-header p{margin:6px 0 0;color:#8790a0;font-size:13px}.btcl-modern-primary{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;border:0!important;background:#635bff!important;box-shadow:0 10px 22px rgba(99,91,255,.16)!important;border-radius:10px!important;padding:11px 16px!important;font-weight:700!important;min-height:42px}.btcl-leave-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.btcl-leave-kpi{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid #e9edf4;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(35,45,75,.05)}.btcl-kpi-icon,.btcl-card-icon{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;background:#f0edff;color:#635bff}.btcl-leave-kpi small{display:block;color:#8790a0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.btcl-leave-kpi strong{display:block;margin-top:2px;font-size:25px;line-height:1.1;color:#202633}.btcl-leave-kpi em{display:block;margin-top:4px;color:#98a0ad;font-style:normal;font-size:11px}.btcl-kpi-warning .btcl-kpi-icon{background:#fff4df;color:#f59e0b}.btcl-kpi-success .btcl-kpi-icon{background:#e9f9f1;color:#14a66a}.btcl-kpi-danger .btcl-kpi-icon{background:#fff0f2;color:#ef5b72}.btcl-leaves-analytics-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-bottom:16px}.btcl-leaves-card{background:#fff;border:1px solid #e9edf4;border-radius:16px;box-shadow:0 8px 28px rgba(35,45,75,.05);overflow:hidden}.btcl-card-heading{padding:18px 20px 12px}.btcl-card-heading>div:first-child{display:flex;align-items:flex-start;gap:11px}.btcl-card-heading h3{margin:0;font-size:15px;font-weight:750;color:#202633}.btcl-card-heading p{margin:4px 0 0;color:#8a93a1;font-size:11px}.btcl-leave-status-layout{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;padding:8px 20px 20px}.btcl-leave-donut{width:142px;height:142px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(#14a66a 0 var(--btcl-approval),#ececf3 var(--btcl-approval) 100%);position:relative}.btcl-leave-donut:before{content:"";width:100px;height:100px;border-radius:50%;background:#fff;position:absolute}.btcl-leave-donut>div{position:relative;text-align:center;z-index:1}.btcl-leave-donut strong{display:block;font-size:23px;color:#202633}.btcl-leave-donut span{font-size:10px;color:#88909e}.btcl-leave-legend{display:grid;gap:10px}.btcl-leave-legend-row{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;font-size:12px;color:#606b7b}.btcl-leave-legend-row strong{color:#202633}.btcl-legend-dot{width:9px;height:9px;border-radius:50%;display:block}.btcl-dot-approved{background:#14a66a}.btcl-dot-pending{background:#f59e0b}.btcl-dot-rejected{background:#ef5b72}.btcl-dot-cancelled{background:#9099a8}.btcl-leave-breakdown-card{padding-bottom:12px}.btcl-leave-bars{display:grid;gap:14px;padding:8px 20px 22px}.btcl-leave-bar-meta{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:12px;color:#606b7b}.btcl-leave-bar-meta strong{color:#202633}.btcl-leave-bar-track{height:8px;border-radius:999px;background:#eef1f6;overflow:hidden}.btcl-leave-bar-fill{display:block;height:100%;border-radius:999px;min-width:0}.btcl-fill-approved{background:#14a66a}.btcl-fill-pending{background:#f59e0b}.btcl-fill-rejected{background:#ef5b72}.btcl-fill-cancelled{background:#a6adba}.btcl-upcoming-leave-card{margin-bottom:16px}.btcl-upcoming-leave-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:8px 20px 20px}.btcl-upcoming-leave-item{display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid #edf0f5;border-radius:12px;background:#fcfdff}.btcl-upcoming-date{width:52px;height:52px;border-radius:12px;background:#f0edff;color:#635bff;display:flex;flex-direction:column;align-items:center;justify-content:center}.btcl-upcoming-date strong{font-size:19px;line-height:1}.btcl-upcoming-date span{font-size:9px;font-weight:800;letter-spacing:.07em;margin-top:3px}.btcl-upcoming-copy h4{margin:0;font-size:13px;color:#202633}.btcl-upcoming-copy p{margin:4px 0 3px;font-size:10px;color:#778192}.btcl-upcoming-copy p i{margin-right:5px;color:#635bff}.btcl-upcoming-copy small{font-size:10px;color:#96a0ad}.btcl-leave-status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;text-transform:capitalize;white-space:nowrap}.btcl-pill-approved{background:#e8f8ef;color:#15955f}.btcl-pill-pending{background:#fff3df;color:#c98308}.btcl-pill-rejected{background:#fff0f2;color:#dd5167}.btcl-pill-cancelled{background:#eef0f3;color:#687180}.btcl-leave-requests-card{padding-bottom:8px}.btcl-card-heading-inline{display:flex;align-items:center;justify-content:space-between;gap:18px}.btcl-card-count{font-size:11px;font-weight:700;color:#6d5ce7;background:#f0edff;border-radius:999px;padding:6px 9px;white-space:nowrap}.btcl-leave-table-wrap{padding:0 12px}.btcl-modern-table{margin:0!important;border-collapse:separate!important;border-spacing:0!important}.btcl-modern-table thead th{background:#f7f8fb!important;border:0!important;border-bottom:1px solid #e9edf4!important;padding:12px 12px!important;color:#788294!important;font-size:10px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.04em!important}.btcl-modern-table tbody td{padding:14px 12px!important;border-top:0!important;border-bottom:1px solid #eff2f6!important;vertical-align:middle!important;color:#4f5a6b;font-size:11px}.btcl-modern-table tbody tr:last-child td{border-bottom:0}.btcl-modern-table tbody tr:hover td{background:#fafbff}.btcl-table-title{display:flex;align-items:center;gap:9px}.btcl-table-avatar{width:32px;height:32px;border-radius:10px;background:#f0edff;color:#635bff;display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px}.btcl-table-title strong{color:#202633;font-size:12px}.btcl-day-pill{display:inline-flex;border-radius:999px;padding:5px 8px;background:#f2f5fb;color:#526071;font-size:10px;font-weight:700}.btcl-reason-text{display:block;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btcl-table-actions{white-space:nowrap}.btcl-table-action{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:7px 10px!important;border-radius:9px!important;font-size:10px!important;font-weight:700!important;margin:0 3px 3px 0!important}.btcl-modern-table .btn-outline-primary{border-color:#d8d2ff!important;color:#635bff!important;background:#fdfcff!important}.btcl-modern-table .btn-outline-danger{border-color:#ffd5db!important;color:#ef5b72!important;background:#fff!important}.btcl-leave-empty{text-align:center;padding:28px 18px 24px}.btcl-empty-icon{width:44px;height:44px;border-radius:12px;background:#f4f2ff;color:#635bff;display:inline-flex;align-items:center;justify-content:center;margin-bottom:10px}.btcl-leave-empty strong{display:block;font-size:14px;color:#202633}.btcl-leave-empty p{margin:5px 0 14px;color:#8c95a3;font-size:11px}.btcl-modern-modal .modal-dialog{max-width:620px}.btcl-modern-modal .modal-content{border:1px solid #e9edf4;border-radius:18px;overflow:hidden;box-shadow:0 24px 60px rgba(25,35,60,.18)}.btcl-modern-modal .modal-header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #edf0f4;background:#fbfcff;padding:20px 22px}.btcl-modal-eyebrow{display:inline-flex;align-items:center;gap:6px;color:#6d5ce7;font-size:9px;font-weight:800;letter-spacing:.1em}.btcl-modern-modal .modal-title{margin:4px 0 0;font-size:19px;font-weight:750;color:#202633}.btcl-modern-modal .modal-header p{margin:4px 0 0;color:#8b94a1;font-size:11px}.btcl-modern-modal .modal-header .close{padding:0;margin:0;color:#7e8794;opacity:1}.btcl-modern-modal .modal-body{padding:22px}.btcl-leave-form .form-group{margin-bottom:0}.btcl-leave-form label{display:block;margin-bottom:7px;color:#465164;font-size:11px;font-weight:700}.btcl-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.btcl-form-grid .form-group:nth-child(2){grid-column:2}.btcl-date-grid{margin-top:14px}.btcl-leave-form .form-control{height:42px;border:1px solid #e3e8f0;border-radius:10px!important;box-shadow:none!important;font-size:12px}.btcl-leave-form textarea.form-control{height:auto;min-height:104px;resize:vertical}.btcl-leave-form .input-group .form-control{border-radius:10px 0 0 10px!important}.btcl-leave-form .input-group-text{height:42px;border:1px solid #e3e8f0;border-left:0;background:#f8f9fb;border-radius:0 10px 10px 0;color:#6d5ce7}.btcl-modal-actions{display:flex;align-items:center;gap:9px;margin-top:20px;padding-top:16px;border-top:1px solid #edf0f4}.btcl-modal-cancel{border:1px solid #e3e8f0!important;background:#fff!important;color:#596476!important;border-radius:10px!important;padding:10px 15px!important;font-size:11px;font-weight:700}.btcl-modern-modal .btn{box-shadow:none}.btcl-leaves-page .dataTables_wrapper{padding:10px 0}.btcl-leaves-page .dataTables_wrapper .dataTables_length,.btcl-leaves-page .dataTables_wrapper .dataTables_filter{font-size:11px;color:#7c8695;margin-bottom:10px}.btcl-leaves-page .dataTables_wrapper .dataTables_length select,.btcl-leaves-page .dataTables_wrapper .dataTables_filter input{border:1px solid #e1e6ee;border-radius:9px;background:#fff;min-height:34px;padding:5px 9px;font-size:11px}.btcl-leaves-page .dataTables_wrapper .dataTables_paginate{margin-top:10px}.btcl-leaves-page .dataTables_wrapper .paginate_button{border:0!important;background:transparent!important;border-radius:8px!important;font-size:11px!important}.btcl-leaves-page .dataTables_wrapper .paginate_button.current{background:#635bff!important;color:#fff!important}.btcl-leaves-page .dataTables_wrapper .dataTables_info{font-size:11px;color:#8a93a1}
@media (max-width: 1100px){.btcl-leave-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.btcl-upcoming-leave-grid{grid-template-columns:1fr}.btcl-upcoming-leave-item{grid-template-columns:54px 1fr auto}}
@media (max-width: 820px){.btcl-leaves-analytics-grid{grid-template-columns:1fr}.btcl-leave-status-layout{grid-template-columns:130px 1fr}.btcl-page-header.btcl-leaves-header{flex-direction:column}.btcl-page-header.btcl-leaves-header .btcl-modern-primary{width:100%}}
@media (max-width: 640px){.btcl-leave-kpis{grid-template-columns:1fr}.btcl-card-heading-inline{align-items:flex-start}.btcl-card-count{margin-left:auto}.btcl-leave-status-layout{grid-template-columns:1fr}.btcl-leave-donut{margin:0 auto}.btcl-modern-table{min-width:860px}.btcl-leave-table-wrap{overflow-x:auto}.btcl-modern-modal .modal-body{padding:16px}.btcl-form-grid{grid-template-columns:1fr}.btcl-form-grid .form-group:nth-child(2){grid-column:auto}.btcl-date-grid{margin-top:0}.btcl-date-grid .form-group{margin-top:14px}.btcl-upcoming-leave-item{grid-template-columns:52px 1fr}.btcl-upcoming-leave-item>.btcl-leave-status-pill{grid-column:2;justify-self:start}.btcl-card-heading{padding:16px}.btcl-leave-bars{padding:8px 16px 18px}}

/* Modern team birthday widget */
.btcl-birthday-card {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 32%);
    min-height: 250px;
    overflow: hidden;
    margin-top: 24px;
    border: 1px solid #e7e9f3;
    border-radius: 20px;
    background: linear-gradient(135deg, #ffffff 0%, #f8f7ff 100%);
    box-shadow: 0 14px 35px rgba(34, 38, 62, 0.08);
}
.btcl-birthday-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg, #7357ff 0%, #4f7cff 100%);
}
.btcl-birthday-card__content {
    position: relative;
    z-index: 2;
    padding: 30px 34px;
}
.btcl-birthday-card__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 11px;
    border: 1px solid #e8e3ff;
    border-radius: 999px;
    color: #6c52ed;
    background: #f4f1ff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.btcl-birthday-card__content h2 {
    margin: 16px 0 6px;
    color: #1f2433;
    font-size: 27px;
    font-weight: 750;
    line-height: 1.15;
}
.btcl-birthday-card__content > p {
    max-width: 520px;
    margin: 0 0 22px;
    color: #70778b;
    font-size: 14px;
}
.btcl-birthday-names {
    display: grid;
    gap: 10px;
    max-width: 680px;
}
.btcl-birthday-person {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 11px 13px;
    border: 1px solid #eceef5;
    border-radius: 14px;
    background: #fff;
}
.btcl-birthday-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    color: #694cf0;
    background: linear-gradient(135deg, #ede8ff, #e1e9ff);
    font-size: 16px;
    font-weight: 700;
}
.btcl-birthday-person__name {
    display: block;
    color: #252a38;
    font-size: 14px;
    font-weight: 700;
}
.btcl-birthday-person__label {
    display: block;
    margin-top: 2px;
    color: #8c93a5;
    font-size: 12px;
}
.btcl-birthday-card__art {
    position: relative;
    min-height: 250px;
    overflow: hidden;
    background: linear-gradient(145deg, #5d43cc 0%, #4b3aa6 55%, #32266f 100%);
}
.btcl-birthday-card__art img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .22;
    mix-blend-mode: screen;
}
.btcl-birthday-art__glow {
    position: absolute;
    width: 210px;
    height: 210px;
    top: -35px;
    right: -35px;
    border-radius: 50%;
    background: rgba(255,255,255,.16);
    filter: blur(8px);
}
.btcl-birthday-art__cake {
    position: absolute;
    right: 34px;
    bottom: 26px;
    display: grid;
    place-items: center;
    width: 78px;
    height: 78px;
    border-radius: 22px;
    color: #fff;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.22);
    box-shadow: 0 14px 30px rgba(0,0,0,.18);
    font-size: 30px;
    backdrop-filter: blur(8px);
}
@media (max-width: 768px) {
    .btcl-birthday-card {
        grid-template-columns: 1fr;
    }
    .btcl-birthday-card__content {
        padding: 24px 22px;
    }
    .btcl-birthday-card__art {
        min-height: 150px;
    }
    .btcl-birthday-person {
        grid-template-columns: 42px minmax(0, 1fr);
    }
    .btcl-birthday-person__label {
        grid-column: 2;
    }
}

/* Modern team birthdays refresh - Step 57 */
.btcl-birthday-card{display:block;min-height:0;margin-top:22px;border:1px solid #e8ebf2;border-radius:20px;background:#fff;box-shadow:0 14px 36px rgba(31,38,60,.06);overflow:hidden}.btcl-birthday-card::before{content:"";display:block;width:100%;height:4px;background:linear-gradient(90deg,#6d5dfc,#8d7cff 55%,#70a1ff)}
.btcl-birthday-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 26px 18px;border-bottom:1px solid #eef1f5;background:linear-gradient(180deg,#fbfbff 0%,#fff 100%)}.btcl-birthday-card__header h2{margin:12px 0 4px;color:#202633;font-size:20px;font-weight:750;line-height:1.2}.btcl-birthday-card__header p{margin:0;color:#8a93a5;font-size:12px}.btcl-birthday-card__summary{min-width:64px;padding:10px 12px;border:1px solid #e8e3ff;border-radius:14px;background:#f6f3ff;text-align:center}.btcl-birthday-card__summary span{display:block;color:#6657e8;font-size:23px;font-weight:800;line-height:1}.btcl-birthday-card__summary small{display:block;margin-top:5px;color:#8c92a2;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.btcl-birthday-card__body{display:grid;grid-template-columns:1fr 1.25fr;gap:0}.btcl-birthday-column{padding:18px 22px 20px}.btcl-birthday-column+.btcl-birthday-column{border-left:1px solid #eef1f5;background:#fcfdff}.btcl-birthday-column__title{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#4a5364;font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.btcl-birthday-column__title i{color:#6d5dfc}.btcl-birthday-names{display:grid;gap:8px}.btcl-birthday-person{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px;border:1px solid #edf0f5;border-radius:13px;background:#fff;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.btcl-birthday-person:hover{transform:translateY(-1px);border-color:#e1ddff;box-shadow:0 8px 18px rgba(55,63,92,.06)}.btcl-birthday-avatar,.btcl-birthday-date{width:38px;height:38px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:#f0edff;color:#6758e8;font-weight:800}.btcl-birthday-person__copy{min-width:0}.btcl-birthday-person__copy strong{display:block;color:#262d3a;font-size:12px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btcl-birthday-person__copy small{display:block;margin-top:3px;color:#8c95a4;font-size:10px;line-height:1.35}.btcl-birthday-person__badge{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:999px;background:#effaf5;color:#1d9a67;font-size:9px;font-weight:800;white-space:nowrap}.btcl-birthday-date{flex-direction:column;background:#eef5ff;color:#4a72ee;line-height:1}.btcl-birthday-date strong{font-size:14px}.btcl-birthday-date small{margin-top:3px;font-size:7px;letter-spacing:.08em}.btcl-birthday-person__days{padding:6px 8px;border-radius:999px;background:#f4f5f8;color:#737d8d;font-size:9px;font-weight:700;white-space:nowrap}.btcl-birthday-empty{display:flex;align-items:center;gap:10px;padding:13px;border:1px dashed #e1e5ec;border-radius:12px;background:#fbfcfe}.btcl-birthday-empty__icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#f3f1ff;color:#6d5dfc;flex:0 0 34px}.btcl-birthday-empty strong{display:block;color:#3f4857;font-size:11px}.btcl-birthday-empty small{display:block;margin-top:2px;color:#929aa8;font-size:9px;line-height:1.35}.btcl-birthday-card__footer{display:flex;align-items:center;gap:7px;padding:11px 22px;border-top:1px solid #eef1f5;color:#8c95a4;font-size:9px;background:#fbfcff}.btcl-birthday-card__footer i{color:#6d5dfc}
@media (max-width:900px){.btcl-birthday-card__body{grid-template-columns:1fr}.btcl-birthday-column+.btcl-birthday-column{border-left:0;border-top:1px solid #eef1f5}}@media (max-width:600px){.btcl-birthday-card__header{padding:20px}.btcl-birthday-column{padding:16px}.btcl-birthday-person{grid-template-columns:36px minmax(0,1fr)}.btcl-birthday-person__badge,.btcl-birthday-person__days{grid-column:2;justify-self:start;margin-top:2px}.btcl-birthday-card__footer{padding:10px 16px}}


/* Clockinator Lite - Modern Employee Frontend Attendance Calendar Analytics */
.btcl-frontend-calendar-page{max-width:1480px;margin:0 auto;padding:18px 0 34px;color:#172033;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.btcl-frontend-calendar-page *{box-sizing:border-box}
.btcl-frontend-calendar-page .btcl-modern-primary-btn,.btcl-frontend-calendar-page .btcl-modern-secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 14px;border-radius:10px;font-size:11px;font-weight:750;text-decoration:none;transition:.18s ease}
.btcl-frontend-calendar-page .btcl-modern-secondary-btn{border:1px solid #dfe3ea;background:#fff;color:#475467}.btcl-frontend-calendar-page .btcl-modern-secondary-btn:hover{background:#f7f6ff;color:#635bff;border-color:#cfcaff}
.btcl-frontend-calendar-page .btcl-calendar-header-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;background:#fff;border:1px solid #e7eaf0;border-radius:18px;box-shadow:0 9px 28px rgba(16,24,40,.05);margin-bottom:14px}
.btcl-frontend-calendar-page .btcl-calendar-header-copy{min-width:0}.btcl-frontend-calendar-page .btcl-calendar-eyebrow,.btcl-frontend-calendar-page .btcl-card-eyebrow{display:block;margin-bottom:5px;color:#635bff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.btcl-frontend-calendar-page .btcl-calendar-eyebrow i,.btcl-frontend-calendar-page .btcl-card-eyebrow i{margin-right:5px}.btcl-frontend-calendar-page .btcl-calendar-header-copy h1{margin:0;color:#172033;font-size:25px;line-height:1.15;font-weight:800;letter-spacing:-.02em}.btcl-frontend-calendar-page .btcl-calendar-header-copy p{margin:5px 0 0;color:#7a8494;font-size:12px}.btcl-frontend-calendar-page .btcl-calendar-header-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.btcl-frontend-calendar-page .btcl-calendar-month-chip{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #eceef3;border-radius:10px;background:#fafbfc;color:#475467;font-size:10px;font-weight:750}.btcl-frontend-calendar-page .btcl-calendar-month-chip i{color:#635bff}
.btcl-frontend-calendar-page .btcl-calendar-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}.btcl-frontend-calendar-page .btcl-calendar-kpi{display:flex;align-items:center;gap:10px;min-height:92px;padding:14px 15px;background:#fff;border:1px solid #e7eaf0;border-radius:14px;box-shadow:0 7px 22px rgba(16,24,40,.04)}.btcl-frontend-calendar-page .btcl-calendar-kpi-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:11px;font-size:14px;flex:0 0 38px}.btcl-frontend-calendar-page .btcl-calendar-kpi span{display:block;color:#7a8494;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.btcl-frontend-calendar-page .btcl-calendar-kpi strong{display:block;margin-top:4px;color:#172033;font-size:21px;line-height:1.1;font-weight:820}.btcl-frontend-calendar-page .btcl-calendar-kpi small{display:block;margin-top:4px;color:#98a2b3;font-size:8px}.btcl-frontend-calendar-page .btcl-calendar-kpi.is-purple .btcl-calendar-kpi-icon{background:#f0efff;color:#635bff}.btcl-frontend-calendar-page .btcl-calendar-kpi.is-green .btcl-calendar-kpi-icon{background:#ecfdf3;color:#12b76a}.btcl-frontend-calendar-page .btcl-calendar-kpi.is-red .btcl-calendar-kpi-icon{background:#fef3f2;color:#f04438}.btcl-frontend-calendar-page .btcl-calendar-kpi.is-blue .btcl-calendar-kpi-icon{background:#eff8ff;color:#3578e5}.btcl-frontend-calendar-page .btcl-calendar-kpi.is-orange .btcl-calendar-kpi-icon{background:#fff7ed;color:#f79009}
.btcl-frontend-calendar-page .btcl-calendar-analytics-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-bottom:14px}.btcl-frontend-calendar-page .btcl-calendar-panel-card{background:#fff;border:1px solid #e7eaf0;border-radius:16px;box-shadow:0 7px 22px rgba(16,24,40,.04);padding:17px 18px}.btcl-frontend-calendar-page .btcl-calendar-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.btcl-frontend-calendar-page .btcl-calendar-panel-head h2{margin:2px 0 3px;color:#172033;font-size:16px;font-weight:780}.btcl-frontend-calendar-page .btcl-calendar-panel-head p{margin:0;color:#98a2b3;font-size:10px;line-height:1.45}.btcl-frontend-calendar-page .btcl-calendar-rate-ring{--progress:0;width:84px;height:84px;border-radius:50%;background:conic-gradient(#635bff calc(var(--progress)*1%),#eef0f4 0);display:flex;align-items:center;justify-content:center;position:relative;flex:0 0 84px}.btcl-frontend-calendar-page .btcl-calendar-rate-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#fff}.btcl-frontend-calendar-page .btcl-calendar-rate-ring strong,.btcl-frontend-calendar-page .btcl-calendar-rate-ring span{position:relative;z-index:1;display:block;text-align:center}.btcl-frontend-calendar-page .btcl-calendar-rate-ring strong{font-size:17px;line-height:1;font-weight:820;color:#172033}.btcl-frontend-calendar-page .btcl-calendar-rate-ring span{margin-top:2px;font-size:7px;color:#98a2b3}.btcl-frontend-calendar-page .btcl-calendar-breakdown{display:flex;flex-direction:column;gap:11px}.btcl-frontend-calendar-page .btcl-calendar-breakdown-row>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.btcl-frontend-calendar-page .btcl-calendar-breakdown-row span{color:#667085;font-size:10px}.btcl-frontend-calendar-page .btcl-calendar-breakdown-row strong{color:#172033;font-size:11px}.btcl-frontend-calendar-page .btcl-calendar-progress-track{height:7px;background:#edf0f4;border-radius:99px;overflow:hidden}.btcl-frontend-calendar-page .btcl-calendar-progress-track span{display:block;height:100%;border-radius:inherit}.btcl-frontend-calendar-page .btcl-calendar-progress-track span.is-green{background:#17a673}.btcl-frontend-calendar-page .btcl-calendar-progress-track span.is-red{background:#e15b66}.btcl-frontend-calendar-page .btcl-calendar-progress-track span.is-purple{background:#635bff}.btcl-frontend-calendar-page .btcl-calendar-progress-track span.is-blue{background:#3578e5}.btcl-frontend-calendar-page .btcl-calendar-progress-track span.is-gray{background:#98a2b3}
.btcl-frontend-calendar-page .btcl-calendar-current-status{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#ecfdf3;color:#12845a;font-size:8px;font-weight:760}.btcl-frontend-calendar-page .btcl-calendar-current-status i{font-size:5px}.btcl-frontend-calendar-page .btcl-calendar-employee-main{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #eef0f4;border-radius:12px;background:#fafbfc}.btcl-frontend-calendar-page .btcl-calendar-avatar{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#f0efff;color:#635bff;font-size:16px;font-weight:800}.btcl-frontend-calendar-page .btcl-calendar-employee-copy{min-width:0}.btcl-frontend-calendar-page .btcl-calendar-employee-copy strong{display:block;color:#344054;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btcl-frontend-calendar-page .btcl-calendar-employee-copy span,.btcl-frontend-calendar-page .btcl-calendar-employee-copy small{display:block;margin-top:3px;color:#7a8494;font-size:9px}.btcl-frontend-calendar-page .btcl-calendar-employee-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.btcl-frontend-calendar-page .btcl-calendar-employee-stats div{padding:10px;border:1px solid #eef0f4;border-radius:10px;background:#fff}.btcl-frontend-calendar-page .btcl-calendar-employee-stats span{display:block;color:#98a2b3;font-size:8px;text-transform:uppercase;font-weight:760;letter-spacing:.04em}.btcl-frontend-calendar-page .btcl-calendar-employee-stats strong{display:block;margin-top:4px;color:#172033;font-size:10px;line-height:1.35;word-break:break-word}
.btcl-frontend-calendar-page .btcl-calendar-shell-card{background:#fff;border:1px solid #e7eaf0;border-radius:16px;box-shadow:0 7px 22px rgba(16,24,40,.04);overflow:hidden}.btcl-frontend-calendar-page .btcl-calendar-heading{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:12px;padding:15px 17px;border-bottom:1px solid #eef0f4}.btcl-frontend-calendar-page .btcl-calendar-title-wrap{text-align:center}.btcl-frontend-calendar-page .btcl-calendar-title-wrap .btcl-card-eyebrow{margin-bottom:2px}.btcl-frontend-calendar-page .btcl-calendar-title-wrap h2{margin:0;color:#172033;font-size:20px;font-weight:800;letter-spacing:-.02em}.btcl-frontend-calendar-page .btcl-calendar-nav{width:38px;height:38px;border:1px solid #e1e5ec;border-radius:10px;background:#fff;color:#475467;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:.18s ease}.btcl-frontend-calendar-page .btcl-calendar-nav:hover{background:#f7f6ff;color:#635bff;border-color:#cfcaff}.btcl-frontend-calendar-page .btcl-calendar-legend{display:flex;flex-wrap:wrap;gap:7px;padding:12px 16px;border-bottom:1px solid #eef0f4}.btcl-frontend-calendar-page .btcl-calendar-legend span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #eaecf0;border-radius:999px;background:#fff;color:#667085;font-size:9px;font-weight:680}.btcl-frontend-calendar-page .btcl-calendar-dot{width:7px;height:7px;border-radius:50%;display:inline-block;border:0!important}.btcl-frontend-calendar-page .btcl-calendar-grid-wrap{padding:13px;overflow-x:auto}.btcl-frontend-calendar-page .btcl-calendar-grid{min-width:900px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.btcl-frontend-calendar-page .btcl-calendar-weekday{padding:9px 8px;color:#667085;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;text-align:center;background:#f8f9fc;border:1px solid #edf0f4;border-radius:9px}.btcl-frontend-calendar-page .btcl-calendar-empty{min-height:108px;border:1px dashed #eef0f4;border-radius:12px;background:#fbfcfd}.btcl-frontend-calendar-page .btcl-calendar-day{min-height:108px;padding:11px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;border:1px solid #e7eaf0;border-left:3px solid #d0d5dd;border-radius:12px;background:#fff;cursor:pointer;transition:.18s ease}.btcl-frontend-calendar-page .btcl-calendar-day:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(16,24,40,.08);border-color:#cfd5df}.btcl-frontend-calendar-page .btcl-calendar-day-number{font-size:14px;font-weight:820;color:#172033}.btcl-frontend-calendar-page .btcl-calendar-status{margin-top:8px;padding:4px 7px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:9px;font-weight:760;line-height:1.2}.btcl-frontend-calendar-page .btcl-calendar-day small{margin-top:auto;padding-top:7px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#98a2b3;font-size:9px}.btcl-frontend-calendar-page .btcl-calendar-view-hint{display:block;margin-top:7px;color:#635bff;font-size:8px;font-weight:700;opacity:0;transform:translateY(3px);transition:.16s ease}.btcl-frontend-calendar-page .btcl-calendar-day:hover .btcl-calendar-view-hint,.btcl-frontend-calendar-page .btcl-calendar-day:focus .btcl-calendar-view-hint{opacity:1;transform:none}.btcl-frontend-calendar-page .btcl-calendar-today{outline:2px solid #635bff;outline-offset:-2px;background:#fbfaff}.btcl-frontend-calendar-page .btcl-calendar-today .btcl-calendar-day-number{color:#635bff}.btcl-frontend-calendar-page .btcl-status-present{border-left-color:#12b76a}.btcl-frontend-calendar-page .btcl-status-working{border-left-color:#0ea5e9}.btcl-frontend-calendar-page .btcl-status-late{border-left-color:#f79009}.btcl-frontend-calendar-page .btcl-status-early_leave{border-left-color:#f97316}.btcl-frontend-calendar-page .btcl-status-late_early_leave{border-left-color:#ef4444}.btcl-frontend-calendar-page .btcl-status-absent{border-left-color:#f04438}.btcl-frontend-calendar-page .btcl-status-leave{border-left-color:#7f56d9}.btcl-frontend-calendar-page .btcl-status-holiday{border-left-color:#667085}.btcl-frontend-calendar-page .btcl-status-off_day{border-left-color:#98a2b3}.btcl-frontend-calendar-page .btcl-status-upcoming{border-left-color:#d0d5dd}.btcl-frontend-calendar-page .btcl-status-halfday{border-left-color:#17a673}.btcl-frontend-calendar-page .btcl-status-present .btcl-calendar-status{background:#ecfdf3;color:#027a48}.btcl-frontend-calendar-page .btcl-status-working .btcl-calendar-status{background:#eff8ff;color:#175cd3}.btcl-frontend-calendar-page .btcl-status-late .btcl-calendar-status{background:#fffaeb;color:#b54708}.btcl-frontend-calendar-page .btcl-status-early_leave .btcl-calendar-status{background:#fff7ed;color:#c2410c}.btcl-frontend-calendar-page .btcl-status-late_early_leave .btcl-calendar-status,.btcl-frontend-calendar-page .btcl-status-absent .btcl-calendar-status{background:#fef3f2;color:#b42318}.btcl-frontend-calendar-page .btcl-status-leave .btcl-calendar-status{background:#f9f5ff;color:#6941c6}.btcl-frontend-calendar-page .btcl-status-holiday .btcl-calendar-status,.btcl-frontend-calendar-page .btcl-status-off_day .btcl-calendar-status,.btcl-frontend-calendar-page .btcl-status-upcoming .btcl-calendar-status{background:#f2f4f7;color:#475467}
.btcl-frontend-calendar-page .btcl-calendar-details-modern{margin-top:14px!important;border:1px solid #e7eaf0!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(16,24,40,.05)!important;background:#fff}.btcl-frontend-calendar-page .btcl-calendar-details-modern .card-body{padding:18px}.btcl-frontend-calendar-page .btcl-calendar-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.btcl-frontend-calendar-page .btcl-calendar-detail-head h3{margin:2px 0 0;color:#172033;font-size:16px;font-weight:800}.btcl-frontend-calendar-page .btcl-calendar-detail-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#f5f4ff;color:#635bff;font-size:9px;font-weight:750}.btcl-frontend-calendar-page .btcl-calendar-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.btcl-frontend-calendar-page .btcl-calendar-detail-grid div{padding:11px;border:1px solid #eef0f4;border-radius:10px;background:#fafbfc}.btcl-frontend-calendar-page .btcl-calendar-detail-grid span{display:block;color:#98a2b3;font-size:8px;text-transform:uppercase;font-weight:760;letter-spacing:.05em}.btcl-frontend-calendar-page .btcl-calendar-detail-grid strong{display:block;margin-top:5px;color:#344054;font-size:10px;line-height:1.4;word-break:break-word}
@media(max-width:1100px){.btcl-frontend-calendar-page .btcl-calendar-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.btcl-frontend-calendar-page .btcl-calendar-analytics-grid{grid-template-columns:1fr}}
@media(max-width:767px){.btcl-frontend-calendar-page{padding:12px 0 22px}.btcl-frontend-calendar-page .btcl-calendar-header-card{align-items:flex-start;flex-direction:column;padding:18px}.btcl-frontend-calendar-page .btcl-calendar-header-actions{width:100%}.btcl-frontend-calendar-page .btcl-calendar-month-chip,.btcl-frontend-calendar-page .btcl-calendar-header-actions .btcl-modern-secondary-btn{width:100%;justify-content:center}.btcl-frontend-calendar-page .btcl-calendar-kpi-grid{grid-template-columns:1fr 1fr}.btcl-frontend-calendar-page .btcl-calendar-kpi{min-height:88px;padding:13px}.btcl-frontend-calendar-page .btcl-calendar-kpi strong{font-size:19px}.btcl-frontend-calendar-page .btcl-calendar-employee-stats{grid-template-columns:1fr}.btcl-frontend-calendar-page .btcl-calendar-heading{padding:12px}.btcl-frontend-calendar-page .btcl-calendar-grid-wrap{padding:9px}.btcl-frontend-calendar-page .btcl-calendar-detail-grid{grid-template-columns:1fr 1fr}.btcl-frontend-calendar-page .btcl-calendar-detail-head{align-items:flex-start;flex-direction:column}}
@media(max-width:460px){.btcl-frontend-calendar-page .btcl-calendar-kpi-grid{grid-template-columns:1fr}.btcl-frontend-calendar-page .btcl-calendar-detail-grid{grid-template-columns:1fr}.btcl-frontend-calendar-page .btcl-calendar-header-copy h1{font-size:22px}}

.btcl-frontend-calendar-page .btcl-calendar-day.btcl-calendar-selected{box-shadow:0 0 0 2px rgba(99,91,255,.15),0 8px 18px rgba(16,24,40,.08);border-color:#cfcaff}

/* Clockinator Lite 1.1.0 - Modern Employee Profile UI */
.btcl-profile-modern{width:100%;color:#1f2937;}
.btcl-profile-modern .btcl-profile-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px 24px;border:1px solid #e8ebf3;border-radius:18px;background:linear-gradient(135deg,#ffffff 0%,#fafbff 100%);box-shadow:0 10px 30px rgba(31,41,55,.05);margin-bottom:18px;}
.btcl-profile-modern .btcl-profile-hero-main{display:flex;align-items:center;gap:16px;min-width:0;}
.btcl-profile-modern .btcl-profile-hero-avatar{width:82px;height:82px;border-radius:22px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 82px;background:linear-gradient(135deg,#6d5dfc,#6f8cff);color:#fff;font-size:28px;font-weight:800;box-shadow:0 10px 24px rgba(109,93,252,.18);}
.btcl-profile-modern .btcl-profile-hero-avatar img{width:100%;height:100%;object-fit:cover;}
.btcl-profile-modern .btcl-profile-eyebrow{display:inline-flex;align-items:center;gap:7px;color:#6859f7;font-size:11px;font-weight:800;letter-spacing:.55px;text-transform:uppercase;margin-bottom:5px;}
.btcl-profile-modern .btcl-profile-hero-copy h2{margin:0;font-size:25px;font-weight:800;line-height:1.15;color:#202636;}
.btcl-profile-modern .btcl-profile-hero-copy p{margin:4px 0 9px;color:#7f8797;font-size:13px;}
.btcl-profile-modern .btcl-profile-hero-status,.btcl-profile-modern .btcl-profile-status-panel{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;background:#f4f5f8;color:#7c8493;}
.btcl-profile-modern .btcl-profile-hero-status.is-online,.btcl-profile-modern .btcl-profile-status-panel.is-online{background:#eefbf4;color:#1c9a5f;}
.btcl-profile-modern .btcl-profile-hero-status.is-offline,.btcl-profile-modern .btcl-profile-status-panel.is-offline{background:#f5f6f8;color:#6f7785;}
.btcl-profile-modern .btcl-status-dot{width:7px;height:7px;border-radius:50%;background:#9aa1ad;display:inline-block;box-shadow:0 0 0 3px rgba(154,161,173,.12);}
.btcl-profile-modern .is-online .btcl-status-dot{background:#25b86f;box-shadow:0 0 0 3px rgba(37,184,111,.12);}
.btcl-profile-modern .btcl-profile-hero-meta{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:10px;min-width:380px;}
.btcl-profile-modern .btcl-profile-hero-meta>div{padding:11px 13px;border:1px solid #eceef4;border-radius:12px;background:#fff;}
.btcl-profile-modern .btcl-profile-hero-meta span,.btcl-profile-modern .btcl-profile-mini-grid span{display:block;color:#8c93a2;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.45px;margin-bottom:4px;}
.btcl-profile-modern .btcl-profile-hero-meta strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.btcl-profile-modern .btcl-profile-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(285px,.75fr);gap:18px;align-items:start;}
.btcl-profile-modern .btcl-profile-main-column,.btcl-profile-modern .btcl-profile-side-column{display:flex;flex-direction:column;gap:18px;min-width:0;}
.btcl-profile-modern .btcl-profile-card{border:1px solid #e8ebf3;border-radius:16px;background:#fff;box-shadow:0 8px 26px rgba(31,41,55,.045);padding:20px;}
.btcl-profile-modern .btcl-profile-card-head{display:flex;align-items:flex-start;gap:11px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #eff1f5;}
.btcl-profile-modern .btcl-profile-card-head.compact{padding-bottom:13px;margin-bottom:14px;}
.btcl-profile-modern .btcl-section-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:0 0 36px;background:#f0efff;color:#6d5dfc;font-size:14px;}
.btcl-profile-modern .btcl-profile-card-head h3{margin:0;color:#222838;font-size:16px;font-weight:800;line-height:1.25;}
.btcl-profile-modern .btcl-profile-card-head p{margin:3px 0 0;color:#8a92a1;font-size:11px;line-height:1.45;}
.btcl-profile-modern .btcl-profile-fields{display:grid;gap:16px;}
.btcl-profile-modern .btcl-profile-fields.two-col{grid-template-columns:repeat(2,minmax(0,1fr));}
.btcl-profile-modern .btcl-field{min-width:0;}
.btcl-profile-modern .btcl-field label{display:block;margin:0 0 7px;color:#454d5c;font-size:11px;font-weight:700;}
.btcl-profile-modern .btcl-field small{display:block;margin-top:5px;color:#98a0ae;font-size:10px;line-height:1.35;}
.btcl-profile-modern .btcl-field .form-control{width:100%;min-height:44px;border:1px solid #dfe4ec;border-radius:10px;background:#fff;color:#2c3341;font-size:13px;box-shadow:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;padding:10px 12px;}
.btcl-profile-modern .btcl-field .form-control:focus{border-color:#7a6cff;box-shadow:0 0 0 3px rgba(109,93,252,.10);outline:none;}
.btcl-profile-modern .btcl-field .form-control[readonly],.btcl-profile-modern .btcl-field .form-control:disabled{background:#f6f7f9;color:#697281;cursor:not-allowed;}
.btcl-profile-modern .btcl-input-wrap{position:relative;}
.btcl-profile-modern .btcl-input-wrap>i{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:13px;color:#9aa2b2;z-index:2;}
.btcl-profile-modern .btcl-input-wrap .form-control{padding-left:34px;}
.btcl-profile-modern .btcl-radio-row{display:flex;gap:24px;align-items:center;min-height:44px;}
.btcl-profile-modern .btcl-radio-row label{display:flex;align-items:center;gap:7px;margin:0;font-size:12px;font-weight:600;color:#424959;cursor:pointer;}
.btcl-profile-modern .btcl-radio-row input{margin:0;width:15px;height:15px;accent-color:#6d5dfc;}
.btcl-profile-modern .btcl-textarea{min-height:130px;resize:vertical;}
.btcl-profile-modern .btcl-profile-photo-preview-wrap{display:flex;justify-content:center;margin:4px 0 14px;}
.btcl-profile-modern .btcl-profile-photo-preview{width:148px;height:148px;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#f0efff,#eef4ff);border:6px solid #fff;box-shadow:0 10px 26px rgba(31,41,55,.08);display:flex;align-items:center;justify-content:center;}
.btcl-profile-modern .btcl-profile-photo-preview img{width:100%;height:100%;object-fit:cover;display:block;}
.btcl-profile-modern .btcl-profile-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#6d5dfc;font-weight:800;font-size:28px;background:#f0efff;}
.btcl-profile-modern .btcl-profile-upload-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:10px;min-height:42px;border:0;border-radius:10px;background:#1f9d55;color:#fff;font-size:12px;font-weight:700;box-shadow:0 8px 16px rgba(31,157,85,.14);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;}
.btcl-profile-modern .btcl-profile-upload-btn:hover{transform:translateY(-1px);background:#198947;box-shadow:0 10px 20px rgba(31,157,85,.18);}
.btcl-profile-modern .btcl-profile-status-panel{width:100%;justify-content:flex-start;padding:12px 13px;margin-bottom:14px;border:1px solid #edf0f4;}
.btcl-profile-modern .btcl-profile-status-panel strong{display:block;font-size:12px;color:inherit;}
.btcl-profile-modern .btcl-profile-status-panel small{display:block;margin-top:2px;font-size:9px;color:#9098a6;font-weight:500;}
.btcl-profile-modern .btcl-profile-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.btcl-profile-modern .btcl-profile-mini-grid>div{padding:11px;border:1px solid #eceff4;border-radius:10px;background:#fafbfc;}
.btcl-profile-modern .btcl-profile-mini-grid strong{display:block;font-size:11px;color:#2d3442;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.btcl-profile-modern .btcl-profile-bank-card{margin-top:18px;}
.btcl-profile-modern .btcl-profile-savebar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding-top:17px;border-top:1px solid #edf0f4;}
.btcl-profile-modern .btcl-profile-savebar strong{display:block;font-size:12px;color:#303746;}
.btcl-profile-modern .btcl-profile-savebar small{display:block;margin-top:3px;color:#929aa8;font-size:10px;}
.btcl-profile-modern .btcl-profile-save-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:0;border-radius:10px;background:#6d5dfc;color:#fff;font-size:12px;font-weight:800;box-shadow:0 10px 20px rgba(109,93,252,.18);cursor:pointer;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;}
.btcl-profile-modern .btcl-profile-save-btn:hover{transform:translateY(-1px);background:#5d4ef0;box-shadow:0 12px 24px rgba(109,93,252,.23);}
.btcl-profile-modern .btcl-profile-save-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(109,93,252,.12),0 10px 20px rgba(109,93,252,.18);}
@media(max-width:1100px){.btcl-profile-modern .btcl-profile-hero{align-items:flex-start;flex-direction:column;}.btcl-profile-modern .btcl-profile-hero-meta{min-width:0;width:100%;}.btcl-profile-modern .btcl-profile-grid{grid-template-columns:1fr;}.btcl-profile-modern .btcl-profile-side-column{display:grid;grid-template-columns:1fr 1fr;align-items:start;}.btcl-profile-modern .btcl-profile-photo-card,.btcl-profile-modern .btcl-profile-quick-card{height:100%;}}
@media(max-width:767px){.btcl-profile-modern .btcl-profile-hero{padding:17px;}.btcl-profile-modern .btcl-profile-hero-avatar{width:68px;height:68px;flex-basis:68px;border-radius:18px;}.btcl-profile-modern .btcl-profile-hero-copy h2{font-size:20px;}.btcl-profile-modern .btcl-profile-hero-meta{grid-template-columns:1fr;}.btcl-profile-modern .btcl-profile-fields.two-col{grid-template-columns:1fr;}.btcl-profile-modern .btcl-profile-card{padding:15px;border-radius:14px;}.btcl-profile-modern .btcl-profile-side-column{display:flex;}.btcl-profile-modern .btcl-profile-photo-preview{width:124px;height:124px;}.btcl-profile-modern .btcl-profile-savebar{align-items:flex-start;flex-direction:column;}.btcl-profile-modern .btcl-profile-save-btn{width:100%;}.btcl-profile-modern .btcl-radio-row{gap:18px;}}

/* Step 60: modern employee attendance reports UI */
.btcl-report-page{display:flex;flex-direction:column;gap:20px}.btcl-report-hero,.btcl-report-filter-card,.btcl-report-insight,.btcl-report-table-card{background:#fff;border:1px solid #e7e9f3;border-radius:18px;box-shadow:0 12px 34px rgba(45,48,90,.06)}.btcl-report-hero{padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:18px}.btcl-report-hero h2{margin:6px 0 5px;font-size:28px;line-height:1.15;color:#1f2330;font-weight:700}.btcl-report-hero p{margin:0;color:#7a8297;font-size:14px}.btcl-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.08em;color:#6d5efc}.btcl-report-badge,.btcl-filter-hint{display:inline-flex;align-items:center;gap:7px;border:1px solid #e7e0ff;background:#f7f4ff;color:#6858e8;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:700;white-space:nowrap}.btcl-report-filter-card{padding:22px 24px}.btcl-report-section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.btcl-report-section-title h3,.btcl-report-insight h3{margin:0 0 4px;font-size:16px;color:#242936;font-weight:700}.btcl-report-section-title span:not(.btcl-filter-hint),.btcl-report-result-meta{color:#8891a7;font-size:12px}.btcl-report-form-grid-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:16px;align-items:end;margin:0}.btcl-report-field label{display:block;margin:0 0 8px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#70798f}.btcl-input-wrap{position:relative}.btcl-input-wrap i{position:absolute;left:13px;top:50%;transform:translateY(-50%);z-index:2;color:#7b6df6;font-size:13px}.btcl-input-wrap select{width:100%;min-height:48px;border:1px solid #dfe3ef!important;border-radius:12px!important;background:#fff!important;padding:0 14px 0 38px!important;font-size:14px!important;color:#2d3444!important;box-shadow:none!important}.btcl-input-wrap select:focus{border-color:#8a7ff7!important;box-shadow:0 0 0 3px rgba(109,94,252,.10)!important;outline:0}.btcl-report-primary-btn{min-height:48px;border:0;border-radius:12px;background:linear-gradient(135deg,#7058ff,#6550ea);color:#fff;font-weight:700;padding:0 20px;box-shadow:0 10px 22px rgba(101,80,234,.2);transition:.2s ease;white-space:nowrap}.btcl-report-primary-btn:hover{transform:translateY(-1px);box-shadow:0 13px 24px rgba(101,80,234,.24)}.btcl-report-analytics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.btcl-stat-card{background:#fff;border:1px solid #e7e9f3;border-radius:16px;padding:16px;display:flex;align-items:center;gap:12px;min-height:92px;box-shadow:0 8px 24px rgba(45,48,90,.04)}.btcl-stat-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;font-size:14px}.btcl-stat-card strong{display:block;color:#202533;font-size:24px;line-height:1.1;margin-top:4px}.btcl-stat-label{display:block;color:#7d879a;font-size:10px;text-transform:uppercase;letter-spacing:.04em;font-weight:800}.btcl-stat-card.is-purple .btcl-stat-icon{background:#f0edff;color:#6f5cf7}.btcl-stat-card.is-blue .btcl-stat-icon{background:#eaf4ff;color:#3e7cff}.btcl-stat-card.is-green .btcl-stat-icon{background:#e9fbf2;color:#20a765}.btcl-stat-card.is-orange .btcl-stat-icon{background:#fff3e4;color:#ec9417}.btcl-stat-card.is-red .btcl-stat-icon{background:#fff0f2;color:#eb5b6c}.btcl-report-insight{padding:20px 24px}.btcl-report-insight-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.btcl-report-bars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.btcl-report-bar-row>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;color:#60697d;font-size:12px}.btcl-report-bar-row strong{color:#292f3c;font-size:12px}.btcl-progress{height:8px;background:#edf0f6;border-radius:999px;overflow:hidden}.btcl-progress span{display:block;height:100%;width:0;background:#6d5efc;border-radius:999px;transition:width .35s ease}.btcl-report-bar-row:nth-child(2) .btcl-progress span{background:#ee9d2d}.btcl-report-bar-row:nth-child(3) .btcl-progress span{background:#e75d71}.btcl-report-table-card{padding:0;overflow:hidden}.btcl-report-table-head{padding:20px 22px;border-bottom:1px solid #eef0f5;display:flex;justify-content:space-between;align-items:center}.btcl-report-table-head h3{margin:0;font-size:15px}.btcl-report-table-head p{margin:4px 0 0;color:#8a92a4;font-size:12px}#reports-listing_wrapper{padding:16px 20px 20px}#reports-listing{width:100%!important;border-collapse:separate!important;border-spacing:0!important}#reports-listing thead th{background:#f8f9fd!important;color:#7a8396!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.05em!important;border-bottom:1px solid #e8ebf2!important;padding:12px 14px!important}#reports-listing tbody td{padding:14px!important;border-bottom:1px solid #eef0f5!important;vertical-align:middle!important;color:#3b4353;font-size:13px}#reports-listing tbody tr:hover{background:#fbfbfe}.btcl-report-page .dataTables_wrapper .dataTables_filter input,.btcl-report-page .dataTables_wrapper .dataTables_length select{border:1px solid #dfe3ef!important;border-radius:10px!important;background:#fff!important;min-height:38px!important;padding:0 10px!important}.btcl-report-page .dataTables_paginate .paginate_button{border-radius:9px!important;border:0!important}.btcl-report-page .dataTables_paginate .paginate_button.current{background:#6d5efc!important;color:#fff!important}.btcl-report-table-card .table-responsive{margin:0}
@media (max-width:1100px){.btcl-report-analytics{grid-template-columns:repeat(3,minmax(0,1fr))}.btcl-report-bars{grid-template-columns:1fr}.btcl-report-form-grid-inner{grid-template-columns:1fr 1fr}.btcl-report-filter-action{grid-column:1/-1}.btcl-report-primary-btn{width:100%}}@media (max-width:700px){.btcl-report-hero,.btcl-report-section-title,.btcl-report-insight-head{flex-direction:column;align-items:flex-start}.btcl-report-hero{padding:20px}.btcl-report-filter-card,.btcl-report-insight{padding:18px}.btcl-report-form-grid-inner{grid-template-columns:1fr}.btcl-report-analytics{grid-template-columns:1fr 1fr}.btcl-stat-card{min-height:84px}.btcl-report-table-card{overflow:auto}.btcl-report-table-head{min-width:680px}.btcl-report-page #reports-listing_wrapper{min-width:720px}}@media (max-width:460px){.btcl-report-analytics{grid-template-columns:1fr}.btcl-stat-card{min-height:auto}}

/* Clockinator modern Daily Report modal */
.btcl-daily-report-modal .modal-content{border:1px solid #e5e9f1!important;border-radius:20px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 28px 80px rgba(17,24,39,.20)!important}.btcl-daily-report-modal .modal-header.btcl-daily-report-modal-header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;padding:22px 24px 18px!important;border-bottom:1px solid #eef1f5!important;background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)!important}.btcl-daily-report-modal .btcl-daily-report-modal-eyebrow{display:inline-flex;align-items:center;gap:6px;color:#635bff;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.btcl-daily-report-modal .modal-title{margin:4px 0 3px!important;color:#182131!important;font-size:22px!important;line-height:1.2!important;font-weight:780!important}.btcl-daily-report-modal .modal-header p{margin:0!important;color:#8a94a6!important;font-size:11px!important}.btcl-daily-report-modal .btcl-daily-report-close{width:36px;height:36px;margin:0!important;padding:0!important;border:1px solid #e4e8ef!important;border-radius:10px!important;background:#fff!important;color:#667085!important;opacity:1!important;display:flex!important;align-items:center;justify-content:center}.btcl-daily-report-modal .modal-body{padding:20px!important;background:#f7f8fb!important}.btcl-daily-report{display:flex;flex-direction:column;gap:16px}.btcl-daily-report-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border:1px solid #e4e8f0;border-radius:16px;background:#fff;box-shadow:0 7px 22px rgba(16,24,40,.05)}.btcl-daily-report-kicker{display:inline-flex;align-items:center;gap:6px;color:#635bff;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.btcl-daily-report-hero h3{margin:5px 0 3px;color:#192232;font-size:20px;font-weight:780;line-height:1.2}.btcl-daily-report-hero p{margin:0;color:#8993a5;font-size:11px}.btcl-daily-report-date-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #dedcff;border-radius:10px;background:#f7f5ff;color:#5d52d8;font-size:11px;font-weight:750;white-space:nowrap}.btcl-daily-report-session,.btcl-daily-report-break{margin:0!important;padding:0!important;border:1px solid #e3e7ee!important;border-radius:16px!important;background:#fff!important;box-shadow:0 7px 22px rgba(16,24,40,.045)!important;overflow:hidden}.btcl-daily-report-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid #edf0f4;background:#fcfdff}.btcl-daily-report-card-head>div:first-child{display:flex;align-items:center;gap:11px}.btcl-daily-report-card-icon{width:36px;height:36px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px}.btcl-daily-report-card-icon.is-green{background:#eafaf2;color:#16a56a}.btcl-daily-report-card-icon.is-orange{background:#fff1df;color:#e89012}.btcl-daily-report-card-head h4{margin:0;color:#202938;font-size:14px;font-weight:760}.btcl-daily-report-card-head p{margin:3px 0 0;color:#98a2b3;font-size:10px}.btcl-daily-report-section-tag{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.btcl-daily-report-section-tag.is-green{background:#eafaf2;color:#159963}.btcl-daily-report-section-tag.is-orange{background:#fff3e5;color:#d88208}.btcl-daily-report-field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px}.btcl-daily-report-stat .form-group,.btcl-daily-report-full-field .form-group{margin:0!important}.btcl-daily-report-session label,.btcl-daily-report-break label{display:block!important;margin:0 0 6px!important;color:#667085!important;font-size:10px!important;font-weight:750!important;line-height:1.25}.btcl-daily-report-session .form-control,.btcl-daily-report-break .form-control{width:100%;min-height:42px!important;height:42px!important;border:1px solid #dfe4ec!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;color:#344054!important;font-size:12px!important}.btcl-daily-report-session textarea.form-control,.btcl-daily-report-break textarea.form-control{min-height:88px!important;height:auto!important;resize:vertical}.btcl-daily-report-full-field{grid-column:1/-1}.btcl-daily-report-status{padding-top:8px}.btcl-daily-report-status .badge{border-radius:999px!important;padding:7px 10px!important;font-size:9px!important;font-weight:800!important}.btcl-daily-report-divider{height:1px;background:#e9edf3;margin:0 2px}.btcl-daily-report-break .btcl-daily-report-field-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.btcl-daily-report-summary{padding:18px 18px 16px;border:1px solid #dddff0;border-radius:16px;background:linear-gradient(135deg,#5e52d9 0%,#7b6cf4 52%,#88a7ff 100%);box-shadow:0 14px 34px rgba(79,70,229,.18)}.btcl-daily-report-summary-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.btcl-daily-report-summary h4{margin:4px 0 0;color:#fff;font-size:17px;font-weight:760}.btcl-daily-report-summary .btcl-daily-report-kicker{color:#ddd9ff}.btcl-daily-report-summary-date{padding:6px 9px;border:1px solid rgba(255,255,255,.25);border-radius:8px;color:#fff;font-size:9px;font-weight:700;background:rgba(255,255,255,.10)}.btcl-daily-report-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.btcl-daily-report-summary-item{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.10)}.btcl-daily-report-summary-item>span{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.18);color:#fff;flex:0 0 34px}.btcl-daily-report-summary-item small{display:block;color:rgba(255,255,255,.76);font-size:9px;font-weight:650}.btcl-daily-report-summary-item strong{display:block;margin-top:3px;color:#fff;font-size:16px;line-height:1.15}@media(max-width:767px){.btcl-daily-report-modal .modal-dialog{margin:10px!important}.btcl-daily-report-modal .modal-body{padding:12px!important}.btcl-daily-report-hero{align-items:flex-start;flex-direction:column}.btcl-daily-report-date-pill{width:100%;justify-content:center}.btcl-daily-report-field-grid,.btcl-daily-report-break .btcl-daily-report-field-grid,.btcl-daily-report-summary-grid{grid-template-columns:1fr}.btcl-daily-report-summary-head{flex-direction:column}.btcl-daily-report-card-head{align-items:flex-start}.btcl-daily-report-section-tag{margin-left:auto}}

/* Frontend Targets dashboard / directory - modern analytics UI */
.btcl-front-targets-page{max-width:1180px;margin:0 auto;padding:8px 0 42px;color:#252b3a;text-align:left}.btcl-front-targets-page *{box-sizing:border-box}
.btcl-front-targets-shell{display:grid;gap:18px}
.btcl-front-targets-hero,.btcl-front-targets-card,.btcl-front-targets-kpi{background:#fff;border:1px solid #e6eaf2;border-radius:18px;box-shadow:0 10px 28px rgba(34,45,70,.055)}
.btcl-front-targets-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;background:linear-gradient(135deg,#fff 0%,#faf9ff 100%);overflow:hidden;position:relative}.btcl-front-targets-hero:after{content:"";position:absolute;right:-60px;top:-70px;width:210px;height:210px;border-radius:50%;background:#f0edff}.btcl-front-targets-hero>div{position:relative;z-index:1}.btcl-front-targets-eyebrow{display:block;color:#6d5dfc;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin-bottom:7px}.btcl-front-targets-eyebrow i{margin-right:5px}.btcl-front-targets-hero h2{margin:0 0 6px;font-size:29px;line-height:1.15;font-weight:800;color:#202534}.btcl-front-targets-hero p{margin:0;color:#7d879a;font-size:13px;line-height:1.55}.btcl-front-targets-hero-user{display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid #e4e7f3;background:rgba(255,255,255,.88);border-radius:14px;min-width:205px}.btcl-front-targets-hero-avatar{width:40px;height:40px;border-radius:12px;background:#eeebff;color:#6d5dfc;display:flex;align-items:center;justify-content:center}.btcl-front-targets-hero-user strong{display:block;font-size:13px}.btcl-front-targets-hero-user span:last-child{display:block;margin-top:2px;font-size:11px;color:#8b94a7}
.btcl-front-targets-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.btcl-front-targets-kpi{padding:16px 17px;display:flex;align-items:center;gap:12px;min-height:96px}.btcl-front-targets-kpi-icon{width:42px;height:42px;border-radius:13px;background:#efedff;color:#6d5dfc;display:flex;align-items:center;justify-content:center;flex:0 0 42px}.btcl-front-targets-kpi.is-blue .btcl-front-targets-kpi-icon{background:#edf5ff;color:#4f86ff}.btcl-front-targets-kpi.is-green .btcl-front-targets-kpi-icon{background:#eaf9f0;color:#29a85a}.btcl-front-targets-kpi.is-purple .btcl-front-targets-kpi-icon{background:#f1efff;color:#785cf2}.btcl-front-targets-kpi small{display:block;color:#8791a5;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.btcl-front-targets-kpi strong{display:block;font-size:23px;line-height:1.05;margin-top:5px;color:#252b3a}.btcl-front-targets-kpi div>span:last-child{display:block;color:#929bad;font-size:10px;margin-top:5px}
.btcl-front-targets-analytics{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.btcl-front-targets-card{padding:21px}.btcl-front-targets-card-head,.btcl-front-targets-directory-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:17px}.btcl-front-targets-card-head h3,.btcl-front-targets-directory-head h3{margin:0;font-size:18px;color:#252b3a}.btcl-front-targets-card-head p,.btcl-front-targets-directory-head p{margin:5px 0 0;color:#8a93a5;font-size:12px}.btcl-front-targets-score{display:inline-flex;padding:7px 10px;border-radius:999px;background:#f0edff;color:#6d5dfc;font-size:10px;font-weight:800}.btcl-front-targets-progress-list{display:grid;gap:13px}.btcl-front-targets-progress-item{display:block;text-decoration:none!important;padding:13px 14px;border:1px solid #edf0f5;border-radius:14px;background:#fbfcfe;transition:.2s ease}.btcl-front-targets-progress-item:hover{transform:translateY(-1px);border-color:#d8d1ff;background:#fff;box-shadow:0 8px 18px rgba(45,55,80,.05)}.btcl-front-targets-progress-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.btcl-front-targets-progress-top strong{display:block;color:#303647;font-size:13px}.btcl-front-targets-progress-top small{display:block;color:#9199aa;font-size:10px;margin-top:3px}.btcl-front-targets-progress-top b{color:#6d5dfc;font-size:14px}.btcl-front-targets-track,.btcl-front-targets-progress-list .btcl-front-targets-track{height:7px;background:#eef0f6;border-radius:999px;overflow:hidden;margin:10px 0 8px}.btcl-front-targets-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6d5dfc,#8d76ff)}.btcl-front-targets-progress-foot{display:flex;justify-content:space-between;gap:10px;color:#8c95a7;font-size:10px}.btcl-front-targets-progress-foot span:last-child{color:#6d5dfc;font-weight:700}
.btcl-front-targets-status-wrap{display:flex;align-items:center;gap:24px;min-height:195px}.btcl-front-targets-ring{--progress:0;width:150px;height:150px;border-radius:50%;background:conic-gradient(#6d5dfc calc(var(--progress)*1%),#eceff4 0);display:flex;align-items:center;justify-content:center;position:relative;flex:0 0 150px}.btcl-front-targets-ring:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff}.btcl-front-targets-ring>div{position:relative;z-index:1;text-align:center}.btcl-front-targets-ring strong{display:block;color:#6d5dfc;font-size:28px;line-height:1}.btcl-front-targets-ring span{display:block;color:#8c95a7;font-size:10px;margin-top:6px}.btcl-front-targets-status-list{display:grid;gap:13px;flex:1}.btcl-front-targets-status-list div{display:flex;align-items:center;justify-content:space-between;gap:15px}.btcl-front-targets-status-list span{display:flex;align-items:center;gap:8px;color:#687388;font-size:11px}.btcl-front-targets-status-list span i{width:8px;height:8px;border-radius:50%;background:#6d5dfc}.btcl-front-targets-status-list span i.is-green{background:#29a85a}.btcl-front-targets-status-list span i.is-blue{background:#4f86ff}.btcl-front-targets-status-list strong{font-size:16px;color:#303647}
.btcl-front-targets-directory{padding:21px}.btcl-front-targets-directory-head{align-items:center}.btcl-front-targets-tools{display:flex;gap:9px;align-items:center}.btcl-front-targets-search{display:flex;align-items:center;gap:8px;min-width:245px;height:40px;padding:0 11px;border:1px solid #e1e6ef;border-radius:11px;background:#fff;margin:0}.btcl-front-targets-search i{color:#8f98aa;font-size:12px}.btcl-front-targets-search input{width:100%;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;font-size:12px!important;color:#303647!important}.btcl-front-targets-tools select{height:40px;min-width:135px;border:1px solid #e1e6ef;border-radius:11px;background:#fff;padding:0 11px;color:#303647;font-size:12px}
.btcl-front-targets-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.btcl-front-target-card{border:1px solid #e7ebf2;border-radius:16px;padding:17px;background:#fff;transition:.2s ease}.btcl-front-target-card:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(37,47,73,.06);border-color:#d9d4ff}.btcl-front-target-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.btcl-front-target-icon{width:40px;height:40px;border-radius:12px;background:#efedff;color:#6d5dfc;display:flex;align-items:center;justify-content:center}.btcl-front-target-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800}.btcl-front-target-pill i{width:6px;height:6px;border-radius:50%;background:#6d5dfc}.btcl-front-target-pill.is-completed{background:#eaf9f0;color:#23904f}.btcl-front-target-pill.is-completed i{background:#29a85a}.btcl-front-target-pill.is-processing{background:#fff5e1;color:#b57a17}.btcl-front-target-pill.is-processing i{background:#ee9b24}.btcl-front-target-pill.is-initiated{background:#f0edff;color:#6d5dfc}.btcl-front-target-card h4{margin:14px 0 8px;font-size:15px;color:#252b3a}.btcl-front-target-period{display:flex;align-items:flex-start;gap:7px;color:#8992a4;font-size:10px;line-height:1.45;min-height:31px}.btcl-front-target-period i{color:#6d5dfc;margin-top:1px}.btcl-front-target-values{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.btcl-front-target-values>div{padding:10px 11px;border-radius:11px;background:#f8f9fc}.btcl-front-target-values small{display:block;color:#9099aa;font-size:9px;text-transform:uppercase;letter-spacing:.05em}.btcl-front-target-values strong{display:block;margin-top:4px;color:#303647;font-size:15px}.btcl-front-target-progress-line{display:flex;align-items:center;gap:10px}.btcl-front-target-track{height:7px;flex:1;border-radius:999px;background:#eef0f6;overflow:hidden}.btcl-front-target-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6d5dfc,#8d76ff)}.btcl-front-target-progress-line>strong{font-size:11px;color:#6d5dfc}.btcl-front-target-view{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px;padding-top:13px;border-top:1px solid #eef0f4;color:#6d5dfc!important;font-size:11px!important;font-weight:800!important;text-decoration:none!important}.btcl-front-target-view:hover{color:#5144df!important}.btcl-front-targets-empty{padding:34px 18px;text-align:center;border:1px dashed #dfe4ec;border-radius:14px;background:#fbfcfe}.btcl-front-targets-empty>span{width:46px;height:46px;border-radius:14px;background:#efedff;color:#6d5dfc;display:flex;align-items:center;justify-content:center;margin:0 auto 11px}.btcl-front-targets-empty strong{display:block;font-size:13px;color:#303647}.btcl-front-targets-empty p{margin:6px 0 0;color:#9099aa;font-size:11px}
@media(max-width:980px){.btcl-front-targets-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.btcl-front-targets-analytics{grid-template-columns:1fr}.btcl-front-targets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.btcl-front-targets-directory-head{align-items:flex-start;flex-direction:column}.btcl-front-targets-tools{width:100%}.btcl-front-targets-search{flex:1}}
@media(max-width:640px){.btcl-front-targets-page{padding:0 0 26px}.btcl-front-targets-hero{align-items:flex-start;flex-direction:column;padding:20px}.btcl-front-targets-hero-user{width:100%;min-width:0}.btcl-front-targets-kpis{grid-template-columns:1fr}.btcl-front-targets-card{padding:17px}.btcl-front-targets-status-wrap{align-items:flex-start;flex-direction:column}.btcl-front-targets-ring{width:130px;height:130px;flex-basis:130px}.btcl-front-targets-tools{align-items:stretch;flex-direction:column}.btcl-front-targets-search,.btcl-front-targets-tools select{width:100%;min-width:0}.btcl-front-targets-grid{grid-template-columns:1fr}.btcl-front-targets-card-head{align-items:flex-start;flex-direction:column}.btcl-front-targets-score{align-self:flex-start}}

/* Step 69: employee target record submission */
.btcl-target-detail .btcl-target-add-record-btn{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 15px;border:0;border-radius:11px;background:linear-gradient(135deg,#6d5dfc,#836fff);color:#fff!important;font-size:12px;font-weight:800;box-shadow:0 10px 20px rgba(109,93,252,.18);cursor:pointer;transition:.2s ease}.btcl-target-detail .btcl-target-add-record-btn:hover{transform:translateY(-1px);box-shadow:0 13px 24px rgba(109,93,252,.24)}.btcl-target-submit-note{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border-radius:999px;background:#f6f7fb;color:#8a93a5;font-size:11px;font-weight:700}.btcl-target-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.btcl-target-record-history-panel{margin-top:18px}.btcl-target-history-list{display:grid;gap:10px}.btcl-target-history-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;border:1px solid #edf0f5;border-radius:12px;background:#fbfcfe}.btcl-target-history-date strong{display:block;font-size:13px;color:#303647}.btcl-target-history-date span{display:block;margin-top:3px;font-size:10px;color:#929aaa}.btcl-target-history-value{font-size:14px;color:#6d5dfc;white-space:nowrap}.btcl-target-history-empty{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;border:1px dashed #dfe4ed;border-radius:13px;background:#fbfcfe}.btcl-target-history-empty i{width:46px;height:46px;border-radius:13px;background:#efedff;color:#6d5dfc;display:flex;align-items:center;justify-content:center;font-size:17px;margin-bottom:10px}.btcl-target-history-empty strong{font-size:13px;color:#303647}.btcl-target-history-empty span{max-width:470px;margin-top:5px;font-size:11px;line-height:1.55;color:#8f98a9}.btcl-target-record-modal .modal-dialog{max-width:560px}.btcl-target-record-modal .modal-content{border:1px solid #e5e9f1!important;border-radius:18px!important;box-shadow:0 28px 70px rgba(20,27,45,.18)!important;overflow:hidden}.btcl-target-record-modal .modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:21px 22px 17px;border-bottom:1px solid #eef0f5}.btcl-target-record-modal .modal-title{margin:4px 0 4px;color:#202534;font-size:21px;font-weight:800}.btcl-target-record-modal .modal-header p{margin:0;color:#8b93a5;font-size:12px;line-height:1.5}.btcl-target-record-close{border:0!important;background:transparent!important;color:#929aaa!important;font-size:25px!important;padding:0!important;line-height:1;cursor:pointer}.btcl-target-record-modal .modal-body{padding:20px 22px}.btcl-target-record-context{display:grid;grid-template-columns:1.5fr .7fr;gap:10px;margin-bottom:18px}.btcl-target-record-context>div{padding:11px 12px;border:1px solid #edf0f5;border-radius:12px;background:#f9faff}.btcl-target-record-context span{display:block;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#8d96a8}.btcl-target-record-context strong{display:block;margin-top:4px;font-size:13px;color:#303647;line-height:1.35}.btcl-target-record-field{margin-bottom:17px}.btcl-target-record-field label{display:block;margin-bottom:7px;color:#303647;font-size:12px;font-weight:800}.btcl-target-record-field input{width:100%;min-height:46px;padding:0 13px;border:1px solid #dfe4ed;border-radius:11px;background:#fff;color:#303647;font-size:13px;box-shadow:none}.btcl-target-record-field input:focus{border-color:#8a7ff7;outline:0;box-shadow:0 0 0 3px rgba(109,93,252,.10)}.btcl-target-record-field small{display:block;margin-top:6px;color:#929aaa;font-size:10px;line-height:1.45}.btcl-target-record-input-wrap{position:relative}.btcl-target-record-input-wrap span{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:10px;color:#9aa2b1;font-weight:700}.btcl-target-record-feedback{min-height:0;color:#d45363;font-size:11px;font-weight:700}.btcl-target-record-modal .modal-footer{display:flex;justify-content:flex-end;gap:9px;padding:14px 22px 20px;border-top:1px solid #eef0f5}.btcl-target-record-secondary,.btcl-target-record-submit{min-height:42px;padding:0 15px;border-radius:10px;font-size:12px;font-weight:800;cursor:pointer}.btcl-target-record-secondary{border:1px solid #e1e5ed;background:#fff;color:#697286}.btcl-target-record-submit{border:0;background:linear-gradient(135deg,#6d5dfc,#836fff);color:#fff;box-shadow:0 9px 18px rgba(109,93,252,.18)}.btcl-target-record-submit[disabled]{opacity:.6;cursor:not-allowed;box-shadow:none}@media(max-width:1000px){.btcl-target-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.btcl-target-panel-header{align-items:flex-start;flex-direction:column}.btcl-target-add-record-btn{width:100%;justify-content:center}.btcl-target-stat-grid{grid-template-columns:1fr}.btcl-target-context{grid-template-columns:1fr}.btcl-target-record-context{grid-template-columns:1fr}.btcl-target-record-modal .modal-body,.btcl-target-record-modal .modal-header,.btcl-target-record-modal .modal-footer{padding-left:16px;padding-right:16px}.btcl-target-record-modal .modal-footer{flex-direction:column}.btcl-target-record-secondary,.btcl-target-record-submit{width:100%}.btcl-target-history-item{align-items:flex-start;flex-direction:column}.btcl-target-history-value{align-self:flex-end}}