.scheduler {
    width: max-content;
    display: flex;
}

.radius-300 {
    border-radius: 300px;
}

.radius-15 {
    border-radius: 15px;
}

.timecol {
    min-width: 70px;
    width: 70px;
    display: flex;
    flex-direction: column;
    height: 66vh;
    overflow-y: scroll;
}

.timecol-mobile {
    min-width: 70px;
    width: 70px;
    display: flex;
    flex-direction: column;
    height: 59vh;
    overflow-y: scroll;
}

.timecol::-webkit-scrollbar {
    display: none;
}

.timecol .timebox {
    width: 70px;
    /* border-bottom: 1px solid black; */
}

.timecel {
    width: 70px;
    height: 110px;
    position: relative;
}

.timecel_even::after {
    content: '';
    position: absolute;
    height: 110px;
    left: 80px;
    background-color: blue
}

.timecel_odd::after {
    position: absolute;
    height: 110px;
    left: 80px;
    background-color: blue
}

/* .timecel span {
    font-weight: 400;
    color: #777777;
    font-size: 20px;
    position: absolute;
    top: -13px;
} */

.turn-counter {
    width: 82px;
    max-height: 40px;
    height: 100%;
    background: #EDEDED;
    color: #777777;
    border-radius: 4px;
    margin-bottom: 12px;
    margin-right: 2px;
    padding: 2px;
    cursor: pointer;
}

.list-turner {
    width: 118px;
    height: 100px;
    display: flex;
    padding: 10px;
    /* margin-right: 20px; */
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background: transparent;
}

.list-turner .avt-turner {
    max-width: 60px;
    max-height: 60px;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: solid 1px #D3427A;
}

.list-emp {
    max-width: 100%;
    margin-left: -9px;
    display: flex;
    transition: 500ms cubic-bezier(.41, .95, .19, .93);
}

.list-emp::-webkit-scrollbar {
    display: none;
}

/* .list-emp .box{
    width: 770px;
    display: flex;
} */

.list-emp .cell-emp {
    /* width: 170px; */
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 5px;
}

.list-emp .cell-emp:not(:first-child) {
    border-left: 1px solid #80808054;
}

.avatarbox {
    height: 110px;
    /* width: 170px; */
    border: 1px solid #CDCDCD;
    border-radius: 10px;
    text-align: center;
    padding: 5px;
}

.avatarbox div {
    margin: auto;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    border: 1px solid #CDCDCD;
}

.avatarbox span {
    margin-top: 10px;
    display: inline-block;
    width: 100px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    font-weight: 700;
    font-size: 14px;
}

