:root {
    --panel:       #ffffff;
    --border:      #e5e7eb;
    --accent:      #f01419;
    --text:        #333333;
    --positive:    #059669;
    --negative:    #dc2626;
    --muted:       #6b7280;
}

main > .container, main > .container-fluid
{
    /*padding: 70px 15px 20px;*/
    padding: 15px;
}

.footer {
    background-color: #f5f5f5;
    font-size: .9em;
    height: 60px;
}

.footer > .container, .footer > .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    content: '';
    left: 3px;
    display: inline-block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    margin: 4px 4px 2px 4px;
    background: transparent;
}

a.asc:after {
    border-bottom: solid 7px #212529;
    border-top-width: 0;
}

a.desc:after {
    border-top: solid 7px #212529;
    border-bottom-width: 0;
}

.grid-view th,
.grid-view td:last-child {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.navbar form > button.logout {
    padding-top: 7px;
    color: rgba(255, 255, 255, 0.5);
}

@media(max-width:767px) {
    .navbar form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 0;
    }
}

.navbar form > button.logout:focus,
.navbar form > button.logout:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.75);
}

.navbar form > button.logout:focus {
    outline: none;
}

/* style breadcrumb widget as in previous bootstrap versions */
.breadcrumb {
    background-color: var(--bs-gray-200);
    border-radius: .25rem;
    padding: .75rem 1rem;
}

