.cursor-pointer {
    cursor: pointer;
}

/* .content-wrapper .activity-form {
    padding-left: 1rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: max-content max-content max-content 20rem 5rem 7rem 10rem
        max-content;
    grid-template-columns: -webkit-max-content -webkit-max-content -webkit-max-content 20rem 5rem 7rem 10rem -webkit-max-content;
    grid-template-columns: max-content max-content max-content 20rem 5rem 7rem 10rem max-content;
    grid-auto-flow: column;
    gap: 0.5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.content-wrapper .activity-form > .clock-duration {
    position: relative;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.content-wrapper .activity-form > .clock-duration > .value {
    -ms-flex-item-align: end;
    align-self: flex-end;
    font-size: 1.2rem;
    position: relative;
    color: darkred;
}

.content-wrapper .activity-form > .clock-duration > .value::before {
    content: "Duration:";
    position: absolute;
    bottom: 100%;
    font-size: 0.8rem;
    color: black;
    line-height: 1;
}

.content-wrapper .activity-form .activity-type,
.content-wrapper .activity-form .activity-name {
    background-color: #e9ecef;
}

.content-wrapper .activity-form .activity-type > span.disabled,
.content-wrapper .activity-form .activity-name > span.disabled {
    color: darkgray;
}

.content-wrapper .activity-form > #id-start-stop-activity > i {
    padding-right: 0.5rem;
} */

.content-wrapper .activity-form-2 {
    display: -ms-grid;
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: auto;
    gap: 1rem;
}

.content-wrapper .activity-form-2 > .top {
    position: relative;
}

.content-wrapper .activity-form-2 > .top > .choose-client {
    position: absolute;
    left: 0;
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #5a6268;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.content-wrapper .activity-form-2 > .top > .choose-client:hover {
    color: #f36f21;
}

.content-wrapper .activity-form-2 > .top > .choose-client > i {
    font-size: 3rem;
}

.content-wrapper .activity-form-2 > .top > .choose-client > span {
    padding-left: 0.5rem;
}

.content-wrapper .activity-form-2 > .top > .current-activity {
    text-align: center;
}

.content-wrapper
    .activity-form-2
    > .top
    > .current-activity
    > .current-client-logo {
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto;
    width: 15rem;
}

.content-wrapper
    .activity-form-2
    > .top
    > .current-activity
    > .current-client-logo
    > img {
    width: 100%;
}

.content-wrapper .activity-form-2 > .top > .current-activity > .client-name {
    font-weight: 700;
    color: #f36f21;
    margin-top: 0.5rem;
}

.content-wrapper .activity-form-2 > .top > .current-activity > .activity {
    font-weight: 700;
    color: #f36f21;
}

.content-wrapper .activity-form-2 > .bottom {
    display: -ms-grid;
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-items: center;
    gap: 1rem;
}

.content-wrapper .activity-form-2 > .bottom > #id-select-activity-type {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.content-wrapper .activity-form-2 > .bottom > .activity-name-list {
    display: -ms-grid;
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: 1fr;
    gap: 1rem;
}

.content-wrapper
    .activity-form-2
    > .bottom
    > .activity-name-list
    > .activity-group {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 10rem;
    grid-auto-flow: column;
    grid-auto-rows: minmax(4rem, -webkit-max-content);
    grid-auto-rows: minmax(4rem, max-content);
    gap: 1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.content-wrapper #activity_client_modal .modal-body .short-text {
    text-align: center;
    display: block;
}

.table-right-items {
    padding-top: 1rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    display: -ms-grid;
    display: grid;
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    gap: 3rem;
    align-self: flex-end;
}

.table-right-items > .billable-duration {
    position: relative;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.table-right-items > .billable-duration > .value {
    -ms-flex-item-align: end;
    align-self: flex-end;
    font-size: 1.2rem;
    position: relative;
    font-weight: 700;
    color: #f36f21;
}

.table-right-items > .billable-duration > .value::before {
    content: "Operational:";
    position: absolute;
    bottom: 100%;
    font-size: 0.8rem;
    color: black;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
}

.table-right-items > .non-billable-duration {
    position: relative;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.table-right-items > .non-billable-duration > .value {
    -ms-flex-item-align: end;
    align-self: flex-end;
    font-size: 1.2rem;
    position: relative;
    font-weight: 700;
    color: #f36f21;
}

.table-right-items > .non-billable-duration > .value::before {
    content: "Non Operational:";
    position: absolute;
    bottom: 100%;
    font-size: 0.8rem;
    color: black;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
}

.table-right-items > .total-duration {
    position: relative;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.table-right-items > .total-duration > .value {
    -ms-flex-item-align: end;
    align-self: flex-end;
    font-size: 1.2rem;
    position: relative;
    font-weight: 700;
    color: #f36f21;
}

.table-right-items > .total-duration > .value::before {
    content: "Total Hours:";
    position: absolute;
    bottom: 100%;
    font-size: 0.8rem;
    color: black;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
}

.select2-container .select2-selection--single {
    height: calc(2.25rem + 2px) !important;
    border-color: #ced4da !important;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    height: inherit !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: inherit !important;
    padding-left: 0 !important;
}
/*# sourceMappingURL=custom.css.map */