.turnbox {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.turnbox_dark button {
    background-color: #202020;
    color: white;
}

.turnbox_light button {
    background-color: #EDEDED;
}

.turnbox button {
    width: 54px;
    margin: 2px;
    border: none;
    height: 40px;
    text-align: center;
    border-radius: 4px;
    font-size: 12px;
}


.list-scheduler {
    /* max-width: 1070px; */
    width: auto;
    height: 77vh;
    overflow-x: scroll;
    overflow-y: scroll;
    display: flex;
    transition: 500ms cubic-bezier(.41, .95, .19, .93);
}

.list-scheduler::-webkit-scrollbar {
    display: none;
}

.list-scheduler .box {
    width: 770px;
    display: flex;
}

.list-scheduler .col-scheduler .isDragging {
    left: -9999px !important;
}

.list-scheduler .col-scheduler {
    width: 180px;
    min-width: 180px;
    /* padding-left: 5px; */
    position: relative;
    background: repeating-linear-gradient(to bottom,
            #eeeeee,
            #eeeeee 110px,
            #fafafa 110px,
            #fafafa 220px);
}

.list-scheduler .col-scheduler:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    left: 100%;
    background: repeating-linear-gradient(to bottom,
            #eeeeee,
            #eeeeee 110px,
            #fafafa 110px,
            #fafafa 220px);
    z-index: 1;
    border-right: 1px solid #80808054;
}

.overlay-not-available {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #F6F6F6;
    /* color: #B22222; */
    gap: 50px;
    font-size: 20px;
    font-weight: bold;
    /* backdrop-filter: blur(5px); */
    z-index: 999;
    border-top: 5px solid #E30D16;
    border-radius: 10px;
    user-select: none;
    margin: 5px;
}


.not-available-item {
    height: 220px;
    /* Gấp đôi chiều cao hiện tại */
    display: flex;
    flex-direction: column;
    /* Hiển thị theo cột */
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: #E30D16;
}

.not-available-item i {
    font-size: 50px;
    /* Tăng kích thước icon */
    margin-bottom: 10px;
    /* Khoảng cách dưới icon */
}

.col-scheduler .node .isDragging {
    opacity: 0.8;
    transform: scale(1.05);
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
    cursor: grabbing;

}

.col-scheduler .node {
    /* width: 170px; */
    position: absolute;
    border-radius: 4px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    cursor: pointer;
    transition: 500ms cubic-bezier(.41, .95, .19, .93);
    overflow: hidden;
    left: 0px;
    box-shadow: 1px 1px 1px 1px #b3b3b3;
    z-index: 2;

    -webkit-user-select: none;
    /* Safari */
    -ms-user-select: none;
    /* IE 10 and IE 11 */
    user-select: none;
    /* Standard syntax */
}

.placeholder-dashed {
    transition: all 0.1s ease-in-out;
    border-radius: 5px;
    display: flex;
    /* Sắp xếp con theo chiều dọc */
    flex-direction: column;
    justify-content: center;
    /* Căn giữa theo chiều dọc */
    align-items: center;
    /* Căn giữa theo chiều ngang */
    overflow: hidden;
    /* Ngăn nội dung tràn ra */
    padding: 5px;
    text-align: center;
    max-width: 100%;
    /* Không cho vượt quá div */
}

.col-scheduler .node.isPrefBlock {
    position: absolute;
    border-radius: 4px;
    cursor: grab;
    transition: 0.3s;
    overflow: hidden;
    left: 0px;
    border-top: 5px solid #007B2A !important;
    background-color: #EEFFEF !important;
    z-index: 2;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* background:
        linear-gradient(to top left,
            #8d8d8d21 0%,
            #8d8d8d21 calc(50% - 1px),
            red 50%,
            #8d8d8d21 calc(50% + 01px),
            #8d8d8d21 100%),
        linear-gradient(to top right,
            #8d8d8d21 0%,
            #8d8d8d21 calc(50% - 1px),
            red 50%,
            #8d8d8d21 calc(50% + 1px),
            #8d8d8d21 100%); */
}

.col-scheduler .node.isPrefBlock::after {
    content: "Temp. Pref" !important;
    color: #007B2A;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.col-scheduler .node.isblock {
    position: absolute;
    border-radius: 4px;
    cursor: grab;
    transition: 0.3s;
    overflow: hidden;
    left: 0px;
    border-top: 5px solid #007B2A;
    background-color: #EEFFEF;
    z-index: 2;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.col-scheduler .node.isblock::after {
    content: "Temp. Res";
    color: #007B2A;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    /* Đảm bảo chữ không ảnh hưởng đến thao tác kéo thả */
}
.col-scheduler .node.isblock:hover {
    box-shadow: 1px 1px 1px 1px #b3b3b3;
    min-height: auto !important;
}
.col-scheduler .node.isblocknew {
    position: absolute;
    border-radius: 4px;
    cursor: grab;
    transition: 0.3s;
    overflow: hidden;
    left: 0px;
    z-index: 2;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0px;
}

.col-scheduler .node.isblocknew:hover {
    box-shadow: 1px 1px 1px 1px #b3b3b3;
    min-height: auto !important;
}


.col-scheduler .node.isblockSchedule {
    position: absolute;
    border-radius: 4px;
    cursor: grab;
    transition: 0.3s;
    overflow: hidden;
    left: 0px;
    /* border: 2px solid red; */
    box-shadow: 1px 1px 1px 1px #b3b3b3;
    z-index: 2;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

.col-scheduler .node.isPrefBlock:hover {
    box-shadow: 1px 1px 1px 1px #b3b3b3;
    min-height: auto !important;
}



.col-scheduler .node.isblockSchedule:hover {
    transition: 0.3s;
    box-shadow: 2px 2px 2px 2px #b3b3b3;
    min-height: 220px !important;
    z-index: 998;
}

.col-scheduler .node:hover {
    transition: 0.3s;
    box-shadow: 2px 2px 2px 2px #b3b3b3;
    min-height: 220px !important;
    z-index: 998;
    /* left: 1px; */
}

.font-size-8 {
    font-size: 8px;
}

.font-size-11 {
    font-size: 11px;
}

.show_inforbox {
    transition: 500ms cubic-bezier(.41, .95, .19, .93);
    right: -12px;
    top: 9px;
    z-index: 999;
    opacity: 1;
    width: 370px;
}

.hide_inforbox {
    transition: 500ms cubic-bezier(.41, .95, .19, .93);
    right: -40px;
    width: 0px;
    top: 10px;
    opacity: 0;
    cursor: not-allowed;
    pointer-events: none;
}

.infor_box::-webkit-scrollbar {
    width: 10px;
}

.infor_box::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.infor_box::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.infor_box::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.walkin_box {
    transition: 500ms cubic-bezier(.41, .95, .19, .93);
    cursor: pointer;
}

.walkin_box:hover {
    box-shadow: 2px 2px 2px 2px #b3b3b3;
    transition: 500ms cubic-bezier(.41, .95, .19, .93);
}

.show_waitingbox {
    transition: 500ms cubic-bezier(.41, .95, .19, .93);
    top: 50px;
    left: 0;
    opacity: 1;
}

.hide_waitingbox {
    transition: 500ms cubic-bezier(.41, .95, .19, .93);
    left: 90px;
    width: 0px;
    overflow: hidden;
    opacity: 0;
    cursor: not-allowed;
    pointer-events: none;
}

.waiting_box_item {
    padding: 0.8rem;
    transition: 500ms cubic-bezier(.41, .95, .19, .93);
    cursor: pointer;
    border-radius: 8px;
    border: 2px dashed #D3427A
}

.waiting_box_item:hover {
    box-shadow: 2px 2px 2px 2px #b3b3b3;
    transition: 500ms cubic-bezier(.41, .95, .19, .93);
}

.calendar_dark .rdrCalendarWrapper {
    background-color: #202020;
}

.calendar_dark .rdrMonthPicker select {
    color: white !important;
}

.calendar_dark .rdrMonthPicker option {
    background-color: black;
}

.calendar_dark .rdrYearPicker select {
    color: white !important;
}

.calendar_dark .rdrYearPicker option {
    background-color: black;
}

.calendar_dark .rdrWeekDay {
    color: white !important;
}

.calendar_dark .rdrDay .rdrDayNumber span {
    color: white !important;
}

.calendar_dark .rdrDay.rdrDayPassive .rdrDayNumber span {
    color: gray !important;
}

.calendar_button button {
    border-radius: 300px;
    border-color: white;
    color: white;
    background-color: transparent;
    font-size: 14px;
}

.selected_filter {
    background-color: #212327;
}

.selected_status {
    color: #D3427A;
}

/*.accordion-button:not(.collapsed) {*/
/*    background-color: #212327 !important;*/
/*    box-shadow: none;*/
/*}*/

/*.accordion-button {*/
/*    background-color: #212327;*/
/*    !* display: block; *!*/
/*}*/

/* .form-check:hover, .form-check .form-check-input:hover, .form-check .form-check-label:hover{
    background-color: transparent;
} */

.accordion-button:not(.collapsed)::after {
    background-image: url('data:image/svg+xml;utf8, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2214%22%20width%3D%221.25rem%22%20viewBox%3D%220%200%20320%20512%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M137.4%20374.6c12.5%2012.5%2032.8%2012.5%2045.3%200l128-128c9.2-9.2%2011.9-22.9%206.9-34.9s-16.6-19.8-29.6-19.8L32%20192c-12.9%200-24.6%207.8-29.6%2019.8s-2.2%2025.7%206.9%2034.9l128%20128z%22%2F%3E%3C%2Fsvg%3E');
}

.accordion-button.collapsed::after {
    background-image: url('data:image/svg+xml;utf8, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2214%22%20width%3D%221.25rem%22%20viewBox%3D%220%200%20320%20512%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M137.4%20374.6c12.5%2012.5%2032.8%2012.5%2045.3%200l128-128c9.2-9.2%2011.9-22.9%206.9-34.9s-16.6-19.8-29.6-19.8L32%20192c-12.9%200-24.6%207.8-29.6%2019.8s-2.2%2025.7%206.9%2034.9l128%20128z%22%2F%3E%3C%2Fsvg%3E');
}

.f_12 {
    font-size: 12px;
}

.w-full {
    width: 100%;
}

.home_newappointment_step1 .react-datepicker-wrapper {
    width: 100%;
}

.input_mobile {
    background-color: #19191F !important;
    border-color: #4D4E50;
    color: white !important;
}

.border_mobile {
    border: 1px solid #4D4E50;
}

.show_checkoutbox {
    transition: 500ms cubic-bezier(.41, .95, .19, .93);
    top: 11px;
    right: -14px;
    width: 370px;
    z-index: 999;
    opacity: 1;
}

.hide_checkoutbox {
    transition: 500ms cubic-bezier(.41, .95, .19, .93);
    right: -40px;
    width: 0px;
    top: 10px;
    opacity: 0;
    cursor: not-allowed;
    pointer-events: none;
}

.payment_type {
    transition: 0.3s;
}

.payment_type svg {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: rotate(180deg);
}

.payment_type:hover {
    transition: 0.3s;
    box-shadow: 1px 1px 1px 1px #b3b3b3;
}

.table_payment {
    border-collapse: separate;
    border-spacing: 0;
}

.table_payment tr:first-child th {
    border-top: 2px solid #ededed;
}

.table_payment td:first-child {
    border-left: 2px solid #ededed;
}

.table_payment td:last-child {
    border-right: 2px solid #ededed;
}

.table_payment tr:first-child th:first-child {
    border-left: 2px solid #ededed;
    border-top-left-radius: 10px;
}

.table_payment tr:first-child th:last-child {
    border-right: 2px solid #ededed;
    border-top-right-radius: 10px;
}

.table_payment tr:last-child td:first-child {
    border-bottom: 2px solid #ededed;
    border-bottom-left-radius: 10px;
}

.table_payment tr:last-child td:last-child {
    border-bottom: 2px solid #ededed;
    border-bottom-right-radius: 10px;
}

.text-right {
    text-align: right;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
    appearance: textfield;
}

.modal_assign_tech .modal-content {
    border-radius: 30px;
    overflow: hidden;
}

@media screen and (min-width: 1500px) {
    .btnMultiple-1 {
        display: none !important;
    }
}

@media screen and (max-width: 1500px) {
    .btnMultiple-2 {
        display: none !important;
    }
}

/*HAO CSS */
.bg-main {
    background-color: #682243 !important;
}

/*Title*/
.login-title,
.add-guest-title,
.add-service-title,
.add-technician-title,
.add-booking-detail-title {
    font-size: 22px;
}

.mrg-r-10 {
    margin-right: 10px;
}

.font-w-900 {
    font-weight: 900;
}

.font-w-700 {
    font-weight: 700;
}

.font-w-600 {
    font-weight: 600;
}

.font-w-500 {
    font-weight: 500 !important;
}

.font-w-400 {
    font-weight: 400;
}

.font-color-777777 {
    color: #777777;
}

.font-color-333333 {
    color: #333333;
}

.font-color-amber {
    color: #fcb82d;
}

.font-color-pink {
    color: #d3427a;
}

.font-color-purple {
    color: #682243
}

.font-color-white {
    color: white;
}

.font-color-black {
    color: black;
}

.font-color-CDCDCD {
    color: #CDCDCD;
}

.lh-20px {
    line-height: 20px !important;
}

.ticket {
    border-radius: 6px;
    border: 1px solid #cdcdcd;
}

.booking-detail-card {
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #cdcdcd;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.booking-detail-card--head {
    background-color: #f2e4e9;
}

.booking-detail-card--item:not(:last-child) {
    border-bottom: 1px solid #cdcdcd;
}

.booking-detail-card-mobile {
    border-radius: 10px;
    background-color: #1f1f1f;
    border: 1px solid #3e3e3e;
    overflow: hidden;
    text-align: left;
}

.profile-section .content {
    background-color: #fff;
    color: #333;
    flex-grow: 1;
    box-shadow: 0px 1px 16px 0px #00000040;
    border-radius: 0;
    margin: 0;
    padding: 1.5rem;
    overflow: auto;
    width: 100%;
    height: calc(100vh - 3.5rem);
}

.fsize-1 {
    font-size: 0.75rem;
}

.fsize-2 {
    font-size: 0.875rem;
}

.fsize-3 {
    font-size: 1rem;
}

.fsize-4 {
    font-size: 1.125rem;
}

.fsize-5 {
    font-size: 1.25rem;
}

.fsize-6 {
    font-size: 1.5rem;
}

.fsize-7 {
    font-size: 1.875rem;
}

.font-size-18 {
    font-size: clamp(0.875rem, 0.1477rem + 3.6364vw, 1.125rem);
}

.add-another-service,
.btn-add-another-guest {
    text-decoration: none;
}

.add-another-service:hover {
    cursor: pointer;
    text-decoration: underline;
    color: #682243;
}

.date-booking-title {
    font-size: 16px !important;
}

/* Custom radio */
.form-check-input[type="radio"] {
    border-radius: 50%;
}

.form-check-input[type="radio"]:checked {
    background-color: #682243;
    border-color: #682243;
}

.form-check-input:checked[type="radio"] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23d3427a'/%3e%3c/svg%3e");
}

.form-check-input[type="radio"]:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(211, 66, 122, 0.25);
}

/* Custom checkbox */
.form-check-input:checked[type="checkbox"] {
    background-color: #682243;
    border-color: #682243;
}

.form-check-input:focus[type="checkbox"] {
    box-shadow: 0 0 0 0.25rem rgba(211, 66, 122, 0.25);
}

.add_note textarea {
    width: 100%;
    border-radius: 16px;
    border: 1px solid #cdcdcd;
}

.text-align-left {
    text-align: left !important;
}

.delete-service {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-service:hover {
    background-color: #fcedf2;
    cursor: pointer;
}

.delete-service:hover svg {
    transform: scale(1.3);
    transition: transform 0.1s ease;
}

.h-color {
    color: var(--n360-heading-color);
}

#toPrint p,
#toPrint span,
#toPrint div span {
    font-size: 12px;
    margin-bottom: 0;
}

#toPrint .salonname {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: black;
}

#toPrint .title {
    font-size: 12px;
    color: black;
    font-weight: bold;
}

#toPrint .checkoutid {
    margin-top: 1rem;
    font-size: 12px;
    color: white;
    background-color: black;
    display: inline-block;
    padding: 1px;
}

input[type='radio'] {
    accent-color: #D3427A;
}

.ant-qrcode {
    background-color: white !important;
    width: 100px !important;
    height: 100px !important;
}

.n360-primary-btn {
    background-color: #682243;
    color: #fff;
    border-radius: 300px;
    margin: auto;
    border: none;
    padding: 0.65rem 1.85rem;
    font-weight: bold;
}

.n360-primary-btn:hover {
    background-color: #4d1a31;
    transition: 0.3s;
}

.checked_in_unassigned-container {
    padding: 0.5rem;
    border-end-end-radius: 4px;
    box-shadow: -6px 0 0 0 #FFC400;
    background-color: #fff;

    cursor: pointer;
    border: none;
}

/* .checked_in_unassigned-container:hover {
    background-color: #FFC40020;
} */

.waiting_for_tech-container {
    padding: 0.5rem;
    border-end-end-radius: 4px;
    box-shadow: -6px 0 0 0 #682243;
    background-color: #fff;

    cursor: pointer;
    border: none;
}

/* .waiting_for_tech-container:hover {
    background-color: #68224320;
} */

.waiting_for_tech-container:not(:last-child),
.checked_in_unassigned-container:not(:last-child) {
    margin-bottom: 1rem;
}

.accordion-custom {
    border: none;
}

.accordion-custom .accordion-button {
    padding: 10px 0;
}

.accordion-custom .accordion-body {
    padding: 0;
}

.accordion-custom li:not(:last-child) {
    border-bottom: 1px solid #0000002d;
}

.accordion-custom .accordion-button:not(.collapsed) {
    color: inherit;
    background-color: inherit;

}

.accordion-custom .accordion-button:focus {
    box-shadow: none;
}

.accordion-custom .accordion-button:not(.collapsed)::after,
.accordion-custom .accordion-button.collapsed::after {
    width: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M0.5 1.62695L6.46875 7.3457C6.625 7.4707 6.8125 7.56445 7 7.56445C7.1875 7.56445 7.375 7.4707 7.5 7.3457L13.4688 1.62695C13.7813 1.3457 13.7813 0.845702 13.5 0.564452C13.2188 0.251953 12.75 0.251953 12.4375 0.533203L6.96875 5.7832L1.53125 0.533203C1.25 0.251953 0.75 0.251953 0.46875 0.564453C0.1875 0.845703 0.1875 1.3457 0.5 1.62695Z' fill='%23333333'/%3E%3C/svg%3E");
}

.listCheckout {
    scrollbar-width: thin;
}

.guest-services span:not(:first-child):before {
    content: '•';
    margin: 0 5px;
}

.bg-grey-5 {
    background-color: #F3F3F3;
}

.bg-color-D7D7D7 {
    background-color: #D7D7D7;
}

.color-grey-5 {
    color: #F3F3F3;
}

.border-grey-5 {
    border-color: #F3F3F3;
}

.truncate-ticket {
    max-width: 115px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.waiting-for-tech-action .selected-service-text{
    width: 140px;
}
.waiting-for-tech-action .selection-change{
    width: 95px;
}