.breadcrumb-item > a
{
    text-decoration: none;
}
/*index page*/
.ua-swiper-wrap{position:relative}
.ua-swiper{overflow:visible} /* щоб було видно "1.5 картки" */
.ua-card{display:flex;flex-direction:column;border:1px solid var(--border,#e5e7eb);border-radius:12px;background:var(--panel,#fff);text-decoration:none;overflow:hidden}
.ua-card:hover{box-shadow:0 6px 14px rgba(0,0,0,.06)}
.card-thumb{width:100%;padding-top:56%;background-size:cover;background-position:center;background-color:#f3f4f6}
.card-body{padding:10px 12px}
.card-title{font-weight:700;color:var(--text,#0f172a);margin-bottom:6px;line-height:1.25}
.card-excerpt{color:var(--muted,#6b7280);font-size:14px}
.ua-cards-empty{color:var(--muted,#6b7280)}
/* Стрілки й пагінація */
.ua-swiper-wrap .swiper-button-prev,
.ua-swiper-wrap .swiper-button-next{top:-34px;width:32px;height:32px;border-radius:8px;background:var(--panel,#fff);border:1px solid var(--border,#e5e7eb);color:#111;transform:none}
.ua-swiper-wrap .swiper-button-prev{right:52px;left:auto}
.ua-swiper-wrap .swiper-button-next{right:12px}
.ua-swiper-wrap .swiper-pagination{position:relative;margin-top:8px}
html[data-bs-theme="dark"] .ua-card{background:#0f1419;border-color:#1c222b}
html[data-bs-theme="dark"] .card-title{color:#e7eaf0}
html[data-bs-theme="dark"] .card-excerpt{color:#9aa3af}
html[data-bs-theme="dark"] .ua-swiper-wrap .swiper-button-prev,
html[data-bs-theme="dark"] .ua-swiper-wrap .swiper-button-next{background:#0f1419;border-color:#1c222b;color:#e7eaf0}

.ua-swiper{
    background: none !important;
    border: none  !important;
    overflow: hidden;
}
.swiper-button-next:after, .swiper-button-prev:after{
    font-size: 1em;
}

.swiper-button-prev, .swiper-button-next{
    top: -16px  !important;
}

/* картки/бейджі для блоку з даними */
.ua-info{background:var(--panel,#fff); border:1px solid #e5e7eb; border-radius:12px; padding:14px}
html[data-bs-theme="dark"] .ua-info{ background:#0f1419; border-color:#1c222b }
.ua-info h5{margin:0 0 10px; font-weight:800}
.ua-kv{display:grid; grid-template-columns: 180px 1fr; gap:6px 14px; font-size:14px}
.ua-kv .k{color:#6b7280}
.ua-badges{display:flex; flex-wrap:wrap; gap:8px}
.ua-badges .badge{border:1px solid #e5e7eb; padding:6px 10px; border-radius:999px; background:#fff}
html[data-bs-theme="dark"] .ua-badges .badge{ background:#11161d; border-color:#1c222b; color:#e7eaf0 }
.ua-positive{color:#059669}  /* зелений */
.ua-negative{color:#dc2626}  /* червоний */
.ua-muted{color:#6b7280}



/* hero */
.ua-hero{display:flex; align-items:center; justify-content:space-between; padding:18.5px 16px; border:1px solid var(--border,#e5e7eb); border-radius:12px; background:var(--panel,#fff); margin-bottom:12px}
.ua-hero__id{display:flex;
    /* gap:12px; */
    align-items:center}
.ua-avatar{width:40px;height:40px;border-radius:100% !important;display:grid;place-items:center;font-weight:800;background: #fa3e30; color:var(--text,#0f172a)}

/*.ua-hero__name{font-weight:800}*/
.ua-hero__meta{display:flex; gap:8px; color:var(--muted,#6b7280); font-size:12px}
.tag{padding:2px 8px; border-radius:999px}
.ua-cta{padding:8px 12px;border-radius:10px;font-weight:700}
.ua-cta.success{background:#0f5132;color:#d1fae5}
.ua-cta.danger{background:#fa3e30;color:#fee2e2}

/* kpis */
.ua-kpis{display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:10px; margin-bottom:12px}
.kpi{border:1px solid var(--border,#e5e7eb); border-radius:12px; padding:10px 12px; background:var(--panel,#fff);line-height: 15px;}



.kpi span{color:var(--muted,#6b7280); font-size:12px}
/*
.kpi strong{display:block; font-size:18px; margin-top:6px;}*/

/*
.kpi strong.neg{color:#dc2626}
 .kpi strong.pos{color:#059669} .kpi strong.mut{color:#6b7280}
*/
/* blocks */
.ua-block{border:1px solid var(--border,#e5e7eb); border-radius:12px; padding:14px; background:var(--panel,#fff); margin-bottom:0px}
.block-ttl{font-weight:800; margin-bottom:8px}
.subttl{font-weight:600; margin-bottom:8px}
.row-line{display:grid; grid-template-columns: 160px 1fr auto; align-items:center; gap:10px; padding:6px 0}
.row-line .k{color:var(--muted,#6b7280)}
.icon-btn{border:1px solid var(--border,#e5e7eb); background:transparent; width:32px; height:32px; border-radius:8px}
.row-line.edit{grid-template-columns: 1fr auto auto}

/* chips */
.chips{display:flex; gap:8px; flex-wrap:wrap}
.chip{border:1px solid var(--border,#e5e7eb); border-radius:999px; padding:6px 10px; background:var(--panel,#fff); text-decoration:none}

/* pay */
.ua-pay{display:contents;
    /* grid-template-columns: 1fr 1fr auto; */
    gap:12px; align-items:end}
.ua-pay label{display:grid; gap:6px}
/*.amount-line{display:flex; gap:8px; align-items:center}*/
.pm{width:38px;height:38px;border:1px solid var(--border,#e5e7eb);background:var(--panel,#fff);border-radius:10px}
.presets{display:flex; gap:8px}
.preset{border:1px dashed var(--border,#e5e7eb);    background: var(--panel, #fff);  padding:6px 10px; border-radius:999px}
.pay-btn{height:42px; align-self:end}

@media (max-width: 900px){
    .ua-kpis{grid-template-columns: repeat(2,1fr)}
    .ua-pay{grid-template-columns: 1fr; }
    .pay-btn{position:sticky; bottom:10px}
}
html[data-bs-theme="dark"] .ua-block,
html[data-bs-theme="dark"] .ua-hero{background:#0f1419; border-color:#1c222b}


/* —— CONTACTS ——————————————————————————————— */
.ua-contacts{padding-top:10px}
.ua-contacts .block-ttl{margin-bottom:12px}

.cfield{
//  display:grid;
    grid-template-columns: 200px 1fr;
    gap:12px 16px;
    padding:12px 0;
    border-top:1px dashed var(--border,#e5e7eb);
}
.cfield:first-of-type{border-top:0}
@media (max-width:900px){
    .cfield{grid-template-columns:1fr}
}

.cfield__label{
    display:flex; align-items:center; gap:8px;
    color:var(--muted,#6b7280); font-weight:600;
}
.cfield__label i{opacity:.8}

.cfield__value{
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    min-height:36px;
}
.cfield__value a{color:inherit; text-decoration:none}
.cfield__value a:hover{text-decoration:underline}

.cfield__actions{display:flex; gap:6px}
.icon-btn{
    width:34px; height:34px; border-radius:10px;
    border:1px solid var(--border,#e5e7eb); background:transparent;
    display:grid; place-items:center;
    transition:transform .08s ease, background .12s ease;
}
/*.icon-btn:hover{background:color-mix(in srgb, var(--accent,#e02424) 6%, transparent)}*/
.icon-btn:active{transform:scale(.96)}

.cfield__edit{display:grid; grid-template-columns: 1fr auto; gap:10px}
.cfield__edit-actions{display:flex; gap:8px; align-items:center}

/* темна тема */
html[data-bs-theme="dark"] .cfield{border-color:#1c222b}
html[data-bs-theme="dark"] .icon-btn{border-color:#1c222b}


    .info-index {
        display: none;
    }


.newWrapMin{
    display: grid;
    gap: 10px;
}
/**/

.zero{
    display: grid ;
    gap: 10px;
}

@media (min-width: 991.98px) {
    .newWrapper{
        display: grid
    ;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .zero{
        display: grid ;
        /*    grid-template-columns: repeat(2, minmax(0, 1fr));*/
        gap: 10px;
    }
}

.newWrapMin .ua-kpis .kpia {
    display: contents;
}
.newWrapMin .ua-kpis a {
    text-decoration:none;
}
/**/


.newWrapMin svg {
    height: 25px;
    width:25px;
    color: #ffffff;
    background: #3babab;
    border-radius: 50px;
    padding: 5px;
}
/* .newWrapMin  .onePlus svg {
  background: #26ba4f ;
} */

.newWrapMin .ua-kpis .two svg {
    background: #f87957;
}
.newWrapMin .ua-kpis .three svg {
    background: #2196F3 ;
}
.newWrapMin .ua-kpis .four svg {
    background: #ffae1f ;
}

.newWrapMin .ua-kpis .five svg {
    background: #26ba4f ;
}
/**/
.wrapFlex{
    display: flex;
    align-items: center;
}
.newWrapMin  .minKpi{
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}
.minWrapLine{
    line-height: 1.1;
}
.newWrapMin svg {
    margin-right: 5px;
}
.newWrapMin  .kpi .boldData{
    color: #000;
    font-size: 16px;
}
html[data-bs-theme="dark"] .newWrapMin  .kpi .boldData{
    color: #fff;
}
/**/

.minKpi strong {color:#111;font-weight: 500;}

/**/

.ua-contacts {
    padding-top: 0;
    display: grid;
    padding: 0;
    /* grid-template-columns: repeat(2, minmax(0, 1fr)); */
    gap: 10px;
    background: none;
    border: none;
}
.cfield{
    border-top: none;
    border-radius: 12px;
    padding: 10px 12px;
    background: var(--panel, #fff);
    border: 1px solid var(--border, #e5e7eb);
    background: #fff9e7;
    border: 1px dashed #FFC107 !important;
}
.zero .one, .zero .onePlus { padding: 22px 10px;}

html[data-bs-theme="dark"] .cfield{
    background: #2f2917;
}
html[data-bs-theme="dark"]  .cfield .icon-btn {
    border-color: #fff;
}
/*
html[data-bs-theme="dark"] .minKpi strong{
  color: #fff;
}*/
/**/
.kpi{
    /*  transition: .2s;*/
}
.two strong{
    color: #F77957;
}
.four .kpi strong{
    color: #FFAE1F;
}
.three strong{
    color: #2196F3;
}
.five .kpi strong{
    color: #26BA4F;
}


.two:hover{
    background: #FCE2DB;
}
.four .kpi:hover{
    background: #FFD894;
}
.three:hover{
    background: #8AC4F3;
}
.five .kpi:hover{
    background: #82BA92;
}


html[data-bs-theme="dark"] .two:hover{
    background: #683D31;
}
html[data-bs-theme="dark"] .four .kpi:hover{
    background: #986712;
}
html[data-bs-theme="dark"] .three:hover{
    background: #0F436E;
}
html[data-bs-theme="dark"] .five .kpi:hover{
    background: #135C28;
}


.liqpayLogo img{
    /*width: 300px;*/
    margin: 0 auto;
    /* background: #fff; */
    display: flex
;

}

/**/
.logoWrapper {
    width: 100%;               /* або max-width: 300px — на твій вибір */
    max-width: 100%;
    height: auto;              /* адаптується під контент */
    padding: 12px 16px;
    background: #efefef;
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;   /* або flex-start, якщо зліва */
    align-items: center;

}


.logoWrapper img {
    width: 100%;           /* не вийде за межі */
    height: auto;              /* зберігає пропорції */
    object-fit: contain;
    display: block;
    width: 100%;
    max-width: 400px;
}
/*
html[data-bs-theme="dark"] .liqpayLogo {
  background: #0c0f14;
    border-color: #0c0f14;
}*/


html[data-bs-theme="dark"] .liqpayLogo img {
    filter: none;
}

/* 1) Нехай зображення ніколи не ширше за батька */
.liqpayLogo img {
    display: block;              /* прибирає мікро-оверфлоу від inline-gap */
    max-width: 100%;             /* головний запобіжник */
    width: clamp(120px, 80%, 300px); /* відсотки від батька, НЕ від вікна */
    height: auto;
}

/* 2) Якщо liqpayLogo (або його предок) у flex/grid — дозволь стискання */
.liqpayLogo {
    min-width: 0;
}
.liqpayLogo:where(*) { /* опційно: якщо всередині ще є обгортки */
    min-width: 0;
}

/* 3) На дуже вузьких екранах можна додатково підстрахуватися */
@media (max-width: 380px) {
    .liqpayLogo img {
        width: min(100%, 260px);
    }
}


/**/

html[data-bs-theme="dark"] .liqpayLogo img{
    filter: drop-shadow(2px 4px 6px #1c222b);

}


.liqpayLogo .black {
    display: none;
}
.liqpayLogo .white {
    display: flex;
}

html[data-bs-theme="dark"] .liqpayLogo .black {
    display:flex;
}
html[data-bs-theme="dark"] .liqpayLogo .white {
    display: none;
}

/*buttons*/
.ua-help{margin-top:20px}
.ua-help-grid{
    display:grid;
    grid-template-columns: repeat(1,minmax(0,1fr));
    gap:10px;
}
@media (min-width: 640px){
    .ua-help-grid{grid-template-columns: repeat(2,minmax(0,1fr));}
}
@media (min-width: 1024px){
    .ua-help-grid{grid-template-columns: repeat(3,minmax(0,1fr));}
}

.ua-help-item{
    display:flex; align-items:flex-start; gap:12px;
    padding:12px; border:1px solid var(--border,#e5e7eb);
    border-radius:12px; background:var(--panel,#fff); text-decoration:none;
    position:relative;
    transition: 0s !important;
}
.ua-help-item:hover{
    /*transform: translateY(-1px);*/
    /*box-shadow: 0 6px 16px rgba(0,0,0,.06);*/
    /*border-color: #d7dde5;*/
}
.ua-help-ico{
    width:44px; height:44px; border-radius:12px;
    display:grid; place-items:center; flex:0 0 auto;
}
.ua-help-ico .bi{font-size:20px; color:#0f172a;}
.ua-help-title{font-weight:500; color:var(--text,#0f172a); line-height:1.2}
.ua-help-desc{color:var(--muted,#6b7280); font-size:13px; margin-top:2px}
.ua-help-arrow{
    position:absolute; right:10px; top:50%; transform:translateY(-50%);
    font-size:22px; color:#9aa3af; opacity:.7;
}
html[data-bs-theme="dark"] .ua-help-item{
    background:#0f1419; border-color:#1c222b;
}
html[data-bs-theme="dark"] .ua-help-item:hover{
    border-color:#2a3340; box-shadow: none; background:#111823;
}
html[data-bs-theme="dark"] .ua-help-ico .bi{color:#e7eaf0}
html[data-bs-theme="dark"] .ua-help-desc{color:#9aa3af}



html[data-bs-theme="dark"] .ua-help-ico{
    background: #0a0d11 !important;
}


/*castom css*/

.btn-success:hover{
    background-color: red;
    border-color: red;
}


.btn-success{
    background-color: #da251d;
    border-color: #da251d;
}



html[data-bs-theme="dark"] .newMinWrapper,
html[data-bs-theme="dark"] .presets{

    background: #0f1419 !important;
    border-color: #1c222b !important;
}


.newMinWrapper{
    background: #fff;
    border: 1px solid var(--border, #e5e7eb);
    border-radius: 12px;
    padding: 10px 12px;
    margin-bottom: 0px;
}


.wrapperPay{
    display: grid
;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.presets {

    background: #f0f6f6;
    border-radius: 8px;
    padding: 5px;
    justify-content: center;

}

.liqpayLogo .white,
.liqpayLogo .black
{

    background: #f0f6f6;
    border-radius: 8px;
    padding: 5px;
}


html[data-bs-theme="dark"]
.liqpayLogo .white,
html[data-bs-theme="dark"] .liqpayLogo .black{
    /*background: #0c0f14;*/
    border-color: #0c0f14;
    filter: none;;
    background: #1b2229 !important;
}
.newWrapMin.wrapFlex{
    margin-bottom: 12px;
}

.ua-pay label {
    display: grid;
    gap: 0;

    color: #7f7f7f;
    font-size: .9em;
}
.liqpayLogo img {
    width: clamp(120px, 80vw, 400px);
    height: auto;
    margin: 0;

}
.form-control, .amount-line{
    position: relative;

}

.ua-pay input{
    width: 100%;
}
.ua-pay input{
    padding-left: 40px;
    border-radius: 8px;
}





.newMinWrapper .svPay {    height: 25px;
    color: #ffffff;
    background: #da251d;
    border-radius: 50px;
    padding: 5px;
    transform: translateY(-31px);
    margin-left: 8px;
    pointer-events: none;
}
.newWrapMin.wrapFlex span{
    color: var(--muted, #6b7280);
    font-size: 12px;
}
.newWrapMin.wrapFlex strong{
    font-weight: 300;
}

.newWrapMin.wrapFlex strong b{
    color: #fa3e30 ;
    font-weight: 500;
}

html[data-bs-theme="dark"] .newWrapMin.wrapFlex strong{
    /*color: #fff;*/
    color: var(--muted);
}

#cabPayBtnText {
    text-transform: uppercase;
}

.Paymentlabel{
    margin-top: -25px;
}



/**/
/*
html[data-bs-theme="dark"] #ua-shell .menu a.active {
    background: #26x313b !important;
    color: #ffffff  !important;
}
*/
html[data-bs-theme="dark"] #ua-shell .menu a.active .icon {
    color: #ffffff  !important;
}


/**/
.myTitle, .block-ttl {
    margin-bottom: 10px;
    display: block;
    font-weight: 400;
    width: max-content;
    background: #ffffff;
    padding: 0 5px;
    border-radius: 8px;
    color: #9E9E9E;
    border: 1px solid var(--border, #e5e7eb)
}

html[data-bs-theme="dark"] .myTitle,
html[data-bs-theme="dark"] .block-ttl{
    background: #0f1419;
}




.newMinWrapper .myTitle {
    background: #f0f6f6;
    border: 1px solid var(--border, #e5e7eb);
}



html[data-bs-theme="dark"] .newMinWrapper .myTitle {
    background: #0c0f13;
}
.ua-block.ua-swiper{
    padding-left:0;
    padding-right:0;
}
.card h5{font-weight:800}
/**/


html[data-bs-theme="dark"] .ua-pay input{
    background: #0a0d11;
    border-color: #1c222b;
}
.ua-pay input{
    background: #f0f6f6;
    border-color: #e5e7eb;
}

.newMinWrapper{
    padding: 0;
    background: transparent;
    border: none;
}
.newMinWrapper .myTitle, .myTitle{
    background: #fff;
    color: #7f7f7f;
    font-size: .9em;
}



.newMinWrapper .amount-line .svPay,
.ua-avatar,
.newWrapMin .zero svg,
.newMinWrapper .Loginlabel .svPay,
.btn-success{
    background-color: #fa3e30;
    border-color: #ff1100;
}





html[data-bs-theme="dark"] .newMinWrapper .amount-line .svPay,

html[data-bs-theme="dark"] .ua-avatar,

html[data-bs-theme="dark"] .newWrapMin .zero svg,

html[data-bs-theme="dark"] .newMinWrapper .Loginlabel .svPay,

html[data-bs-theme="dark"] .btn-success{
    background-color: #fa3e30;
    border-color: #ff1100;
}

html[data-bs-theme="dark"] .myTitle, html[data-bs-theme="dark"] .block-ttl{
    background: #0f1419;
}


.liqpayLogo .white, .liqpayLogo .black{
    background: none;
    margin: 10px 0 -20px 0 !important;
}

.presets{
    /*background: none;*/
    border: 1px solid var(--border, #e5e7eb);
    background: var(--panel, #fff);
}
.newMinWrapper .myTitle, .myTitle, .block-ttl{
    border: none;
    color: #111;
    padding: 3px 5px ;
    font-size: .9em;
    border-radius: 8px;
    background: #ffffff;
    border: 1px solid var(--border, #e5e7eb) !important;
    /*background: linear-gradient(90deg, #d8e4e4, #fab39700);*/
}



html[data-bs-theme="dark"] .newMinWrapper .myTitle,

html[data-bs-theme="dark"] .myTitle,

html[data-bs-theme="dark"] .block-ttl{
    color: #fff;
    /*background: linear-gradient(90deg, #1c222b, #fab39700);*/
    background: #151a20;
}

.ua-pay span {
    font-size: .9em;
    margin-bottom: 3px;

}

html[data-bs-theme="dark"] .newMinWrapper{
    background: none;
}
.ua-avatar{
    font-size:.8em;
    font-weight: 500;
}


div, span, button, a{
    border-radius: 8px;

}


/**/
#pay{
    padding: 30px 15px
}

@media (max-width: 550px){

    .wrapperPay {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;

    }
}

.ua-avatar {

    background: #fa3e30 !important;

}

html[data-bs-theme="dark"] .newMinWrapper, html[data-bs-theme="dark"] .presets{
    background: none !important;
}

/**/
.formText
{margin: 0;
    margin-top: -20px;
    font-size: .9em;
    padding: 5px;
    font-weight: 400;
    /* background: #0a0d1175; */
    /*color: #6b7280;*/
    color: var(--muted);
}


.ua-pay span{
    font-size: .8em;

    color: var(--muted);
}

.wrapperPay .btn-success #cabPayBtnText {
    color: #fff;
}

html[data-bs-theme="dark"] .ua-cta.success {
    background: #26313b ;
}
/**/

html[data-bs-theme="dark"] #pay {
    background: #12181e;
}

.liqpayLogo{
    margin-top: -23px;
    display: flex;
    margin-bottom: 25px;
    max-width: 300px;
}
/**/


.pay-copy{margin:0; display:flex; flex-direction:column; gap:4px;
    margin-top: -12px;
    margin-bottom: 10px;
}
.pay-copy .title{font-weight:600; line-height:1.2; white-space:nowrap}
.pay-copy .brand{color:#ff4d4d; font-weight:600}
.pay-copy .sub{opacity:.9; line-height:1.25;
    font-size: .7em;}



.liqpayLogo {
    padding: 0;
    overflow: hidden;
    margin: 0;
    margin-top: 12px;
    margin-bottom: -12px;
}

.liqpayLogo .white, .liqpayLogo .black{
    margin: 0;
}

html[data-bs-theme="dark"] .newMinWrapper .amount-line .svPay, html[data-bs-theme="dark"] .ua-avatar, html[data-bs-theme="dark"] .newWrapMin .zero svg, html[data-bs-theme="dark"] .newMinWrapper .Loginlabel .svPay, html[data-bs-theme="dark"] .btn-success ,
.ua-cta.danger{
    background-color: #26313b;
    border-color: #1b222a;
}

.btn-success {
    min-height: 50px;
}



.wrapperPay {
    display: flex;
    flex-wrap: wrap;
}
.liqpayLogo .white, .liqpayLogo .black{
    margin: 0 !important;
}
/**/
/**/

.service-card {
    /*background: var(--ua-bg2);*/
    border-radius: 12px;
    padding: 12px 16px;
    /*margin-top: 12px;*/
}

.service-card__header {
    /* display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
    cursor: pointer; */
}

.service-card__header i {
    margin-right: 8px;
}

.service-toggle {
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
}

.service-card__body {
    margin-top: 14px;
    padding-top: 12px;
}

.service-info-text {
    margin-top: 10px;
    font-size: 14px;
}

.service-info-text a {
    color: #4fc3ff;
}

/**/

.service-wrapper{
    grid-template-columns: repeat(1, minmax(0, 1fr));
    display: grid;
    gap: 10px;
}

@media (min-width: 640px){
    .service-wrapper{grid-template-columns: repeat(2,minmax(0,1fr));}
}

@media (min-width: 1024px) {
    .service-wrapper {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/**/
.ua-hero  .ua-avatar {
    height: 25px  !important;
    width: 25px  !important;
    min-height: 25px  !important;
    min-width: 25px  !important;
    background-color: #8999a7  !important;
    border-color: #8999a7  !important;
}


html[data-bs-theme="dark"] .ua-hero   .ua-avatar {
    background: #26313b !important;
    border-color: #1b222a;
}
/**/
.ua-cta.danger {
    background: transparent;
    color: var(--text);
    border: none !important;
}
html[data-bs-theme="dark"] .ua-cta.danger {
    color: #fff;
}

.ua-swiper-wrap .card-excerpt{
    display: none;
}

.swiper-pagination{
    display: none;
}

.card-title {
    text-align: center;
    font-weight: 400 !important;
    font-size: 14px;
}

.ua-card .card-thumb > img{
    border-radius: 0 ;
}

html[data-bs-theme="dark"] .service-card{
    background: #0f1419;
    border-color: #1c222b;
}

.service-card {

    /* display: flex;
        align-items: flex-start;
        gap: 12px; */
    padding: 12px;

    border: 1px solid var(--border, #e5e7eb);
    border-radius: 12px;
    background: var(--panel, #fff);
    text-decoration: none;
    position: relative;
    transition: 0s !important;


}
.bg-megogo{
    background-color: #bfebeb !important;
}

html[data-bs-theme="dark"] .ua-help-ico.bg-megogo{
    background-color: #00b2b2 !important;

}


html[data-bs-theme="dark"] .megogo {
    background-color: #1b2229 !important;
}
.service-card__header {
    display: flex;
    align-items: flex-start;
    gap: 12px
}
.megogo {
    background-color: #f0f6f6 !important;
    margin-bottom: 5px !important;
    padding: 10px;
}

#megogoCard .bi.bi-tv{
    margin-right:0;
}
.toggle-arrow:hover{
    cursor: pointer;
}
.toggle-arrow {
    transform: rotate(-90deg);
    transition: transform .25s ease;
}

.toggle-arrow.rotated {
    transform: rotate(0);
}


.service-card__header{
    display: flex;
    align-items: center;

}

.ua-help-body:HOVER{
    cursor: pointer;
}



.service-card__header .toggle-arrow{
    margin-left: auto;
    font-size: 16px;
    line-height: 1;
    display: flex;
    align-items: center;
}


.megogo .cfield__value{
    padding: 5px;
    background-color: #fff;
}

html[data-bs-theme="dark"] .megogo .cfield__value{
    background-color: #0f1419;
}


.cfield__label{
    color: #9aa3af;
    font-weight: 300;
    font-size: 13px;
    margin-bottom: 2px;
}

#postponedCard{
    height: max-content;
}


.service-wrapper .bi.bi-calendar-event {
    margin-right: 0 !important;
}
.service-wrapper .ua-help-ico.bg-postponed{
    background: #ffe9c1 ! IMPORTANT;
}

html[data-bs-theme="dark"] .service-wrapper .ua-help-ico.bg-postponed{
    background: #ffae1f ! IMPORTANT;
}

.service-card-link {
    text-decoration: none !important;
    color: inherit;

}

.service-card__header .ua-help-body {
    flex: 1 1 auto;
}

.service-start-wrapper{
    margin-top: 20px;
}

.news-promotions{
    margin-top: 20px;
    padding: 0;


}
.card-title {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
}

.card-title {
    white-space: nowrap;        /* один рядок */
    overflow: hidden;           /* ховаємо зайвий текст */
    text-overflow: ellipsis;    /* додає "..." */
}
/**/

.cfield__edit{
    margin-top: -37px;
    padding-right: 40px;
    margin-left: -2px;
}

#phoneCancel,
#emailCancel{
    background: #00000042;
    color: #fff;
    text-decoration: none;
}

#phoneCancel:hover,
#emailCancel:hover{
    background: #00000063;
}

@media (max-width: 991.98px) {
    .newMinWrapperTwo{
        margin-top: 20px;
    }
}

.form-control:focus{
    box-shadow: none;
}

/**/

html[data-bs-theme="dark"] .kpi.two,
html[data-bs-theme="dark"] .four .kpi,
html[data-bs-theme="dark"] .kpi.three,
html[data-bs-theme="dark"] .kpia.five .kpi
{
    background: #12181e !important;
}

/**/


.kpi.two,  .four .kpi, .kpi.three, .kpia.five .kpi

{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* max-width: 100%; */
    color: #6b7280;
}
.kpi.two svg,
.four .kpi svg,
.kpi.three svg,
.kpia.five .kpi svg {

    min-width: 25px;

}
.topbar-exit{
    color:var(--muted, #6b7280);
    font-size:.9em;
}
.topbar-exit .text{
    margin-left: 2px;
}
.topbar-exit:hover{
    opacity:.8;
}
@media (min-width: 991.98px) {

    .topbar-exit{
        display: none !important;
    }
}


.btn.btn-success.pay-btn:hover,
#pwdBtn:hover,
.btn-success:hover{
    background-color: #739bbe !important;
    border-color: #739bbe !important;
}