/* ИТ-Диалог · привязка стилей макета (itd-portal.css) к разметке Kadence, Ultimate Member и Events Manager.
 * Подключается после itd-portal.css. Только CSS — шаблоны плагинов не копируются (§4.1 ТЗ). */

/* ---------- 1. Общие конфликты имён с Kadence ---------- */
body.itd{font:400 15px/1.6 var(--sans);color:var(--ink);background:#fff}
body.itd h1,body.itd h2,body.itd h3,body.itd h4{font-family:var(--serif);font-weight:700;color:inherit;letter-spacing:-.01em;line-height:1.2}
body.itd a{text-decoration:none}
/* Kadence: <main id="inner-wrap" class="wrap"> — у макета .wrap = контейнер 1200 px. */
body.itd #inner-wrap.wrap{max-width:none;padding:0;margin:0;display:block}
body.itd .content-container.site-container,body.itd .site-main .content-wrap{max-width:none;padding:0;margin:0}
body.itd .entry.content-bg{background:none;box-shadow:none;border-radius:0}
body.itd .entry-content-wrap{padding:0}
body.itd .itd-content{margin:0}
/* Текстовые страницы (документы, «О сообществе») */
.itd-prose{max-width:760px;font-size:16px;color:var(--mid)}
.itd-prose h2{font-size:26px;margin:32px 0 12px;color:var(--ink)}.itd-prose h3{font-size:20px;margin:24px 0 8px;color:var(--ink)}
.itd-prose p,.itd-prose ul,.itd-prose ol{margin:0 0 16px}.itd-prose ul,.itd-prose ol{padding-left:1.4em}
body.itd .entry-header,body.itd .entry-footer,body.itd .post-navigation,body.itd .comments-area{display:none}
body.itd .content-area{margin:0}

/* ---------- 2. Шапка (Kadence Header Builder → вид .hdr макета) ---------- */
body.itd #masthead{position:sticky;top:0;z-index:40}
body.itd #masthead .site-main-header-wrap .site-header-row-container-inner{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,232,240,.8);box-shadow:0 2px 12px rgba(15,23,42,.03)}
body.itd #masthead .site-container{max-width:var(--wrap);padding:0 32px}
body.itd #masthead .site-main-header-inner-wrap{min-height:80px;gap:32px}
body.itd .site-branding .brand{display:flex;align-items:center;gap:10px;color:var(--ink)}
body.itd .site-branding .brand::before{content:"И";width:44px;height:44px;border-radius:12px;background:var(--br);color:#fff;display:grid;place-items:center;font:700 18px/1 var(--serif);box-shadow:var(--sh);transition:background .15s;flex-shrink:0}
body.itd .site-branding .brand:hover::before{background:var(--br7)}
body.itd .site-branding .site-title{font:700 17px/1 var(--serif);color:var(--ink);margin:0}
body.itd .site-branding .brand:hover .site-title{color:var(--br)}
body.itd .site-branding .site-description{font:600 10px/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--light);margin:3px 0 0}
/* основное меню — «пилюля» макета */
body.itd .main-navigation .primary-menu-container>ul.menu{display:flex;gap:4px;background:rgba(241,245,249,.7);padding:5px;border-radius:12px;border:1px solid rgba(226,232,240,.7);align-self:center;flex:0 1 auto}
body.itd .main-navigation .primary-menu-container>ul>li>a{padding:6px 14px;border-radius:8px;color:var(--mid);font:500 14px/1.6 var(--sans);transition:background .15s,color .15s;border:0;margin:0}
body.itd .main-navigation .primary-menu-container>ul>li>a:hover{color:var(--ink);background:rgba(255,255,255,.6)}
body.itd .main-navigation .primary-menu-container>ul>li.current-menu-item>a,body.itd .main-navigation .primary-menu-container>ul>li.current-menu-ancestor>a,body.itd .main-navigation .primary-menu-container>ul>li.current-page-ancestor>a{background:#fff;color:var(--ink);font-weight:600;box-shadow:0 1px 3px rgba(15,23,42,.08)}
/* правое меню: «Кабинет» или «Войти / Вступить» */
body.itd .secondary-navigation .secondary-menu-container>ul.menu{display:flex;gap:8px;background:none;border:0;padding:0;align-items:center}
body.itd .secondary-navigation ul>li>a{padding:8px 16px;border-radius:var(--r);font:600 13px/1.4 var(--sans);border:1px solid transparent;transition:background .15s,box-shadow .15s}
body.itd .secondary-navigation li.itd-btn>a{background:var(--ac);border-color:var(--ac);color:#fff;box-shadow:var(--sh)}
body.itd .secondary-navigation li.itd-btn>a:hover{background:var(--acdk);border-color:var(--acdk);box-shadow:0 4px 12px rgba(234,88,12,.2)}
body.itd .secondary-navigation li.itd-btn-g>a{background:#fff;color:#1E293B;border-color:var(--bdmid);box-shadow:var(--sh)}
body.itd .secondary-navigation li.itd-btn-g>a:hover{background:#F1F5F9}
body.itd .secondary-navigation li.itd-me>a{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border-radius:8px;color:#334155;font-size:14px;font-weight:600}
body.itd .secondary-navigation li.itd-me>a:hover{background:#F1F5F9;border-color:var(--bd);color:var(--ink)}
body.itd .secondary-navigation li.itd-me .ava{width:34px;height:34px;font-size:12px}
body.itd .secondary-navigation li.itd-me.current-menu-item .ava{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--br6)}
/* мобильная шапка */
body.itd #mobile-header .site-header-row-container-inner{background:#fff;border-bottom:1px solid var(--bd)}
body.itd #mobile-drawer .drawer-inner{background:#0F172A}

/* ---------- 3. Подвал (Kadence Footer Builder → .ftr) ---------- */
body.itd .site-footer{background:var(--dk1);color:#94A3B8;font-size:13px}
body.itd .site-footer .site-bottom-footer-wrap .site-footer-row-container-inner{background:none;border:0}
body.itd .site-footer .site-container{max-width:var(--wrap);padding:32px}
body.itd .site-footer .site-bottom-footer-inner-wrap{padding:0;align-items:center}
body.itd .site-footer p{margin:0}
body.itd .site-footer .footer-navigation ul{display:flex;gap:20px;justify-content:flex-end}
body.itd .site-footer .footer-navigation a{color:#CBD5E1;padding:0;font-size:13px}
body.itd .site-footer .footer-navigation a:hover{color:#fff}

/* ---------- 4. Главная: карточки мероприятий и каталог «Публичные профили» ---------- */

.cov-wrap{position:relative}
.cov-wrap img.evimg{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:16/9}

/* ---------- 5. Events Manager: снимаем обёртки и стили EM, остаётся разметка форматов макета ---------- */
.itd-content .em.em-view-container,.itd-content .em.em-list,.itd-content .em-events-list,.itd-content .em-events-list-grouped{display:contents}
.itd-content .em.pixelbones{font:inherit;color:inherit}
.itd-content .em.pixelbones a{color:inherit}
/* EM ставит a{color:var(--accent-color)!important}: управляем через переменную */
.itd-content .em.pixelbones{--accent-color:var(--br7)}
.itd-content .em.pixelbones a[style*="--ink"]{--accent-color:var(--ink)}
.itd-content .em.pixelbones a.muted,.itd-content .em.pixelbones .muted a{--accent-color:var(--light)}
/* Кнопка EM «Отменить участие» в строках списков — как ссылка макета */
.itd-content .bk-cancel a.button,.itd-content .bk-cancel .button{all:unset;cursor:pointer;font-size:13px;--accent-color:var(--light);color:var(--light)!important}
.itd-content .bk-cancel a.button:hover{--accent-color:var(--ink);color:var(--ink)!important}
.itd-content .em-events-list-grouped>h3.month{margin-top:0}
.evlist{display:flex;flex-direction:column}

/* ---------- 6. Формы Ultimate Member → поля макета (.field/.input/.chk) ---------- */
.itd-form .um{max-width:none!important;margin:0!important;opacity:1!important}
.itd-form .um-form form{display:flex;flex-direction:column;gap:0}
.itd-form .um-row{margin:0 0 28px!important;padding:0!important;border:0!important;background:none!important}
.itd-form .um-row .um-col-1,.itd-form .um-row .um-col-121,.itd-form .um-row .um-col-122{float:none;width:auto}
.itd-form .um-row>.um-col-1{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
.itd-form .um-field{padding:0!important;margin:0;display:flex;flex-direction:column;gap:6px;min-width:0}
.itd-form .um-field.um-is-conditional[style*="display: none"]{display:none!important}
/* во всю ширину — как .field.w макета */
.itd-form :is(.um-field-profile_photo,.um-field-description,.um-field-itd_social_url,.um-field-itd_industry,.um-field-itd_expertise,.um-field-itd_suggest_industry,.um-field-itd_suggest_expertise,.um-field-itd_practice,.um-field-itd_consent_terms,.um-field-itd_consent_rules,.um-field-use_gdpr_agreement,.um-field-checkbox,.um-field-block){grid-column:1/-1}
/* пара «телефон — пусто», пароль с новой строки */
.itd-apply-form .um-field-mobile_number{grid-column:1}
.itd-apply-form .um-field-user_password:not([data-key^="confirm"]){grid-column:1}
.itd-form .um-field-label{margin:0!important;display:flex;flex-direction:column-reverse;gap:6px;border:0!important;padding:0!important}
.itd-form .um-field-label label{font:500 13px/1.4 var(--sans)!important;color:var(--mid)!important;margin:0}
.itd-form .um-field-label .um-req{color:var(--ac);font-weight:600;margin-left:4px}
.itd-form .um-field-label .um-clear{display:none}
/* подсказка UM (tooltip) → строка под полем, как <small> макета */
.itd-form .um-field{position:relative}
.itd-form .um-tip{position:static;order:3;cursor:default;float:none;margin:0}
.itd-form .um-tip i{display:none}
.itd-form .um-tip::after{content:attr(title);font-size:12px;color:var(--light);line-height:1.4}
.itd-form .um-field .um-field-area{order:2}
.itd-form .um-field .um-field-label{order:1}
.itd-form .um-field-area{padding:0;margin:0}
.itd-form .um-form-field,.itd-form .um-field-area input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.itd-form .um-field-area textarea,.itd-form .select2-container .select2-selection{height:48px!important;border:1px solid var(--bdmid)!important;border-radius:12px!important;background:#fff!important;padding:0 14px!important;width:100%!important;font:400 14px/1.4 var(--sans)!important;color:var(--ink)!important;box-shadow:none!important;transition:border-color .15s,box-shadow .15s}
.itd-form .um-field-area textarea{height:120px!important;padding:12px 14px!important;resize:vertical}
.itd-form .um-form-field:focus,.itd-form .um-field-area textarea:focus{outline:0!important;border-color:var(--br6)!important;box-shadow:0 0 0 3px var(--br100)!important}
.itd-form .um-form-field::placeholder{color:#94A3B8}
.itd-form .select2-container .select2-selection--multiple{height:auto!important;min-height:48px;padding:6px 10px!important}
.itd-form .select2-container .select2-selection--single .select2-selection__rendered{line-height:46px;padding:0}
.itd-form .select2-container--default .select2-selection--multiple .select2-selection__choice{background:var(--br50);border:1px solid var(--br200);color:var(--br);border-radius:9999px;font-size:13px;padding:2px 10px;margin:4px 6px 0 0}
.itd-form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:var(--br);border:0;margin-right:4px}
.um-field .select2-container{width:100%!important}
/* заголовки разделов формы (строки UM) — как шаги макета */
.itd-form .um-form form{counter-reset:itdstep}
.itd-form .um-row-heading{counter-increment:itdstep;display:flex;align-items:center;gap:10px;margin:8px 0 18px!important;padding:0 0 12px!important;border:0!important;border-bottom:1px solid var(--bd)!important;background:none!important;color:var(--ink)!important;font:600 16px/1.3 var(--sans)!important}
.itd-form .um-row-heading::before{content:counter(itdstep);width:28px;height:28px;border-radius:10px;background:var(--br50);color:var(--br);display:grid;place-items:center;font:600 13px var(--sans);flex-shrink:0}
.itd-form .um-row-heading .um-row-heading-icon{display:none}
/* чекбоксы согласий и GDPR — как .chk */
.itd-form .um-field-checkbox .um-field-label{display:none}
.itd-form .um-field-checkbox-option,.itd-form .um-gdpr-agreement label,.itd-form .um-field-checkbox label{font-size:14px!important;color:var(--ink);line-height:1.5}
.itd-form .um-field-checkbox-state,.itd-form .um-field-radio-state{color:var(--br6)!important}
.itd-form .um-gdpr-agreement,.itd-form .um-field-use_gdpr_agreement{margin:0 0 12px}
.itd-form .um-gdpr-content{font-size:13px;color:var(--mid);background:var(--bg);border-radius:12px;padding:12px 16px}
.itd-form a.um-toggle-gdpr{font-size:13px}
/* фото: блок загрузки как .upl */
.itd-form .um-field-image .um-field-area{text-align:left!important;display:flex;gap:16px;align-items:center;border:1.5px dashed var(--bdmid);border-radius:var(--r2);padding:16px;background:var(--bg)}
.itd-form .um-field-image .um-single-image-preview:not([style*="block"]){display:none}
/* кнопки UM → .btn */
.itd-form .um-center,.itd-form .um-left,.itd-form .um-right,.itd-form .um-half{float:none;width:auto;margin:0;padding:0}
.itd-form .um-col-alt{display:flex;justify-content:space-between;gap:12px;padding-top:20px;border-top:1px solid var(--bd);margin:0}
.itd-form input.um-button,.itd-form .um-button,.itd-form a.um-button{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-width:0!important;width:auto!important;height:auto!important;padding:12px 24px!important;border-radius:var(--r)!important;background:var(--ac)!important;color:#fff!important;font:600 14px/1.2 var(--sans)!important;border:1.5px solid var(--ac)!important;box-shadow:var(--sh);cursor:pointer;text-transform:none!important;transition:background .15s,box-shadow .15s}
.itd-form input.um-button:hover,.itd-form .um-button:hover{background:var(--acdk)!important;border-color:var(--acdk)!important;box-shadow:0 4px 12px rgba(234,88,12,.2)}
.itd-form .um-button.um-alt,.itd-form .um-field-image a.um-button{background:#fff!important;color:#1E293B!important;border:1px solid var(--bdmid)!important}
.itd-form .um-field-error{background:none!important;color:#b91c1c!important;padding:0!important;font-size:12px;margin:2px 0 0!important}
.itd-form .um-field-error .um-field-arr{display:none}
.itd-form .um-notice{border-radius:12px;padding:12px 16px!important;font-size:14px;margin:0 0 16px!important}
.itd-form .um-notice.err{background:#fef2f2!important;color:#991b1b!important}
.itd-form .um-notice.success{background:#ecfdf5!important;color:#065f46!important}
/* карточка входа */
.auth-card.itd-form .um-row>.um-col-1{grid-template-columns:1fr}
.auth-card.itd-form .um-col-alt{border:0;padding:0;flex-direction:column}
.auth-card.itd-form input.um-button{width:100%!important}
.auth-card .auth-links{display:flex;justify-content:space-between;font-size:13px}
.auth-card .um-field-c .um-field-checkbox-option{font-size:14px}
.auth-card .um-field-c{margin:0 0 4px!important}
/* капча */
.itd-captcha{margin:0 0 20px;grid-column:1/-1}
.itd-captcha--test{padding:12px 16px;border:1px dashed var(--bdmid);border-radius:12px;background:var(--bg)}
/* адаптив */
@media (max-width:760px){.itd-form .um-row>.um-col-1{grid-template-columns:1fr}.itd-form .um-field{grid-column:1/-1!important}}

/* ---------- 7. Вкладки мероприятий ---------- */
.evtabs .evtab{display:none}
.evtabs .evtab.on,.evtabs:not(:has(.evtab.on)) .evtab:first-of-type{display:block}
.bar{position:relative}
.bar[style*="--s"]>i{display:block;width:calc(min(var(--b) / var(--s), 1) * 100%)}

/* 8. Каталоги UM (вид «itd»): сетка карточек, панель поиска и фильтров, пагинация — макет «Резиденты клуба» */
.um-directory .um-members-wrapper .um-members.itd-members{display:grid;gap:20px;margin:0;padding:0;align-items:stretch!important}
.um-directory .um-members-wrapper .um-members.itd-members.mgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.um-directory .um-members-wrapper .um-members.itd-members.grid4{grid-template-columns:repeat(4,minmax(0,1fr))}
.itd-members .mcard{text-decoration:none}
.itd-members .mcard .ava-photo img,.mcard .ava-photo img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.itd-members .mcard .tags,.itd-home-residents .mcard .tags{display:flex;flex-wrap:wrap;gap:6px}
.itd-members .mcard .tag{pointer-events:none}
.um-directory .um-members-wrapper{padding:0!important}
.itd-dir .um,.itd-home-residents .um{max-width:none!important;margin:0!important;padding:0!important}
.itd-dir .um-directory{opacity:1}
/* панель: поиск (2fr) · фильтры (3 × 1fr) · сортировка (1fr) — одна строка, как .toolbar */
.itd-dir .um-directory .um-member-directory-header{display:grid!important;flex-direction:initial!important;grid-template-columns:minmax(0,2fr) minmax(0,3fr) minmax(0,1fr);gap:10px;align-items:start!important;margin:0 0 12px!important}
.itd-dir .um-member-directory-header-row{margin:0!important;padding:0!important;width:auto!important}
.itd-dir .um-member-directory-search-row{order:1}
.itd-dir .um-member-directory-filters-bar{order:2}
.itd-dir .um-member-directory-header-row:not(.um-member-directory-search-row):not(.um-member-directory-filters-bar):not(.um-header-row-invisible){order:3}
.itd-dir .um-header-row-invisible,.itd-dir .um-member-directory-header-row:has(.um-filtered-line){order:4;grid-column:1/-1}
.itd-dir .um-member-directory-search-row{display:block!important}
.itd-dir .um-member-directory-search-line{display:block!important;width:100%!important;max-width:none!important}
.itd-dir .um-member-directory-search-line label{display:block;width:100%!important;max-width:none!important;margin:0!important}
.itd-dir .um-member-directory-search-line label span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.itd-dir .um-search-line{box-sizing:border-box!important;height:44px!important;min-height:44px!important;margin:0!important;border:1px solid var(--bd)!important;border-radius:var(--r)!important;background:#fff!important;padding:0 14px!important;width:100%!important;font:400 14px var(--sans)!important;box-shadow:none!important}
.itd-dir .um-search-line:focus{outline:2px solid var(--acmid)!important;border-color:var(--ac)!important}
.itd-dir .um-do-search{display:none!important}
.itd-dir .um-search{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0!important;padding:0!important}
.itd-dir .um-search-filter{width:auto!important;margin:0!important;padding:0!important;float:none!important}
.itd-dir .um-search-filter .select2-container{width:100%!important}
.itd-dir .select2-container .select2-selection--single{height:44px!important;border:1px solid var(--bd)!important;border-radius:var(--r)!important;background:#fff!important;padding:0 14px!important}
.itd-dir .select2-container .select2-selection--single .select2-selection__rendered{line-height:42px!important;padding:0!important;font-size:14px;color:var(--mid)}
.itd-dir .select2-container .select2-selection__arrow{height:42px!important;right:8px!important}
.itd-dir .um-member-directory-nav-line{display:block!important;margin:0!important;padding:0!important}
.itd-dir .um-member-directory-header-row .um-member-directory-sorting{margin:0!important}
.itd-dir .um-member-directory-sorting{position:relative;height:44px;border:1px solid var(--bd);border-radius:var(--r);background:#fff;padding:0 14px;display:flex!important;align-items:center;font-size:14px;color:var(--mid);white-space:nowrap;overflow:hidden}
.itd-dir .um-member-directory-sorting>span{display:none}
.itd-dir .um-member-directory-sorting-a{display:flex;align-items:center;justify-content:space-between;width:100%;gap:6px}
.itd-dir .um-member-directory-sorting-a-text{color:var(--ink)!important;text-decoration:none!important}
.itd-dir .um-new-dropdown{z-index:20}
.itd-dir .um-filtered-line{margin:0!important}
.itd-dir .um-members-intro{margin:0 0 20px}.itd-dir .um-members-intro .um-members-total{font-size:13px!important;line-height:1.4!important;color:var(--light)!important;text-align:left!important;padding:0!important}
/* пагинация → .pager */
.itd-dir .um-members-pagination-box{margin-top:32px}
.itd-dir .um-members-pagi{display:flex!important;gap:6px;justify-content:center}
.itd-dir .um-members-pagi .pagi{min-width:36px;height:36px;display:grid!important;place-items:center;border:1px solid var(--bd)!important;border-radius:var(--r)!important;color:var(--mid)!important;font-size:14px;padding:0 10px!important;margin:0!important;background:#fff!important;line-height:1!important}
.itd-dir .um-members-pagi .pagi.current{background:var(--ac)!important;border-color:var(--ac)!important;color:#fff!important}
.itd-dir .um-members-pagi .pagi.disabled{opacity:.4}
.itd-dir .um-members-pagidrop{display:none!important}
@media (max-width:1000px){.um-directory .um-members-wrapper .um-members.itd-members.mgrid,.um-directory .um-members-wrapper .um-members.itd-members.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.itd-dir .um-directory .um-member-directory-header{grid-template-columns:1fr 1fr}.itd-dir .um-member-directory-filters-bar{grid-column:1/-1}}
@media (max-width:640px){.um-directory .um-members-wrapper .um-members.itd-members.mgrid,.um-directory .um-members-wrapper .um-members.itd-members.grid4{grid-template-columns:1fr}.itd-dir .um-directory .um-member-directory-header,.itd-dir .um-search{grid-template-columns:1fr}}

/* 9. Мероприятия: вкладки-ссылки как .filters button; кнопки .btn внутри обёрток EM (EM красит все ссылки через --accent-color!important) */
.filters a{border:0;margin:0;padding:7px 14px;border-radius:8px;color:var(--mid);font-weight:500;font-size:14px;white-space:nowrap;text-decoration:none}
.filters a:hover{color:var(--ink);background:rgba(255,255,255,.6)}
.filters a.on{background:#fff;color:var(--ink);font-weight:600;box-shadow:0 1px 3px rgba(15,23,42,.08)}
.itd-content .em.pixelbones a.btn{--accent-color:#fff;text-decoration:none}
.itd-content .em.pixelbones a.btn.o{--accent-color:var(--ac)}
.itd-content .em.pixelbones a.btn.g{--accent-color:#1E293B}
.itd-content .em.pixelbones a.tag{--accent-color:inherit}
body.itd .ev h3{font:600 18px/1.4 var(--sans);margin-bottom:6px}
/* Кнопки EM (#_BOOKINGBUTTON) в карточке события — как .btn / .btn.g макета */
.regbox .itd-bookbtn .em-booking-button,.regbox .bk-cancel .button{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;padding:12px 24px;border-radius:var(--r);font:600 14px/1.2 var(--sans);text-decoration:none;cursor:pointer;transition:background .15s,box-shadow .15s}
.regbox .itd-bookbtn .em-booking-button{background:var(--ac);border:1.5px solid var(--ac);color:#fff;box-shadow:var(--sh)}
.regbox .itd-bookbtn .em-booking-button:hover{background:var(--acdk);border-color:var(--acdk);color:#fff}
.itd-content .regbox .bk-cancel a.button{all:unset;display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;padding:12px 24px;border-radius:var(--r);font:600 14px/1.2 var(--sans);cursor:pointer;background:#fff;color:#1E293B!important;border:1px solid var(--bdmid)}
.itd-content .regbox .bk-cancel a.button:hover{background:#F1F5F9}
