.navbar_minimal {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #dfe3f0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 2;
  padding: 0px 10px;
  display: flex;
  align-items: center;
}
.navbar_minimal_user > a,
.nm_dropdown > a {
  border:0px;
  border-right: 1px solid #eef0f6;
  display: flex;
  height: 60px;
  align-items: center;
}
.navbar_minimal_user > a { border:0px !important; border-right: 0px; border-left: 1px solid #eef0f6 !important; padding-left:15px !important; margin-left: 15px;}
.header_search {
    border-radius: 24px;
    padding: 9px 42px;
    border: none;
    font-size: 14px;
    outline: none !important;
    background: #e7e8eb url(https://content.harstatic.com/media/icons/icon-search_simple.svg) no-repeat left 12px center;
}
.ck-editor__editable {
    min-height: 220px;
}
.label--Coming-Soon {
    border: 1px solid #7ed321;
    background-color: #fff;
    color: #7ed321;
}
.label--revoke {
    border: 1px solid #cc0000;
    background-color: #fff;
    color: #cc0000;
}
.label--Incomplete__white {
    border: 1px solid #fff;
    color: #fff;
}
.label--Incomplete {
    border: 1px solid #000000;
    background-color: #fff;
    color: #000000;
}
.label--pending {
    border: 1px solid #ff9000;
    background-color: #fff;
    color: #ff9000;
}
.label--confirmed {
    border: 1px solid #018361;
    background-color: #018361;
    color: #fff;
}
.modal .btn-close {
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 1.4rem;
}
.label_selected {background: #018361;}
.label_Waiting {background: #515b7a;}
.label_Proposal {background: #0082ff;}
.slick-slider {
  position: relative;
}
#marketPlaceBox:before {
    content: '';
    position: absolute;
    left: -60px;
    top: -100px;
    width: 300px;
    height: 306px;
    background: url(https://content.harstatic.com/media/icons/a_all/shutter_white_logo.svg);
    opacity: 0.15;
    background-size: 100% 100%;
}
#marketPlaceBox:after {
    content: '';
    position: absolute;
    right: -50px;
    bottom: -60px;
    width: 300px;
    height: 306px;
    background: url(https://content.harstatic.com/media/icons/a_all/shutter_white_logo.svg);
    opacity: 0.20;
    background-size: 100% 100%;
}
.slider-fade::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
  pointer-events: none;
}
.slick-arrow {
  z-index: 2;
}
.slick-prev.slick-disabled, 
.slick-next.slick-disabled {
  opacity: 0.3;
  pointer-events: none;
}
.slick-slide {
  margin-right: 25px;
}
.addblure .content {filter: blur(3px);-webkit-filter: blur(3px);}
.addblure{background-color: rgba(0, 0, 0, 0.08);}
.filterpill:after {display: none;}
.choosable_iconbox .custom-control-input:checked~.custom-control-label svg g {
    fill: #0738cd;
}
.custom-checkbox .custom-control-label::before {top: 0.01rem;}
.choosable_iconbox .custom-control-label {min-height: auto;}
.custom-control-input:checked~.custom-control-label {background: rgb(218 225 248 / 64%);}
.dropdown-sort-buttons .btn.btn--ordinary.active {border: 1px solid #0738cd !important;}
.photo_card { position: relative;min-height:100px;background-color: #DDDDDD;border-radius: 8px;  }
.photo_card.waiting img,
.photo_card.inprogress img { opacity: 0.7; }
.photo_card .photo_card_overlay{ position: absolute; z-index: 1; top:0px; right: 0px; bottom:0px; left: 0px; z-index: 1; display: flex; justify-content: center; align-items: center}
.photo_card .photo_card_overlay.topicons{ justify-content: start; align-items: start; padding: 5px;}
.photo_card.selected > img { box-shadow: 0 0 0 4px #0056ff, 0 0 10px rgba(0, 86, 255, 0.8); }
.photo_card .photo_card_overlay .upload_progress {
    font-size: 14px;
    color: #fff;
    background-color:rgba(1,131,97,0.7);
    padding: 10px 8px;
    border-radius: 8px;
    display: flex;
    align-items: center;
}
.photo_card.uploaddone .upload_progress {background-color:rgba(1,131,97,1);}
.photo_card.waiting .upload_progress {background-color:rgba(0,0,0,0.6);}
.photo_card .photo_card_img { object-fit: cover; object-position: center; }
.photo_card.photo-item .photo_card_overlay { bottom: auto;}
.photo_card.photo-item.selected .photo_card_overlay { bottom:0px;}

.photo_card.enableremove { border:0px !important;box-shadow: none !important; transform: scale(1) !important;}
.photo_card.enableremove > img { transition: all 0.3s ease;box-shadow: 0 8px 25px rgba(220, 53, 69, 0.3);border: 2px solid #dc3545; }
.photo_card.enableremove .photo_card_overlay { justify-content: center !important; align-items: center; bottom:0px !important;}

.photo_fullview { 
    background-color: rgba(0, 0, 0, 0.7); 
    position: fixed; 
    top:0px; 
    right:0px; 
    bottom:0px; 
    left:0px; 
    z-index: 1000; 
    display: none; 
    justify-content: center; 
    align-items: center;
}
.photo_fullview.show { 
    display: flex; 
}
.fullview_enabled .photo_fullview { display: flex; }
.photo_preview_container { 
    display: flex;
    border-radius: 8px; 
    background-color: #fff;
    overflow: hidden;
    position: relative; 
    margin:32px;
    transform: scale(0.8);
    transition: transform 0.3s ease;
}
.photo_preview_container > div:first-child {
    overflow: hidden;
    position: relative;
    min-height: 400px;
    min-width: 500px;
    max-width: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.previewimg {
    transition: none;
    display: block;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
    object-fit: contain;
    will-change: opacity;
}
.photo_fullview.show .photo_preview_container {
    transform: scale(1);
}
.photo_preview_actions { padding: 15px; min-width:300px;}
.nav_left, .nav_right { 
    padding:5px; 
    cursor: pointer;
    user-select: none;
    transition: opacity 0.2s ease;
}
.nav_left:hover, .nav_right:hover {
    opacity: 0.8;
}
.nav_left img,
.nav_right img { width: 48px; }
.empty_card {
  border-radius: 8px;
  border: dashed 1px #afb8d9;
  background-color: #f8f8f8;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.custom_modal { position:fixed; top:0px; right:0px; bottom:0px; left:0px; background-color: rgba(0,0,0,0.5); z-index: 2000;position: fixed; overflow: hidden; z-index: 1000; }
.custom_modal_content { position: absolute; top:0px; left:auto;right: 0px; bottom: 0px; background-color: #fff;overflow: hidden; width: 100%;max-width: 450px;display: flex; flex-direction: column; height: 100%;overflow: hidden; }
.custom_modal_header { padding: 15px 20px; border-bottom: solid 1px #eef0f6; display: flex; justify-content: space-between; align-items: center; }
.custom_modal_body { padding: 20px; max-height: calc(100vh - 120px); overflow-y: auto;flex-grow: 1;overflow-x: hidden; }
.custom_modal_close { background: none; border: none; font-size: 24px; line-height: 1; cursor: pointer; color: #999; }
.custom_modal_footer { padding: 15px 20px; border-top: solid 1px #eef0f6; display: flex; justify-content:center; align-items: center; }
.noscroll { overflow: hidden !important; }
.bg_overlay { position: relative; }
.bg_overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(255, 255, 255, 0.5); /* Adjust 0.5 for transparency */
}
.sorting_cards { display: flex; flex-wrap: wrap; gap: 16px; }
.sorting_cards .cardv2 { flex: 1 1 calc(50% - 16px); box-sizing: border-box; }
.dragging {
    transform: rotate(4deg);
}
.sortable-placeholder {
    visibility: visible !important;
}

.placeholder-card {
    border-radius: 8px;
}

.ui-sortable-helper .cardv2 {
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.cardv2 {
    cursor: move;
    transition: transform 0.2s ease;
}

.cardv2:hover {
    transform: translateY(-2px);
}

#ReorderPlanModal .col-md-6 {
    margin-bottom: 1rem;
}
.cursor-pointer {
    cursor: pointer;
}
.nav-tabs--filters.nav-tabs--Shutter .nav-link.active {
    background-color: #ffffff;
    color: #0738cd !important;
}

.UpcomingAppointmentsModal {position: relative;}
.UpcomingAppointmentsModal:before {content: '';position: absolute;left: -48px;top: 50%;transform: translateY(-50%);border-width: 25px;border-style: solid;border-color: transparent #f3f4f7 transparent transparent;}
.color_pending_dark {color: #fba000;}
.list-bullet li {list-style: disc;}
.list-bullet_blue li {list-style: disc;color: #0738cd;}
.search_btn_resp { display: none; }
.header_search_wrapper .header_search_close_btn {display: none;}
.header_search_wrapper.search_enabled { display: flex; position: fixed; top: 0px;left: 0px;right:0px; background-color: #fff;z-index: 1000;padding:10px;align-items: center; }
.header_search_wrapper.search_enabled .header_search { display: block;flex-grow: 1;max-width: 100%; }
.header_search_wrapper.search_enabled .header_search_close_btn {display: block;padding: 10px;}
.header_search_wrapper { position: relative; }
.photo_locked .photo-status { background-color: rgba(0, 0, 0, 0.7);color:#ffffff; border-radius:4px; padding: 1px 4px; font-size: 10px; }
.star { width: 24px;}
.un_star .star { filter: grayscale(100%); opacity: 0.8; }
.nav-tabs--classic { border:none !important; padding-left:15px; padding-right: 15px; }
.nav-tabs--classic.nav-tabs .nav-link { margin-bottom: 0px; border-bottom: none !important;border: none;border-bottom: 0px solid #dae1f8;background-color:#f6f6f6;font-weight: 600;font-size: 14px;padding: 8px 20px;border-radius: 8px 8px 0 0;margin-bottom: 0;color: #212529; margin-right:4px;}
.nav-tabs--classic.nav-tabs .nav-link.active {
    border-bottom: 0px solid #0738cd;
    color: #0738cd;
    background-color: #dae1f8 !important;
    font-weight: 600;
    background-color: initial
}
.nav-tabs--classic .count { border-radius: 4px; background-color:#0099ff; font-size:11px;font-weight: bold;padding: 1px 4px; color: #ffffff;}
.nav-tabs--classic .nav-link.active .count {background: #0099ff;}
.pane_header { height: 58px;border-bottom: 2px solid #dae1f8;background-color:#ffffff; }
.no_comments .comment_icon { filter: grayscale(100%); opacity:1; }
.lock_icon img,
.no_comments .comment_icon img { width:20px; height:20px; }
.comments_done .comment_icon { filter: none; opacity:1; }
.new_badge { background-color:#0099ff; border-radius:4px; color: #ffffff;line-height: 1; font-size:11px; padding:2px 6px; font-weight: bold;height:16px;}
/* Drag and Drop Styles */
.photo-placeholder-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    color: #007bff;
    font-weight: bold;
    text-align: center;
}
.photo-placeholder {
    border: 2px dashed #007bff;
    background-color: rgba(0, 123, 255, 0.1);
    border-radius: 8px;
    min-height: 100px;
}
.photo-placeholder-content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    color: #007bff;
    font-weight: bold;
    text-align: center;
}
.drag-over {
    background-color: rgba(0, 123, 255, 0.05);
    border-radius: 8px;
}
.ui-sortable-helper {
    transform: rotate(5deg);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
    z-index: 9999;
}
.ui-sortable-helper .photo_card {
    border: 2px solid #007bff;
}
.sortable_photos:hover .photo_card {
    cursor: move;
}
/* Ripple Effect CSS */
.photo_card {
    position: relative;
    overflow: hidden;
    width: 149px;
    height: 100px;
}
#drag-drop-area .uppy-Root .uppy-Dashboard-inner {margin: 0 auto;}
.ripple {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.6);
    transform: scale(0);
    animation: ripple-animation 0.6s ease-out;
    pointer-events: none;
    z-index: 10;
}

@keyframes ripple-animation {
    0% {
        transform: scale(0);
        opacity: 1;
    }
    50% {
        opacity: 0.8;
    }
    100% {
        transform: scale(4);
        opacity: 0;
    }
}
/* Star ripple effect with golden color */
.star-ripple {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 215, 0, 0.7);
    transform: scale(0);
    animation: star-ripple-animation 0.6s ease-out;
    pointer-events: none;
    z-index: 10;
}

@keyframes star-ripple-animation {
    0% {
        transform: scale(0);
        opacity: 1;
    }
    50% {
        opacity: 0.9;
    }
    100% {
        transform: scale(4);
        opacity: 0;
    }
}

/* Enhanced star feedback */
.photo_card.starred {
    transition: all 0.3s ease;
}

.photo_card .photo-status {
    transition: all 0.2s ease;
}

/* Star animation */
.star-pulse {
    animation: star-pulse 0.4s ease-out;
}

@keyframes star-pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.3);
    }
    100% {
        transform: scale(1);
    }
}

/* Enhanced selection feedback */
.photo_card.selected {
    transform: scale(1.02);
    transition: all 0.3s ease;
    box-shadow: 0 8px 25px rgba(0, 123, 255, 0.3);
    border: 2px solid #0056ff;
    border-radius: 8px;
}

.photo_card {
    transition: all 0.2s ease;
    cursor: pointer;
}

.photo_card:hover {
    transform: scale(1.01);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

#bg__ShutterMenu {
    background-size: cover;
    background-position: center;
}

#bg__ShutterMenu:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgb(4 34 128 / 90%);
}

.bootbox .bootbox-close-button.close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    box-sizing: content-box;
    width: 1em !important;
    height: 1em !important;
    padding: .25em .25em;
    color: #000;
    border: 0;
    border-radius: .25rem;
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 10px !important;
    font-size: 1.4rem !important;
}

.bootbox-close-button.close {
  width: 16px !important;
  height: 16px !important;  
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 0px !important;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #e9ecef;
    outline: none;
    color: #212529;
}

/* Selection animation */
.selection-pulse {
    animation: selection-pulse 0.4s ease-out;
}

@keyframes selection-pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1.02);
    }
}
/* Enhanced selection feedback for delete modal */
#SelectForDelete .photo_card.selected {
    transform: scale(1.02);
    transition: all 0.3s ease;
    box-shadow: 0 8px 25px rgba(220, 53, 69, 0.3);
    border: 2px solid #dc3545;
}

#SelectForDelete .photo_card {
    transition: all 0.2s ease;
    cursor: pointer;
}

#SelectForDelete .photo_card:hover {
    transform: scale(1.01);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* Selection animation */
.selection-pulse {
    animation: selection-pulse 0.4s ease-out;
}

@keyframes selection-pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1.02);
    }
}

/* Red ripple for delete actions */
.delete-ripple {
    position: absolute;
    border-radius: 50%;
    background: rgba(220, 53, 69, 0.6);
    transform: scale(0);
    animation: delete-ripple-animation 0.6s ease-out;
    pointer-events: none;
    z-index: 10;
}

@keyframes delete-ripple-animation {
    0% {
        transform: scale(0);
        opacity: 1;
    }
    50% {
        opacity: 0.8;
    }
    100% {
        transform: scale(4);
        opacity: 0;
    }
}

/* Blue ripple for upload/copy actions */
.upload-ripple {
    position: absolute;
    border-radius: 50%;
    background: rgba(13, 110, 253, 0.6); /* Bootstrap primary blue with transparency */
    transform: scale(0);
    animation: upload-ripple-animation 0.6s ease-out;
    pointer-events: none;
    z-index: 10;
}

@keyframes upload-ripple-animation {
    0% {
        transform: scale(0);
        opacity: 1;
    }
    50% {
        opacity: 0.8;
    }
    100% {
        transform: scale(4);
        opacity: 0;
    }
}

/* Photo Manager Styles */
.photo-manager {
    display: flex;
    min-height: 500px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #dfe3f0;
    /*background-color: #fff;*/
    background-color: #f3f4f7;
    overflow: hidden;
}

.photo-pane {
    /*background: white;*/
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.photo-pane-dark {background-color:#f3f4f7 !important;}
.photo-pane-left {
    width: calc(50% - 2px);
    border-right: 1px solid #dee2e6;
}

.photo-pane-left-full-width {
    width: 100%;
    border-right: none;
}

.photo-pane-right {
    width: calc(50% - 2px);
}

.pane-divider {
    width: 6px;
    background: #dfe3f0;
    cursor: col-resize;
    position: relative;
    transition: background-color 0.2s ease;
    flex-shrink: 0;
}

.pane-divider:hover {
    background: #c0c6db;
}

.divider-handle {
    position: absolute;
    top: 10px;
    left: -16px;    
    width: 34px;
    height: 34px;
    opacity: 0.9;
    z-index: 1;
    transition: opacity 0.2s ease;
}

.pane-divider:hover .divider-handle {
    opacity: 1;
}
.selected_icon { display: none;}
.selected .selected_icon { display: flex; }  
.photo_card.selected .photo_card_img { opacity: 0.6; } 

.custom-checkbox__bluebtn {background-color:#e4eafd;border-radius: 4px;margin: 0px 8px 8px 0px;user-select: none;-webkit-user-select: none;-ms-user-select: none;}
.custom-checkbox__bluebtn .custom-control-label {color: #000; font-weight:600; font-size:12px;}
.custom-checkbox__bluebtn .custom-control-label { padding-left:24px; padding-right: 8px;}
.custom-checkbox__bluebtn .custom-control-label:before { left: 2px; }
.custom-checkbox__bluebtn .custom-control-label:before { opacity: 0;}
.custom-checkbox__bluebtn:has(.custom-control-input:checked) { opacity: 1;background-color: #c1cef4; }
.custom-checkbox__bluebtn .custom-control-input:checked~.custom-control-label::before {background-image: url(https://content.harstatic.com/media/icons/icon-option-selected-black2.svg);opacity: 1;background-color: transparent !important;}
.custom-control-input:checked~.custom-control-label { background-color: transparent;}
.custom-checkbox .custom-control-input:disabled~.custom-control-label { opacity: 1 !important;}

.services_default { display:inline-flex;color: #000; font-weight:600; font-size:12px; height:32px; line-height:1; align-items: center;padding: 0px 24px;background-color:#e4eafd;border-radius: 4px;margin: 0px 8px 8px 0px;}
.services_default.active { background-color: #c1cef4;background-image: url(https://content.harstatic.com/media/icons/icon-option-selected-black2.svg); background-repeat: no-repeat; background-position: center left; }
.services_default.nonactive {background-color:#edeff7; color: rgba(0, 0, 0, 0.4); }



.label { height: auto;}
.dropdown .label { padding: 0px 5px 0px 8px;}
.label--submitted{ border: 1px solid #1565C0;background-color: #fff;color: #1565C0;border-radius:12px !important;}
.label--declined { border: 1px solid #414141;background-color: #fff;color: #414141;border-radius:12px !important;}
.label--under_review { border: 1px solid #F9A825;background-color: #fff;color: #F9A825;border-radius:12px !important;}
.label--inactive { border: 1px solid #D32F2F;background-color: #fff;color: #D32F2F;border-radius:12px !important;}
.label--forsale_type {border-radius: 12px !important; }
.label--submitted.label--filled { background-color:#1565C0; color: #ffffff; }
.label--declined.label--filled{ background-color:#414141; color: #ffffff; }
.label--under_review.label--filled { background-color:#F9A825; color: #ffffff; }
.label--inactive.label--filled { background-color:#D32F2F; color: #ffffff; }
.label--forsale_type.label--filled { background-color:#018361; color: #ffffff; }

.counter_bubble { border-radius: 8px; background-color: #ef2b5c; font-size:11px; display: inline-flex; align-items:center; justify-content: center; height: 14px; padding: 0px 4px; color:#ffffff;}
.navbar_public { border-bottom: 1px solid #dfe3f0;}
.navbar_public .dropdown--custom .dropdown-toggle:after { height:14px; width:12px; background-image: url('https://content.harstatic.com/media/icons/select_arrow_black.svg'); }
.container { max-width:1320px;}

.status--confirmed { color: #018361;}
.status--pending { color: #fba000;}
.status--inprogress { color: #fba000;}
.status--no_appointments { color: #515b7a;}
.status--notstarted { color: #cc0000;}

.label_genral {border-radius:3px;background-color:#0099ff;font-size: 11px;font-weight: 600;padding: 3px 4px;color: #ffffff; display: inline-block;line-height: 1;}

.dropdown.status--confirmed a.dropdown-toggle,
.dropdown.status--confirmed .dropdown-toggle { color: #018361 !important;}
.dropdown.status--pending a.dropdown-toggle,
.dropdown.status--pending .dropdown-toggle { color: #fba000 !important;}
.dropdown.status--inprogress a.dropdown-toggle,
.dropdown.status--inprogress .dropdown-toggle { color: #fba000 !important;}
.dropdown.status--no_appointments a.dropdown-toggle,
.dropdown.status--no_appointments .dropdown-toggle { color: #515b7a !important;}
.dropdown.status--notstarted a.dropdown-toggle,
.dropdown.status--notstarted .dropdown-toggle { color: #CC0000 !important;}

.dropdown.status--normal a.dropdown-toggle,
.dropdown.status--normal .dropdown-toggle { color: #0738cd !important;}


.dropdown.status--confirmed .dropdown-toggle::after { border-top: 0.3rem solid #018361 !important;}
.dropdown.status--pending .dropdown-toggle::after { border-top: 0.3rem solid #fba000 !important;}
.dropdown.status--inprogress .dropdown-toggle::after { border-top: 0.3rem solid #fba000 !important;}
.dropdown.status--no_appointments .dropdown-toggle::after { border-top: 0.3rem solid #515b7a !important;}
.dropdown.status--notstarted .dropdown-toggle::after { border-top: 0.3rem solid #CC0000 !important;}
.dropdown.status--normal .dropdown-toggle::after { border-top: 0.3rem solid #0738cd !important;}

.card--hoverable:hover { border:1px solid #000000;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}

.selected_stage { background-color: #515b7a; padding:5px;}

.calendar_custom {
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #dfe3f0;
  background-color: #ffffff;
  padding: 8px 4px 4px;
}

.calendar_custom__header {
  display: flex;
  text-align: center;
  justify-content: space-around;
}

.calendar_custom__header__ln {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  padding: 3px 0px 10px 10px;
}

.calendar_custom__header__title {
  color: #515b7a;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  padding: 3px 0px 10px 0px;
  font-size: 16px;
}

.calendar_custom__header__rn {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  padding: 3px 10px 10px 0px;
}

.calendar_custom__body {
  padding: 24px 21px 21px;
  opacity: 0.9;
  border-radius: 4px;
  background-color: rgba(237, 240, 250, 0.48);
}

.calendar_custom__row {
  display: flex;
  justify-content: space-around;
  font-size: 11px;
  color: #515b7a;
  text-align: center;
}

.calendar_custom__row_col {
  flex: 0 0 calc(100% / 7);
  max-width: calc(100% / 7);
  line-height: 1.45;
}

.calendar_custom__row_col span {
  display: block;
  margin: 0px auto;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: transparent;
  line-height: 28px;
  text-align: center;
  position: relative;
  cursor: pointer;
}

.calendar_custom__row_col.selected_date span {
  font-weight: bold;
}

.status--confirmed--border--transparent {border: 1px solid #018361;background: #e5fff9;}
.status--confirmed--txt {color: #018361;}
.status--confirmed--border--transparent .dropdown-toggle::after {color: #018361;}
.status--under--review--border--transparent {border: 1px solid #F9A825;background: #fdf7cf;}
.status--under--review--txt {color: #F9A825;}
.status--under--review--border--transparent .dropdown-toggle::after {color: #F9A825;}
.status--declined--border--transparent {border: 1px solid #cc0000;background: #ffd8d8;}
.status--declined--txt {color: #cc0000;}
.status--declined--border--transparent .dropdown-toggle::after {color: #cc0000;}
.status--submitted--border--transparent {border: 1px solid #3b5363;background: #dfe3f0;}
.status--submitted--txt {color: #3b5363;}
.status--submitted--border--transparent .dropdown-toggle::after {color: #3b5363;}

.calendar_custom__row_col.selected_date span:after {content: '';display: block;position: absolute;width: 8px;height: 8px;border-radius: 50%;background-color: transparent;bottom: 0px;left: 10px;}
.calendar_custom__row_col.selected_date__colplete span:after {background-color: #042280;}
.calendar_custom__row_col.selected_date__all span:after {background-color: #999999;}
.calendar_custom__row_col.selected_date__today span:after {background-color: #0075fe;}
.calendar_custom__row_col.selected_date__overdue span:after {background-color: #ffb800;}
.calendar_custom__row_col.selected_date__next span:after {background-color: #42d500;}
.calendar_custom__row_col.current_date span {background-color: rgba(81, 91, 122, 0.16);}
.calendar_custom .other_month {opacity: 0.36;}
.cards--tasks { background-color: #fff;border: 1px solid #dfe3f0;border-radius: 4px;box-shadow: 0 1px 2px 0 #0000001a;margin-bottom: 20px; }
.cards--tasks__content {border-bottom: 1px solid #f3f4f7;min-height: 130px;padding:10px; display: flex; flex-direction: column;}
.cards--tasks__footer {display: flex;padding: 12px;align-items: center;}
.cards--tasks__footer__checkbox .custom-checkbox .custom-control-label {margin-right: 0;margin-bottom: 0;font-size: 12px;}
.agent_signature__mini .agent_signature__photo {align-items: center;align-self: center;display: flex;font-size: 11px;height: 20px;justify-content: center;line-height: 16px;min-width: 18px;width: 20px;border-radius: 50%;overflow: hidden;background-position: center;background-size: cover;}
.btn-group--custom {
    background-color: #fff;
    border: 1px solid #dfe3f0;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 #0000001a;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    width: auto !important;
}
.btn-group--custom .btn {
    background-color: #fff;
    border: none !important;
    border-radius: 0;
    color: #afb8d9 !important;
    font-size: 12px;
    font-weight: 600 !important;
    padding: 5.5px 14px !important;
}
.btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
    background-color: #afb8d952 !important;
    color: #515b7a !important;
    box-shadow: none !important;
}
.cards--tasks.selected {
    background-color: #f3f4f7;
    border-color: #f3f4f7;
    box-shadow: 0 9px 0 0 #0000;
}


/* Large Calendar Styles */
.calendar_wrapper {
  overflow-y: hidden;
  overflow-x: auto;
  scroll-behavior: smooth;
}

.calendar_large {
  min-width: 767px;
}

.calendar_large__body {
  padding: 0px;
  position: relative;
}

.calendar_large__row {
  display: flex;
  justify-content: space-around;
  font-size: 11px;
  text-align: center;
  border-right: 1px solid #dfe3f0;
}

.calendar_large__row_title {
  display: flex;
  justify-content: space-around;
  font-size: 11px;
  color: #AFB8D9;
  text-align: center;
}

.calendar_large__row_title_col {
  flex: 0 0 calc(100% / 7);
  max-width: calc(100% / 7);
  line-height: 1.45;
  color: rgba(93, 94, 94, 0.56);
  height: auto;
  font-size: 14px;
}

.calendar_large__row:last-child {
  border-bottom: 1px solid #dfe3f0;
}

.calendar_large__row .date_desc {
  margin: 0px 6px;
}

.calendar_large__row_col {
  flex: 0 0 calc(100% / 7);
  max-width: calc(100% / 7);
  line-height: 1.45;
  height: 94px;
  border-top: 1px solid #dfe3f0;
  border-left: 1px solid #dfe3f0;
}

.calendar_large__row_col .prev_dates {
  text-decoration: line-through;
}

.calendar_large__row_col .prev_dates__faded {
  opacity: 56%;
}

.calendar_large__row_col .date_text {
  display: block;
  margin: 4px auto 2px auto;
  height: 20px;
  border-radius: 50%;
  background-color: transparent;
  line-height: 20px;
  text-align: center;
  position: relative;
  cursor: pointer;
  color: #212529;
  font-size: 14px;
  margin-bottom: 4px;
}

.calendar_large__row_col.current_date .date_text {
  background-color: #0738cd;
  color: #ffffff;
  font-weight: 700;
  width: 22px;
}

.calendar_large__row_col div {
  text-align: left;
  font-size: 14px_extra;
}

.calendar_large__row_col.selected_date span {
  font-weight: bold;
}

.calendar_large__row_col.selected_date span:after {
  content: '';
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent;
  bottom: 0px;
  left: 10px;
}

.calendar_large__row_col.selected_date__colplete span:after {
  background-color: #042280;
}

.calendar_large__row_col.selected_date__all span:after {
  background-color: #999999;
}

.calendar_large__row_col.selected_date__today span:after {
  background-color: #0075fe;
}

.calendar_large__row_col.selected_date__overdue span:after {
  background-color: #ffb800;
}

.calendar_large__row_col.selected_date__next span:after {
  background-color: #42d500;
}

.calendar_large__row_col.event_on .date_desc {
  background-color: #dfe3f0;
  border-radius: 4px;
  padding: 2px 4px;
}

.calendar_large__row_col.event_on__end .date_desc {
  margin: 0px 0px 0px 6px;
  border-radius: 4px 0px 0px 4px;
}

.calendar_large__row_col.event_on__start .date_desc {
  margin: 0px 6px 0px 0px;
  border-radius: 0px 4px 4px 0px;
}

.calendar_large__row_col.event_on__2days .date_desc {
  position: absolute;
  width: calc(14.2857142857% * 2 - 14px);
}

.calendar_large__row_col.event_on__3days .date_desc {
  position: absolute;
  width: calc(14.2857142857% * 3 - 14px);
}

.calendar_large__row_col.event_on__4days .date_desc {
  position: absolute;
  width: calc(14.2857142857% * 4 - 14px);
}

.calendar_large__row_col.event_on__5days .date_desc {
  position: absolute;
  width: calc(14.2857142857% * 5 - 14px);
}

.calendar_large__row_col.event_on__6days .date_desc {
  position: absolute;
  width: calc(14.2857142857% * 6 - 14px);
}

.calendar_large__row_col.event_on__7days .date_desc {
  position: absolute;
  width: calc(14.2857142857% * 7 - 14px);
}

.calendar_large .other_month span {
  opacity: 0.36;
}

.calendar_large .cal_heighlighted_text {
  color: #cc0000;
  font-weight: 600;
}

.calendar_large.calendar_weekly .calendar_large__body {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 250px);
}

.calendar_large.calendar_weekly .calendar_large__body .calendar_large__row {
  flex-grow: 1;
  border-radius: 0px 0px 8px 8px;
}

.calendar_large.calendar_weekly .calendar_large__body .calendar_large__row .calendar_large__row_col:first-child {
  border-radius: 0px 0px 0px 8px;
}

.calendar_large.calendar_weekly .calendar_large__body .calendar_large__row .calendar_large__row_col:last-child {
  border-radius: 0px 0px 8px 0px;
}

.calendar_large.calendar_weekly .calendar_large__body .calendar_large__row .calendar_weekly__row_col {
  flex: 1;
  flex: 0 0 calc(100% / 7);
  max-width: calc(100% / 7);
  line-height: 1.45;
  border-top: 1px solid #dfe3f0;
  border-left: 1px solid #dfe3f0;
  border-radius: 0px 0px 0px 8px;
  padding: 4px;
}

.calendar_large.calendar_weekly .calendar_large__body .calendar_large__row_title {
  border-right: 1px solid #dfe3f0;
  border-radius: 0px 8px 0px 0px;
}

.calendar_large.calendar_weekly .calendar_large__body .calendar_large__row_title .calendar_large__row_title_col {
  border: 1px solid #dfe3f0;
  border-bottom: none;
  border-right: none;
  padding: 8px 0px;
}

.calendar_large.calendar_weekly .calendar_large__body .calendar_large__row_title .calendar_large__row_title_col:first-child {
  border-radius: 8px 0px 0px 0px;
}

.calendar_large.calendar_weekly .calendar_large__body .calendar_large__row_title .calendar_large__row_title_col:last-child {
  border-radius: 0px 8px 0px 0px;
}

.line-over {
    position: relative;
    text-decoration: line-through;
}
.calender_date_label {
    padding: 3px 6px 2.9px 6px;
    border-radius: 4px;
    background-color: #dfe3f0;
}

/* Alternative approach using ::before pseudo-element for more control */
.line-over-custom {
    position: relative;
}

.line-over-custom::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #666;
    transform: translateY(-50%);
    z-index: 1;
}

/* For a thicker line */
.line-over-thick {
    position: relative;
    text-decoration: line-through;
    text-decoration-thickness: 2px;
    text-decoration-color: #333;
}

.checklist li {
    list-style: none;
    position: relative;
    padding-left: 25px;
}

.checklist li::before {
    content: "";
    background-image: url(https://content.harstatic.com/media/icons/a_all/icon-option-selected-black2.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 22px;
    position: absolute;
    left: 0;
    top: -1px;
    background-size: contain;
}


/*chat ui*/
.chat_compact { max-width:400px; display: flex; flex-direction: column;min-height:70vh;max-height:70vh;}
.chat_compact_header { border-bottom: 1px solid #dfe3f0; padding:10px;margin-top:0px; }
.chat_compact_body { padding:10px;margin-top:auto; flex-grow: 1; overflow-y: auto; overflow-x: hidden;}
.chat_compact_footer { padding:10px;margin-top:auto; }
.cc_bubble { max-width:85%;display: flex ; margin-bottom:15px; margin-left: auto;}
.cc_bubble_avatar{ align-self: flex-end; margin-right: 0px; margin-left:5px;}
.cc_bubble_content{ padding:8px 12px; border-radius: 12px 12px 4px 12px; background-color: #f3f4f7; font-size:14px;line-height: 1.45; margin-left: auto;}
.cc_bubble.system { margin-left: 0px; margin-right: auto; }
.cc_bubble.system .cc_bubble_content { padding:8px 12px; border-radius: 12px 12px 12px 4px; background-color: #1349ec; color: #ffffff; font-size:14px; line-height:1.4;}
.cc_bubble.system .cc_bubble_avatar{ margin-right: 5px; margin-left:0px;}
.chat_compact_footer .ccf_input { background-color: #f0f2f5; border-radius:40px; padding: 10px 16px;display: flex;margin-bottom: 0px; align-items: center; }
.chat_compact_footer .ccf_input input { border:none; background-color: transparent; flex-grow: 1; outline: none;font-size: 16px;margin-bottom:0px; } 
.custom_modal_withchat .chat_compact { min-height:100vh;max-height:100vh;} 
.custom_modal_withchat .custom_modal_body { max-height: 100%; overflow: hidden;;}

.avatar_large { height: 95px;line-height: 95px;min-width: 95px;width: 95px;border-radius:50%;text-align: center; color:#ffffff;font-weight:600; font-size:32px; display: flex; align-items: center; justify-content: center; }
.avatar_noraml { height: 40px;line-height: 40px;min-width: 40px;width: 40px;border-radius:50%;text-align: center; color:#ffffff;font-weight:500; font-size:16px; display: flex; align-items: center; justify-content: center;font-size:12px; }
.nophoto_color_1 { background-color: #88e05c !important; }
.nophoto_color_2 {  background-color: #4fba8a !important;	}
.nophoto_color_3 {  background-color: #ff9f64 !important;	}
.nophoto_color_4 {  background-color: #ff765a !important;	}
.nophoto_color_5 {  background-color: #62aa4a !important;	}
.nophoto_color_6 {  background-color: #4fba8a !important;	}
.nophoto_color_7 {  background-color: #18807a !important;	}
.nophoto_color_8 {  background-color: #746784 !important;	}
.nophoto_color_9 {  background-color: #ac7fbe !important; }
.nophoto_color_10 {  background-color: #37457e !important; }
.nophoto_color_11 {  background-color: #ac7fbe !important; }
.nophoto_color_12 {  background-color: #c5a5d2 !important; }
.nophoto_color_13 {  background-color: #74cebd !important; }
.nophoto_color_14 {  background-color: #18807a !important; }
.nophoto_color_15 {  background-color: #4fba8a !important; }
.nophoto_color_16 {  background-color: #c5a5d2 !important; }

.note {padding: 8px 8px 8px 8px;margin-bottom:15px; border-radius: 4px;background-color: #f9e88d;display: inline-flex;flex-direction: column;width: 100%;position: relative !important;overflow: hidden !important;}
.note__date {color: rgba(93, 94, 94, 0.72);font-size: 11px;text-align: right;padding-bottom: 8px;}
.note__text {font-size: 12px;color: #212529;padding-bottom:12px;}
.note__text a {color: #212529;font-weight: 600;}
.note__edit {text-align: right;font-weight: 700;font-size: 14px;margin-top: auto;}
.note__edit .note_delete {color: rgba(81, 91, 122, 0.56);margin-right: 16px;}
.note__edit .note_delete:hover {color: red;}
.note__add {display: flex;justify-content: center;text-align: center;font-weight: bold;}
.note__add__addtext {text-align: center;align-self: center;}
.note__add__addtext img {width: 24px;}
.note__newbtn {background-color: #f3f4f7;}
.note__newbtn:hover {opacity: 0.8;}
.note__corner {position: absolute !important;top: 0 !important;left: 0 !important;width: 0 !important;height: 0 !important;border-style: solid !important;border-width: 13px 13px 0 0 !important;border-color: #fff transparent transparent transparent !important;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) !important;transition: all 0.3s ease-in-out !important;}
.note--corner-flip:hover .note__corner { border-width: 20px 20px 0 0 !important; border-color: #fff transparent transparent transparent !important; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15) !important; }

.custom_modal .uppy-Root { height:100%;}
/* Uppy full height and width styling */
.custom_modal #drag-drop-area {
    height: 100% !important;
    width: 100% !important;
    min-height: 500px !important;
}

.custom_modal #drag-drop-area .uppy-Dashboard {
    height: 100% !important;
    width: 100% !important;
}

.custom_modal #drag-drop-area .uppy-Dashboard-inner {
    height: 100% !important;
    width: 100% !important;
}

.custom_modal #drag-drop-area .uppy-Dashboard-AddFiles {
    height: 100% !important;
    width: 100% !important;
    min-height: 400px !important;
}

.custom_modal #drag-drop-area .uppy-Dashboard-AddFilesPanel {
    height: 100% !important;
    width: 100% !important;
}

.custom_modal #drag-drop-area .uppy-Dashboard-dropFilesHereHint {
    font-size: 18px !important;
    margin: 20px 0 !important;
}

/* Custom modal body to ensure full height */
.custom_modal_body {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.checklist li {
    list-style: none;
    position: relative;
    padding-left: 25px;
}

.checklist li::before {
    content: "";
    background-image: url(https://content.harstatic.com/media/icons/a_all/icon-option-selected-black2.png);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: -1px;
    background-size: contain;
}
#myTabPromotion li a.active {background: #0738cd;color: #fff;}

.date_card.doListhubTracking.active.border-success {border-color: #0738cd !important;}
.date_card.doListhubTracking.active .text-success {color: #0738cd !important;}


/*new label*/

.label--new {
    border: 1px solid #4fba8a;
    color: #4fba8a;
    background: #fff;
}

.label--inprogress {
    border: 1px solid #0097ff;
    color: #0097ff;
    background: #fff;
}

.label--completed {
    border: 1px solid #00664e;
    color: #00664e;
    background: #fff;
}

.label--noappointment {
    border: 1px solid #e56700;
    color: #e56700;
    background: #fff;
}

.label--waitingclient {
    border: 1px solid #41cfcd;
    color: #41cfcd;
    background: #fff;
}

.label--confirmed {
    border: 1px solid #61a700; 
    color: #61a700;
    background: #fff;
}

.label--appointmentrequested {
    border: 1px solid #3949AB;
    color: #3949AB;
    background: #fff;
}

.label--new.label--filled {
    background-color: #4fba8a;
    color: #ffffff;
}

.label--inprogress.label--filled {
    background-color: #0097ff;
    color: #ffffff;
}

.label--completed.label--filled {
    background-color: #00664e;
    color: #ffffff;
}

.label--noappointment.label--filled {
    background-color: #e56700;
    color: #ffffff;
}

.label--waitingclient.label--filled {
    background-color: #41cfcd;
    color: #ffffff;
}

.label--confirmed.label--filled {
    background-color: #61a700;
    color: #ffffff;
}

.label--appointmentrequested.label--filled {
    background-color: #3949AB;
    color: #ffffff;
}

.status-approved {
    background: #E8FFF6;
    color: #02865B;
    border: 1px solid #02865B;
}

.status-inactive {
    background: #FFE5E5;
    color: #D10000;
    border: 1px solid #D10000;
}

.status-underreview {
    background: #FFF4DB;
    color: #D38500;
    border: 1px solid #D38500;
}

.status-declined {
    background: #d5d5d5;
    color: #414141;
    border: 1px solid #414141;
}

.status-submitted {
    background: #E7EAF3;
    color: #1565C0;
    border: 1px solid #1565C0;
}

.status-new {
    background: #f3fffa;
    color: #4fba8a;
    border: 1px solid #4fba8a;
}

.status-inprogress {
    background: #E7F4FF;
    color: #0097ff;
    border: 1px solid #0097ff;
}

.status-completed {
    background: #E3FFF7;
    color: #00664e;
    border: 1px solid #00664e;
}

.status-noappointment {
    background: #ffecdd;
    color: #e56700;
    border: 1px solid #e56700;
}

.status-waitingclient {
    background: #eaffff;
    color: #41cfcd;
    border: 1px solid #41cfcd;
}

.status-confirmed {
    background: #f6ffea;
    color: #61a700;
    border: 1px solid #61a700;
}

.status-appointmentrequested {
    background: #ECEBFF;
    color: #3949AB;
    border: 1px solid #3949AB;
}

.status-label { font-size:11px !important;}
/*new label*/

.sh--visibility--radio .custom-radio .custom-control-label:before {opacity: 1;top: 5px;}

.time_slots .radio_button {width:160px;margin:0px auto;}
.time_slots .radio_button label{padding:10px;font-weight: normal;cursor:pointer;}
.time_slots .radio_button input{opacity:0;position: absolute;}
.time_slots .radio_button input:checked ~ label {padding:9px; border:2px solid #0738cd !important; color:#0738cd !important; }
.time_slots .radio_button input:disabled ~ label {opacity:30%; background-color: #dfe3f0; }
.time_slots .time_slot_close{position:absolute;top:0px;right:0px;top:0px;}
.time_slots .time_slots_cntr{position:absolute;top:0px;bottom:0px;overflow-y:auto;overflow-x:hidden; left:0px;right:22px;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;}

.carousel_rounded .carousel-indicators { margin-bottom: -3rem;}
.carousel_rounded .carousel-indicators [data-bs-target] {width: 12px;height: 12px;border-radius: 50%;background-color: #dddddd;} 
.carousel_rounded .carousel-indicators [data-bs-target].active { background-color: #0738cd;}

.package_selected {border-color: #0738cd !important;box-shadow: inset 0 0 0 3px #0738cd;position: relative;}
.package_selected .package_photo { border-radius: 7px 7px 0px 0px; margin:2.5px; overflow: hidden; }
.package_selected .package_photo::after { content: "";position: absolute;right: 0;top: 0;left: auto;width: 48px;height: 48px;background: transparent url(https://content.harstatic.com/media/icons/filters/rectangle_arrow_2.svg) no-repeat right 0 top !important;background-size: 48px;box-shadow: none !important;border: none !important; }

.agent_banner { }
.agent_banner_top{ min-height:115px;background-color: #042280;padding-bottom:0px; line-height: 1; padding:20px 0px;}
.agent_banner_top .container { position: relative; }
.agent_logo {border:6px solid #ffffff; display: inline-block; margin: auto; border-radius:12px;position:absolute;left:calc(50% - 80px);}
.agent_logo img { object-fit: cover; object-position: center; width:160px; height:60px; }
.agent_banner_inner { min-height:170px;background-position: center; background-size: cover; position: relative;}
.agent_banner_inner::after { content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:rgba(4,34,128,40%); }
.agent_banner_inner.nophoto::after { content:none; }
.banner_socialicons { position:absolute; top:11px; right: 20px; text-align: right;}
.banner_socialicons .banner_socialicons_container a { margin-left: 8px; margin-bottom:7px;}

.services_card { padding:8px;max-width:570px; border-radius: 8px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);border: solid 1px #DFE3F0 !important;background-color:#ffffff;}
.services_card:hover {border: solid 1px rgba(7, 56, 205, 1) !important;}
.services_card_title { font-size:14px; font-weight:700; margin-bottom:4px; color: #000 !important;}
.services_card_description { font-size:12px; color: #000000 !important;padding-bottom:5px;}
.services_card.selected { border-color: #0738cd;box-shadow: inset 0 0 0 2px #0738cd;position: relative; }
.services_card.selected::after { content: "";position: absolute;right: 0;top: 0;left: auto;width: 48px;height: 48px;background: transparent url(https://content.harstatic.com/media/icons/filters/rectangle_arrow_2.svg) no-repeat right 0 top !important;background-size: 48px;box-shadow: none !important;border: none !important; }
.services_card.editable { cursor: pointer; }
.services_card.editable .dropdown .btn { font-size:12px !important;height:32px !important;line-height:32px !important;padding: 2 24px 2px 8px !important; border-radius: 4px; border: solid 1px #d0d0d0;background-color:#ffffff;min-width:155px;text-align: left;color: #000 !important;}
/*
.services_card {
    transition: all 0.3s ease-in-out;
    transform: scale(1);
}

.services_card.animate-selection {
    transform: scale(1.02);
}

.services_card.selected {
    transform: scale(1);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
}

.services_card:hover {
    transform: translateY(-2px);
    transition: all 0.2s ease-in-out;
}
*/

/* Chrome, Edge, Safari */
input[type="time"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

/* Firefox */
input[type="time"] {
  appearance: none;
  -moz-appearance: textfield;
  position: relative;
}
input[type="time"]::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url(https://content.harstatic.com/media/icons/a_all/timmer_black.svg) no-repeat center center;
  background-size: contain;
  pointer-events: none;
}
.form-check.form-switch { display: flex;align-items: center;}
.form-check.form-switch .form-check-label { padding-left:5px; font-weight:600; font-size:11px;}
.form-check.form-switch .form-check-input { width: 3.5rem;height: 1.8rem; margin-top:0px; }
.form-check.form-switch .form-check-input::before {width: 1.6rem;height: 1.6rem;}
.form-check.form-switch .form-check-input:checked::before {transform: translateX(1.7rem);}
.note .note__text textarea {width: 100%;background-color: transparent; border:none !important; outline: none !important; resize: vertical; min-height:60px; font-size:12px; color:#212529; line-height:1.45;box-shadow: none !important; }

.photo_first_state { position: absolute; top:0px; left:0px; right:0px; bottom:0px; display: flex; justify-content: center; align-items: center;}
.photo_first_state .spinner-border { opacity:0.5;}
.refresh_btn { display: inline-block; padding:5px;margin-right:10px; border-radius:50%; width: 32px; height:32px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: background-color 0.1s ease-in-out;}
.refresh_btn img { width:14px; height:14px; transition: opacity 0.2s ease-in-out; opacity:0.5;}
.refresh_btn:hover {background-color: #F3F4F7; }
.refresh_btn:active {background-color: #dedee0; }
.refresh_btn:hover img { opacity:0.7; transition: opacity 0.2s ease-in-out;}

.photo_preview_actions textarea.form-control { min-height:350px !important;}
.container_large { max-width:1920px;}
.photo_card.photo-item.starred { border: 2px solid #FFD700 !important;box-shadow: 0px 0px 4px #FFD700;} 
.overlay_label { position: absolute; top:auto;bottom:4px; left:8px; background-color: rgba(0,0,0,0.8); color:#ffffff; padding:2px 4px; border-radius:4px; font-size:10px; }

@media (max-width: 992px) {
    .photo-manager {
        flex-direction: column;
        height: auto;
        min-height: auto;
    }

    .photo-pane-left,
    .photo-pane-right {
        width: 100%;
        min-height: 400px;
    }

    .pane-divider {
        width: 100%;
        height: 4px;
        cursor: row-resize;
    }

    .divider-handle {
        width: 40px;
        height: 20px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

}

@media (max-width: 768px) {
    
    .drag-drop-hint {
        font-size: 0.7rem;
    }
}


@media (max-width:767px) {
  .slick-slider { margin: 0px; }
  #SearchFilters {display: none;}
  .header_search { max-width: 320px; padding: 9px 20px 9px 40px; }
  .dropdown--custom .dropdown-toggle { padding-left:10px !important; padding-right: 0px !important;}
  .photo_preview_container { flex-direction: column; margin:16px; margin:0px; }
  .nav_left img,
  .nav_right img { width: 32px; }
  .agent_logo {left:20px;}
  .agent_banner_inner { min-height:140px;}
  .banner_socialicons { top:4px; }
  .banner_socialicons .banner_socialicons_container a { margin-left: 4px; }
  .banner_socialicons .banner_socialicons_container a > img { width: 20px; height: auto; }
  .agent_logo img { width:140px; height:60px; }
  .photo_preview_actions textarea.form-control { min-height:300px !important;}

}

@media (max-width:520px) {
    .header_search_wrapper { display: none;}
    .search_btn_resp { display: block; border-radius:8px; background-color: #F3F4F7; padding: 8px; }    
}