/* Стили для кнопки */
.sticky-btn-bottom {
    position: fixed;
    bottom: 20px;
    /*right: 20px;*/
    z-index: 1000;
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 50%; /* Скругление для круглой кнопки */
    cursor: pointer;
    font-size: 16px;
}

.sticky-btn-bottom.scrolled {
    display: none;
}
body {background: #ffffff !important;}
table td {font-size: 20px;line-height: 25px; color: #435065;}
table th {font-weight: bold; font-size: 20px;line-height: 25px;}
table {margin-bottom: 20px;}
.person-lesson h2,.person-lesson h3,.person-lesson h4 {padding-top: 20px;}
.footer {margin-top: 0px!important;}
.person-content-wrapper {background-color: #ffffff;}
.person-content-wrapper * {font-family: "Inter", Arial, sans-serif, sans-serif !important;}

/*person_sclad*/
.sclad-section { color: #2c374a; padding: 20px 0; }
.sclad-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; flex-wrap: wrap; gap: 15px; }
.sclad-title { font-size: 46px; font-weight: 600; color: #2c374a; margin: 0; line-height: 1.05; }
.sclad-badge { display: flex; align-items: center; gap: 8px; border: 1px solid #4680c2; border-radius: 39px; padding: 10px 30px; }
.sclad-badge-count { font-size: 18px; font-weight: 600; color: #4680c2; }
.sclad-description { margin-bottom: 40px; }
.sclad-description p { font-size: 16px; line-height: 1.4; color: #2c374a; margin-bottom: 10px; }
.sclad-promo { margin-bottom: 40px; }
.sclad-promo-inner { position: relative; border: 1px solid #4680c2; border-radius: 20px; padding: 20px 28px 21px; padding-right: 120px; }
.sclad-promo-title { max-width: 635px; font-size: 20px; font-weight: 600; color: #2c374a; margin: 0 0 8px 0; line-height: 1.2; }
.sclad-promo-highlight { color: #53a351; }
.sclad-promo-text { font-size: 16px; line-height: 1.25; color: #2c374a; margin: 0; }
.sclad-promo-arrow { position: absolute; right: 24px; top: 43px; width: 80px; height: auto; pointer-events: none; }
.sclad-categories-grid { display: flex; gap: 30px; margin-bottom: 20px; }
.sclad-categories-col { flex: 1; display: flex; flex-direction: column; }
.sclad-category-item { display: flex; justify-content: space-between; align-items: center; padding: 5px 0; }
.sclad-category-link { font-size: 16px; color: #4680c2; text-decoration: underline; }
.sclad-category-count { font-size: 15px; color: #2c374a; text-align: right; }
.sclad-filters { display: flex; gap: 15px; margin-bottom: 20px; align-items: center; width: 100%; }
.sclad-filter-select { flex: 1; height: 42px; box-sizing: border-box; background-color: #f1f3f6; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 9 6'%3E%3Cpath d='M1 1L4.5 4.5L8 1' stroke='%232C374A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 15px center; border-radius: 20px; padding: 0 35px 0 20px; font-size: 16px; color: rgba(44, 55, 74, 0.6); border: none; appearance: none; -webkit-appearance: none; cursor: pointer; }
.sclad-filter-btn { background: #53a351; color: white; border: none; border-radius: 39px; padding: 10px 30px; font-size: 16px; cursor: pointer; height: 42px; }
.sclad-cards { display: flex; flex-direction: column; gap: 20px; }
.sclad-card { background: white; border: 1px solid #dfdfdf; border-radius: 20px; padding: 25px; }
.sclad-card-inactive { opacity: 0.6; }
.sclad-card-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; flex-wrap: wrap; gap: 10px; }
.sclad-card-btn-take { background: #53a351; color: white; border: none; border-radius: 20px; padding: 10px 30px; font-size: 16px; cursor: pointer; }
.sclad-card-status { background: #2c374a; color: white; border-radius: 20px; padding: 10px 30px; font-size: 16px; }
.sclad-card-status-row { display: flex; align-items: center; gap: 15px; }
.sclad-card-desc { font-size: 16px; line-height: 1.4; color: #2d374a; margin: 0; }
.sclad-card-meta { display: flex; justify-content: space-between; align-items: center; font-size: 16px; color: rgba(45, 55, 74, 0.8); padding: 5px 0;}
.sclad-card-response { border: 1px solid #dfdfdf; border-radius: 20px; padding: 12px 15px; margin-top: 5px; }
.sclad-response-user { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.sclad-response-avatar { width: 25px; height: 25px; border-radius: 50%; object-fit: cover; }
.sclad-response-name { font-size: 14px; color: #2c374a; flex: 1; }
.sclad-response-text { font-size: 16px; line-height: 1.4; font-style:italic; }
@media (max-width: 767px) {
    .sclad-title { font-size: 28px; }
    .sclad-promo-inner { padding-right: 25px; }
    .sclad-promo-arrow { display: none; }
    .sclad-header { flex-direction: column; align-items: flex-start; }
    .sclad-categories-grid { flex-direction: column; }
    .sclad-filters { flex-direction: column; align-items: stretch; }
    .sclad-card-header { flex-direction: column; align-items: flex-start; }
    .sclad-card-meta { flex-direction: column; align-items: flex-start; gap: 5px; }
}

.upload_review{    margin:0px 10px 0px 0px;
    padding:0px 0px 0px 20px;
    background: url(/images/icon_plus-circle.svg) no-repeat 0% 50%;
    color: #506ca4;
    font-size: 14px;
    font-family:  'PT Sans',Helvetica, sans-serif;
    text-decoration:none;}

.edit_order{
    margin:0px 10px 0px 0px;
    padding:0px 0px 0px 20px; 
    background: url(/images/icon_edit.png) no-repeat 0% 50%;
    color: #506ca4;    
	font-size: 14px;
	font-family:  'PT Sans',Helvetica, sans-serif;
    text-decoration:none;
}

span.close_order{
    margin:0px 10px 0px 0px;
    padding:0px 0px 0px 20px; 
    background: url(/images/icon_close.png) no-repeat 0% 50%;
    color: #506ca4;    
	font-size: 14px;
	font-family:  'PT Sans',Helvetica, sans-serif;
    cursor:pointer;
}
span.open_order{
    margin:0px 10px 0px 0px;
    padding:0px 0px 0px 20px; 
    background: url(/images/icon_open.png) no-repeat 0% 50%;
    color: #506ca4;    
	font-size: 14px;
	font-family:  'PT Sans',Helvetica, sans-serif;
    cursor:pointer;
}
.upload_review:hover, .edit_order:hover{cursor: pointer}
/*person progressbar*/

.person-progress-stepper {
    border: 1px solid #4680C2;  border-radius: 16px;
    padding: 20px 30px;
    font-family: Inter;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.progress-text {

    font-size: 16px;
    color: var(--Color-HR-bright, #4680C2);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    width: 31%;
}
.progress-text span {color: #2c3e50;}

.progress-text u {
    text-decoration: underline;
    cursor: pointer;
    color: #495057;
}

.stepper-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 69%;
}
.stepper-container::before {
    content: '';
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(to right, #28a745, #28a745);
    z-index: 0;
}
/*
.step-connector {
    flex: 1;
    height: 3px;
    background-color: #28a745;
    margin: 0 5px;
    position: relative;
    z-index: 1;
}
.step-connector.incomplete {
    background-color: #28a745;
    opacity: 0.5;
}
*/
.step {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-weight: 600;
    font-size: 16px;
    position: relative;
    z-index: 2;
    transition: all 0.3s ease;
    text-decoration: none;
}

.step.completed {
    background-color: #28a745;
    color: white;
    border: 2px solid #28a745;
}

.step.active {
    background-color: #28a745;
    color: white;
    border: 2px solid #28a745;
}

.step.pending {
    background-color: white;
    color: #6c757d;
    border: 2px solid #28a745;
}





@media (max-width: 768px) {
    .step {
        width: 32px;
        height: 32px;
        font-size: 14px;
    }

    .person-progress-stepper {
        padding: 15px;
    }
}


.step::after {
    content: attr(data-tooltip);
    position: absolute;
    top: 50px; /* Positions it below the circle */
    left: 50%;
    transform: translateX(-50%);

    /* Visuals */
    color: rgba(44, 55, 74, 0.80);
    padding: 5px 15px;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    white-space: nowrap;
    /*box-shadow: 0 2px 5px rgba(0,0,0,0.05); !* Slight shadow *!*/

    /* Visibility */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.2s ease;
    z-index: 10;

    border-radius: 20px;
    border: 1px solid rgba(44, 55, 74, 0.80);
    background: #FFF;
}

.step:hover::after {
    opacity: 1;
    visibility: visible;
    top: 45px; /* Slight slide-up animation */
}
/* person_replys */
.replies-section{display:flex;flex-direction:column;gap:40px;padding-top:20px;color:#2c374a;}
.replies-head{display:flex;flex-direction:column;gap:15px;}
.replies-head-top{display:flex;align-items:center;justify-content:space-between;gap:15px;}
.replies-title{margin:0;font-size:46px;font-weight:600;line-height:1.05;color:#2c374a;}
.replies-find-chip{display:inline-flex;align-items:center;justify-content:center;width:250px;height:40px;border:1px solid #53a351;border-radius:20px;background:#fff;color:#53a351;font-size:16px;text-decoration:none;}
.replies-find-chip:hover{background:#53a351;color:#fff;}
.replies-desc{margin:0;font-size:16px;line-height:1.1;color:#2c374a;}
.replies-crm-btn{align-self:flex-start;display:inline-flex;align-items:center;padding:10px 30px;border:1px solid #4680c2;border-radius:39px;font-size:16px;color:#2c374a;text-decoration:none;line-height:1.3;}
.replies-crm-btn .u{color:#4680c2;text-decoration:underline;}
.replies-crm-btn .hl{color:#53a351;font-weight:600;}

.replies-body{display:flex;flex-direction:column;gap:30px; position: relative; transition: opacity 0.3s ease;}
.replies-body.loading { opacity: 0.5; pointer-events: none;}

#loader{position:absolute; left:50%; top:50%; z-index: 1000;}
.replies-filters{display:flex;flex-direction:column;gap:15px;}
.replies-search{display:flex;align-items:center;gap:16px;padding:4px 4px 4px 30px;border-radius:52px;background:#f1f3f6;}
.replies-search input{flex:1;min-width:0;padding:8px 0;border:none;background:transparent;font-size:16px;color:#2c374a;outline:none;}
.replies-search input::placeholder{color:rgba(44,55,74,.6);}
.replies-search-btn{display:inline-flex;align-items:center;gap:10px;height:42px;padding:10px 30px;border:none;border-radius:39px;background:#53a351;color:#fff;font-size:16px;cursor:pointer;}
.replies-search-btn svg, .btn svg {width:20px;height:20px;flex:0 0 20px;}
.replies-filters-row{display:flex;gap:15px;}
.replies-select{flex:1;height:42px;box-sizing:border-box;padding:0 40px 0 20px;border:none;border-radius:20px;font-size:16px;color:rgba(44,55,74,.6);background-color:#e6e7e9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 9 6'%3E%3Cpath d='M1 1L4.5 4.5L8 1' stroke='%232C374A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center;appearance:none;-webkit-appearance:none;cursor:pointer;}

.replies-cards{display:flex;flex-direction:column;gap:20px;}
.replies-card{border-radius:20px;}
.replies-card--delivered{background: rgba(224, 233, 248, 0.2);}
.replies-card--viewed{background: rgba(70, 128, 194, 0.1);}
.replies-card--invite{background:rgba(83, 163, 81, 0.1)}
.replies-card--reject{background: rgba(223, 223, 223, 0.3);}
.replies-card--bordered{border:1px solid #bbd0e9;}
.replies-card-head{display:flex;gap:13px;align-items:flex-start;padding:10px 20px; border-radius: 20px;}
.replies-card-icon{flex:0 0 16px;width:16px;height:16px;margin-top:3px;color:#2c374a;}
.replies-card-icon svg{display:block;width:16px;height:16px;}
.replies-card-icon--contact{color:#4680c2;}
.replies-col{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;}
.replies-col--name{flex:1 1 210px;min-width:0;}
.replies-col--stage{flex:0 0 170px;}
.replies-col--status{flex:0 0 160px;}
.replies-col--price{flex:0 0 82px;}
.replies-date{font-size:14px;color:#2c374a;}
.replies-proj{font-size:16px;font-weight:600;color:#2c374a;font-family: Inter; text-decoration: none!Important;}
.replies-stage,.replies-status{font-size:16px;color:#2c374a;}
.replies-link{color:#4680c2;text-decoration:underline;cursor:pointer;}
.replies-price-label{font-size:14px;color:#2c374a;}
.replies-price{font-size:16px;}
.replies-price--red{color:#db2000;}
.replies-price--green{color:#53a351;}
.replies-price--dark{color:#2c374a;}
.replies-avg{font-size:14px;color:#2c374a;}
.replies-avg-label{font-size:12px;color:#2c374a;}

.replies-order{display:flex;flex-direction:column;gap:20px;padding:15px 20px 10px;border:1px solid #BBD0E9;border-radius:20px;transition: all 0.3s ease;}
.replies-card.active {background-color: #EDF2F9; box-shadow: 0 2px 8px rgba(76, 175, 80, 0.2);}
.replies-card:hover .replies-card-head {    background: #EDF2F9;}
.replies-card:hover{cursor: pointer;}
.replies-order-body{display:flex;flex-direction:column;gap:10px;}
.replies-order-namerow{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;}
.replies-client{font-size:16px;font-weight:600;color:#2c374a;}
.replies-chip-green{display:inline-flex;align-items:center;justify-content:center;padding:10px 30px;border:1px solid #53a351;border-radius:20px;background:#53a351;color:#fff;font-size:16px;text-decoration:none;cursor:pointer;}
.replies-order-msg{margin:0;font-size:16px;line-height:1.4;color:#2d374a;}
.replies-order-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;}
.replies-order-icons{display:flex;gap:15px;}
.replies-stat{display:inline-flex;align-items:center;gap:5px;font-size:16px;color:rgba(44,55,74,.6);}
.replies-stat svg{width:22px;height:22px;flex:0 0 22px;}
.replies-order-note{font-size:16px;line-height:1.1;color:#4680c2;text-align:right;}
.replies-contacts{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.replies-contacts a{color:#4680c2;text-decoration:underline;}
.replies-reject-note{font-size:16px;line-height:1.4;color:#db2000;text-align:center;}
.replies-offer{display:flex;flex-direction:column;gap:15px;border-radius:20px;background:#fff;border: 1px solid #53A351;}
.replies-offer-title{margin:0;font-size:16px;font-weight:600;line-height:1.4;color:#4680c2; padding: 0 15px;}
.replies-offer-block{display:flex;flex-direction:column;gap:8px; padding: 0 15px 15px;}
.replies-offer-sub{margin:0;font-size:16px;font-weight:600;line-height:1.4;color:#2d374a;}
.replies-offer-text{margin:0;font-size:16px;line-height:1.4;color:#2d374a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.replies-offer.is-open .replies-offer-text{-webkit-line-clamp:unset;}
.replies-more{align-self:flex-start;font-size:14px;color:#4680c2;text-decoration:underline;cursor:pointer;}

.replies-invitation-wr { box-sizing: border-box; padding: 15px; gap: 8px; border-bottom: 1px solid #53A351; border-radius: 20px;}
.replies-invitation-title {font-weight: 600;font-size: 16px;line-height: 140%; color: #53A351; padding-bottom: 10px;}
.replies-invitation-text { }

@media (max-width:767px){
    .replies-section{gap:20px;}
    .replies-title{font-size:28px;line-height:normal;}
    .replies-desc{font-size:14px;}
    .replies-head-top{flex-direction:column;align-items:flex-start;}
    .replies-find-chip{width:100%;}
    .replies-crm-btn{padding:6px 20px;}
    .replies-search{padding-left:15px;}
    .replies-search-btn{padding:8px 15px;}
    .replies-filters-row{flex-direction:column;}
    .replies-card-head{flex-wrap:wrap;padding:10px 20px;align-items:center;}
    .replies-card-icon{margin-top:0;}
    .replies-col--name{flex:1 1 calc(100% - 30px);}
    .replies-col--stage,.replies-col--status,.replies-col--price{flex:1 1 0;}
    .replies-proj{font-size:14px;}
    .replies-date{font-size:12px;}
    .replies-stage{font-size:13px;}
    .replies-status{font-size:14px;}
    .replies-price-label{font-size:12px;}
    .replies-price{font-size:14px;}
    .replies-avg{font-size:12px;}
    .replies-avg-label{font-size:11px;}
    .replies-order{gap:10px;padding:10px;}
    .replies-order-namerow{min-height:38px;}
    .replies-client{font-size:14px;}
    .replies-order-msg{font-size:14px;}
    .replies-stat{font-size:12px;}
    .replies-stat svg{width:17px;height:17px;flex:0 0 17px;}
    .replies-order-note{font-size:12px;max-width:170px;}
    .replies-chip-green{padding:8px 18px;font-size:14px;}
    .replies-offer{gap:6px;padding:10px;}
    .replies-offer-title,.replies-offer-sub,.replies-offer-text{font-size:14px;}
}
.replies-card-more svg { transition: transform 0.3s ease;
}

.replies-card.active .replies-card-more svg {
    transform: rotate(180deg);
}
/*replies statistics*/
.replies-statistic-block_title {font-weight: 600;
font-size: 20px;
line-height: 110%;
color: #2C374A;
}
.statistic-table-wr {
box-sizing: border-box;
padding: 10px;
border: 1px solid rgba(70, 128, 194, 0.6);
border-radius: 10px;
}
.statistic-row {display: flex; flex-direction: row; padding-bottom: 5px;}
.statistic-row:last-of-type {padding-top: 15px;}
.statistic-row-head, .statistic-row-item {font-weight: 400; font-size: 16px; line-height: 110%; text-align: center;align-content: center;    flex-basis: 0;  flex-grow: 1;  max-width: 100%;}
.statistic-row-head {font-style: normal; font-weight: 600; }
.statistic-row:first-of-type { border-bottom: 2px solid #E0E9F8;}
.statistic-row-item:not(:last-of-type), .statistic-row-head:not(:last-of-type)  {    border-right: 2px solid #E0E9F8;}
.statistic-text { font-weight: 400; font-size: 16px; line-height: 110%; color: #2C374A;}
.statistic-text span {font-style: normal;font-weight: 600;font-size: 18px;line-height: 110%;}
.statistic-row-item--red {color:#DB2000;}
.statistic-row-item--green {color:#53A351;}
@media (max-width: 767px) {
    .statistic-row-head {font-size: 11px;}
}
#add_service .form-group p, #add_service .form-group li {color:unset  !important; font-size: unset !important;}