.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-vertical > .swiper-wrapper{flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}
.swiper-container-multirow > .swiper-wrapper{flex-wrap:wrap}
.swiper-container-multirow-column > .swiper-wrapper{flex-wrap:wrap;flex-direction:column}
.swiper-container-free-mode > .swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.swiper-container-pointer-events{touch-action:pan-y}
.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.mfn-product-gallery .swiper-slide img{display: block;}
.mfn-thumbnails-bottom .swiper-slide{ width: 25%; } body {
--mfn-woo-border-radius-box: 8px; --mfn-woo-body-color: #626262; --mfn-woo-heading-color: #626262; --mfn-woo-themecolor: #0089F7; --mfn-woo-bg-themecolor: #0089F7; --mfn-woo-border-themecolor: #0089F7;  --mfn-woo-bg-box: rgba(0,0,0,.03);
--mfn-woo-border: rgba(0,0,0,.08);
--mfn-woo-text-option-color: rgba(0,0,0,.5);
--mfn-woo-text-option-color-hover: rgba(0,0,0,.8);
--mfn-woo-icon-option: rgba(0,0,0,.8);
}
body.content-brightness-dark {
--mfn-woo-bg-box: rgba(255,255,255,.03);
--mfn-woo-border: rgba(255,255,255,.08);
--mfn-woo-text-option-color: rgba(255,255,255,.5);
--mfn-woo-text-option-color-hover: rgba(255,255,255,.8);
--mfn-woo-icon-option: rgba(255,255,255,.8);
} .woocommerce #customer_login h2{font-size:30px;line-height:40px;font-weight:400;letter-spacing:0px} .woocommerce .woocommerce-order-details__title,
.woocommerce .wc-bacs-bank-details-heading,
.woocommerce .woocommerce-customer-details h2{font-size:20px;line-height:30px;font-weight:600;letter-spacing:0px;color:#161922;}   .woocommerce table{display:table;visibility:visible}
.woocommerce table th{font-size:100%}
.woocommerce-demo-store p.demo_store{top:0} .woocommerce div.product p.price ins,
.woocommerce div.product span.price ins,
.woocommerce ul.products li.product .price ins,
.woocommerce .column_product_price .price ins { text-decoration:none; }
.woocommerce div.product p.price del,
.woocommerce div.product span.price del,
.woocommerce ul.products li.product .price del,
.woocommerce .column_product_price .price del{font-size:80%; margin-right:5px;}
.shop-hide-price .product p.price,
.shop-hide-price ul.products li.product .price,
.shop-hide-price .column_product_price,
.shop-catalogue .column_product_cart_button{display:none} .woocommerce .pager { margin-bottom: 40px; } .woocommerce .cart-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 10px; }
.woocommerce .cart-empty .cart-empty-icon i { display: inline-block; font-size: 50px; margin-bottom: 20px; }
.woocommerce .cart-empty .cart-empty-icon svg { width: 70px; }
.woocommerce .cart-empty .cart-empty-icon { opacity: .15; margin: 0; } .mfn-wish-button{ margin: 0 10px; line-height: 1; position: relative; border: 0; cursor: pointer; }
.mfn-wish-button svg { width: 30px; }
.mfn-wish-button .path { stroke: rgba(0,0,0,.15); transition: stroke 0.2s ease-out; }
.mfn-wish-button:hover .path { stroke: rgba(0,0,0,.3); }
.mfn-wish-button.loved svg { animation-name: add-to-wishlist; animation-duration: 1000ms; } .product-loop-thumb .image_links .mfn-wish-button { margin: 0; }
.product-loop-thumb .mfn-wish-button.mfn-abs-top { position: absolute; right: 15px; top: 18px; z-index: 3; margin: 0; } .wishlist { padding: 50px 0 40px; }
.wishlist .wishlist-row{ display: flex; align-items: center; margin-bottom: 40px; border-bottom: 1px solid var(--mfn-woo-border); }
.wishlist .wishlist-row .product-loop-thumb{position:relative}
.wishlist .wishlist-row:last-of-type { margin-bottom: 0; border-bottom: 0; }
.wishlist .wishlist-row .price { font-size: 30px; line-height: 30px; }
.wishlist .wishlist-row .product_meta > span { margin-right: 10px; }
.wishlist .wishlist-row .wishlist-options { text-align: center; }
.wishlist .wishlist-row .wishlist-options .add_to_cart_button { margin-bottom: 20px; }
.wishlist .wishlist-row .wishlist-options .add_to_cart_button.added { display: none; }
.wishlist .wishlist-row .wishlist-options .added_to_cart { display: inline-block; padding-top: 0; margin-bottom: 20px; position: relative }
.wishlist .wishlist-row .wishlist-options .added_to_cart:after { content: '\e917'; font-family: "mfn-icons"; position: absolute; right: -20px; top: 0; }
.wishlist .wishlist-row .wishlist-options .mfn-li-product-row-button { display: flex; flex-direction: column; align-items: center; }
.wishlist .wishlist-info{text-align:center;width:100%;margin-bottom:30px}
.wishlist .image_frame.product-loop-thumb { position: relative; } .mfn-footer-stickymenu{display:none;width:100%;position:fixed;bottom:0;left:0;background-color:#fff;z-index:9999;text-align:center;box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1);}
.mfn-footer-stickymenu ul{padding:0;margin:0;list-style-type:none;display:flex;justify-content:space-evenly;align-items: center;}
.mfn-footer-stickymenu ul li{flex-grow:1;flex-basis:0;}
.mfn-footer-stickymenu ul li a{padding:20px 15px;text-decoration: none;line-height: 0;display: flex; align-items: center; justify-content: center;}
.mfn-footer-stickymenu ul li a img,
.mfn-footer-stickymenu ul li a svg{height:30px;line-height:1;width:auto;display:inline-block;}
.mfn-footer-stickymenu ul li a i{font-size: 22px;}
.mfn-footer-stickymenu ul li a img { border-radius: 100%; }
.mfn-footer-stickymenu ul li a .sm-item{display:none;font-size:11px;line-height:1.3em;padding-top:0}
.mfn-footer-stickymenu ul li a .header-wishlist-count,
.mfn-footer-stickymenu ul li a .header-cart-count{ position:relative;margin-left:-5px;top:-10px;display:inline-block;width:18px;line-height:18px;text-align:center;font-size:11px;background-color:var(--mfn-woo-bg-themecolor);color:#fff;border-radius:100% }
.mfn-footer-stickymenu ul li a .header-cart-count { margin-left:-7px; }
.mfn-hidden-icon-count #Top_bar .header-cart-count.mfn-header-icon-0, .mfn-hidden-icon-count #Top_bar .header-cart-count.mfn-header-icon-0 ~ .header-cart-total{ display: none !important }
.mfn-footer-stickymenu ul li a, .mfn-footer-stickymenu ul li a .path { color: rgba(0,0,0,.8); stroke: rgba(0,0,0,.8); }
@media only screen and (max-width: 767px){
.mfn-footer-stickymenu{display:block;}
.footer-menu-sticky #Footer { padding-bottom: 70px; }
.ofcs-mobile .sidebar{display: none;}
.mfn-all-shop-filters-disabled.ofcs-mobile .shop-filters{ display: flex; }
.footer-menu-sticky .mfn-fake-sale-noti{ bottom: 90px; }
} .mfn-popup-quickview {}
.mfn-popup-quickview .mfn-close-icon{position:absolute;top: 15px; right: 15px;}
.mfn-popup-quickview .mfn-popup-content-wrapper{display:flex}
.mfn-popup-quickview .mfn-popup-content-col { width: 50%; }
.mfn-popup-quickview .mfn-popup-content-photos { position: relative; }
.mfn-popup-quickview .mfn-popup-content-photos .slick-arrow { position: absolute; }
.mfn-popup-quickview .mfn-popup-content-photos .slick-prev { top: 50%; left: 10px; transform: translateY(-50%); }
.mfn-popup-quickview .mfn-popup-content-photos .slick-next { top: 50%; right: 10px; transform: translateY(-50%); }
.mfn-popup-quickview .mfn-popup-content-photos img,
.mfn-popup-quickview .mfn-popup-content-photos .mfn-qs-one{display:block!important}
.mfn-popup-quickview .mfn-popup-content-photos img{ width: 100%; }
.mfn-popup-quickview .mfn-popup-content-text .mfn-popup-content-text-wrapper { padding: 30px 50px 30px 30px; box-sizing: border-box; overflow-y: auto; height: 100%; }
.mfn-popup-quickview .mfn-popup-content-text .heading { margin-bottom: 7px; }
.mfn-popup-quickview .product .mfn-popup-content-text p.price { color: var(--mfn-woo-themecolor); }
.mfn-popup-quickview .mfn-popup-content-text .excerpt { margin-bottom: 15px; }
.mfn-variable-swatches .mfn-popup-quickview .variations{display:none}
.mfn-quick-view-opened { overflow: hidden; padding-right: 15px; } .mfn-quick-view-opened #Top_bar.is-sticky .container { padding-right: 15px; } .woocommerce #respond input#submit.added:after,
.woocommerce a.button.added:after,
.woocommerce button.button.added:after,
.woocommerce input.button.added:after{font-family:WooCommerce;content:"\e017"}
a.button.mfn-dynamic-data-add-to-cart.loading{ opacity: .25; padding-right: 2.618em; }
a.button.mfn-dynamic-data-add-to-cart.loading:after{font-family: WooCommerce; content: "\e01c"; vertical-align: middle; font-weight: 400; position: absolute; top: 50%; margin-top: -0.5em; right: 1em; animation: spin 2s linear infinite }
a.button.mfn-dynamic-data-add-to-cart.added:after{font-family: WooCommerce; content: "\e017"; margin-left: .53em; vertical-align: bottom }
.column_button .mcb-item-button-inner .added_to_cart.wc-forward{ display: none; } .woocommerce .comment-form-rating { display: flex; align-items: center; margin-bottom: 15px; }
.woocommerce .comment-form-rating label { flex-shrink: 0; }
.woocommerce .comment-form-rating p.stars { width: 100%; }
.woocommerce .comment-form-rating p.stars > span { display: flex; }
.woocommerce .comment-form-rating p.stars a { flex: 1; width: auto; height: auto; color: inherit; padding: 15px 5px 10px; margin: 0 10px; font-size: 16px; background-color: rgba(0,0,0,.01); border-radius: 5px; text-align: center; text-indent: 0; }
.woocommerce .comment-form-rating p.stars a:before { display: block; position: static; font-size: 26px; margin: 0 auto 5px; transition: all 0.3s ease-in-out 0s; }
.woocommerce .comment-form-rating p.stars a:hover:before { animation-name: star-rating; animation-duration: 1000ms; } .woocommerce #reviews #comments > :first-child { border-top: 0; padding-top: 0; }
.woocommerce #reviews #comments .woocommerce-Reviews-title { margin-bottom: 15px; }
.woocommerce #reviews #comments ol.commentlist {}
.woocommerce #reviews #comments ol.commentlist li {}
.woocommerce #reviews #comments ol.commentlist li img.avatar { position: absolute; left: 25px; top: 13px; width: 50px; padding: 0; border: 0; }
.woocommerce #reviews #comments ol.commentlist li .comment-text { background-color: rgba(0,0,0,.02); border: 0; margin-left: 0; padding: 0; }
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { padding: 25px 115px 25px 90px; font-size: 1em; margin: 0; border-bottom: 1px solid rgba(0,0,0,.05); }
.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating { position: absolute; right: 25px; top: 30px; }
.woocommerce #reviews #comments ol.commentlist li .comment-text .description { padding: 25px 25px 10px; }
.woocommerce #reviews #review_form_wrapper { margin-top: 20px; }
.woocommerce #reviews #review_form_wrapper .comment-form { position: relative; margin-top: 20px; }
.woocommerce #reviews #review_form_wrapper .comment-form label { font-weight: 500; margin-right: 10px; }
.woocommerce #reviews #review_form_wrapper .comment-form .comment-form-comment label { display: none; }
.woocommerce #reviews #review_form_wrapper .comment-form .comment-form-comment textarea { height: 150px; }
.woocommerce #reviews #review_form_wrapper .comment-form .form-submit input[type="submit"] { width: 100%; }
.woocommerce #reviews #review_form_wrapper .comment-form .comment-form-author,
.woocommerce #reviews #review_form_wrapper .comment-form .comment-form-email { display: flex; align-items: center; }
.woocommerce #reviews #review_form_wrapper .comment-form .comment-form-author input,
.woocommerce #reviews #review_form_wrapper .comment-form .comment-form-email input { margin: 0; }
@media only screen and (max-width: 767px) {
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { padding-right: 100px; }
.shop-mobile-review-avatar-hide #reviews #comments ol.commentlist li .comment-text p.meta { padding-left: 25px; }
.shop-mobile-review-avatar-hide #reviews #comments ol.commentlist li img.avatar { display: none; }
} .woocommerce .mfn-product-gallery { display: flex; position: relative; }
.woocommerce .mfn-product-gallery .flex-control-thumbs{display: none;}
.woocommerce .mfn-product-gallery .mfn-flex-control-thumbs-wrapper .flex-control-thumbs  { display: flex; }
.woocommerce .mfn-product-gallery .mfn-flex-control-thumbs-wrapper .flex-control-thumbs li{list-style:none; box-sizing: border-box;}
.woocommerce .mfn-product-gallery :not(.mfn-scroller-active) .flex-control-thumbs { transform: translate3d(0,0,0) !important; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image{ overflow: hidden; } .woocommerce-product-gallery{
--mfn-swiper-arrow-offset: 0;
}
.woocommerce-product-gallery .mfn-arrows-absolute .mfn-swiper-arrow.swiper-button-prev{ left: var(--mfn-swiper-arrow-offset); }
.woocommerce-product-gallery .mfn-arrows-absolute .mfn-swiper-arrow.swiper-button-next{ right: var(--mfn-swiper-arrow-offset); }
.woocommerce .mfn-product-gallery .swiper-button-disabled{ opacity: 0; pointer-events: none; }
.woocommerce div.product div.images .mfn-scroller-active { overflow: hidden; }
.woocommerce div.product div.images .mfn-scroller-active .flex-control-thumbs { overflow: unset; }
.woocommerce .mfn-product-gallery .mfn-scroller-active ol,
.woocommerce .mfn-product-gallery .mfn-scroller-active ol img { cursor:move !important; }
.woocommerce div.product div.images .flex-control-thumbs li{ position: relative; overflow: hidden;  }
.woocommerce .mfn-product-gallery.mfn-thumbnails-overlay .mfn-flex-control-thumbs-wrapper { position: absolute; z-index: 1; }
.woocommerce .mfn-product-gallery.mfn-thumbnails-left .mfn-flex-control-thumbs-wrapper { order: 1; }
.woocommerce .mfn-product-gallery.mfn-thumbnails-left .flex-viewport { order: 2; } .woocommerce .mfn-product-gallery.mfn-thumbnails-left .flex-control-thumbs,
.woocommerce .mfn-product-gallery.mfn-thumbnails-right .flex-control-thumbs { flex-direction: column;; }
.woocommerce .mfn-product-gallery.mfn-thumbnails-left .flex-control-thumbs li,
.woocommerce .mfn-product-gallery.mfn-thumbnails-right .flex-control-thumbs li { width: 100% !important; opacity: 0;}
.woocommerce .mfn-product-gallery.mfn-thumbnails-left .flex-control-thumbs li:last-child, .woocommerce .mfn-product-gallery.mfn-thumbnails-right .flex-control-thumbs li:last-child{margin-bottom: 0 !important;}
.woocommerce .mfn-product-gallery.mfn-thumbnails-left .mfn-scroller-active .flex-control-thumbs li,
.woocommerce .mfn-product-gallery.mfn-thumbnails-right .mfn-scroller-active .flex-control-thumbs li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden;}
.woocommerce .mfn-product-gallery.mfn-thumbnails-left .mfn-scroller-active .flex-control-thumbs li img,
.woocommerce .mfn-product-gallery.mfn-thumbnails-right .mfn-scroller-active .flex-control-thumbs li img { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -o-object-fit: cover; object-fit: cover;}
.woocommerce .mfn-product-gallery.mfn-thumbnails-left .mfn-flex-control-thumbs-wrapper,
.woocommerce .mfn-product-gallery.mfn-thumbnails-right .mfn-flex-control-thumbs-wrapper { display: flex; flex: 0 0 16%; max-width: 16%; }
.woocommerce .mfn-product-gallery.mfn-thumbnails-left.mfn-left-top .mfn-flex-control-thumbs-wrapper,
.woocommerce .mfn-product-gallery.mfn-thumbnails-right.mfn-right-top .mfn-flex-control-thumbs-wrapper { align-items: flex-start; }
.woocommerce .mfn-product-gallery.mfn-thumbnails-left.mfn-left-center .mfn-flex-control-thumbs-wrapper,
.woocommerce .mfn-product-gallery.mfn-thumbnails-right.mfn-right-center .mfn-flex-control-thumbs-wrapper { align-items: center; }
.woocommerce .mfn-product-gallery.mfn-thumbnails-left.mfn-left-bottom .mfn-flex-control-thumbs-wrapper,
.woocommerce .mfn-product-gallery.mfn-thumbnails-right.mfn-right-bottom .mfn-flex-control-thumbs-wrapper { align-items: flex-end; } .woocommerce .mfn-product-gallery.mfn-thumbnails-bottom { flex-direction: column; }
.woocommerce .mfn-product-gallery.mfn-thumbnails-bottom.mfn-bottom-left .flex-control-thumbs { justify-content: flex-start; }
.woocommerce .mfn-product-gallery.mfn-thumbnails-bottom.mfn-bottom-center .flex-control-thumbs { justify-content: center; }
.woocommerce .mfn-product-gallery.mfn-thumbnails-bottom.mfn-bottom-right .flex-control-thumbs { justify-content: flex-end; }
.woocommerce div.product div.images.mfn-thumbnails-bottom .flex-control-thumbs:not(.mfn-scroller-active) li{ width: 20%; } .woocommerce .mfn-product-gallery.mfn-mim-0{--mfn-woo-gallery-margin:0px}
.woocommerce .mfn-product-gallery.mfn-mim-2{--mfn-woo-gallery-margin:2px}
.woocommerce .mfn-product-gallery.mfn-mim-5{--mfn-woo-gallery-margin:5px}
.woocommerce .mfn-product-gallery.mfn-mim-10{--mfn-woo-gallery-margin:10px}
.woocommerce .mfn-product-gallery.mfn-mim-15{--mfn-woo-gallery-margin:15px}
.woocommerce .mfn-product-gallery.mfn-mim-20{--mfn-woo-gallery-margin:20px}
.woocommerce .mfn-product-gallery.mfn-mim-25{--mfn-woo-gallery-margin:25px}
.woocommerce .mfn-product-gallery.mfn-mim-30{--mfn-woo-gallery-margin:30px}
.woocommerce div.product .mfn-product-gallery:not(.mfn-thumbnails-overlay).mfn-thumbnails-left .mfn-flex-control-thumbs-wrapper  { margin-right: var(--mfn-woo-gallery-margin); }
.woocommerce div.product .mfn-product-gallery:not(.mfn-thumbnails-overlay).mfn-thumbnails-right .mfn-flex-control-thumbs-wrapper  { margin-left: var(--mfn-woo-gallery-margin); }
.woocommerce div.product .mfn-product-gallery:not(.mfn-thumbnails-overlay).mfn-thumbnails-bottom .mfn-flex-control-thumbs-wrapper  { margin-top: var(--mfn-woo-gallery-margin); }
.woocommerce div.product .mfn-product-gallery.mfn-thumbnails-overlay.mfn-thumbnails-left .mfn-flex-control-thumbs-wrapper,
.woocommerce div.product .mfn-product-gallery.mfn-thumbnails-overlay.mfn-thumbnails-right .mfn-flex-control-thumbs-wrapper { top: var(--mfn-woo-gallery-margin); height: calc(100% - 2*(var(--mfn-woo-gallery-margin))); }
.woocommerce div.product .mfn-product-gallery.mfn-thumbnails-overlay.mfn-thumbnails-left .mfn-flex-control-thumbs-wrapper { left: var(--mfn-woo-gallery-margin); }
.woocommerce div.product .mfn-product-gallery.mfn-thumbnails-overlay.mfn-thumbnails-right .mfn-flex-control-thumbs-wrapper { right: var(--mfn-woo-gallery-margin); }
.woocommerce div.product .mfn-product-gallery.mfn-thumbnails-overlay.mfn-thumbnails-bottom .mfn-flex-control-thumbs-wrapper { left: var(--mfn-woo-gallery-margin); bottom: var(--mfn-woo-gallery-margin); width: calc(100% - 2*(var(--mfn-woo-gallery-margin))); } .woocommerce .mfn-product-gallery-grid { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 0; position: relative; }
.woocommerce .mfn-product-gallery-grid.mfn-product-gallery-1-images { column-count: 1; }
.woocommerce .mfn-product-gallery-grid .zoomImg{ position: absolute; top: 0; }
.woocommerce .mfn-product-gallery-grid a{ display: block; }
.woocommerce .mfn-product-gallery-grid .mfn-product-gg-img { line-height: 0; display: inline-block; position: relative; -webkit-column-break-inside: avoid; break-inside: avoid; float: left; }
.woocommerce .mfn-product-gallery-grid .mfn-product-gg-img .woocommerce-product-gallery__image { overflow: hidden; } .mfn-header-login{position:absolute;display:none;width:300px;padding:20px 20px 25px;z-index:100001;top:100%;background-color:#fff;margin-top:50px}
.mfn-header-login .mfn-close-icon{position:absolute;top: 15px; right: 15px;}
.mfn-header-login .woocommerce-form.login { border: 0; padding: 0; margin: 0; text-align: left; border-radius: 0; }
.mfn-header-login .woocommerce-form .form-row { float:none;width:100%; position: relative; padding: 0; margin-bottom: 10px; }
.mfn-header-login .woocommerce-form label { font-weight: 400; }
.mfn-header-login .woocommerce-form label[for="username"],.mfn-header-login .woocommerce-form label[for="password"]{ pointer-events: none; }
.mfn-header-login .woocommerce-form .form-row.form-row-first:after,
.mfn-header-login .woocommerce-form .form-row.form-row-last:after { font-family: "mfn-icons"; color: rgba(0,0,0,.7); display: flex; align-items: center; justify-content: center; width: 30px; height: 30px;  position: absolute; left: 5px; top: 50%; transform: translateY(-50%); }
.mfn-header-login .woocommerce-form .form-row.form-row-first:after { content: '\e94b'; }
.mfn-header-login .woocommerce-form .form-row.form-row-last:after { content: '\e8c8'; }
.mfn-header-login .woocommerce-form .form-row.form-row-first label,
.mfn-header-login .woocommerce-form .form-row.form-row-last label { position: absolute; left: 40px; top: 50%; z-index: 2; transform: translateY(-50%); transition: position 150ms ease-out, font-size 150ms ease-out; }
.mfn-header-login .woocommerce-form .form-row.form-row-first .input-text,
.mfn-header-login .woocommerce-form .form-row.form-row-last .input-text {margin:0;padding: 25px 10px 10px 40px; width: 100%;  }
.mfn-header-login .woocommerce-form .form-row.form-row-first.active label,
.mfn-header-login .woocommerce-form .form-row.form-row-last.active label{ top: 15px; font-size: 80%; opacity: .7; }
.mfn-header-login .woocommerce-form-login__rememberme { display: inline-flex !important; align-items: center; padding: 10px 0; }
.mfn-header-login .woocommerce-form-login__rememberme > input[type="checkbox"] { transform: scale(1.1); margin-right: 10px; }
.mfn-header-login .woocommerce-form-login__submit{width:100%;box-sizing:border-box}
.mfn-header-login .lost_password,
.mfn-header-login .create_account { text-align: center; margin: 0; }
.mfn-header-login .lost_password { margin-top: -5px; }
.mfn-header-login .lost_password a { display: block; padding: 15px; font-size: 14px; }
.mfn-header-login .lost_password a,
.mfn-header-login .create_account a { color: rgba(0,0,0,.5) !important; text-decoration: none; }
.mfn-header-login .lost_password a:hover,
.mfn-header-login .create_account a:hover { color: rgba(0,0,0,.8) !important; }
.mfn-header-login .create_account a { font-weight: 700; }
.mfn-header-login .woocommerce-MyAccount-navigation { width: 100%; }
.mfn-show-login-modal .mfn-header-login{display:block}
.mfn-show-login-modal .column_header_icon .mfn-header-login { display: none; }
.mfn-header-login.is-side{display: block;position:fixed;top:0;right:-420px;display:flex; flex-direction: column; width:420px;max-width:100%;height:100%;transition: all 0.3s ease-in-out; box-sizing:border-box;margin-top: 0;}
.mfn-show-login-modal .mfn-header-login.is-side{right: 0;}
.mfn-header-login.is-side h4{ font-size: 25px; line-height: 30px; text-align: center; width: calc(100% + 40px); border-bottom: 1px solid var(--mfn-woo-border); padding-bottom: 20px; margin: 0 -20px 20px; }
.mfn-header-login.is-side .mfn-close-icon { right: auto; left: 20px; }
.mfn-show-login-modal #body_overlay { display: block; } .woocommerce .fake-tabs .tab-additional_information.active,
.woocommerce .fake-tabs .tab-reviews.active { padding-top: 50px; }
.woocommerce .fake-tabs .woocommerce-Reviews-title { text-align: center; }
.woocommerce .fake-tabs .tab-reviews #reviews,
.woocommerce .fake-tabs .tab-additional_information table.shop_attributes { max-width: 60%; margin: 0 auto; } .required { opacity: .6; } .woocommerce .product_meta span { margin: 0 5px; }
.woocommerce .product_meta span:first-child { margin-left: 0; }
.woocommerce .product_meta span:last-child { margin-right: 0; } .wishlist .tagged_as a,
.woocommerce .product_meta .stacked-meta li.stacked-tags .stacked-meta-value a,
.woocommerce .tagged_as a { display: inline-block; text-decoration: none; background-color: rgba(0,0,0,.02); color: rgba(0,0,0,.8); margin: 0 2px 2px; border-radius: 4px; padding: 2px 7px; font-size: 90%; transition: background-color 0.3s ease-in-out 0s; }
.wishlist .tagged_as a:hover,
.woocommerce .product_meta .stacked-meta li.stacked-tags .stacked-meta-value a:hover,
.woocommerce .tagged_as a:hover { background-color: rgba(0,0,0,.06); } .wishlist .sku_wrapper,
.woocommerce .product_meta .stacked-meta li.stacked-sku .stacked-meta-value,
.woocommerce .sku_wrapper { display: inline-block; border: 1px solid rgba(0,0,0,.1); border-radius: 5px; padding: 0 10px; font-size: 13px; text-transform: uppercase; } .woocommerce .product_meta .stacked-meta{ display: flex; flex-wrap: wrap; }
.woocommerce .product_meta .stacked-meta li{ width: 33%; flex: 1 1 auto; padding: 15px 10px; box-sizing: border-box; border-right: 1px solid var(--mfn-woo-border); }
.woocommerce .product_meta .stacked-meta li:last-child { border: 0; }
.woocommerce .product_meta .stacked-meta li .stacked-meta-title { margin-bottom: 5px; }
.woocommerce .product_meta .stacked-meta li span{display: block; margin: 0;} .shop-filters{display:flex;width:100%;align-items:center;flex-wrap:wrap; margin-bottom:20px;padding:15px 1%;box-sizing:border-box;overflow:hidden}
.shop-filters .woocommerce-notices-wrapper{flex-basis: 100%;}
.mfn-all-shop-filters-disabled .shop-filters{ display: none; } .woocommerce .shop-filters > * { margin-right: 25px; margin-bottom: 0; }
.woocommerce .shop-filters > :last-child { margin-right: 0; }
.shop-filters .mfn-woo-list-options > form,
.shop-filters .mfn-woo-list-options .mfn-woo-list { display: flex; align-items: center;}
.shop-filters .mfn-woo-list-options { margin-left: auto; }
.shop-filters .mfn-woo-list-options .mfn-woo-list { margin-left: 25px; }
.shop-filters .mfn-woo-list-options .show { margin-right: 5px; }
.shop-filters .mfn-woo-list-options ul { display: flex; align-items: center; }
.shop-filters .mfn-woo-list-options ul li { position: relative; overflow: hidden; margin: 0 3px; cursor: pointer; transition: opacity 0.2s ease-in-out; }
.shop-filters .mfn-woo-list-options ul li:last-child { margin-right: 0; }
.shop-filters .mfn-woo-list-options ul li input[type="radio"] { position: absolute; opacity:0; z-index:-1; }
.shop-filters .mfn-woo-list-options ul li .num { padding: 0 2px; }
.shop-filters .mfn-woo-list-options ul li svg { display: block; width: 22px; }
.shop-filters .mfn-woo-list-options ul li { opacity: .4; }
.shop-filters .mfn-woo-list-options ul li:hover { opacity: .6; }
.shop-filters .mfn-woo-list-options ul li.active { opacity: 1; }
.shop-filters .mfn-woo-list-options ul li.active .num { border-bottom: 1px solid; }
.shop-filters .woocommerce-ordering{margin-bottom:0;z-index:1!important}
.shop-filters:not(.mfn-additional-shop-options-active) .woocommerce-ordering { margin-left: auto; }
.shop-filters .woocommerce-ordering select{margin-bottom:0;background-color: transparent; border: 0; width: 145px; color: inherit; padding: 0; line-height: 2; cursor: pointer; overflow: hidden; text-overflow: ellipsis; padding-right: 30px;box-shadow:unset}
.shop-filters .woocommerce-ordering select:focus { background-color: transparent !important; color: inherit; }
.shop-filters a.open-filters { display: flex; align-items: center; color: inherit; }
.shop-filters a.open-filters i,
.shop-filters a.open-filters svg { margin-right: 3px; }
.shop-filters a.open-filters i { font-size: 20px; }
.shop-filters a.open-filters svg { width: 22px; }
.shop-filters a.open-filters svg .path,
.shop-filters .mfn-woo-list-options ul li .path { stroke: var(--mfn-woo-icon-option); stroke-width: 1px; } .mfn-woo-list-active-filters { margin-bottom: 25px; margin-top: -15px; padding: 0 1%; }
.mfn-woo-list-active-filters > ul { display: flex; }
.mfn-woo-list-active-filters > ul li { margin-right: 5px; cursor: pointer; }
.mfn-woo-list-active-filters > ul li .del { margin-left: 7px; opacity: .3; transition: opacity 0.2s ease-in-out; }
.mfn-woo-list-active-filters > ul li:hover .del { opacity: .5; }
.mfn-woo-list-active-filters > ul li:hover .label { text-decoration: line-through; }
.mfn-shop-list-results-count-hidden .shop-filters .woocommerce-result-count{ display: none !important; }
.mfn-shop-list-layout-hidden .shop-filters .mfn-woo-list-style{ display: none !important; }
.mfn-shop-list-perpage-hidden .shop-filters .mfn-woo-list-perpage{ display: none !important; }
.mfn-shop-list-sorting-hidden .shop-filters .woocommerce-ordering{ display: none !important; }
.mfn-shop-list-active-filters-hidden .mfn-woo-list-active-filters{ display: none !important; }
.mfn-shop-list-results-count-hidden.mfn-shop-list-layout-hidden.mfn-shop-list-perpage-hidden.mfn-shop-list-sorting-hidden.mfn-shop-list-active-filters-hidden .shop-filters{
display: none !important;
}
.column_shop .mfn-woo-list-active-filters, .column_shop .mfn-woo-filters-wrapper{ display: none; } .term-description {margin:15px 0;padding:0 1%;box-sizing:border-box;} .woocommerce ul.products li.product{text-align:center}
.woocommerce ul.products li.product.align-left{text-align:left}
.woocommerce ul.products li.product.align-right{text-align:right}
.woocommerce ul.products li.product,
.woocommerce .products.related ul.products li.product,
.woocommerce .products.upsells.up-sells ul.products li.product{width:31.3%;margin:0 1% 20px;clear:none}
.woocommerce.columns-4 ul.products li.product,
.woocommerce ul.products.columns-4 li.product{width:23%}
.woocommerce.columns-3 ul.products li.product,
.woocommerce ul.products.columns-3 li.product{width:31.3%}
.woocommerce.columns-2 ul.products li.product,
.woocommerce ul.products.columns-2 li.product{width:48%}
.woocommerce.columns-1 ul.products li.product,
.woocommerce ul.products.columns-1 li.product{width:98%;margin:0 1% 20px!important;display:flex;align-items:center;background-color:transparent;}
.woocommerce.columns-1 ul.products li.product .mfn-li-product-row-image,
.woocommerce ul.products.columns-1 li.product .mfn-li-product-row-image{width:33%}
.woocommerce.columns-1 ul.products li.product .product-loop-thumb,
.woocommerce ul.products.columns-1 li.product .product-loop-thumb{width:100%}
.woocommerce.columns-1 ul.products li.product .desc,
.woocommerce ul.products.columns-1 li.product .desc{position:relative;width:67%;padding-left:40px;box-sizing:border-box;} .woocommerce.columns-2 ul.products li.product:nth-child(2n+1),
.woocommerce ul.products.columns-2 li.product:nth-child(2n+1){clear:both}
.woocommerce.columns-3 ul.products li.product:nth-child(3n+1),
.woocommerce ul.products.columns-3 li.product:nth-child(3n+1){clear:both}
.woocommerce.columns-4 ul.products li.product:nth-child(4n+1),
.woocommerce ul.products.columns-4 li.product:nth-child(4n+1){clear:both}
.woocommerce .products_wrapper.isotope_wrapper{display: block; width: 100%;} .woocommerce .column_shop_products ul.products .mfn-li-product-row-image,
.woocommerce .column_product_upsells ul.products .mfn-li-product-row-image,
.woocommerce .column_cart_cross_sells ul.products .mfn-li-product-row-image,
.woocommerce .column_product_related ul.products .mfn-li-product-row-image { margin-bottom: 15px; }
.woocommerce ul.products li.product .product-loop-thumb{position:relative}
.woocommerce ul.products li.product.outofstock .product-loop-thumb .image_wrapper img{opacity:.25;-webkit-filter: grayscale(50%); filter: grayscale(50%);}
.woocommerce ul.products li.product.outofstock .product-loop-thumb .image_wrapper img.image-secondary { display: none; }
.woocommerce ul.products li.product.outofstock .product-loop-thumb .soldout h4 { font-size: 16px; line-height: 1; border: 2px solid; padding: 5px 10px; border-radius: 3px; }
.woocommerce ul.products li.product .star-rating{ display: inline-block; margin: 0 0 7px; vertical-align: text-bottom; }
.woocommerce ul.products li.product .title a{ color: inherit; }
.woocommerce ul.products li.product h3,
.woocommerce-page ul.products li.product h3 { padding: 0;}
.woocommerce ul.products li.product h1,
.woocommerce-page ul.products li.product h1,
.woocommerce ul.products li.product h2,
.woocommerce-page ul.products li.product h2,
.woocommerce ul.products li.product h3,
.woocommerce-page ul.products li.product h3,
.woocommerce ul.products li.product h4,
.woocommerce-page ul.products li.product h4,
.woocommerce ul.products li.product h5,
.woocommerce-page ul.products li.product h5,
.woocommerce ul.products li.product h6,
.woocommerce-page ul.products li.product h6,
.woocommerce ul.products li.product .mfn-li-product-row-title .title,
.woocommerce-page ul.products li.product .mfn-li-product-row-title .title{margin-bottom:3px}
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price{font-size:18px;margin: 0 0 7px;}
.woocommerce ul.products li.product .excerpt,
.woocommerce-page ul.products li.product .excerpt{margin-bottom:7px}
.woocommerce ul.products li.product .excerpt p:last-child,
.woocommerce-page ul.products li.product .excerpt p:last-child{margin-bottom:0}
.woocommerce ul.products li.product .mfn-li-product-row-button,
.woocommerce-page ul.products li.product .mfn-li-product-row-button {display:inline-flex;align-items:center;margin-bottom:7px;}
.woocommerce ul.products li.product .mfn-li-product-row-button.hide-button,
.woocommerce-page ul.products li.product .mfn-li-product-row-button.hide-button { display: none; }
.wishlist-active.wishlist-button ul.products li.product:not(.align-right) .mfn-li-product-row-button,
.wishlist-active.wishlist-button ul.products li.product:not(.align-right) .mfn-li-product-row-button { margin-right: -48px;}
.woocommerce ul.products li.product .mfn-li-product-row-button a.button,
.woocommerce-page ul.products li.product .mfn-li-product-row-button a.button {margin:0}
.woocommerce ul.products li.product a img,.woocommerce-page ul.products li.product a img,.woocommerce ul.products li.product a:hover img,.woocommerce-page ul.products li.product a:hover img{-webkit-box-shadow:0 0 0;box-shadow:0 0 0;margin:0}
.woocommerce ul.products li.product a.added_to_cart{display:none}
.woocommerce ul.products li.product .desc{padding:15px 0}
.woocommerce ul.products:not(.list) li.product.has-background-color .desc { padding-left: 20px; padding-right: 20px; }
.woocommerce ul.products li.product .product-loading-icon{opacity:0;width:50px;height:50px;position:absolute;left:50%;top:50%;background-color:#fff;margin:-25px 0 0 -25px;-webkit-border-radius:100%;border-radius:100%;z-index:3}
.woocommerce ul.products li.product .product-loading-icon:before{font-family:"mfn-icons";font-style:normal;font-weight:400;speak:none;display:block;text-decoration:none!important;width:20px;height:20px;line-height:20px;font-size:20px;text-align:center;font-variant:normal;text-transform:none;line-height:1em;position:absolute;left:50%;top:50%;margin:-10px 0 0 -10px;content:'\e812';color:#444}
.woocommerce ul.products li.product.adding-to-cart .product-loading-icon{background-image:url(//kubadasaglik.net/wp-content/themes/betheme/images/shop-loader.gif);background-position:center center;background-repeat:no-repeat;opacity:1}
.woocommerce ul.products li.product.adding-to-cart .product-loading-icon:before{display:none}
.woocommerce ul.products li.product.added-to-cart .product-loading-icon { display: none; }
.woocommerce ul.products li:hover.product.added-to-cart .product-loading-icon{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:1}
.if-overlay .added-to-cart .added-cart{display:none}
.woocommerce ul.products li.mfn-product-li-item .mfn-after-shop-loop-item .mfn-wish-button,.woocommerce ul.products li.mfn-product-li-item .mfn-after-shop-loop-item .button{display: none;}
.woocommerce ul.products:not(.list) li.product .excerpt-list,
.woocommerce ul.products:not(.list) li.product .button-list{display:none}
.woocommerce ul.products li.product .woocommerce-loop-category__title{font-size:1.4em;line-height: 1.4;}
.woocommerce ul.products li.product .woocommerce-loop-category__title mark{background-color:transparent;color:rgba(0,0,0,.5)} .mfn-product-badges{display: flex; width: auto; position: absolute; top: 15px; z-index: 9; gap: 5px; flex-wrap: wrap; flex-direction: column; }
.mfn-product-badges-right .mfn-product-badges{right: 15px; }
.mfn-product-badges-left .mfn-product-badges{left: 15px; }
.mfn-product-badges span.onsale, .woocommerce .mfn-product-badges span.onsale { display: inline-block; position: relative; top: 0; left: 0; min-width: 0; min-height: 0; color: #fff; font-size: 12px; line-height: 18px; font-weight: 500; text-transform: uppercase; width: auto; height: auto; padding: 3px 8px; border-radius: 3px; margin: 0 !important; }
.woocommerce .product .column_product_images .woocommerce-product-gallery.mfn-product-has-gallery.mfn-thumbnails-left .mfn-product-badges{ margin-left: calc(var(--mfn-woo-gallery-margin) + 16%); }
.woocommerce .product .column_product_images .woocommerce-product-gallery.mfn-product-has-gallery.mfn-thumbnails-right .mfn-product-badges{ margin-right: calc(var(--mfn-woo-gallery-margin) + 16%); }   .elementor-widget-container > span.onsale {  display: none; }
.woocommerce .elementor-widget-woocommerce-product-images span.onsale { padding: 3px 8px; } .woocommerce span.soldout{left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);text-align:center} .hover_box_product:hover .hover_box_wrapper .visible_photo, .hover_box_product.hover .hover_box_wrapper .visible_photo{opacity:1!important} .woocommerce .products ul.mfn-equal-heights,
.woocommerce ul.products.mfn-equal-heights { display: flex; flex-wrap: wrap; align-items: stretch; }
.woocommerce ul.products.mfn-equal-heights li.product,
.woocommerce-page ul.products.mfn-equal-heights li.product { display: flex; }
.woocommerce ul.products.mfn-equal-heights li.product .desc,
.woocommerce-page ul.products.mfn-equal-heights li.product .desc { display: flex; flex-direction: column; flex-grow: 1;  }
.woocommerce ul.products.mfn-equal-heights:not(.list) li.product,
.woocommerce-page ul.products.mfn-equal-heights:not(.list) li.product { flex-direction: column; } .woocommerce ul.products.mfn-equal-heights li.product .desc { align-items: center; }
.woocommerce ul.products.mfn-equal-heights li.product.align-left .desc { align-items: flex-start; }
.woocommerce ul.products.mfn-equal-heights li.product.align-right .desc { align-items: flex-end; } .woocommerce .column_shop_products ul.products.mfn-equal-heights li.product { align-items: center; }
.woocommerce ul.products.mfn-equal-heights.mfn-equal-height-el-image .mfn-li-product-row-image{ margin-top: auto; }
.woocommerce ul.products.mfn-equal-heights.mfn-equal-height-el-variations .mfn-after-shop-loop-item-title{ margin-top: auto; }
.woocommerce ul.products.mfn-equal-heights.mfn-equal-height-el-title .mfn-li-product-row-title{ margin-top: auto; }
.woocommerce  ul.products.mfn-equal-heights.mfn-equal-height-el-price .mfn-li-product-row-price{ margin-top: auto; }
.woocommerce ul.products.mfn-equal-heights.mfn-equal-height-el-description .mfn-li-product-row-description{ margin-top: auto; }
.woocommerce ul.products.mfn-equal-heights.mfn-equal-height-el-button .mfn-li-product-row-button{ margin-top: auto; }
.woocommerce  ul.products.mfn-equal-heights.mfn-equal-height-el-title .mfn-woo-product-title{ margin-top: auto; }
.woocommerce ul.products.mfn-equal-heights.mfn-equal-height-el-price .price{ margin-top: auto; }
.woocommerce ul.products.mfn-equal-heights.mfn-equal-height-el-description .excerpt{ margin-top: auto; }
.woocommerce ul.products.mfn-equal-heights.mfn-equal-height-el-variations .desc .mfn-variations-wrapper-loop{ margin-top: auto; } @media only screen and (max-width: 767px) {
body.mobile-row-2-products .products_wrapper ul.products.mfn-equal-heights { justify-content: space-between; }
body.mobile-row-2-products .products_wrapper ul.products.mfn-equal-heights::before,
body.mobile-row-2-products .products_wrapper ul.products.mfn-equal-heights::after { display: none; }
} .mfn-cart-holder{position:fixed;top:0;right:-420px;display:flex; flex-direction: column; width:420px;max-width:100%;height:100%;background-color:#fff;z-index:100000;transition:0.3s;box-sizing:border-box;}
.mfn-cart-holder .mfn-ch-header,
.mfn-cart-holder .mfn-ch-content,
.mfn-cart-holder .mfn-ch-footer { padding: 20px; }
.mfn-cart-holder .mfn-ch-header {text-align:center;display:block;position:relative; border-bottom: 1px solid var(--mfn-woo-border); }
.mfn-cart-holder .mfn-ch-header h3{margin:0; font-size: 25px; line-height: 30px; display: flex; justify-content: center; }
.mfn-cart-holder .mfn-ch-header h3 i,
.mfn-cart-holder .mfn-ch-header h3 svg { margin-right: 7px; }
.mfn-cart-holder .mfn-ch-header h3 svg { width: 30px; }
.mfn-cart-holder .mfn-ch-header .mfn-close-icon{position:absolute;top: 50%; left: 20px; transform: translateY(-50%); }
.mfn-cart-holder .mfn-ch-content-wrapper { position: relative; height: 100%; overflow:hidden; }
.mfn-cart-holder .mfn-ch-content { height: 100%; overflow:auto;}
.mfn-cart-holder .mfn-ch-content .mfn-ch-product { display:flex; flex-wrap: wrap; align-items: center; background-color: rgba(0,0,0,.01); border-radius: 5px; margin-bottom: 20px; padding: 15px; }
.mfn-cart-holder .mfn-ch-content .mfn-ch-product:last-child { margin-bottom: 0; }
.mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-image { flex-shrink: 0; margin-right: 15px; }
.mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-image a { display: block; line-height: 0; }
.mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-image a img { width:100px;height:auto; }
.mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-info { flex: 1; padding-right: 15px; display: flex; flex-direction: column; border-right: 1px solid var(--mfn-woo-border);  min-height: 100px; justify-content: center; }
.mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-info .mfn-chp-name{font-size:16px;line-height:1.3em; margin-bottom: 5px;}
.mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-info dl.variation,
.mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-info p.price { margin-bottom: 5px; font-size: 14px; line-height: 22px; }
.mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-info dl.variation dt { margin: 0 3px 0 0; padding: 0; border: 0; width: auto; font-weight: 400; color: rgba(0,0,0,.5); }
.mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-info dl.variation dd { margin: 0; padding: 0; border: 0; display: inline; }
.mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-info dl.variation dd p { margin: 0; }
.mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-price { flex-shrink: 0; margin-left: auto; margin-left: 15px; }
.mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-price .woocommerce-Price-amount { font-weight: 700; }
.mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-footer { display: flex; align-items: center; width: calc(100% + 30px); margin: 15px -15px -15px; background-color: rgba(0,0,0,.01); border-top: 1px solid rgba(0,0,0,.04); }
.mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-footer .mfn-chpf-col { width: 50%; text-align: center; padding: 7px 15px; }
.mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-footer .mfn-chpf-col .quantity { width: 120px; display: inline-block; }
.mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-footer .mfn-chpf-col .quantity .input-text { font-size: 14px; padding: 10px 30px !important; text-align: center; }
.mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-footer .mfn-chpf-col a.mfn-chp-remove { color: inherit; }
.mfn-cart-holder .mfn-ch-content .mfn-sidecart-subproduct { margin-top: -15px; border-bottom: 1px solid rgba(0,0,0,.04); }
.mfn-cart-holder .mfn-ch-content .mfn-sidecart-subproduct .mfn-chp-image a img { width: 50px; }
.mfn-cart-holder .mfn-ch-content .mfn-sidecart-subproduct .mfn-chp-info { border-right: 0; min-height: auto; }
.mfn-cart-holder .mfn-ch-content .mfn-sidecart-subproduct .mfn-chp-info h6 { font-size:15px; }
.mfn-cart-holder .mfn-ch-content .mfn-sidecart-subproduct .mfn-chp-price,
.mfn-cart-holder .mfn-ch-content .mfn-sidecart-subproduct .mfn-chp-info p.price,
.mfn-cart-holder .mfn-ch-content .mfn-sidecart-subproduct .mfn-chp-footer .mfn-chpf-right { display: none; }
.mfn-cart-holder .mfn-ch-content .mfn-sidecart-subproduct .mfn-chp-footer { width: auto; margin: 0; background-color: transparent; border-top: 0; }
.mfn-cart-holder .mfn-ch-footer { margin-top: auto; background-color: var(--mfn-woo-bg-box); }
.mfn-cart-holder .mfn-ch-footer .mfn-ch-footer-totals { margin-bottom: 30px; }
.mfn-cart-holder .mfn-ch-footer .mfn-ch-footer-totals .mfn-chft-row { display: flex; justify-content: space-between; align-items: center; }
.mfn-cart-holder .mfn-ch-footer .mfn-ch-footer-totals .mfn-chft-row.mfn-chft-total { border-top: 1px solid var(--mfn-woo-border); padding-top: 10px; margin-top: 10px; flex-wrap: wrap; }
.mfn-cart-holder .mfn-ch-footer .mfn-ch-footer-totals .mfn-chft-row.mfn-chft-total .includes_tax{ display: block; width: 100%; text-align: right; }
.mfn-cart-holder .mfn-ch-footer .mfn-ch-footer-totals .mfn-chft-row.mfn-chft-total strong { font-size: 22px; }
.mfn-cart-holder .mfn-ch-footer .mfn-ch-footer-buttons { text-align: center; }
.mfn-cart-holder .mfn-ch-footer .mfn-ch-footer-buttons a.button { margin-bottom: 5px; }
.mfn-cart-holder .mfn-ch-footer .mfn-ch-footer-buttons a:not(.button) { color: var(--mfn-woo-text-option-color);  }
.mfn-cart-holder .mfn-ch-footer .mfn-ch-footer-buttons a:hover:not(.button) { color: var(--mfn-woo-text-option-color-hover); }
.mfn-cart-holder .mfn-ch-footer .mfn-ch-footer-buttons .mfn-ch-footer-links{ display: flex; justify-content: space-between; }
.mfn-sidecart-apply-coupon-wrapper{ position: relative; }
.mfn-sidecart-apply-coupon-wrapper .mfn-sidecart-apply-coupon{ position: absolute; right: 0; z-index: 2; top: 50%; transform: translateY(-50%); display: flex; width: 40px; justify-content: center; height: 100%; align-items: center; color: var(--mfn-woo-body-color); }
.mfn-sidecart-apply-coupon-wrapper .mfn-sidecart-apply-coupon:hover{ color: var(--mfn-woo-themecolor); }
.mfn-sidecart-apply-coupon-wrapper .mfn-sidecart-apply-coupon.loading span{ display: none; }
.mfn-sidecart-apply-coupon-wrapper .mfn-sidecart-apply-coupon.loading:after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; animation: spin 2s infinite linear; background-size: 16px auto; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' style=''%3e%3cdefs%3e%3cstyle%3e.path-loading-2%7bopacity:0.05;%7d.path-loading-3%7bopacity:0.1;%7d.path-loading-4%7bopacity:0.2;%7d.path-loading-5%7bopacity:0.3;%7d.path-loading-6%7bopacity:0.4;%7d.path-loading-7%7bopacity:0.5;%7d.path-loading-8%7bopacity:0.58;%7d.path-loading-9%7bopacity:0.66;%7d.path-loading-10%7bopacity:0.74;%7d.path-loading-11%7bopacity:0.82;%7d.path-loading-12%7bopacity:0.9;%7d%3c/style%3e%3c/defs%3e%3cpath d='M22,9.09a1.75,1.75,0,0,1-1.76,1.75h0a1.75,1.75,0,0,1-1.75-1.75V1.75A1.75,1.75,0,0,1,20.19,0h0A1.75,1.75,0,0,1,22,1.75Z' class='path-loading path-loading-1'/%3e%3cpath d='M27.14,11.52a1.74,1.74,0,0,1-2.39.64h0a1.74,1.74,0,0,1-.64-2.39l3.67-6.35a1.74,1.74,0,0,1,2.39-.64h0a1.75,1.75,0,0,1,.64,2.39Z' class='path-loading path-loading-2'/%3e%3cpath d='M30.42,16.23A1.75,1.75,0,0,1,28,15.59h0a1.76,1.76,0,0,1,.64-2.4L35,9.53a1.75,1.75,0,0,1,2.4.64h0a1.76,1.76,0,0,1-.64,2.39Z' class='path-loading path-loading-3'/%3e%3cpath d='M30.91,22a1.75,1.75,0,0,1-1.75-1.76h0a1.76,1.76,0,0,1,1.75-1.75h7.34A1.75,1.75,0,0,1,40,20.19h0A1.75,1.75,0,0,1,38.25,22Z' class='path-loading path-loading-4'/%3e%3cpath d='M28.48,27.14a1.74,1.74,0,0,1-.64-2.39h0a1.74,1.74,0,0,1,2.39-.64l6.35,3.66a1.75,1.75,0,0,1,.64,2.4h0a1.75,1.75,0,0,1-2.39.64Z' class='path-loading path-loading-5'/%3e%3cpath d='M23.77,30.42A1.75,1.75,0,0,1,24.41,28h0a1.76,1.76,0,0,1,2.4.64L30.47,35a1.75,1.75,0,0,1-.64,2.4h0a1.76,1.76,0,0,1-2.39-.64Z' class='path-loading path-loading-6'/%3e%3cpath d='M18.05,30.91a1.75,1.75,0,0,1,1.76-1.75h0a1.76,1.76,0,0,1,1.75,1.75v7.34A1.75,1.75,0,0,1,19.81,40h0a1.76,1.76,0,0,1-1.76-1.75Z' class='path-loading path-loading-7'/%3e%3cpath d='M12.86,28.48a1.74,1.74,0,0,1,2.39-.64h0a1.74,1.74,0,0,1,.64,2.39l-3.67,6.35a1.74,1.74,0,0,1-2.39.64h0a1.75,1.75,0,0,1-.64-2.39Z' class='path-loading path-loading-8'/%3e%3cpath d='M9.58,23.77a1.75,1.75,0,0,1,2.39.64h0a1.76,1.76,0,0,1-.64,2.4L5,30.47a1.75,1.75,0,0,1-2.4-.64h0a1.76,1.76,0,0,1,.64-2.39Z' class='path-loading path-loading-9'/%3e%3cpath d='M9.09,18.05a1.76,1.76,0,0,1,1.75,1.76h0a1.76,1.76,0,0,1-1.75,1.75H1.75A1.75,1.75,0,0,1,0,19.81H0a1.75,1.75,0,0,1,1.75-1.76Z' class='path-loading path-loading-10'/%3e%3cpath d='M11.52,12.86a1.74,1.74,0,0,1,.64,2.39h0a1.74,1.74,0,0,1-2.39.64L3.42,12.23a1.75,1.75,0,0,1-.64-2.4h0a1.75,1.75,0,0,1,2.39-.64Z' class='path-loading path-loading-11'/%3e%3cpath d='M16.23,9.58A1.75,1.75,0,0,1,15.59,12h0a1.76,1.76,0,0,1-2.4-.64L9.53,5a1.75,1.75,0,0,1,.64-2.4h0a1.76,1.76,0,0,1,2.39.64Z' class='path-loading path-loading-12'/%3e%3c/svg%3e");}
.mfn-sidecart-apply-coupon-wrapper .mfn-sidecart-apply-coupon-input{ margin: 0; width: 100%; }
.mfn-sidecart-apply-coupon-wrapper .mfn-sidecart-apply-coupon-input.mfn-error{ border-color: #962317; }
.mfn-sidecart-apply-coupon-wrapper .mfn-sidecart-apply-coupon-input.mfn-error::placeholder{ color: #962317; }
.mfn-chft-apply-coupon-wrapper { flex-wrap: wrap; position: relative;}
.mfn-chft-apply-coupon-wrapper .mfn-chft-apply-coupon-switcher{ color: var(--mfn-woo-body-color); }
.mfn-chft-apply-coupon-wrapper .mfn-chft-apply-coupon-switcher{ display: block; width: 100%; margin-bottom: 10px; }
.mfn-chft-apply-coupon-wrapper .mfn-chft-apply-coupon{ display: none; width: 100%; margin-bottom: 10px; }
.mfn-chft-apply-coupon-wrapper.mfn-chft-apply-coupon-active .mfn-chft-apply-coupon-switcher{ display: none; }
.mfn-chft-apply-coupon-wrapper.mfn-chft-apply-coupon-active .mfn-chft-apply-coupon{ display: block; }
.mfn-chft-apply-coupon-wrapper .mfn-chft-coupons-list{ display: block; width: 100%; }
.mfn-chft-apply-coupon-wrapper .mfn-chft-coupons-list .mfn-chft-coupons-list-single{ display: flex; justify-content: space-between; align-items: center; }
.mfn-chft-apply-coupon-wrapper .mfn-chft-coupons-list .mfn-sidecart-remove-coupon{ display: inline-block; margin-left: 5px; color: var(--mfn-woo-body-color); position: relative; }
.mfn-chft-apply-coupon-wrapper .mfn-chft-coupons-list .mfn-sidecart-remove-coupon:hover{ color: #962317; }
.mfn-chft-apply-coupon-wrapper .mfn-chft-coupons-list .woocommerce-remove-coupon{ display: none; }
.mfn-sidecart-notice{ display: block; width: 100%; font-size: 13px; line-height: 1.3em; padding: 5px 10px 0 10px; margin-bottom: 10px; z-index: 5; border-radius: 6px;}
.mfn-sidecart-notice p{ padding-bottom: 5px; margin: 0; }
.mfn-sidecart-notice.mfn-sidecart-notice-error{ color: #962317; background-color: #fae9e8; }
.mfn-sidecart-notice.mfn-sidecart-notice-success{ color: #3a8b5b; background-color: #eaf8ef; }
.mfn-cart-overlay{ display: none; }
.mfn-cart-opened { overflow: hidden; padding-right: 15px; } .mfn-cart-opened #Top_bar.is-sticky .container { padding-right: 15px; }
.mfn-cart-opened .mfn-cart-overlay { display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; z-index: 1000; }
.mfn-cart-opened .mfn-cart-holder{right:0;}
.mfn-cart-holder.loading .mfn-ch-content-wrapper:before{content:"";position:absolute;top:0;left:0;z-index:888;display:block;width:100%;height:100%;background-color:rgba(0,0,0,0.2);}
.mfn-cart-holder.loading .mfn-ch-content-wrapper:after { content: ""; opacity: .5; display: block; position: absolute; left: 50%; top: 50%; width: 20px; height: 20px; margin: -10px 0 0 -10px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' style=''%3e%3cdefs%3e%3cstyle%3e.path-loading-2%7bopacity:0.05;%7d.path-loading-3%7bopacity:0.1;%7d.path-loading-4%7bopacity:0.2;%7d.path-loading-5%7bopacity:0.3;%7d.path-loading-6%7bopacity:0.4;%7d.path-loading-7%7bopacity:0.5;%7d.path-loading-8%7bopacity:0.58;%7d.path-loading-9%7bopacity:0.66;%7d.path-loading-10%7bopacity:0.74;%7d.path-loading-11%7bopacity:0.82;%7d.path-loading-12%7bopacity:0.9;%7d%3c/style%3e%3c/defs%3e%3cpath d='M22,9.09a1.75,1.75,0,0,1-1.76,1.75h0a1.75,1.75,0,0,1-1.75-1.75V1.75A1.75,1.75,0,0,1,20.19,0h0A1.75,1.75,0,0,1,22,1.75Z' class='path-loading path-loading-1'/%3e%3cpath d='M27.14,11.52a1.74,1.74,0,0,1-2.39.64h0a1.74,1.74,0,0,1-.64-2.39l3.67-6.35a1.74,1.74,0,0,1,2.39-.64h0a1.75,1.75,0,0,1,.64,2.39Z' class='path-loading path-loading-2'/%3e%3cpath d='M30.42,16.23A1.75,1.75,0,0,1,28,15.59h0a1.76,1.76,0,0,1,.64-2.4L35,9.53a1.75,1.75,0,0,1,2.4.64h0a1.76,1.76,0,0,1-.64,2.39Z' class='path-loading path-loading-3'/%3e%3cpath d='M30.91,22a1.75,1.75,0,0,1-1.75-1.76h0a1.76,1.76,0,0,1,1.75-1.75h7.34A1.75,1.75,0,0,1,40,20.19h0A1.75,1.75,0,0,1,38.25,22Z' class='path-loading path-loading-4'/%3e%3cpath d='M28.48,27.14a1.74,1.74,0,0,1-.64-2.39h0a1.74,1.74,0,0,1,2.39-.64l6.35,3.66a1.75,1.75,0,0,1,.64,2.4h0a1.75,1.75,0,0,1-2.39.64Z' class='path-loading path-loading-5'/%3e%3cpath d='M23.77,30.42A1.75,1.75,0,0,1,24.41,28h0a1.76,1.76,0,0,1,2.4.64L30.47,35a1.75,1.75,0,0,1-.64,2.4h0a1.76,1.76,0,0,1-2.39-.64Z' class='path-loading path-loading-6'/%3e%3cpath d='M18.05,30.91a1.75,1.75,0,0,1,1.76-1.75h0a1.76,1.76,0,0,1,1.75,1.75v7.34A1.75,1.75,0,0,1,19.81,40h0a1.76,1.76,0,0,1-1.76-1.75Z' class='path-loading path-loading-7'/%3e%3cpath d='M12.86,28.48a1.74,1.74,0,0,1,2.39-.64h0a1.74,1.74,0,0,1,.64,2.39l-3.67,6.35a1.74,1.74,0,0,1-2.39.64h0a1.75,1.75,0,0,1-.64-2.39Z' class='path-loading path-loading-8'/%3e%3cpath d='M9.58,23.77a1.75,1.75,0,0,1,2.39.64h0a1.76,1.76,0,0,1-.64,2.4L5,30.47a1.75,1.75,0,0,1-2.4-.64h0a1.76,1.76,0,0,1,.64-2.39Z' class='path-loading path-loading-9'/%3e%3cpath d='M9.09,18.05a1.76,1.76,0,0,1,1.75,1.76h0a1.76,1.76,0,0,1-1.75,1.75H1.75A1.75,1.75,0,0,1,0,19.81H0a1.75,1.75,0,0,1,1.75-1.76Z' class='path-loading path-loading-10'/%3e%3cpath d='M11.52,12.86a1.74,1.74,0,0,1,.64,2.39h0a1.74,1.74,0,0,1-2.39.64L3.42,12.23a1.75,1.75,0,0,1-.64-2.4h0a1.75,1.75,0,0,1,2.39-.64Z' class='path-loading path-loading-11'/%3e%3cpath d='M16.23,9.58A1.75,1.75,0,0,1,15.59,12h0a1.76,1.76,0,0,1-2.4-.64L9.53,5a1.75,1.75,0,0,1,.64-2.4h0a1.76,1.76,0,0,1,2.39.64Z' class='path-loading path-loading-12'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center; background-size: 20px; animation: spin 2s infinite linear; }
.mfn-chft-apply-coupon-wrapper .mfn-chft-coupons-list .mfn-sidecart-remove-coupon.loading span{ color: transparent; }
.mfn-chft-apply-coupon-wrapper .mfn-chft-coupons-list .mfn-sidecart-remove-coupon.loading:after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; animation: spin 2s infinite linear; background-size: 16px auto; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' style=''%3e%3cdefs%3e%3cstyle%3e.path-loading-2%7bopacity:0.05;%7d.path-loading-3%7bopacity:0.1;%7d.path-loading-4%7bopacity:0.2;%7d.path-loading-5%7bopacity:0.3;%7d.path-loading-6%7bopacity:0.4;%7d.path-loading-7%7bopacity:0.5;%7d.path-loading-8%7bopacity:0.58;%7d.path-loading-9%7bopacity:0.66;%7d.path-loading-10%7bopacity:0.74;%7d.path-loading-11%7bopacity:0.82;%7d.path-loading-12%7bopacity:0.9;%7d%3c/style%3e%3c/defs%3e%3cpath d='M22,9.09a1.75,1.75,0,0,1-1.76,1.75h0a1.75,1.75,0,0,1-1.75-1.75V1.75A1.75,1.75,0,0,1,20.19,0h0A1.75,1.75,0,0,1,22,1.75Z' class='path-loading path-loading-1'/%3e%3cpath d='M27.14,11.52a1.74,1.74,0,0,1-2.39.64h0a1.74,1.74,0,0,1-.64-2.39l3.67-6.35a1.74,1.74,0,0,1,2.39-.64h0a1.75,1.75,0,0,1,.64,2.39Z' class='path-loading path-loading-2'/%3e%3cpath d='M30.42,16.23A1.75,1.75,0,0,1,28,15.59h0a1.76,1.76,0,0,1,.64-2.4L35,9.53a1.75,1.75,0,0,1,2.4.64h0a1.76,1.76,0,0,1-.64,2.39Z' class='path-loading path-loading-3'/%3e%3cpath d='M30.91,22a1.75,1.75,0,0,1-1.75-1.76h0a1.76,1.76,0,0,1,1.75-1.75h7.34A1.75,1.75,0,0,1,40,20.19h0A1.75,1.75,0,0,1,38.25,22Z' class='path-loading path-loading-4'/%3e%3cpath d='M28.48,27.14a1.74,1.74,0,0,1-.64-2.39h0a1.74,1.74,0,0,1,2.39-.64l6.35,3.66a1.75,1.75,0,0,1,.64,2.4h0a1.75,1.75,0,0,1-2.39.64Z' class='path-loading path-loading-5'/%3e%3cpath d='M23.77,30.42A1.75,1.75,0,0,1,24.41,28h0a1.76,1.76,0,0,1,2.4.64L30.47,35a1.75,1.75,0,0,1-.64,2.4h0a1.76,1.76,0,0,1-2.39-.64Z' class='path-loading path-loading-6'/%3e%3cpath d='M18.05,30.91a1.75,1.75,0,0,1,1.76-1.75h0a1.76,1.76,0,0,1,1.75,1.75v7.34A1.75,1.75,0,0,1,19.81,40h0a1.76,1.76,0,0,1-1.76-1.75Z' class='path-loading path-loading-7'/%3e%3cpath d='M12.86,28.48a1.74,1.74,0,0,1,2.39-.64h0a1.74,1.74,0,0,1,.64,2.39l-3.67,6.35a1.74,1.74,0,0,1-2.39.64h0a1.75,1.75,0,0,1-.64-2.39Z' class='path-loading path-loading-8'/%3e%3cpath d='M9.58,23.77a1.75,1.75,0,0,1,2.39.64h0a1.76,1.76,0,0,1-.64,2.4L5,30.47a1.75,1.75,0,0,1-2.4-.64h0a1.76,1.76,0,0,1,.64-2.39Z' class='path-loading path-loading-9'/%3e%3cpath d='M9.09,18.05a1.76,1.76,0,0,1,1.75,1.76h0a1.76,1.76,0,0,1-1.75,1.75H1.75A1.75,1.75,0,0,1,0,19.81H0a1.75,1.75,0,0,1,1.75-1.76Z' class='path-loading path-loading-10'/%3e%3cpath d='M11.52,12.86a1.74,1.74,0,0,1,.64,2.39h0a1.74,1.74,0,0,1-2.39.64L3.42,12.23a1.75,1.75,0,0,1-.64-2.4h0a1.75,1.75,0,0,1,2.39-.64Z' class='path-loading path-loading-11'/%3e%3cpath d='M16.23,9.58A1.75,1.75,0,0,1,15.59,12h0a1.76,1.76,0,0,1-2.4-.64L9.53,5a1.75,1.75,0,0,1,.64-2.4h0a1.76,1.76,0,0,1,2.39.64Z' class='path-loading path-loading-12'/%3e%3c/svg%3e");}
.mfn-cart-holder .cart-empty { height: 100%; }
#body_overlay .woocommerce .mfn-off-canvas-sidebar .mfn-off-canvas-switcher,
.woocommerce-page .mfn-off-canvas-sidebar .mfn-off-canvas-switcher { display: none; }
.ofcs-mobile .shop-filters .open-filters.mfn-off-canvas-switcher.mfn-only-mobile-ofcs{display:none} .woocommerce div.product div.images .woocommerce-product-gallery__trigger,
.woocommerce div.product div.images .mfn-wish-button,
.woocommerce .mfn-product-gallery-grid .woocommerce-product-gallery__trigger,
.woocommerce .mfn-product-gallery-grid .mfn-wish-button { position: absolute; top: 15px; z-index: 2; width: 40px; height: 40px; border-radius: 100%; background-color: #fff; display: flex; align-items: center; justify-content: center; }
.woocommerce div.product div.images .woocommerce-product-gallery__trigger,
.woocommerce .mfn-product-gallery-grid .woocommerce-product-gallery__trigger { right: 15px; }
.woocommerce div.product div.images .woocommerce-product-gallery__trigger:before { top: 11px; left: 10px; }
.woocommerce div.product div.images .woocommerce-product-gallery__trigger:after { top: 21px; left: 23px; }
.woocommerce div.product div.images .mfn-wish-button,
.woocommerce .mfn-product-gallery-grid .mfn-wish-button { right: 60px; margin: 0; color: #000; }
.woocommerce div.product div.images .mfn-wish-button .icon-heart-fa,
.woocommerce .mfn-product-gallery-grid .mfn-wish-button .icon-heart-fa { position: absolute; left: 50%; top: 50%; margin: -10px 0 0 -14px; }
.woocommerce div.product div.images .mfn-wish-button:after { display: none !important; }
.woocommerce.product-zoom-disabled div.product div.images .mfn-wish-button { right: 15px; }
.woocommerce .mfn-product-gallery-grid .woocommerce-product-gallery__trigger:before { content: ""; display: block; width: 10px; height: 10px; border: 2px solid #000; border-radius: 100%; position: absolute; top: 11px; left: 10px; box-sizing: content-box; }
.woocommerce .mfn-product-gallery-grid .woocommerce-product-gallery__trigger:after { content: ""; display: block; width: 2px; height: 8px; background: #000; border-radius: 6px; position: absolute; top: 21px; left: 23px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); box-sizing: content-box; }
.woocommerce-product-gallery .mfn-flex-control-thumbs-wrapper .mfn-swiper-arrow { display: none; }
.mfn-thumbnails-arrows-active .woocommerce-product-gallery .mfn-flex-control-thumbs-wrapper .mfn-swiper-arrow { display: block; } .single-product div.product{width:100%}
.woocommerce .product .post-nav{float:none}
.woocommerce .product .product_wrapper{padding-left:105px;position:relative}
.woocommerce .product .product_wrapper .share_wrapper{position:absolute;left:0;top:0}
.woocommerce .product .product_wrapper .share-simple-wrapper{margin:20px 0}
.woocommerce .product div.entry-summary h1.product_title{font-size:35px;line-height:40px;margin-bottom:15px;padding-bottom:15px;position:relative}
.woocommerce .product div.entry-summary h1.product_title:after{content:"";display:block;width:20%;height:0;border-width:0 0 1px;border-style:solid;position:absolute;left:0;bottom:0}
.woocommerce .product .entry-summary .woocommerce-product-rating .woocommerce-review-link{display:none}
.woocommerce .product div.entry-summary .cart{ margin-bottom:15px!important}
.woocommerce .product div.entry-summary .cart .quantity{margin-right:10px;}
.woocommerce .product div.entry-summary .cart .button{margin-bottom:0!important}
.woocommerce .product div.entry-summary .product_meta{margin:0 0 15px!important}
.woocommerce .product div.entry-summary .ui-tabs .ui-tabs-nav li a{padding:14px 20px!important}
.woocommerce .product div.entry-summary .accordion #reviews #comments h2{font-size:21px;line-height:25px}
.woocommerce .product div.entry-summary .accordion #reviews .comment-form-rating{display:block;clear:both}
.woocommerce .product div.entry-summary .accordion p.stars a{margin-right:10px}
.woocommerce .product div.entry-summary .accordion table.shop_attributes{margin:0;}
.woocommerce .product div.entry-summary .woocommerce-product-rating{float:right;margin:1px 0 15px 10px;cursor:pointer}
.woocommerce .product div.entry-summary .price{float:none;font-size:30px;line-height:30px}
.woocommerce .product div.entry-summary div[itemprop="offers"]{margin-bottom:35px}
.woocommerce .product div.entry-summary > p.price{margin-bottom:35px}
.woocommerce .product .product_wrapper .product_image_wrapper{position:relative}
.woocommerce .product .product_wrapper .product_image_wrapper .images{width:100%;margin:0}
.woocommerce .product .product_wrapper .product_image_wrapper .images .woocommerce-main-image{margin-bottom:1em}
.woocommerce .product .product_wrapper .product_image_wrapper .image_frame{position:relative;float:left}
.woocommerce .product .product_wrapper .product_image_wrapper .image_frame .woocommerce-main-image{margin-bottom:0}
.woocommerce .product .product_wrapper .product_image_wrapper .thumbnails{float:left;width:100%}
.woocommerce .product .product_wrapper .product_image_wrapper .thumbnails .image_frame{display:block;float:left;width:32%;margin-right:2%;margin-bottom:10px}
.woocommerce .product .product_wrapper .product_image_wrapper .thumbnails .image_frame:nth-child(3n){margin-right:0}
.woocommerce .product .product_wrapper .product_image_wrapper .thumbnails .image_frame a{float:none;margin:0;width:auto}
.woocommerce .product.no-share .product_wrapper,
.woocommerce .product.share-simple .product_wrapper{padding-left:0}
.woocommerce .product.share-simple .button-love{display:none!important}
.woocommerce .ui-tabs{position:static}
.woocommerce .woocommerce-product-details__short-description{overflow:hidden} .woocommerce .product.style-default .entry-summary { text-align: center; }
.woocommerce .product.style-default .entry-summary h1.product_title { padding: 0; }
.woocommerce .product.style-default .entry-summary h1.product_title:after { display: none; }
.woocommerce .product.style-default .entry-summary .woocommerce-product-rating { float: none; }
.woocommerce .product.style-default .entry-summary .woocommerce-product-rating .star-rating,
.woocommerce .product.style-default .entry-summary .woocommerce-product-rating .woocommerce-review-link{display:inline-block; float: none;}
.woocommerce .product.style-default .entry-summary .woocommerce-product-rating .woocommerce-review-link { font-size: 90%; }
.woocommerce .product.style-default .entry-summary .woocommerce-product-details__short-description { margin-bottom: 15px }
.woocommerce .product.style-default .entry-summary > p.price { margin-bottom: 15px; float: none; }
.woocommerce .product.style-default .entry-summary .cart { margin: 30px 0 !important; }
.woocommerce .product.style-default .entry-summary .cart .button { width: 100%; }
.woocommerce .product.style-default .entry-summary .cart .quantity .input-text,
.woocommerce .product.style-default .entry-summary .cart .button { font-size: 16px; line-height: 20px; padding: 15px 20px !important; }
.woocommerce .product.style-default .entry-summary .cart.variations_form .woocommerce-variation-add-to-cart,
.woocommerce .product.style-default .entry-summary .cart.cart_group .add_to_cart_button_wrap { display: flex; }
.woocommerce .product.style-default .entry-summary .mfn-variations-wrapper .mfn-vr { justify-content: center; }
.woocommerce .product.style-default .entry-summary .mfn-variations-wrapper .mfn-vr label { min-width: unset; }
.woocommerce .product.style-default .entry-summary .product_meta { display: flex; flex-direction: column-reverse; align-items: center; }
.woocommerce .product.style-default .entry-summary .product_meta .posted_in { margin-bottom: 15px; }
.woocommerce .product.style-default .entry-summary .product_meta .tagged_as { margin-bottom: 15px; }
.woocommerce .product.style-default .entry-summary .product_meta .sku_wrapper { margin: 0 0 15px; }
.woocommerce .product.style-default .entry-summary .share-simple-wrapper { text-align: center; }
.mfn-keyboard-support .product.style-default .entry-summary .product_meta { flex-direction:column }  .woocommerce .product.style-modern .product_wrapper {padding-left:0;}
.woocommerce .product.style-modern .product_wrapper .product_image_wrapper{width:98%;margin-bottom:20px}
.woocommerce .product.style-modern .product_wrapper .product_image_wrapper .thumbnails .image_frame{width:19%;margin-right:1.25%}
.woocommerce .product.style-modern .product_wrapper .product_image_wrapper .thumbnails .image_frame:nth-child(5n){margin-right:0}
.woocommerce .product.style-modern .product_wrapper .entry-summary{width:98%;}
.woocommerce .product.style-modern .product_wrapper .entry-summary .product_title{width:50%;margin-right:4%;float:left;}
.woocommerce .product.style-modern .product_wrapper .entry-summary .woocommerce-product-rating{width:50%;margin:0 4% 40px 0;float:left;}
.woocommerce .product.style-modern .product_wrapper .entry-summary .star-rating{font-size:1.5em;}
.woocommerce .product.style-modern .product_wrapper .entry-summary div[itemprop="offers"]{width:46%;float:right;}
.woocommerce .product.style-modern .product_wrapper .entry-summary .price{text-align:right}
.woocommerce .product.style-modern .product_wrapper .summary:has(.product_title) .price{float:right}
.woocommerce .product.style-modern .product_wrapper .entry-summary div[itemprop="description"]{width:50%;margin:0 4% 20px 0;float:left;}
.woocommerce .product.style-modern .product_wrapper .entry-summary .woocommerce-product-details__short-description{float:left}
.woocommerce .product.style-modern .product_wrapper .entry-summary p.stock {float:right;font-size:1em;max-width:46%;}
.woocommerce .product.style-modern .product_wrapper .entry-summary .cart{max-width:46%;float:right;}
.woocommerce .product.style-modern .product_wrapper .entry-summary .cart .button{float:right;}
.woocommerce .product.style-modern .product_wrapper .entry-summary .variations{background:none}
.woocommerce .product.style-modern .product_wrapper .entry-summary .variations tr td {background:none;text-align:right;}
.woocommerce .product.style-modern .product_wrapper .entry-summary .variations select {width:100%;margin:0;}
.woocommerce .product.style-modern .product_wrapper .entry-summary .variations_button {float:right;}
.woocommerce .product.style-modern .product_wrapper .entry-summary .single_variation {float:left;}
.woocommerce .product.style-modern .product_wrapper .entry-summary .product_meta{float:left;width:100%;text-align:right;margin-bottom:25px!important;}
.woocommerce .product.style-modern .product_wrapper .entry-summary .tabs_wrapper{float:left;width:100%}
.woocommerce .product.style-modern .product_wrapper .share_wrapper{float:left;position:static;width:100%;padding:10px 10px 15px;box-sizing:border-box;background:none;border-width:1px 0 0;text-align:left;}
.woocommerce .product.style-modern .product_wrapper .share_wrapper .stButton{margin:0 10px 0 0}
.woocommerce .product.style-modern .product_wrapper .share-simple-wrapper{float:left;width:100%;margin-top:0}
@media only screen and (width: 768px) {
.woocommerce ul.products li.product, .woocommerce .products.related ul.products li.product, .woocommerce .products.upsells.up-sells ul.products li.product { margin: 0 1% 20px !important; }
}
@media only screen and (min-width: 768px){
.woocommerce .product.style-modern .product_wrapper .entry-summary .woocommerce-product-details__short-description{width:50%;margin:0 4% 20px 0}
}
@media only screen and (min-width: 960px) and (max-width: 1239px){
.woocommerce.with_aside .product.style-default .entry-summary .cart{flex-wrap:wrap;justify-content:center}
.woocommerce.with_aside .product.style-default .entry-summary .cart .quantity{margin:0 0 10px}
.woocommerce.with_aside .product.style-default .entry-summary .cart .button{width:auto;flex:1 auto}
}
@media only screen and (min-width: 768px) and (max-width: 959px){
.woocommerce .product.style-modern .product_wrapper .entry-summary .single_variation{float:right;}
}
@media only screen and (max-width: 767px){
.woocommerce .product.style-modern .product_wrapper .product_image_wrapper .thumbnails .image_frame{width:32%;margin-right:2%}
.woocommerce .product.style-modern .product_wrapper .product_image_wrapper .thumbnails .image_frame:nth-child(5n){margin-right:2%}
.woocommerce .product.style-modern .product_wrapper .product_image_wrapper .thumbnails .image_frame:nth-child(3n){margin-right:0}
.woocommerce .product.style-modern .product_wrapper .entry-summary .product_title,
.woocommerce .product.style-modern .product_wrapper .entry-summary .woocommerce-product-rating,
.woocommerce .product.style-modern .product_wrapper .entry-summary div[itemprop="offers"],
.woocommerce .product.style-modern .product_wrapper .entry-summary div[itemprop="description"]{width:100%;}
.woocommerce .product.style-modern .product_wrapper .entry-summary p.stock,
.woocommerce .product.style-modern .product_wrapper .entry-summary .cart{max-width:300px;}
} .woocommerce .product_meta{margin-top:15px}
.woocommerce .mfn-variations-wrapper { margin-bottom: 15px; clear: both; text-align: left;  }
.woocommerce .mfn-variations-wrapper .mfn-vr { display: flex; flex-direction: row; align-items: center; padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,.04); }
.woocommerce .mfn-vr-label-top .mfn-variations-wrapper .mfn-vr { flex-direction: column; align-items: flex-start; gap: 5px;}
.woocommerce .mfn-variations-wrapper .mfn-vr:last-child { border: 0; }
.woocommerce .mfn-variations-wrapper .mfn-vr label { flex-shrink: 0; margin: 0; font-weight: 500; margin-right: 10px; min-width: 18%; }
.woocommerce .mfn-variations-wrapper .mfn-vr .mfn-vr-select { margin-bottom: 0; }
.woocommerce .mfn-variations-wrapper .mfn-vr ul.mfn-vr-options { display: flex; flex-direction: row; flex-wrap: wrap; }
.woocommerce .mfn-variations-wrapper .mfn-vr ul.mfn-vr-options li { display: block; cursor: pointer; border: 0; }
.woocommerce .mfn-variations-wrapper .mfn-vr ul.mfn-vr-options li.disabled a{ opacity: 0.3; }
.woocommerce .mfn-variations-wrapper .mfn-vr ul.mfn-vr-options li a { display: block; color: inherit; text-decoration: none; cursor: pointer; border: 1px solid rgba(0,0,0,.1); font-size: 14px; line-height: 30px; padding: 0 10px; border-radius: 3px; margin: 2px; }
.woocommerce .mfn-variations-wrapper .mfn-vr ul.mfn-vr-options li a:hover { border-color: rgba(0,0,0,.2); }
.woocommerce .mfn-variations-wrapper .mfn-vr ul.mfn-vr-options li.active a { border-color: rgba(0,0,0,.8); }
.woocommerce .mfn-variations-wrapper .mfn-vr ul.mfn-vr-options.mfn-vr-color li a { width: 34px; height: 34px; border-radius: 100%; padding: 3px; box-sizing: border-box; }
.woocommerce .mfn-variations-wrapper .mfn-vr ul.mfn-vr-options.mfn-vr-color li a span { display: block; width: 100%; height: 100%; border-radius: 100%; }
.woocommerce .mfn-variations-wrapper .mfn-vr ul.mfn-vr-options.mfn-vr-image li a { height: 50px; border-radius: 3px; padding: 3px; box-sizing: border-box; }
.woocommerce .mfn-variations-wrapper .mfn-vr ul.mfn-vr-options.mfn-vr-image li a img { border-radius: 3px; display: block; height: 100% !important; width: auto; }
.single_variation{margin-bottom:15px}
.woocommerce .product .single_variation .price{font-size:25px;margin-right:10px;padding-top:6px} .woocommerce .woocommerce-grouped-product-list {}
.woocommerce .woocommerce-grouped-product-list td { vertical-align: middle !important; }
.woocommerce .product .entry-summary .woocommerce-grouped-product-list td a.button.product_type_simple { padding: 0 !important; background-color: transparent; display: inline-block; float: none; width: auto; color: var(--mfn-woo-text-option-color); }
.woocommerce .product .entry-summary .woocommerce-grouped-product-list td a.button.product_type_simple:after { display: none; }
.woocommerce .product .entry-summary .woocommerce-grouped-product-list td a.button.product_type_simple:hover { color: var(--mfn-woo-text-option-color-hover); text-decoration: underline !important; }
.woocommerce form.cart { display: flex; align-items: center; }
.woocommerce form.cart.variations_form, .woocommerce form.cart.cart_group { display: block; }
.woocommerce form.cart.grouped_form { flex-wrap: wrap; }
.woocommerce form.cart.grouped_form .woocommerce-grouped-product-list { flex-basis: 100%; }
.woocommerce form.cart.grouped_form .single_add_to_cart_button { width: calc(100% - 50px) !important; }
.woocommerce form.cart #wc-stripe-payment-request-wrapper{width:100%;padding-top:0!important}
.woocommerce form.cart #wc-stripe-payment-request-button-separator{width:50%}
.woocommerce-checkout #wc-stripe-express-checkout-element { width: 100%; }
.woocommerce-checkout #wc-stripe-express-checkout-button-separator{ width: 100%; }
#wcpay-express-checkout-button-separator{width:100%}
.woocommerce .ywgc_have_code{width:100%}
.woocommerce-checkout .wc-ppcp-express-checkout{width:100%}
.woocommerce-variation-add-to-cart{display:flex;align-items:center}
.mfn-variable-swatches .variations_form .variations{ display: none; } .woocommerce .mfn-variations-wrapper-loop {}
.woocommerce .mfn-variations-wrapper-loop .mfn-vr { display: block; margin-bottom: 7px; }
.woocommerce .mfn-variations-wrapper-loop .mfn-vr label { display: none; }
.woocommerce .mfn-variations-wrapper-loop .mfn-vr .mfn-vr-select { display: inline-block; margin-bottom: 0; }
.woocommerce .mfn-variations-wrapper-loop .mfn-vr ul.mfn-vr-options { display: block; width: 100%; margin: 0; line-height: 0; }
.woocommerce .mfn-variations-wrapper-loop .mfn-vr ul.mfn-vr-options li { display: inline-block; cursor: pointer; border: 0; margin-bottom: 0; }
.woocommerce .mfn-variations-wrapper-loop .mfn-vr ul.mfn-vr-options li a { display: block; color: inherit; text-decoration: none; cursor: pointer; border: 1px solid rgba(0,0,0,.1); font-size: 14px; line-height: 22px; padding: 0 10px; border-radius: 3px; margin: 2px; }
.woocommerce .mfn-variations-wrapper-loop .mfn-vr ul.mfn-vr-options li a:hover { border-color: rgba(0,0,0,.2); }
.woocommerce .mfn-variations-wrapper-loop .mfn-vr ul.mfn-vr-options li.active a { border-color: rgba(0,0,0,.8); }
.woocommerce .mfn-variations-wrapper-loop .mfn-vr ul.mfn-vr-options.mfn-vr-color li a { width: 22px; height: 22px; border-radius: 100%; padding: 2px; box-sizing: border-box; }
.woocommerce .mfn-variations-wrapper-loop .mfn-vr ul.mfn-vr-options.mfn-vr-color li a span { display: block; width: 100%; height: 100%; border-radius: 100%; }
.woocommerce .mfn-variations-wrapper-loop .mfn-vr ul.mfn-vr-options.mfn-vr-image li a { height: 30px; border-radius: 3px; padding: 2px; box-sizing: border-box; }
.woocommerce .mfn-variations-wrapper-loop .mfn-vr ul.mfn-vr-options.mfn-vr-image li a img { border-radius: 3px; display: block; height: 100% !important; width: auto; } .woocommerce table.woocommerce-product-attributes { border-top: 0; margin-bottom: 0; }
.woocommerce table.woocommerce-product-attributes th,
.woocommerce table.woocommerce-product-attributes td { border: 0; background: none; box-shadow: 0 0 0 0; overflow: hidden; }
.woocommerce table.woocommerce-product-attributes tr:nth-child(2n) td,
.woocommerce table.woocommerce-product-attributes tr:nth-child(2n) th { background: none; }
.woocommerce table.woocommerce-product-attributes th { text-align: left; font-weight: 500; }
.woocommerce table.woocommerce-product-attributes td { text-align: right; padding-left: 10%; }
.woocommerce table.woocommerce-product-attributes td p { margin: 0; padding: 0; display: inline-block; }
.woocommerce table.woocommerce-product-attributes td span { position: relative; display: inline-block; }
.woocommerce table.woocommerce-product-attributes td span:before { content: ""; width: 1920px; height: 1px; background: rgba(0,0,0,.1); position: absolute; right: calc(100% + 20px); top: calc(50% - 1px); } .woocommerce .product .related.products,.woocommerce .product .upsells.products{clear:both;border-top-width:1px;border-style:solid;padding-top:15px;margin-top:30px}
.woocommerce .product .related.products h2,.woocommerce .product .upsells.products h2{font-size:21px;line-height:25px}
.woocommerce .product .related.products ul,.woocommerce .product .upsells.products ul{margin-bottom:0} .woocommerce div.product div.images img,.woocommerce-page div.product div.images img,.woocommerce #content div.product div.images img,.woocommerce-page #content div.product div.images img{-webkit-box-shadow:0 0 0;box-shadow:0 0 0} .woocommerce .quantity{ width: 130px; flex-shrink: 0; position: relative;}
.woocommerce .quantity a.quantity-change { display: flex; color: rgba(0,0,0,.8); position: absolute; top: 5px; width: 35px; border-radius: 3px; height: calc(100% - 10px); font-weight: 700; font-size: 20px; align-items: center; justify-content: center; }
.woocommerce .quantity a:hover.quantity-change { background-color: rgba(0,0,0,.02); }
.woocommerce .quantity a.quantity-change.minus { left: 5px; }
.woocommerce .quantity a.quantity-change.plus { right: 5px; }
.woocommerce .quantity .qty { width: 100%; margin: 0; border-width: 1px !important; font-size: 16px; line-height: 20px; padding: 15px 30px !important; font-weight: 700; -webkit-appearance: none; webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; }
.woocommerce .quantity .qty::-webkit-inner-spin-button,
.woocommerce .quantity .qty::-webkit-outer-spin-button { -webkit-appearance: none; }
.woocommerce .quantity.hidden { display: none; }
.input-brightness-dark .quantity a.quantity-change { color: rgba(255,255,255,.8); }
.input-brightness-dark .quantity a:hover.quantity-change { background-color: rgba(255,255,255,.06); }
.woocommerce .product.quantity-one .quantity,
.woocommerce .product.sold-individually .quantity{display:none!important}
.wcpay-payment-request-wrapper{width:300px;margin:0 auto; margin-bottom: 15px; padding-top:0!important}
#wcpay-payment-request-button-separator{display:none !important;} .woocommerce .products.related ul.products li.product:nth-child(3n+1),
.woocommerce .products.upsells.up-sells ul.products li.product:nth-child(3n+1){clear:both}
.woocommerce.mobile-row-2-products .products.related ul.products li.product:nth-child(3n+1),
.woocommerce.mobile-row-2-products .products.upsells.up-sells ul.products li.product:nth-child(3n+1){clear:unset}  .woocommerce .column_shop_title .woocommerce-products-header__title { margin-bottom: 0; } .woocommerce .column_shop_categories ul.products .woocommerce-loop-category__title mark { font-weight: 400; } .woocommerce .content_wrapper .column_shop_products ul.products.columns-1 li.product { display: flex; flex-direction: column; justify-content: center; padding-left: calc(33% + 40px); }
.woocommerce .content_wrapper .column_shop_products ul.products.columns-1 .mfn-li-product-row-image { position: absolute; left: 0; top: 0; }
.woocommerce .content_wrapper .column_shop_products ul.products.columns-1 .mfn-li-product-row-button{display:inline-block}
.woocommerce .content_wrapper .column_shop_products ul.products.columns-1 li.product > div:not(.mfn-li-product-row-image){width:100%} .woocommerce .column_product_title .woocommerce-products-header__title { margin-bottom: 0; } .woocommerce .column_product_stock p { margin-bottom: 0; }
.woocommerce .stock-disabled .column_product_stock { display: none; } .woocommerce .product .column_product_rating .woocommerce-product-rating { margin-bottom: 0; }
.woocommerce .reviews-disabled .column_product_rating { display: none; } .woocommerce .column_product_meta .product_meta { margin-top: 0; }
.woocommerce .column_product_meta .product_meta .posted_in,
.woocommerce .column_product_meta .product_meta .tagged_as { display: block; }
.woocommerce .column_product_meta .product_meta .posted_in,
.woocommerce .column_product_meta .product_meta .tagged_as,
.woocommerce .column_product_meta .product_meta .sku_wrapper { margin: 0 0 15px; }
.woocommerce .column_product_meta .product_meta .table-meta,
.woocommerce .column_product_meta .product_meta span:last-child { margin-bottom: 0; } .woocommerce .column_product_cart_button .cart { display: flex; margin-bottom: 0 !important; }
.woocommerce .column_product_cart_button .cart .button { width: 100%; }
.woocommerce .column_product_cart_button .cart .quantity{margin-right:10px}
.woocommerce .column_product_cart_button .cart .quantity .input-text,
.woocommerce #Content .column_product_cart_button .cart .button { font-size: 16px; line-height: 20px; padding: 15px 20px; }
.mfn-cart-button-wrap .column_product_cart_button .cart{flex-wrap:wrap;row-gap: 10px;}
.column_product_cart_button {
--add-to-cart-row-gap: 10px;
--add-to-cart-wishlist-button-width: 50px;
}
.woocommerce .mfn-add-to-cart-layout-wrap-desktop .cart,
.woocommerce .mfn-add-to-cart-layout-wrap-desktop .woocommerce-variation-add-to-cart { flex-wrap: wrap; row-gap: var(--add-to-cart-row-gap); }
.woocommerce .mfn-add-to-cart-layout-wrap-desktop .quantity { width: 100%; }
.woocommerce .mfn-add-to-cart-layout-wrap-desktop .grouped_form .quantity { width: 120px; }
.woocommerce.mfn-wishlist-next-to-cart-button .mfn-add-to-cart-layout-wrap-desktop .button { width: calc(100% - var(--add-to-cart-wishlist-button-width)); }
.woocommerce .mfn-add-to-cart-layout-inline-desktop .cart,
.woocommerce .mfn-add-to-cart-layout-inline-desktop .woocommerce-variation-add-to-cart { flex-wrap: nowrap; row-gap: unset; }
.woocommerce .mfn-add-to-cart-layout-inline-desktop .quantity { width: 130px; }
.woocommerce.mfn-wishlist-next-to-cart-button .mfn-add-to-cart-layout-inline-desktop .button { width: 100%; }
@media only screen and (max-width: 1440px) {
.woocommerce .mfn-add-to-cart-layout-wrap-laptop .cart,
.woocommerce .mfn-add-to-cart-layout-wrap-laptop .woocommerce-variation-add-to-cart { flex-wrap: wrap; row-gap: var(--add-to-cart-row-gap); }
.woocommerce .mfn-add-to-cart-layout-wrap-laptop .quantity { width: 100%; }
.woocommerce .mfn-add-to-cart-layout-wrap-laptop .grouped_form .quantity { width: 120px; }
.woocommerce.mfn-wishlist-next-to-cart-button .mfn-add-to-cart-layout-wrap-laptop .button { width: calc(100% - var(--add-to-cart-wishlist-button-width)); }
.woocommerce .mfn-add-to-cart-layout-inline-laptop .cart,
.woocommerce .mfn-add-to-cart-layout-inline-laptop .woocommerce-variation-add-to-cart { flex-wrap: nowrap; row-gap: unset; }
.woocommerce .mfn-add-to-cart-layout-inline-laptop .quantity { width: 130px; }
.woocommerce.mfn-wishlist-next-to-cart-button .mfn-add-to-cart-layout-inline-laptop .button { width: 100%; }
}
@media only screen and (max-width: 959px) {
.woocommerce .mfn-add-to-cart-layout-wrap-tablet .cart,
.woocommerce .mfn-add-to-cart-layout-wrap-tablet .woocommerce-variation-add-to-cart { flex-wrap: wrap; row-gap: var(--add-to-cart-row-gap); }
.woocommerce .mfn-add-to-cart-layout-wrap-tablet .quantity { width: 100%; }
.woocommerce .mfn-add-to-cart-layout-wrap-tablet .grouped_form .quantity { width: 120px; }
.woocommerce.mfn-wishlist-next-to-cart-button .mfn-add-to-cart-layout-wrap-tablet .button { width: calc(100% - var(--add-to-cart-wishlist-button-width)); }
.woocommerce .mfn-add-to-cart-layout-inline-tablet .cart,
.woocommerce .mfn-add-to-cart-layout-inline-tablet .woocommerce-variation-add-to-cart { flex-wrap: nowrap; row-gap: unset; }
.woocommerce .mfn-add-to-cart-layout-inline-tablet .quantity { width: 130px; }
.woocommerce.mfn-wishlist-next-to-cart-button .mfn-add-to-cart-layout-inline-tablet .button { width: 100%; }
}
@media only screen and (max-width: 767px) {
.woocommerce .mfn-add-to-cart-layout-wrap-mobile .cart,
.woocommerce .mfn-add-to-cart-layout-wrap-mobile .woocommerce-variation-add-to-cart { flex-wrap: wrap; row-gap: var(--add-to-cart-row-gap); }
.woocommerce .mfn-add-to-cart-layout-wrap-mobile .quantity { width: 100%; }
.woocommerce .mfn-add-to-cart-layout-wrap-mobile .grouped_form .quantity { width: 120px; }
.woocommerce.mfn-wishlist-next-to-cart-button .mfn-add-to-cart-layout-wrap-mobile .button { width: calc(100% - var(--add-to-cart-wishlist-button-width)); }
.woocommerce .mfn-add-to-cart-layout-inline-mobile .cart,
.woocommerce .mfn-add-to-cart-layout-inline-mobile .woocommerce-variation-add-to-cart { flex-wrap: nowrap; row-gap: unset; }
.woocommerce .mfn-add-to-cart-layout-inline-mobile .quantity { width: 130px; }
.woocommerce.mfn-wishlist-next-to-cart-button .mfn-add-to-cart-layout-inline-mobile .button { width: 100%; }
} .woocommerce .column_product_rating { clear: both; }
.woocommerce .column_product_rating { float: none; }
.woocommerce .column_product_rating .star-rating,
.woocommerce .column_product_rating .woocommerce-review-link{display:inline-block; float: none !important;}
.woocommerce .column_product_rating .woocommerce-review-link { font-size: 90%; } .single-template .product .column_product_images .woocommerce-product-gallery{opacity:1!important}
.woocommerce .product .column_product_images .woocommerce-product-gallery { float: none; width: 100% !important; margin-bottom: 0; } .woocommerce .column_product_related ul.products,
.woocommerce .column_cart_cross_sells ul.products,
.woocommerce .column_product_upsells ul.products { margin-bottom: 0; }
.elementor-widget-woocommerce-product-related .image_frame .image_wrapper .image_links{display:none!important;} .woocommerce .column_product_breadcrumbs { clear: both; }
.woocommerce .column_product_breadcrumbs .woocommerce-breadcrumb { margin: 0; color: inherit; }
.woocommerce .column_product_breadcrumbs .woocommerce-breadcrumb a { color: inherit; margin: 0 5px; }
.woocommerce .column_product_breadcrumbs .woocommerce-breadcrumb a:first-child { margin-left: 0; }
.woocommerce .column_product_breadcrumbs .woocommerce-breadcrumb span { margin: 0 5px; opacity: .2; } .widget.woocommerce li img{-webkit-box-shadow:0 0 0!important;box-shadow:0 0 0!important} .widget_best_sellers li,.widget_featured_products li,.widget_recent_reviews li,.widget_recent_products li,.widget_recently_viewed_products li,.widget_random_products li,.widget_top_rated_products li,.widget_onsale li{border-bottom:1px solid rgba(0,0,0,0.12)}
.widget_best_sellers li:last-child,.widget_featured_products li:last-child,.widget_recent_reviews li:last-child,.widget_recent_products li:last-child,.widget_recently_viewed_products li:last-child,.widget_random_products li:last-child,.widget_top_rated_products li:last-child,.widget_onsale li:last-child{border-bottom:0} .widget_layered_nav ul li{border-bottom:1px solid rgba(0,0,0,0.12)}
.widget_layered_nav ul li:last-child{border-bottom:0}
.woocommerce .widget_layered_nav ul li small{float:right} .widget_product_categories ul{list-style-type:square;color:#fff;padding:5px 10px 5px 30px}
.widget_product_categories ul li{position:relative}
.widget_product_categories ul > li:after{content:"";display:block;width:70px;border-width:0 0 1px;border-style:solid;border-color:rgba(255,255,255,.2);position:absolute;left:-30px;bottom:0}
.widget_product_categories ul > li:last-child:after{display:none}
.widget_product_categories ul li a{color:#fff!important;display:block;padding:7px 0 7px 3px}
.widget_product_categories ul li ul{padding:0 10px 0 20px;margin-top:-5px} .wc-block-product-categories {}
.wc-block-product-categories.is-list a { display: inline-block; color: inherit; padding: 6px 6px 6px 0;  }
.wc-block-product-categories.is-list > ul > li > a { font-weight: 500; }
.wc-block-product-categories.is-list ul li { position: relative; padding-right: 30px; }
.wc-block-product-categories.is-list ul li .cat-expander {color: rgba(0,0,0,.5); cursor: pointer; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; position: absolute; right: 0; top: 5px; transition: all 0.3s ease-in-out; }
.wc-block-product-categories.is-list ul li .cat-expander:before { content: '\e868'; font-family: "mfn-icons"; }
.wc-block-product-categories.is-list ul.wc-block-product-categories-list--has-images li .cat-expander { top: 13px; }
.wc-block-product-categories.is-list ul li.li-expanded > .cat-expander { transform: rotate(180deg); color: rgba(0,0,0,.8); }
.wc-block-product-categories.is-list ul li ul { display: none; margin-right: -30px; }
.wc-block-product-categories.is-list ul:not(.wc-block-product-categories-list--has-images) li ul { margin-left: 20px; }
.wc-block-product-categories.is-list > ul > li  .wc-block-product-categories-list-item-count { display: inline-block; opacity: .5; }
.wc-block-product-categories.is-list > ul > li  .wc-block-product-categories-list-item-count::before,
.wc-block-product-categories.is-list > ul > li  .wc-block-product-categories-list-item-count::after { display: none; }
.wc-block-product-categories.is-dropdown select { width: calc(100% - .5em); margin-bottom: 0; } .widget_price_filter .price_slider_wrapper{padding-top:5px}
.widget_price_filter .price_slider_amount{font-size:13px!important}
.widget_price_filter .price_slider_amount .button{font-size:1em!important;margin-bottom:0}
.widget_price_filter .price_slider_wrapper .ui-widget-content{border-color:transparent!important;background:#fff!important}
.widget_price_filter .price_label .from,.widget_price_filter .price_label .to{font-weight:700}
.widget_price_filter .price_label{padding-top:10px}
.widget_price_filter .price_slider{margin-bottom:20px!important}
.widget_price_filter .price_slider_amount{line-height:inherit!important}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range{box-shadow:0 0 0;background-color:var(--mfn-woo-bg-themecolor);border-top:none;background-image:url(//kubadasaglik.net/wp-content/themes/betheme/images/stripes/stripes_3_b.png)}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{background:#fff!important;border-width:4px;border-style:solid} .wc-block-price-slider{padding: 0 2px}
.wc-block-product-filter-price-slider__range{margin-left:3px;margin-right:3px}
.wc-block-components-price-slider__range-input-wrapper { box-shadow: 0 0 0 0; }
.woocommerce .wc-block-components-price-slider__range-input-progress,
.woocommerce.rtl .wc-block-components-price-slider__range-input-progress { --range-color: var(--mfn-woo-themecolor); }
.wp-block-woocommerce-price-filter .wc-block-filter-submit-button { margin: 0; flex-shrink: 0; }
.wc-block-components-price-slider.wc-block-components-price-slider--has-filter-button .wc-block-components-price-slider__controls { align-items: baseline; }
.wc-block-price-filter__controls input { border-color: unset !important; }
.wc-block-components-price-slider--is-input-inline .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount{max-width:90px}
.content-brightness-light .wc-block-components-price-slider__range-input-wrapper { background-color: rgba(0,0,0,.1); }
.content-brightness-dark .wc-block-components-price-slider__range-input-wrapper { background-color: rgba(255,255,255,.15); } .woocommerce .widget_shopping_cart p.total{background-color:#fff;background-image:url(//kubadasaglik.net/wp-content/themes/betheme/images/stripes/stripes_3_b.png);overflow:hidden;padding:10px 12px!important}
.woocommerce .widget_shopping_cart p.total strong{float:left;margin-right:4px}
.woocommerce .widget_shopping_cart p.total .amount{float:left}
.woocommerce .widget_shopping_cart p.total .button_cart{float:right}
.woocommerce .widget_shopping_cart .cart_list li{padding:8px 0}
.woocommerce .widget_shopping_cart .cart_list li a.remove{left:auto;right:-10px;top:-2px;padding:0!important;line-height:21px!important}
.woocommerce .widget_shopping_cart ul.product_list_widget li a{font-weight:400}
.woocommerce .widget_shopping_cart ul.product_list_widget li a:hover{text-decoration:none}
.woocommerce .widget_shopping_cart ul.product_list_widget li .desc{margin-right:60px}
.woocommerce .widget_shopping_cart ul.product_list_widget li h6{padding-top:5px;margin-bottom:3px}
.woocommerce .widget_shopping_cart ul.product_list_widget li .quantity{display:block;width:100%}
.woocommerce .widget_shopping_cart ul.product_list_widget li dl{margin:0!important;padding:0!important;border-left:0!important;display:block;overflow:hidden}
.woocommerce .widget_shopping_cart ul.product_list_widget li dl > dt,.woocommerce .widget_shopping_cart ul.product_list_widget li dl > dd{border-width:0;padding:2px 0;margin:0}
.woocommerce .widget_shopping_cart ul.product_list_widget li dl > dt{width:auto;font-weight:400;clear:none;margin-right:5px} .widget_products li{border-bottom-width:1px;border-style:solid}
.widget_products li:last-child{border-bottom:0} .widget_product_search{position:relative}
.widget_product_search .screen-reader-text{display:none}
.widget_product_search form{margin-bottom:5px;position:relative;overflow:hidden}
.widget_product_search form input[type="search"]{width:100%;margin-bottom:0}
.widget_product_search form button[type="submit"]{display:none} .mfn_woo_attributes { position: relative; display: block; }
.mfn_woo_attributes .mfn_attr_filters .mfn-vr { padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,.04); overflow-x:hidden}
.mfn_woo_attributes .mfn_attr_filters .mfn-vr:last-of-type { border: 0; }
.mfn_woo_attributes .mfn_attr_filters .mfn-vr > label  { margin: 0 0 5px 0; font-weight: 500; }
.mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-options:not(.mfn-vr-select) { display: flex; flex-direction: row; flex-wrap: wrap; }
.mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-options:not(.mfn-vr-select) li { display: block; cursor: pointer; border: 0; margin: 0 1px 1px 0; }
.mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-options:not(.mfn-vr-select) li .label { display: block; position: relative; overflow: hidden; font-weight: 400; color: inherit; text-decoration: none; cursor: pointer; border: 1px solid rgba(0,0,0,.1); font-size: 14px; line-height: 30px; padding: 0 10px; border-radius: 3px; margin: 2px; }
.mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-options:not(.mfn-vr-select) li .label:hover { border-color: rgba(0,0,0,.2); }
.mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-options:not(.mfn-vr-select) li .label span { display: block; overflow: hidden; position: relative; }
.mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-options:not(.mfn-vr-select) li .label span input{ opacity: 0; position: absolute; top: -100px; }
.mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-options:not(.mfn-vr-select) li.active .label { border-color: rgba(0,0,0,.8); }
.mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-options.mfn-vr-color li .label { width: 34px; height: 34px; border-radius: 100%; padding: 3px; box-sizing: border-box; }
.mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-options.mfn-vr-color li .label span { display: block; width: 100%; height: 100%; border-radius: 100%; }
.mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-options.mfn-vr-image li .label { height: 50px; width: 50px; border-radius: 3px; padding: 3px; box-sizing: border-box; }
.mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-options.mfn-vr-image li .label span { border-radius: 3px; display: block; height: 100%; width: 100%; background-size: contain; background-position: center; background-repeat: no-repeat; }
.mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-select { display: block; }
.mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-select li { cursor: pointer; }
.mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-select li .label { font-weight: 400; }
.mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-select li input[type="checkbox"]{pointer-events:none}
.mfn_woo_attributes .mfn_attr_filters .button{ margin-top: 5px; }
.mfn_woo_attributes .mfn_attr_filters.button-disabled .button{ display: none; }
.mfn_attr_filters li.loading .label span { opacity: .2; }
.mfn_attr_filters li.loading .label:after{ content: ""; opacity: .5; display: block; position: absolute; left: 50%; top: 50%; width: 20px; height: 20px; margin: -10px 0 0 -10px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' style=''%3e%3cdefs%3e%3cstyle%3e.path-loading-2%7bopacity:0.05;%7d.path-loading-3%7bopacity:0.1;%7d.path-loading-4%7bopacity:0.2;%7d.path-loading-5%7bopacity:0.3;%7d.path-loading-6%7bopacity:0.4;%7d.path-loading-7%7bopacity:0.5;%7d.path-loading-8%7bopacity:0.58;%7d.path-loading-9%7bopacity:0.66;%7d.path-loading-10%7bopacity:0.74;%7d.path-loading-11%7bopacity:0.82;%7d.path-loading-12%7bopacity:0.9;%7d%3c/style%3e%3c/defs%3e%3cpath d='M22,9.09a1.75,1.75,0,0,1-1.76,1.75h0a1.75,1.75,0,0,1-1.75-1.75V1.75A1.75,1.75,0,0,1,20.19,0h0A1.75,1.75,0,0,1,22,1.75Z' class='path-loading path-loading-1'/%3e%3cpath d='M27.14,11.52a1.74,1.74,0,0,1-2.39.64h0a1.74,1.74,0,0,1-.64-2.39l3.67-6.35a1.74,1.74,0,0,1,2.39-.64h0a1.75,1.75,0,0,1,.64,2.39Z' class='path-loading path-loading-2'/%3e%3cpath d='M30.42,16.23A1.75,1.75,0,0,1,28,15.59h0a1.76,1.76,0,0,1,.64-2.4L35,9.53a1.75,1.75,0,0,1,2.4.64h0a1.76,1.76,0,0,1-.64,2.39Z' class='path-loading path-loading-3'/%3e%3cpath d='M30.91,22a1.75,1.75,0,0,1-1.75-1.76h0a1.76,1.76,0,0,1,1.75-1.75h7.34A1.75,1.75,0,0,1,40,20.19h0A1.75,1.75,0,0,1,38.25,22Z' class='path-loading path-loading-4'/%3e%3cpath d='M28.48,27.14a1.74,1.74,0,0,1-.64-2.39h0a1.74,1.74,0,0,1,2.39-.64l6.35,3.66a1.75,1.75,0,0,1,.64,2.4h0a1.75,1.75,0,0,1-2.39.64Z' class='path-loading path-loading-5'/%3e%3cpath d='M23.77,30.42A1.75,1.75,0,0,1,24.41,28h0a1.76,1.76,0,0,1,2.4.64L30.47,35a1.75,1.75,0,0,1-.64,2.4h0a1.76,1.76,0,0,1-2.39-.64Z' class='path-loading path-loading-6'/%3e%3cpath d='M18.05,30.91a1.75,1.75,0,0,1,1.76-1.75h0a1.76,1.76,0,0,1,1.75,1.75v7.34A1.75,1.75,0,0,1,19.81,40h0a1.76,1.76,0,0,1-1.76-1.75Z' class='path-loading path-loading-7'/%3e%3cpath d='M12.86,28.48a1.74,1.74,0,0,1,2.39-.64h0a1.74,1.74,0,0,1,.64,2.39l-3.67,6.35a1.74,1.74,0,0,1-2.39.64h0a1.75,1.75,0,0,1-.64-2.39Z' class='path-loading path-loading-8'/%3e%3cpath d='M9.58,23.77a1.75,1.75,0,0,1,2.39.64h0a1.76,1.76,0,0,1-.64,2.4L5,30.47a1.75,1.75,0,0,1-2.4-.64h0a1.76,1.76,0,0,1,.64-2.39Z' class='path-loading path-loading-9'/%3e%3cpath d='M9.09,18.05a1.76,1.76,0,0,1,1.75,1.76h0a1.76,1.76,0,0,1-1.75,1.75H1.75A1.75,1.75,0,0,1,0,19.81H0a1.75,1.75,0,0,1,1.75-1.76Z' class='path-loading path-loading-10'/%3e%3cpath d='M11.52,12.86a1.74,1.74,0,0,1,.64,2.39h0a1.74,1.74,0,0,1-2.39.64L3.42,12.23a1.75,1.75,0,0,1-.64-2.4h0a1.75,1.75,0,0,1,2.39-.64Z' class='path-loading path-loading-11'/%3e%3cpath d='M16.23,9.58A1.75,1.75,0,0,1,15.59,12h0a1.76,1.76,0,0,1-2.4-.64L9.53,5a1.75,1.75,0,0,1,.64-2.4h0a1.76,1.76,0,0,1,2.39.64Z' class='path-loading path-loading-12'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center; background-size: 12px; animation: spin 2s infinite linear; }
.mfn_attr_filters ul.mfn-vr-select li.loading .label:after { position: relative; display: inline-block; margin: 0 0 0 5px; left: auto;top: 3px; } .add_to_cart_inline span{position:relative;top:-11px}
.add_to_cart_inline .button{padding:11px 20px!important;margin:0 0 -5px 10px !important} .pswp .pswp__button{padding:0;border:none!important} .mfn-checkout-steps{
--mfn-order-steps-number-width: 40px;
--mfn-order-steps-gap: 40px;
} .select2 { font-size: 15px; }
.select2-container--default .select2-selection--single { background-color: #fff; border-color: #EBEBEB; border-radius: 0; padding: 10px; height: auto; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #626262; line-height: normal; text-align: left; padding-left: 0; } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 50%; transform: translateY(-50%); right: 5px; }
.select2-container--default.select2-container--open .select2-selection--single { border: 1px solid #EBEBEB; border-radius: 0; } .select2-dropdown { background-color: #fff; border-color: #d5e5ee; border-radius: 0; }
.select2-container--default .select2-search--dropdown .select2-search__field { border-width: 1px; margin-bottom: 0; color: #626262; background-color: rgba(255,255,255,1); border-color: #EBEBEB; } .select2-container--default .select2-search--dropdown .select2-search__field:focus { color: #0089F7; background-color: rgba(233,245,252,1) !important; border-color: #d5e5ee; } .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] { background-color: #0089F7; color: #fff; }  a.mfn-woo-cart-link { display: block; text-align: center; margin-top: 15px; color: var(--mfn-woo-text-option-color); }
a:hover.mfn-woo-cart-link { display: block; text-align: center; margin-top: 15px; color: var(--mfn-woo-text-option-color-hover); } .mfn-cart-step { padding: 40px 0 10px; }
.mfn-cart-step .woocommerce:not(.mfn-cart-tmpl-builder) .woocommerce-notices-wrapper .alert,
.mfn-cart-step .woocommerce:not(.mfn-cart-tmpl-builder) .woocommerce-message,
.mfn-cart-step .woocommerce:not(.mfn-cart-tmpl-builder) .woocommerce-NoticeGroup .alert { width: 100%; }
.mfn-cart-step .woocommerce:not(.mfn-cart-tmpl-builder) .woocommerce-cart-form,
.mfn-be-cart .woocommerce:not(.mfn-cart-tmpl-builder) .cart-collaterals,
.mfn-be-checkout .woocommerce:not(.mfn-cart-tmpl-builder) #customer_details,
.mfn-be-checkout .woocommerce:not(.mfn-cart-tmpl-builder) #order_review { margin-bottom: 40px; }
.mfn-be-cart .woocommerce .wc-empty-cart-message{width:100%}
.mfn-be-cart .woocommerce:not(.mfn-cart-tmpl-builder) { display: flex; align-items: flex-start; flex-wrap: wrap; }
.mfn-be-cart .woocommerce:not(.mfn-cart-tmpl-builder) .woocommerce-notices-wrapper { flex-basis: 100%; max-width: 100%; }
.mfn-be-cart .woocommerce:not(.mfn-cart-tmpl-builder) .woocommerce-cart-form { flex-basis:65%; max-width: 65%; }
.mfn-be-cart .woocommerce:not(.mfn-cart-tmpl-builder) .cart-collaterals { flex-basis: calc(35% - 40px); max-width: calc(35% - 40px); margin-left: 40px;  }
.mfn-be-checkout .woocommerce:not(.mfn-cart-tmpl-builder) .woocommerce-checkout { display: flex; align-items: flex-start; flex-wrap: wrap; margin-top: 50px; }
.mfn-be-checkout .woocommerce:not(.mfn-cart-tmpl-builder) .woocommerce-NoticeGroup { flex-basis: 100%; max-width: 100%; margin-bottom: 20px; }
.mfn-be-checkout .woocommerce:not(.mfn-cart-tmpl-builder) #customer_details { flex-basis:50%; max-width: 50%;}
.mfn-be-checkout .woocommerce:not(.mfn-cart-tmpl-builder) #order_review { flex-basis: calc(50% - 41px); max-width: calc(50% - 41px); margin-left: 40px;  }
.mfn-be-checkout .woocommerce:not(.mfn-cart-tmpl-builder) .wcpay-payment-request-wrapper { width: 100%; }
.mfn-be-checkout #wc-stripe-payment-request-wrapper{width:100%;padding:0!important;margin:0!important}
.mfn-be-checkout #wc-stripe-payment-request-button-separator{width:100%}
.mfn-checkout-steps { list-style: none; margin: 0 0 40px !important; display: flex; justify-content: center; align-items: center; }
.mfn-checkout-steps li {display: flex; align-items: center; }
.mfn-checkout-steps li:not(:last-child) { padding-right: var(--mfn-order-steps-gap); margin-right: var(--mfn-order-steps-gap); position: relative; }
.mfn-checkout-steps li:not(:last-child):after { content: '\e917'; font-family: 'mfn-icons'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); opacity: .5; }
.mfn-checkout-steps li .mfn-step-number { display: flex; justify-content: center; align-items: center; width: var(--mfn-order-steps-number-width); height: var(--mfn-order-steps-number-width); border-radius: 100%; margin-right: 15px; border: 1px solid var(--mfn-woo-border); color: var(--mfn-woo-text-option-color-hover); }
.mfn-checkout-steps li.active .mfn-step-number { background: var(--mfn-woo-bg-themecolor); color: #fff; border-color: transparent; }
.wc-block-components-notice-banner svg{width:24px;height:24px}
.wc-block-components-title.wc-block-components-title,
.editor-styles-wrapper .wc-block-cart__empty-cart__title,
.wc-block-cart__empty-cart__title{letter-spacing:unset} .woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message { border-top: 0; }
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:before { display: none; }
.woocommerce-notices-wrapper { width: 100%; } .elementor-widget-woocommerce-notices .woocommerce-error, .elementor-widget-woocommerce-notices .woocommerce-info, .elementor-widget-woocommerce-notices .woocommerce-message, .elementor-widget-woocommerce-notices .woocommerce-notices-wrapper, .elementor-widget-woocommerce-notices .woocommerce .is-error, .elementor-widget-woocommerce-notices .woocommerce .is-info, .elementor-widget-woocommerce-notices .woocommerce .is-success{display:flex!important} body:not(.mfn-ui) .woocommerce:not(.mfn-cart-tmpl-builder) .cart-collaterals,
.woocommerce-page .the_content .cart-collaterals,
.woocommerce .woocommerce-checkout-review-order,
.woocommerce .woocommerce-order-details,
.woocommerce .woocommerce-bacs-bank-details,
.the_content_wrapper .woocommerce-MyAccount-navigation { background: var(--mfn-woo-bg-box); border-radius: var(--mfn-woo-border-radius-box); padding: 30px; box-sizing: border-box; } .woocommerce .woocommerce-Price-amount bdi {word-break:initial}
.woocommerce table.shop_table { border: 0; margin: 0; border-radius: 0; border-collapse: collapse; }
.woocommerce table.shop_table th,
.woocommerce table.shop_table td { padding: 20px 10px; line-height: 1.4; background: none; box-shadow: 0 0 0 0; border-width: 0 0 1px 0; border-style: solid; border-color: var(--mfn-woo-border); }
.woocommerce table.shop_table th:first-child,
.woocommerce table.shop_table td:first-child { text-align: left; }
.woocommerce table.shop_table th:last-child,
.woocommerce table.shop_table td:last-child { text-align: right; }
.woocommerce table.shop_table tbody tr:last-child th,
.woocommerce table.shop_table tbody tr:last-child td,
.woocommerce table.shop_table tfoot tr:last-child th,
.woocommerce table.shop_table tfoot tr:last-child td { border-bottom: 0; }
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th { border-top: 0; font-weight: 400; }
.woocommerce table.shop_table th { color: var(--mfn-woo-heading-color); }
.woocommerce table.shop_table .product-thumbnail a{display:block;line-height:0}
.woocommerce table.shop_table .product-thumbnail a img{width:100px}
.woocommerce table.shop_table .product-name{text-align:left}
.woocommerce table.shop_table td.product-name,
.woocommerce table.shop_table td.product-name > a { font-size: 17px; font-weight: 600; color: var(--mfn-woo-heading-color); }
.woocommerce table.shop_table td.product-name .variation {margin-top:10px;font-weight:normal;}
.woocommerce table.shop_table td.product-name .variation dt{padding-bottom:0;font-weight:normal;border-top-color:transparent}
.woocommerce table.shop_table td.product-price,
.woocommerce table.shop_table td.product-subtotal { color: var(--mfn-woo-themecolor); }
.woocommerce table.shop_table .product-remove a:hover.remove { background-color: transparent; color: inherit; }
.woocommerce table.shop_table tr.order-total .woocommerce-Price-amount,
.woocommerce table.woocommerce-table--order-details tfoot tr:last-child .woocommerce-Price-amount { font-size: 22px; font-weight: 700; color: var(--mfn-woo-heading-color); }
.includes_tax {display: block; text-align: right; }
.includes_tax .woocommerce-Price-amount {font-size: inherit !important; }
.woocommerce table.shop_table .product-name .product-quantity { display: inline-block; position: relative; top: -1px; background-color: rgba(255,255,255,.9); padding: 2px 5px; border-radius: 3px; font-weight: 400; font-size:13px; }
.woocommerce table.shop_table td.actions .coupon{display:flex;flex-wrap:wrap}
.woocommerce table.shop_table td.actions .coupon .input-text { font-weight: bold; text-transform: uppercase; width: 160px; letter-spacing: 2px; text-align: center; margin-right: 10px; }
.woocommerce table.shop_table td.actions .coupon label{display:none}
.woocommerce .blockUI { background-color: rgba(0,0,0,.05) !important; z-index: 1 !important; } .woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register,
.woocommerce form.lost_reset_password { display: flex; flex-direction: column; align-items: center; border: 0; padding: 0; margin: 0; box-sizing: border-box; }
.woocommerce form.checkout_coupon p,
.woocommerce form.login p,
.woocommerce form.register p,
.woocommerce form.lost_reset_password p { width: 100%; float: none; }
.woocommerce form.checkout_coupon p:not(.form-row),
.woocommerce form.login p:not(.form-row),
.woocommerce form.register p:not(.form-row),
.woocommerce form.lost_reset_password p:not(.form-row) { text-align: center; }
.woocommerce form.checkout_coupon .button,
.woocommerce form.login .button,
.woocommerce form.register .button,
.woocommerce form.lost_reset_password .button { width: 100%; }
.woocommerce form.checkout_coupon p:last-child,
.woocommerce form.login p:last-child,
.woocommerce form.register p:last-child,
.woocommerce form.lost_reset_password p:last-child { margin-bottom: 0; }
.woocommerce form.checkout_coupon .form-row,
.woocommerce form.login .form-row,
.woocommerce form.register .form-row,
.woocommerce form.lost_reset_password .form-row { width: 100%; }
.woocommerce form.register .woocommerce-privacy-policy-text { font-size: 84%; line-height: 1.75; margin-bottom: 15px; } .woocommerce-thankyou-order-received{
--mfn-woo-thanks-notice-icon-size: 70px;
--mfn-woo-thanks-notice-icon-font-size: 30px;
} .woocommerce-thankyou-order-received { text-align: center; margin-bottom: 50px; color: var(--mfn-woo-themecolor); }
.woocommerce-thankyou-order-received:before { content: '\e841'; font-family: "mfn-icons"; color: var(--mfn-woo-themecolor);  background-color: rgba(0,0,0,.03); font-size: var(--mfn-woo-thanks-notice-icon-font-size); display: flex; justify-content: center; align-items: center; margin: 0 auto 15px; width: var(--mfn-woo-thanks-notice-icon-size); height: var(--mfn-woo-thanks-notice-icon-size); border-radius: 100%; } .woocommerce .cart .added_to_cart{display:none}
.woocommerce table.shop_table.cart th { font-size: 13px; letter-spacing: 1px; font-weight: 700; text-transform: uppercase; }
.woocommerce .cart-collaterals h4 { text-align: center; }
.woocommerce .cart-collaterals .cross-sells,
.woocommerce-page .cart-collaterals .cross-sells,
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals { width: 100%; float: none; }
#add_payment_method .cart-collaterals .cart_totals tr td,
#add_payment_method .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-checkout .cart-collaterals .cart_totals tr td,
.woocommerce-checkout .cart-collaterals .cart_totals tr th { border-top: 0; }
.woocommerce .cart-collaterals .cart_totals .shop_table,
.woocommerce-page .cart-collaterals .cart_totals .shop_table { table-layout: fixed; }
.woocommerce .cart-collaterals .cross-sells ul.products li:nth-child(2n+1),
.woocommerce-page .cart-collaterals .cross-sells ul.products li:nth-child(2n+1){clear:both}
.woocommerce .cart-collaterals .cross-sells ul.products li .image_frame,
.woocommerce-page .cart-collaterals .cross-sells ul.products li .image_frame{ margin-bottom: 10px;}
.woocommerce .cart-collaterals .cross-sells ul.products li .desc,
.woocommerce-page .cart-collaterals .cross-sells ul.products li .desc{ padding: 0;}
.woocommerce .cart-collaterals .cross-sells ul.products li h4,
.woocommerce-page .cart-collaterals .cross-sells ul.products li h4{ font-size: inherit; line-height: inherit;}
.woocommerce-cart .return-to-shop { margin: 0 auto 40px; } .pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar{ background: none; } .mfn-be-checkout .woocommerce .woocommerce-checkout #customer_details .col-1,
.mfn-be-checkout .woocommerce .woocommerce-checkout #customer_details .col-1,
.mfn-be-checkout .woocommerce .woocommerce-checkout #customer_details .col-2,
.mfn-be-checkout .woocommerce .woocommerce-checkout #customer_details .col-2 { width: 100%; float: none; }
#order_review #order_review_heading { text-align: center; } .woocommerce-additional-fields #order_comments_field textarea.input-text { height: 150px; } .woocommerce table.woocommerce-checkout-review-order-table { margin-bottom: 30px; } #add_payment_method .checkout .col-2 h3#ship-to-different-address,
.woocommerce-cart .checkout .col-2 h3#ship-to-different-address,
.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address,
.mfn-be-checkout .woocommerce .create-account { font-size: inherit; line-height: inherit; color: inherit; cursor: pointer; padding: 10px 15px; width: 100%; box-sizing: border-box; border: 1px solid var(--mfn-woo-border); border-radius: var(--mfn-woo-border-radius-box);  }
#add_payment_method .checkout .col-2 h3#ship-to-different-address label,
.woocommerce-cart .checkout .col-2 h3#ship-to-different-address label,
.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address label,
.mfn-be-checkout .woocommerce .create-account label { margin-bottom: 0; cursor: pointer; } #add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment { background: none; }
#add_payment_method #payment .woocommerce-terms-and-conditions-wrapper,
.woocommerce-cart #payment .woocommerce-terms-and-conditions-wrapper,
.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper { margin-bottom: 15px; }
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods { padding: 0; border-bottom: 0; color: inherit; }
#add_payment_method #payment ul.payment_methods li,
.woocommerce-cart #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li { border: 1px solid var(--mfn-woo-border); cursor: pointer; position: relative; border-radius: 4px; margin-bottom: 15px; padding: 15px; display: flex; flex-wrap: wrap; }
#add_payment_method #payment ul.payment_methods li .input-radio,
.woocommerce-cart #payment ul.payment_methods li .input-radio,
.woocommerce-checkout #payment ul.payment_methods li .input-radio { position: absolute; z-index: -1; opacity: 0; }
#add_payment_method #payment ul.payment_methods li label,
.woocommerce-cart #payment ul.payment_methods li label,
.woocommerce-checkout #payment ul.payment_methods li label { margin-bottom: 0; color: var(--mfn-woo-heading-color); cursor: pointer; }
#add_payment_method #payment ul.payment_methods li.active-payment,
.woocommerce-cart #payment ul.payment_methods li.active-payment,
.woocommerce-checkout #payment ul.payment_methods li.active-payment { border-color: var(--mfn-woo-border-themecolor); }
#add_payment_method #payment ul.payment_methods li.wc_payment_method .mfn-payment-check,
.woocommerce-cart #payment ul.payment_methods li.wc_payment_method .mfn-payment-check,
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method .mfn-payment-check { display: none; content: '\e841'; font-family: "mfn-icons"; position: absolute; right: -10px; top: -10px; font-size: 12px; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 100%; background-color: var(--mfn-woo-bg-themecolor); color: #fff; }
#add_payment_method #payment ul.payment_methods li.wc_payment_method.active-payment .mfn-payment-check,
.woocommerce-cart #payment ul.payment_methods li.wc_payment_method.active-payment .mfn-payment-check,
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method.active-payment .mfn-payment-check { display: flex; }
#add_payment_method #payment ul.payment_methods li input,
.woocommerce-cart #payment ul.payment_methods li input,
.woocommerce-checkout #payment ul.payment_methods li input { margin: 0; }
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box { width: 100%; }
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before { display: none; }
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box { background: none; color: inherit; margin: 0; padding: 0; font-size: inherit; }
#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row { padding: 0; }
#add_payment_method .wc-proceed-to-checkout,
.woocommerce-cart .wc-proceed-to-checkout,
.woocommerce-checkout .wc-proceed-to-checkout { padding: 0; }
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { font-size: inherit; margin-bottom: 0; } .woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce-form-login-toggle .woocommerce-info { display: flex; justify-content: center; width: 100%; padding: 15px; box-sizing: border-box; margin: 0 0 15px !important; background-color: transparent; color: inherit; border: 1px solid var(--mfn-woo-border); border-radius: var(--mfn-woo-border-radius-box); }
.woocommerce-form-coupon-toggle .woocommerce-info:before,
.woocommerce-form-login-toggle .woocommerce-info:before { position: static; margin-right: 10px; color: var(--mfn-woo-themecolor); }
.woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon,
.woocommerce-form-login-toggle .woocommerce-info a.showlogin { margin-right: 15px; margin-left: 10px; position: relative; }
.woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon:after,
.woocommerce-form-login-toggle .woocommerce-info a.showlogin:after { content: '\e869'; font-family: 'mfn-icons'; position: absolute; right: -15px; top: 0; }
.mfn-cart-step form.checkout-form-toggle { background: var(--mfn-woo-bg-box); margin: 0 0 15px; padding: 30px; }
.mfn-cart-step form.checkout-form-toggle p { max-width: 430px; }
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order { float: none; width: 100%; } .woocommerce .woocommerce-order-details,
.woocommerce .woocommerce-customer-details { margin-bottom: 40px; }
.woocommerce .woocommerce-order-details .order-again { text-align: center; }
.woocommerce .woocommerce-customer-details { text-align: center; }
.woocommerce .woocommerce-customer-details address { width: auto; }
.woocommerce .woocommerce-columns--addresses { display: flex; justify-content: center; }
.woocommerce .woocommerce-columns--addresses .woocommerce-column { text-align: center; width: auto; margin: 15px 30px; }
.woocommerce .woocommerce-customer-details address,
.woocommerce .addresses address { display: inline-block; position: relative; padding-left: 90px; box-sizing: border-box; border: 0; border-radius: 0; }
.woocommerce .woocommerce-customer-details address:before,
.woocommerce .addresses address:before { content: '\e85d'; font-family: 'mfn-icons'; display: flex; height: 100%; width: 65px; font-size: 30px; border-right: 1px solid var(--mfn-woo-border); justify-content: center; align-items: center; position: absolute; left: 0; top: 0; }
.woocommerce .woocommerce-order-details__title { text-align: center; }
.woocommerce-order > p { margin-bottom: 40px; text-align: center; }
.woocommerce ul.order_details { display: flex; }
.woocommerce ul.order_details li { padding: 10px 15px; border-right: 1px solid var(--mfn-woo-border); flex: 1; text-align: center; margin: 0; box-sizing: border-box; }
.woocommerce ul.order_details li:last-child { border: 0; }
.woocommerce ul.order_details li { font-size: 13px; letter-spacing: 1px; font-weight: 700; text-transform: uppercase; color: var(--mfn-woo-heading-color); }
.woocommerce ul.order_details li strong { font-size: 16px; letter-spacing: 0; font-weight: 400; margin-top: 15px; color: var(--mfn-woo-body-color); }
.woocommerce .woocommerce-bacs-bank-details { margin-bottom: 40px; }
.woocommerce .woocommerce-bacs-bank-details .wc-bacs-bank-details-heading { text-align: center; width: 100%; margin-bottom: 25px; }
.woocommerce .woocommerce-bacs-bank-details .wc-bacs-bank-details-account-name { font-size: inherit; font-weight: 500; text-align: center; }
.woocommerce .woocommerce-bacs-bank-details .wc-bacs-bank-details { margin-bottom: 15px; }
.woocommerce .woocommerce-bacs-bank-details .wc-bacs-bank-details li { flex: auto; } .woocommerce-account #Content .woocommerce { padding: 40px 0 55px; } .the_content_wrapper .woocommerce-MyAccount-navigation { padding: 15px; }
.woocommerce .woocommerce-MyAccount-navigation { margin: 0; }
.woocommerce .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; }
.woocommerce .woocommerce-MyAccount-navigation ul li { margin-bottom: 1px; }
.woocommerce .woocommerce-MyAccount-navigation ul li a { display: block; color: rgba(0,0,0,.6); border-radius: 5px; background: transparent; border: 0; display: block; margin: 0; padding: 7px 10px; text-decoration: none; }
.woocommerce .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce .woocommerce-MyAccount-navigation ul li a:hover { color: rgba(0,0,0,.8); background-color: rgba(0,0,0,.03); }
.woocommerce .woocommerce-MyAccount-navigation ul li a:before { display: inline-block; font-family: "mfn-icons"; width: 22px; text-align: center; margin-right: 10px; color: rgba(0,0,0,.7); }
.woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout { border-top: 1px solid var(--mfn-woo-border); padding-top: 5px; margin-top: 5px; }
.woocommerce .woocommerce-MyAccount-navigation-link--dashboard a:before { content: '\e8cc'; }
.woocommerce .woocommerce-MyAccount-navigation-link--orders a:before { content: '\e812'; }
.woocommerce .woocommerce-MyAccount-navigation-link--downloads a:before { content: '\e86b'; }
.woocommerce .woocommerce-MyAccount-navigation-link--edit-address a:before { content: '\e801'; }
.woocommerce .woocommerce-MyAccount-navigation-link--edit-account a:before { content: '\e84a'; }
.woocommerce .woocommerce-MyAccount-navigation-link--ppcp-paypal-payment-tokens a:before { content: '\f1ed'; }
.woocommerce .woocommerce-MyAccount-navigation-link--payment-methods a:before { content: '\e84f'; }
.woocommerce .woocommerce-MyAccount-navigation-link--customer-logout a:before { content: '\e8cc'; } .woocommerce-account .woocommerce-MyAccount-content { width: 66%; } .woocommerce table.my_account_orders { font-size: inherit; } .woocommerce-account .addresses .title .edit { margin-top: 6px; } .woocommerce #customer_login .u-column1,
.woocommerce #customer_login .u-column2 { width: 50%; padding: 0 7%; box-sizing: border-box; position: relative; }
.woocommerce #customer_login .u-column1:after { content: ""; display: block; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: var(--mfn-woo-border); }
.woocommerce-account .lost_reset_password p { max-width: 430px; }
.woocommerce-account .lost_reset_password label { text-align: center; } @keyframes add-to-wishlist {
0%   {transform: scale(1);}
25%  {transform: scale(.5);}
50%  {transform: scale(1.2);}
100% {transform: scale(1);}
}
@keyframes star-rating {
0%   {transform: scale(1);}
25%  {transform: scale(.7);}
50%  {transform: scale(1.2);}
100% {transform: scale(1);}
}
@keyframes spin {
100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); }
} @media only screen and (min-width: 768px) and (max-width: 959px) { .woocommerce .products_wrapper ul.products li.product,
.woocommerce .products.related ul.products li.product,
.woocommerce .products.upsells.up-sells ul.products li.product{width:48%}
.woocommerce.columns-1 ul.products li.product,
.woocommerce ul.products.columns-1 li.product {width:100%}
.woocommerce .products_wrapper ul.products li.product:nth-child(n){clear:none}
.woocommerce .products_wrapper ul.products li.product:nth-child(2n+1){clear:both} .woocommerce div.product div.product_image_wrapper{width:100%!important}
.woocommerce div.product div.entry-summary{width:100%!important;float:left!important} .woocommerce .widget_shopping_cart p.total{text-align:right}
.woocommerce .widget_shopping_cart p.total strong,
.woocommerce .widget_shopping_cart p.total .amount{float:none} .mfn-be-cart .woocommerce:not(.mfn-cart-tmpl-builder) .woocommerce-cart-form { flex-basis: 100%; max-width: 100%; }
.mfn-be-cart .woocommerce:not(.mfn-cart-tmpl-builder) .cart-collaterals { flex-basis: 100%; max-width: 100%; margin-left: 0;  }
} @media screen and ( max-width: 782px ) {
.admin-bar p.demo_store{top:46px}
}
@media only screen and (width: 768px) {
.column_cart_cross_sells ul.products.columns-3 li.product,
.column_product_related ul.products.columns-3 li.product,
.column_product_upsells ul.products.columns-3 li.product { clear: unset; margin: 0 1% 20px; float: left !important; }
.column_cart_cross_sells ul.products.columns-3 li.product:nth-child(3n+1),
.column_product_related ul.products.columns-3 li.product:nth-child(3n+1),
.column_product_upsells ul.products.columns-3 li.product:nth-child(3n+1) { clear: both !important; }
.column_cart_cross_sells ul.products.columns-4 li.product,
.column_product_related ul.products.columns-4 li.product,
.column_product_upsells ul.products.columns-4 li.product { clear: unset; margin: 0 1% 20px; float: left !important; }
.column_cart_cross_sells ul.products.columns-4 li.product:nth-child(4n+1),
.column_product_related ul.products.columns-4 li.product:nth-child(4n+1),
.column_product_upsells ul.products.columns-4 li.product:nth-child(4n+1) { clear: both !important; }
} @media only screen and (max-width: 767px) {
.woocommerce .section:not(.full-width) > .section_wrapper .section_wrapper { padding-left: 0 !important; padding-right: 0 !important; }
.ofcs-mobile .shop-filters .open-filters.mfn-off-canvas-switcher.mfn-only-mobile-ofcs{
display: flex;
}
.content_wrapper .column_product_content .section_wrapper {
padding-left: 0;
padding-right: 0;
}  .woocommerce.columns-2 ul.products li.product:nth-child(2n+1),
.woocommerce ul.products.columns-2 li.product:nth-child(2n+1){clear:none}
.woocommerce.columns-3 ul.products li.product:nth-child(3n+1),
.woocommerce ul.products.columns-3 li.product:nth-child(3n+1){clear:none}
.woocommerce.columns-4 ul.products li.product:nth-child(4n+1),
.woocommerce ul.products.columns-4 li.product:nth-child(4n+1){clear:none} body:not(.mobile-row-2-products) .products_wrapper ul.products li.product{width:100%;} body.mobile-row-2-products .products_wrapper ul.products li.product {width:48%;}
body.mobile-row-2-products .products_wrapper ul.products li.product:nth-child(2n) { float: right; }
body.mobile-row-2-products .products_wrapper ul.products li.product:nth-child(2n+1) { clear: both; }  body:not(.mobile-row-2-products) .products.related ul.products li.product,
body:not(.mobile-row-2-products) .products.upsells.up-sells ul.products li.product,
body:not(.mobile-row-2-products) .column_product_related ul.products li.product,
body:not(.mobile-row-2-products) .column_cart_cross_sells ul.products li.product,
body:not(.mobile-row-2-products) .column_product_upsells ul.products li.product{width:100%;} body.mobile-row-2-products .products.related ul.products li.product,
body.mobile-row-2-products .products.upsells.up-sells ul.products li.product,
body.mobile-row-2-products .column_product_related ul.products li.product,
body.mobile-row-2-products .column_cart_cross_sells ul.products li.product,
body.mobile-row-2-products .column_product_upsells ul.products li.product {width:48%;}
body.mobile-row-2-products .products.related ul.products li.product:nth-child(2n+1),
body.mobile-row-2-products .products.upsells.up-sells ul.products li.product:nth-child(2n+1),
body.mobile-row-2-products .column_product_related ul.products li.product:nth-child(2n+1),
body.mobile-row-2-products .column_cart_cross_sells ul.products li.product:nth-child(2n+1),
body.mobile-row-2-products .column_product_upsells ul.products li.product:nth-child(2n+1){clear:both} .woocommerce .products_wrapper ul.products li.product {margin:0 0 20px}
.woocommerce .products.related ul.products li.product,
.woocommerce .products.upsells.up-sells ul.products li.product,
.woocommerce .column_product_related ul.products li.product,
.woocommerce .column_cart_cross_sells ul.products li.product,
.woocommerce .column_product_upsells ul.products li.product{margin:0 0 20px;} .woocommerce.columns-1 ul.products li.product,
.woocommerce ul.products.columns-1 li.product { display:block; }
.woocommerce.columns-1 ul.products li.product .mfn-li-product-row-image,
.woocommerce ul.products.columns-1 li.product .mfn-li-product-row-image,
.woocommerce.columns-1 ul.products li.product .desc,
.woocommerce ul.products.columns-1 li.product .desc{width:100%}
.woocommerce.columns-1 ul.products li.product .desc,
.woocommerce ul.products.columns-1 li.product .desc{padding-left:0;} .woocommerce .content_wrapper .column_shop_products ul.products.columns-1 li.product { padding-left: unset; }
.woocommerce .content_wrapper .column_shop_products ul.products.columns-1 .mfn-li-product-row-image { position: static; } .woocommerce .post-nav{padding:10px 10px 4px}
.woocommerce .product .product_wrapper{padding-left:0}
.woocommerce .product .product_wrapper .share_wrapper{float:left;position:relative;width:100%;box-sizing:border-box;padding:5px 15px 0;margin-bottom:10px}
.woocommerce .no-share-mobile .product_wrapper .share_wrapper{display:none}
.woocommerce div.product div.product_image_wrapper{width:100%!important}
.woocommerce div.product div.entry-summary{width:100%!important;float:left!important} .mfn-checkout-steps { align-items: flex-start; }
.mfn-checkout-steps li { flex-direction: column; text-align: center; }
.mfn-checkout-steps li:not(:last-child) { padding-right: 20px; margin-right: 20px; }
.mfn-checkout-steps li .mfn-step-number { margin: 0 0 15px 0; } .mfn-be-cart .woocommerce:not(.mfn-cart-tmpl-builder) .woocommerce-notices-wrapper { flex-basis: 100%; max-width: 100%; }
.mfn-be-cart .woocommerce:not(.mfn-cart-tmpl-builder) .woocommerce-cart-form { flex-basis:100%; max-width: 100%; }
.mfn-be-cart .woocommerce:not(.mfn-cart-tmpl-builder) .cart-collaterals { flex-basis: 100%; max-width: 100%; margin-left: 0;  } .mfn-be-checkout .woocommerce .woocommerce-NoticeGroup { flex-basis: 100%; max-width: 100%; margin-bottom: 20px; }
.mfn-be-checkout .woocommerce #customer_details { flex-basis:100%; max-width: 100%;}
.mfn-be-checkout .woocommerce #order_review { flex-basis: 100%; max-width: 100%; margin-left: 0;  }
.mfn-be-checkout .woocommerce:not(.mfn-cart-tmpl-builder) #customer_details { flex-basis:100%; max-width: 100%;}
.mfn-be-checkout .woocommerce:not(.mfn-cart-tmpl-builder) #order_review { flex-basis:100%; max-width: 100%; margin-left: 0;} .woocommerce table.shop_table_responsive tr td.product-quantity,
.woocommerce-page table.shop_table_responsive tr td.product-quantity { display: flex; justify-content: space-between; align-items: center; }
.woocommerce table.shop_table_responsive tr td.product-remove,
.woocommerce-page table.shop_table_responsive tr td.product-remove a.remove { margin:0 auto; } .woocommerce ul.order_details { display: block; }
.woocommerce ul.order_details li { width: 100%; padding: 20px 10px; border-right: 0; border-right: 0; border-bottom: 1px solid var(--mfn-woo-border); }
.woocommerce .woocommerce-columns--addresses { display: block;}
.woocommerce .woocommerce-columns--addresses .woocommerce-column { text-align: center; width: 100%; margin: 0 0 30px;  } .woocommerce-account .woocommerce-MyAccount-content { margin-top: 40px; width: 100%; }
.woocommerce-account .woocommerce-Addresses .woocommerce-Address { margin-bottom: 20px; } .woocommerce #customer_login .u-column1,
.woocommerce #customer_login .u-column2 { width: 100%; padding: 0; margin-bottom: 40px; }
.woocommerce #customer_login .u-column1:after { display: none; } .wishlist .wishlist-row { display: block; margin-bottom: 20px; } .mfn-cart-holder { max-width: 420px; width: 100% } .woocommerce .fake-tabs .tab-reviews #reviews,
.woocommerce .fake-tabs .tab-additional_information table.shop_attributes { max-width: 100%; } .mfn-popup-quickview .mfn-popup-content-wrapper{display:block;}
.mfn-popup-quickview .mfn-popup-content-col { width: 100%; height: auto !important; }
.mfn-popup-quickview form.cart,
.mfn-popup-quickview .woocommerce-variation-add-to-cart{ display: block; }
.mfn-popup-quickview .quantity{ margin-bottom: 5px !important; } .shop-filters { justify-content: space-between; flex-direction: row-reverse; }
.shop-filters .woocommerce-result-count { display: none; }
.shop-filters .mfn-woo-list-options { display: none; }
.woocommerce .shop-filters > * { margin-right: 0; margin-left: 0; } .mfn-header-login{display: block;position:fixed;top:0 !important;right:-420px;left: auto !important; display:flex; flex-direction: column; width:420px;max-width:100%;height:100%;transition: all 0.3s ease-in-out; box-sizing:border-box;margin-top: 0;}
.mfn-show-login-modal .mfn-header-login{right: 0;}
.mfn-header-login h4{ font-size: 25px; line-height: 30px; text-align: center; width: calc(100% + 40px); border-bottom: 1px solid var(--mfn-woo-border); padding-bottom: 20px; margin: 0 -20px 20px; }
.mfn-header-login .mfn-close-icon { right: auto; left: 20px; }
.woocommerce-form-login .show-password-input:before, .woocommerce-form-login .show-password-input:hover { background-color: unset; } .woocommerce .comment-form-rating { flex-wrap: wrap; }
.woocommerce .comment-form-rating label { flex-shrink: unset; }
.woocommerce .comment-form-rating p.stars a:before { font-size: 20px; }
} @media only screen and (max-width: 479px) { .mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-info { padding-right: 0; border-right-width: 0; }
.mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-price { text-align: center; margin-left: 0; width: 100%; padding: 15px 0 0; }
}
@media only screen and (max-width: 379px) { .woocommerce table.cart td.actions .coupon{display:block;margin-bottom:0}
.woocommerce table.cart td.actions .coupon #coupon_code{width:100%;margin-bottom:10px!important}
.woocommerce table.cart td.actions .coupon button{width:100%!important;margin-bottom:10px}
}   .content-brightness-dark .cart .mfn-wish-button:hover .path,
.content-brightness-dark .mfn-li-product-row-button .mfn-wish-button:hover .path { stroke: rgba(255,255,255,.3); } .content-brightness-dark .comment-form-rating p.stars a { background-color: rgba(255,255,255,.01); } .content-brightness-dark #reviews #comments ol.commentlist li .comment-text { background-color: rgba(255,255,255,.02); }
.content-brightness-dark #reviews #comments ol.commentlist li .comment-text p.meta { border-bottom: 1px solid rgba(255,255,255,.05); } .content-brightness-dark .mfn-header-login .woocommerce-form .form-row.form-row-first:after,
.content-brightness-dark .mfn-header-login .woocommerce-form .form-row.form-row-last:after { color: rgba(255,255,255,.7); }
.content-brightness-dark .mfn-header-login .lost_password a,
.content-brightness-dark .mfn-header-login .create_account a { color: rgba(255,255,255,.5) !important; }
.content-brightness-dark .mfn-header-login .lost_password a:hover,
.content-brightness-dark .mfn-header-login .create_account a:hover { color: rgba(255,255,255,.8) !important; } .content-brightness-dark .wishlist .sku_wrapper,
.content-brightness-dark .product_meta .stacked-meta li.stacked-sku .stacked-meta-value,
.content-brightness-dark .sku_wrapper { border-color: rgba(255,255,255,.1); } .content-brightness-dark .mfn-cart-holder .mfn-ch-content .mfn-ch-product .mfn-chp-footer { background-color: rgba(255,255,255,.01); border-color: rgba(255,255,255,.04); } .content-brightness-dark .mfn-variations-wrapper .mfn-vr ul.mfn-vr-options li a { border-color: rgba(255,255,255,.1); }
.content-brightness-dark .mfn-variations-wrapper .mfn-vr ul.mfn-vr-options li a:hover { border-color: rgba(255,255,255,.2); }
.content-brightness-dark .mfn-variations-wrapper .mfn-vr ul.mfn-vr-options li.active a { border-color: rgba(255,255,255,.8); } .content-brightness-dark table.woocommerce-product-attributes td span:before { background: rgba(255,255,255,.1); } .content-brightness-dark .wc-block-product-categories.is-list ul li .cat-expander {color: rgba(255,255,255,.5); }
.content-brightness-dark .wc-block-product-categories.is-list ul li.li-expanded > .cat-expander { color: rgba(255,255,255,.8); } .content-brightness-dark .mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-options:not(.mfn-vr-select) li .label { border-color: rgba(255,255,255,.1); }
.content-brightness-dark .mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-options:not(.mfn-vr-select) li .label:hover { border-color: rgba(255,255,255,.2); }
.content-brightness-dark .mfn_woo_attributes .mfn_attr_filters .mfn-vr ul.mfn-vr-options:not(.mfn-vr-select) li.active .label { border-color: rgba(255,255,255,.8); } .content-brightness-dark table.shop_table .product-name .product-quantity { background-color: rgba(0,0,0,.2); } .content-brightness-dark .blockUI { background-color: rgba(255,255,255,.05) !important; } .content-brightness-dark .woocommerce-MyAccount-navigation ul li a { color: rgba(255,255,255,.6); }
.content-brightness-dark .woocommerce-MyAccount-navigation ul li.is-active a,
.content-brightness-dark .woocommerce-MyAccount-navigation ul li a:hover { color: rgba(255,255,255,.8); background-color: rgba(255,255,255,.03); }
.content-brightness-dark .woocommerce-MyAccount-navigation ul li a:before { color: rgba(255,255,255,.7); } .woocommerce .mnm_form.layout_tabular { display: block; }
.woocommerce div.product form.cart .mnm_price p.price { margin: 0 0 15px; }
.woocommerce .mnm_table dl { margin-bottom: 15px; }
.woocommerce .mnm_table dl > dt,
.woocommerce .mnm_table dl > dd { width: 100%; padding: 0; float: none; }
.woocommerce .mnm_table dl dd { margin: 0 0 10px; }
.woocommerce .mnm_message { background: rgba(0,0,0,.03); display: flex; align-items: center; margin-bottom: 30px; padding: 15px 25px; box-sizing: border-box; position: relative; }
.woocommerce .mnm_button_wrap { display: flex !important; flex-wrap: wrap; align-items: center; }
.woocommerce .mnm_button_wrap .mnm_message .mnm_price,
.woocommerce .mnm_button_wrap .mnm_message .mnm_message { width: 100%; }
.woocommerce .mnm_button_wrap .mnm_add_to_cart_button { width: auto; flex: 1; }
#add_payment_method .checkout .col-2 h3#ship-to-different-address, .mfn-be-checkout .woocommerce .create-account, .woocommerce-cart .checkout .col-2 h3#ship-to-different-address, .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address {
font-family: unset;
color: inherit;
}
#add_payment_method .checkout .col-2 h3#ship-to-different-address label input[type="checkbox"], .mfn-be-checkout .woocommerce .create-account label input[type="checkbox"], .woocommerce-cart .checkout .col-2 h3#ship-to-different-address label input[type="checkbox"], .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address label input[type="checkbox"] {
margin: -2px 8px 0 0 !important;
} .image_frame .hover-secondary-image a{ display: flex; }
.woocommerce ul.products .image_frame .hover-secondary-image a .image-secondary{ object-fit: cover; height: 100%; width: 100%; } .mfn-free-delivery-info{ display: block; width: 100%; margin: 0 0 20px 0; text-align: center;}
.mfn-free-delivery-info p{ margin: 0; }
.mfn-free-delivery-info .mfn-free-delivery-info-progressbar{ display: block; width: 100%; position: relative; height: 10px; border-radius: 4px; background-color: var(--mfn-free-delivery-bg); margin: 10px 0; overflow: hidden; }
.mfn-free-delivery-info .mfn-free-delivery-info-progressbar span{ display: block; position: absolute; top: 0; left: 0; height: 100%; background-color: var(--mfn-free-delivery-bar); }
.mfn-free-delivery-info.mfn-free-delivery-achieved .mfn-free-delivery-info-progressbar span{ background-color: var(--mfn-free-delivery-achieved); }
.mfn-cart-holder .mfn-free-delivery-info{ margin: 0; padding: 0 0 20px 0; }
.mfn-cart-holder .mfn-free-delivery-info .mfn-free-delivery-info-link{ display: none; }
.mfn-cart-holder .mfn-free-delivery-info .mfn-free-delivery-info-progressbar{ margin-bottom: 0; } .mfn-fake-sale-noti{ position: fixed; bottom: 20px; display: flex; width: 400px; box-sizing: border-box; max-width: calc(100% - 40px); padding: 15px; background-color: #fff; z-index: 999; border-radius: 8px; box-shadow: 0 0 10px 1px rgba(0,0,0,0.1); align-items:center; justify-content:space-between; animation-duration: 1s; animation-name: mfnfakenotiIn; }
.mfn-fake-sale-noti.mfn-fake-sale-noti-bottom-left{ left: 20px; }
.mfn-fake-sale-noti.mfn-fake-sale-noti-bottom-right{ right: 20px; }
.mfn-fake-sale-noti .mfn-fake-sale-noti-img{ width: 120px; display: block; }
.mfn-fake-sale-noti .mfn-fake-sale-noti-desc{ display: flex; flex-grow: 1; padding-left: 20px; }
.mfn-fake-sale-noti .mfn-fake-sale-noti-desc .mfn-fake-sale-noti-desc-title{ font-size: 15px; line-height: 1.4em; margin: 0;}
.mfn-fake-sale-noti .mfn-fake-sale-noti-desc a{ text-decoration: underline; }
.mfn-fake-sale-noti .mfn-fake-sale-noti-close{ position: absolute; top: 5px; right: 5px; z-index: 10; text-decoration: none; display: block; width: 25px; height: 25px; line-height: 25px; text-align: center; font-size: 14px; }
.mfn-fake-sale-noti.mfn-fake-sale-noti-out{ bottom: -100px; animation-duration: 0.5s; animation-name: mfnfakenotiOut; }
@keyframes mfnfakenotiIn { 0%{bottom: -100px; opacity: 0;} 50%{bottom: -100px; opacity: 0;} 100%{bottom: 20px; opacity: 1} }
@keyframes mfnfakenotiOut { 0%{bottom: 20px; opacity: 1} 100%{bottom: -150px; opacity: 1} } .mfn-woocommerce-tabs{ display: flex; width: 100%; --mfn-woo-tabs-nav-width: 240px; }
.mfn-woocommerce-tabs:not(.mfn-woocommerce-tabs-nav-top){ align-items: flex-start; }
.mfn-woocommerce-tabs.mfn-woocommerce-tabs-nav-top{ flex-wrap: wrap; }
.mfn-woocommerce-tabs .mfn-woocommerce-tabs-nav{ display: flex; list-style-type: none; padding: 0; margin:0; flex-wrap: wrap; margin-bottom: 30px;}
.mfn-woocommerce-tabs .mfn-woocommerce-tabs-nav a{ display: block; padding: 5px 10px; }
.mfn-woocommerce-tabs .mfn-woocommerce-tabs-nav a:hover{ text-decoration: none; }
.mfn-woocommerce-tabs:not(.mfn-woocommerce-tabs-nav-top) .mfn-woocommerce-tabs-nav li{ width: 100%; display: block; }
.mfn-woocommerce-tabs .mfn-woocommerce-tabs-nav .active a{ background-color:rgba(0,0,0,0.1) }
.mfn-woocommerce-tabs .mfn-woocommerce-tabs-content{ display: none; flex-grow: 1; flex-wrap: wrap; }
.mfn-woocommerce-tabs:not(.mfn-woocommerce-tabs-nav-top) .mfn-woocommerce-tabs-content{ width: calc(100% - var(--mfn-woo-tabs-nav-width)) }
.mfn-woocommerce-tabs.mfn-woocommerce-tabs-nav-top .mfn-woocommerce-tabs-nav{ width: 100%; }
.mfn-woocommerce-tabs.mfn-woocommerce-tabs-nav-left .mfn-woocommerce-tabs-nav{ align-content: flex-start; width: var(--mfn-woo-tabs-nav-width); margin-right: 20px; }
.mfn-woocommerce-tabs.mfn-woocommerce-tabs-nav-right .mfn-woocommerce-tabs-nav{ align-content: flex-start; width: var(--mfn-woo-tabs-nav-width); order: 2; margin-left: 20px; }
.mfn-woocommerce-tabs .mfn-woocommerce-tabs-content.active{ display: flex; }
.wrap.one .mfn-woocommerce-tabs .mfn-woocommerce-tabs-content .woocommerce-Reviews { width: 700px; }
.mfn-woocommerce-tabs .mfn-woocommerce-tabs-content .woocommerce-Reviews{ max-width: 100%; margin: 0 auto; }
.full-width .column_product_tabs #tab-description .mfn-builder-content { width: 100%; }
.column_product_tabs #tab-additional_information .section_wrapper,
.column_product_tabs #tab-reviews .section_wrapper { width: 100%; }
@media only screen and (max-width: 959px) {
.mfn-woocommerce-tabs.mfn-woocommerce-tabs-nav-left,
.mfn-woocommerce-tabs.mfn-woocommerce-tabs-nav-right { flex-direction: column; }
.mfn-woocommerce-tabs.mfn-woocommerce-tabs-nav-left .mfn-woocommerce-tabs-nav { margin-right: 0; }
.mfn-woocommerce-tabs.mfn-woocommerce-tabs-nav-right .mfn-woocommerce-tabs-nav { margin-left: 0; }
.mfn-woocommerce-tabs.mfn-woocommerce-tabs-nav-left .mfn-woocommerce-tabs-nav,
.mfn-woocommerce-tabs.mfn-woocommerce-tabs-nav-right .mfn-woocommerce-tabs-nav { justify-content: center; }
.mfn-woocommerce-tabs.mfn-woocommerce-tabs-nav-left .mfn-woocommerce-tabs-nav li,
.mfn-woocommerce-tabs.mfn-woocommerce-tabs-nav-right .mfn-woocommerce-tabs-nav li { width: auto; }
.mfn-woocommerce-tabs.mfn-woocommerce-tabs-nav-right .mfn-woocommerce-tabs-nav { order: 1; }
.mfn-woocommerce-tabs.mfn-woocommerce-tabs-nav-right .mfn-woocommerce-tabs-content { order: 2; }
.mfn-woocommerce-tabs .mfn-woocommerce-tabs-nav,
.mfn-woocommerce-tabs .mfn-woocommerce-tabs-content { width: 100% !important; }
.mfn-woocommerce-tabs .mfn-woocommerce-tabs-content .woocommerce-Reviews { width: 100%; }
} .column_cart_table .cart-collaterals{ display: none; padding: 0; }
.mcb-section .mcb-wrap .column_cart_totals table.shop_table tbody tr:last-child th, .mcb-section .mcb-wrap .column_cart_totals table.shop_table tbody tr:last-child td{ border-bottom: none; }
.mfn-builder-content.mfn-cart-tmpl-builder.mfn-cart-tmpl-not-empty .mfn-cart-empty-section{ display: none; }
.mfn-builder-content.mfn-cart-tmpl-builder.mfn-cart-tmpl-empty .mfn-default-section{ display: none; } .wc-block-grid__products .star-rating{float:unset} .wc-block-cart table.wc-block-cart-items,
.wc-block-cart table.wc-block-cart-items td,
.wc-block-cart table.wc-block-cart-items th { text-align: inherit; }
.wc-block-cart .wc-block-components-product-details li { margin-bottom: 0; }
.wc-block-cart .wc-block-cart-item__remove-link:after,
.wc-block-cart .wc-block-components-quantity-selector__button:after { display: none; } .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button { margin: 0; } .wc-block-components-totals-coupon__form .components-button { margin: 0 0 0 8px; } .wc-block-components-order-summary .wc-block-components-panel__button { background-color: transparent; color: inherit; box-shadow: unset; margin: 0; }
.wc-block-components-order-summary .wc-block-components-panel__button:after { display: none; }
.wc-block-components-order-summary .wc-block-components-panel__button:hover { background-color: transparent; } .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button { display: inline-flex; justify-content: center; align-items: center; } .wc-block-components-checkbox-list li.show-more button {
color: inherit;
}
.mfn_after_shop_content_wrapper{
margin-bottom: 40px;
} .mfn-currency-switcher-wrapper{
--mfn-wpml-arrow-size: 10px;
}
.mfn-currency-switcher-wrapper ul{ display: flex; margin: 0; padding: 0; list-style-type: none; width: 100%; align-items: center;}
.mfn-currency-switcher-default ul{ gap: 10px; }
.mfn-currency-switcher-wrapper ul li{ position: relative; }
.mfn-currency-switcher-wrapper ul li a{ display: flex; align-items: center; gap: 5px; cursor: pointer; line-height: 1em;}
.mfn-currency-switcher-wrapper ul li a:hover{ text-decoration: none; }
.mfn-currency-switcher-wrapper ul li a img{ width: 20px; height:auto; line-height: 1em;}
.mfn-currency-switcher:not(.mfn-currency-switcher-flags){ display: none; }
.mfn-currency-switcher-dropdown ul li ul{ display: none; flex-wrap: wrap; width: 260px; position: absolute; top: 100%; left: 0; padding: 5px; background-color: #fff; z-index: 2; overflow: hidden;}
.mfn-currency-switcher-dropdown ul li ul li{ display: block; width: 100%; }
.mfn-currency-switcher-dropdown ul li:hover ul{ display: flex; }
.mfn-currency-switcher-dropdown ul li.wcml-cs-active-currency:hover:before{ content: ""; position: absolute; top: 100%; left: 0; width: 100%; height: 50px; display:block; }
.mfn-currency-switcher-dropdown ul ul a{ padding: 10px 5px; }
.mfn-currency-switcher-dropdown ul li ul li.wcml-cs-active-currency{ display: none; }
.mfn-current-editing .mfn-currency-switcher-dropdown ul li ul{ display: flex; }
.mfn-currency-switcher-dropdown ul li .mfn-arrow-icon{ font-size: var(--mfn-wpml-arrow-size); }
.mfn-currency-switcher-dropdown .wcml_currency_switcher > ul:not(.mfn-wcml-dropdown-ready) li:not(.wcml-cs-active-currency){ display: none; }
.mfn-currency-switcher-wrapper .wcml-spinner{ position: absolute; top: 50%; left: 50%; z-index: 2; transform: translateY(-50%) translateX(-50%); }.ks-portal,
.ks-portal * {
box-sizing: border-box;
}
.ks-portal {
width: 100%;
max-width: 1120px;
margin: 0 auto;
padding: 34px 18px 64px;
color: #172554;
font-family: inherit;
}
.ks-staff-portal {
max-width: 1180px;
} .ks-page-header {
width: 100%;
margin-bottom: 20px;
padding: 26px 28px;
border: 1px solid #e6edf7;
border-radius: 24px;
background: #ffffff;
box-shadow: 0 14px 34px rgba(15, 23, 42, 0.045);
}
.ks-page-header--compact {
padding: 22px 26px;
}
.ks-eyebrow {
display: inline-flex;
margin-bottom: 10px;
padding: 6px 10px;
border-radius: 999px;
background: #ecfeff;
color: #0f766e;
font-size: 11px;
font-weight: 900;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.ks-page-header h1 {
margin: 0 0 8px !important;
color: #173b8f !important;
font-size: 34px !important;
line-height: 1.12 !important;
letter-spacing: -0.035em;
}
.ks-page-header p {
max-width: 720px;
margin: 0 !important;
color: #52627f !important;
font-size: 15px !important;
line-height: 1.65 !important;
} .ks-panel {
width: 100%;
padding: 24px;
border: 1px solid #e6edf7;
border-radius: 22px;
background: #ffffff;
box-shadow: 0 14px 34px rgba(15, 23, 42, 0.045);
}
.ks-panel + .ks-panel,
.ks-panel + .ks-alert,
.ks-alert + .ks-panel {
margin-top: 16px;
}
.ks-panel-title {
margin-bottom: 16px;
}
.ks-panel-title h3,
.ks-section-head h2,
.ks-panel h2 {
margin: 0 0 6px !important;
color: #173b8f !important;
font-size: 24px !important;
line-height: 1.2 !important;
letter-spacing: -0.025em;
}
.ks-panel-title p,
.ks-section-head p,
.ks-panel p {
margin: 0 !important;
color: #52627f !important;
font-size: 14px !important;
line-height: 1.65 !important;
}
.ks-empty {
color: #64748b !important;
font-size: 14px !important;
} .ks-primary-button,
.ks-danger-button,
.ks-small-button,
.ks-clean-form button {
display: inline-flex;
align-items: center;
justify-content: center;
border: 0;
text-decoration: none !important;
cursor: pointer;
font-weight: 900;
transition: all 0.18s ease;
}
.ks-primary-button,
.ks-clean-form button {
min-height: 46px;
padding: 12px 18px;
border-radius: 13px;
background: #0f766e;
color: #ffffff !important;
box-shadow: 0 10px 20px rgba(15, 118, 110, 0.16);
}
.ks-primary-button:hover,
.ks-clean-form button:hover {
background: #115e59;
color: #ffffff !important;
}
.ks-danger-button {
width: 100%;
min-height: 44px;
padding: 11px 16px;
border-radius: 13px;
background: #b91c1c;
color: #ffffff !important;
box-shadow: 0 10px 20px rgba(185, 28, 28, 0.12);
}
.ks-danger-button:hover {
background: #991b1b;
color: #ffffff !important;
}
.ks-small-button {
min-height: 34px;
padding: 8px 12px;
border-radius: 999px;
background: #eef2ff;
color: #3730a3 !important;
font-size: 12px;
} .ks-clean-form,
.ks-action-form {
width: 100%;
}
.ks-clean-form label,
.ks-action-form label {
display: block;
margin-bottom: 14px;
}
.ks-clean-form label span,
.ks-action-form label span {
display: block;
margin-bottom: 6px;
color: #1e3a8a;
font-size: 12px;
font-weight: 900;
}
.ks-clean-form input,
.ks-action-form input,
.ks-action-form textarea {
width: 100%;
min-height: 46px;
padding: 11px 13px;
border: 1px solid #d6e0ef;
border-radius: 13px;
background: #ffffff;
color: #0f172a;
font-size: 14px;
box-shadow: none;
}
.ks-action-form textarea {
min-height: 88px;
resize: vertical;
}
.ks-clean-form input:focus,
.ks-action-form input:focus,
.ks-action-form textarea:focus {
outline: none;
border-color: #0f766e;
box-shadow: 0 0 0 4px rgba(15, 118, 110, 0.10);
} .ks-lookup-panel {
display: grid;
grid-template-columns: minmax(0, 0.85fr) minmax(320px, 1.15fr);
gap: 28px;
align-items: start;
}
.ks-panel-copy h2 {
margin: 0 0 8px !important;
color: #173b8f !important;
font-size: 24px !important;
}
.ks-panel-copy p {
color: #52627f !important;
}
.ks-result-panel {
margin-top: 16px;
}
.ks-result-head {
display: flex;
justify-content: space-between;
gap: 18px;
align-items: flex-start;
margin-bottom: 18px;
}
.ks-result-head h2 {
margin: 0 0 8px !important;
color: #173b8f !important;
font-size: 26px !important;
}
.ks-result-status {
flex: 0 0 auto;
} .ks-info-list,
.ks-detail-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.ks-info-list div,
.ks-detail-list div {
min-width: 0;
padding: 13px;
border: 1px solid #edf2f7;
border-radius: 15px;
background: #fbfdff;
}
.ks-info-list span,
.ks-detail-list span {
display: block;
margin-bottom: 5px;
color: #64748b;
font-size: 11px;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.ks-info-list strong,
.ks-detail-list strong {
display: block;
color: #173b8f;
font-size: 14px;
font-weight: 900;
word-break: break-word;
} .ks-steps {
width: 100%;
margin-top: 16px;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
}
.ks-step {
padding: 16px;
border: 1px solid #e6edf7;
border-radius: 18px;
background: #ffffff;
}
.ks-step span {
display: inline-flex;
width: 30px;
height: 30px;
margin-bottom: 10px;
align-items: center;
justify-content: center;
border-radius: 999px;
background: #f1f5f9;
color: #64748b;
font-size: 12px;
font-weight: 900;
}
.ks-step strong {
display: block;
margin-bottom: 4px;
color: #173b8f;
font-size: 15px;
}
.ks-step small {
display: block;
color: #64748b;
font-size: 12px;
line-height: 1.45;
}
.ks-step.is-active {
border-color: #99f6e4;
background: #f0fdfa;
}
.ks-step.is-active span {
background: #0f766e;
color: #ffffff;
} .ks-alert {
width: 100%;
margin: 16px 0;
padding: 14px 16px;
border-radius: 16px;
border: 1px solid #e6edf7;
background: #ffffff;
}
.ks-alert strong {
display: block;
margin-bottom: 4px;
color: #173b8f;
}
.ks-alert p {
margin: 0 !important;
color: #52627f !important;
font-size: 14px !important;
}
.ks-alert--success {
border-color: #bbf7d0;
background: #f0fdf4;
}
.ks-alert--danger {
border-color: #fecaca;
background: #fef2f2;
}
.ks-alert--danger strong,
.ks-alert--danger p {
color: #991b1b !important;
}
.ks-alert--soft {
background: #f8fafc;
} .ks-layout {
display: grid;
grid-template-columns: 230px minmax(0, 1fr);
gap: 20px;
align-items: start;
}
.ks-sidebar {
padding: 18px;
border: 1px solid #e6edf7;
border-radius: 22px;
background: #ffffff;
box-shadow: 0 14px 34px rgba(15, 23, 42, 0.045);
}
.ks-sidebar-brand {
margin-bottom: 18px;
padding-bottom: 16px;
border-bottom: 1px solid #e6edf7;
}
.ks-sidebar-brand strong {
display: block;
color: #173b8f;
font-size: 17px;
}
.ks-sidebar-brand span {
display: block;
margin-top: 3px;
color: #64748b;
font-size: 13px;
}
.ks-nav a {
display: flex;
align-items: center;
min-height: 42px;
margin-bottom: 6px;
padding: 10px 12px;
border-radius: 13px;
color: #475569 !important;
text-decoration: none !important;
font-size: 14px;
font-weight: 850;
}
.ks-nav a:hover,
.ks-nav a.is-active {
background: #ecfeff;
color: #0f766e !important;
}
.ks-main {
min-width: 0;
}
.ks-section-head {
margin-bottom: 16px;
padding: 20px 22px;
border: 1px solid #e6edf7;
border-radius: 22px;
background: #ffffff;
box-shadow: 0 14px 34px rgba(15, 23, 42, 0.045);
} .ks-metric-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
margin-bottom: 16px;
}
.ks-metric-grid--three {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ks-metric-card {
padding: 18px;
border: 1px solid #e6edf7;
border-radius: 18px;
background: #ffffff;
box-shadow: 0 10px 26px rgba(15, 23, 42, 0.035);
}
.ks-metric-card span {
display: block;
margin-bottom: 8px;
color: #64748b;
font-size: 11px;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.ks-metric-card strong {
display: block;
color: #173b8f;
font-size: 30px;
line-height: 1;
}
.ks-metric-card small {
display: block;
margin-top: 8px;
color: #64748b;
font-size: 12px;
} .ks-badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 26px;
padding: 5px 10px;
border-radius: 999px;
font-size: 12px;
font-weight: 900;
line-height: 1.2;
white-space: nowrap;
}
.ks-badge--neutral {
background: #f8fafc;
color: #475569;
border: 1px solid #e2e8f0;
}
.ks-badge--success {
background: #ecfdf5;
color: #047857;
border: 1px solid #bbf7d0;
}
.ks-badge--info {
background: #eef2ff;
color: #3730a3;
border: 1px solid #c7d2fe;
}
.ks-badge--warning {
background: #fffbeb;
color: #b45309;
border: 1px solid #fde68a;
}
.ks-badge--danger {
background: #fef2f2;
color: #b91c1c;
border: 1px solid #fecaca;
} .ks-filter-bar {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 16px;
}
.ks-filter-bar a {
display: inline-flex;
min-height: 36px;
align-items: center;
padding: 8px 13px;
border: 1px solid #e6edf7;
border-radius: 999px;
background: #ffffff;
color: #475569 !important;
text-decoration: none !important;
font-size: 13px;
font-weight: 850;
}
.ks-filter-bar a:hover,
.ks-filter-bar a.is-active {
background: #ecfeff;
color: #0f766e !important;
border-color: #99f6e4;
} .ks-table-wrap {
width: 100%;
overflow-x: auto;
}
.ks-table {
width: 100%;
border-collapse: collapse;
}
.ks-table th {
padding: 12px 10px;
border-bottom: 1px solid #e6edf7;
color: #334155;
font-size: 12px;
font-weight: 900;
text-align: left;
background: #fbfdff;
white-space: nowrap;
}
.ks-table td {
padding: 12px 10px;
border-bottom: 1px solid #eef2f7;
color: #172554;
font-size: 14px;
vertical-align: middle;
}
.ks-table td small {
display: block;
margin-top: 3px;
color: #64748b;
font-size: 12px;
}
.ks-table tr:hover td,
.ks-table tr.is-selected td {
background: #f8fffe;
} .ks-split {
display: grid;
grid-template-columns: minmax(0, 1fr) 360px;
gap: 16px;
align-items: start;
}
.ks-detail-panel {
position: sticky;
top: 18px;
}
.ks-detail-status {
margin-bottom: 14px;
}
.ks-detail-list {
margin-bottom: 16px;
}
.ks-action-area {
display: grid;
gap: 14px;
}
.ks-action-form {
padding: 14px;
border: 1px solid #e6edf7;
border-radius: 16px;
background: #f8fafc;
} @media only screen and (max-width: 1080px) {
.ks-layout {
grid-template-columns: 1fr;
}
.ks-sidebar {
position: static;
}
.ks-nav {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.ks-nav a {
margin-bottom: 0;
}
.ks-split {
grid-template-columns: 1fr;
}
.ks-detail-panel {
position: static;
}
}
@media only screen and (max-width: 820px) {
.ks-lookup-panel {
grid-template-columns: 1fr;
}
.ks-metric-grid,
.ks-metric-grid--three {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ks-steps {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ks-result-head {
display: block;
}
.ks-result-status {
margin-top: 12px;
}
}
@media only screen and (max-width: 560px) {
.ks-portal {
padding: 24px 14px 52px;
}
.ks-page-header,
.ks-panel,
.ks-section-head,
.ks-sidebar {
padding: 18px;
border-radius: 18px;
}
.ks-page-header h1 {
font-size: 29px !important;
}
.ks-info-list,
.ks-detail-list,
.ks-metric-grid,
.ks-metric-grid--three,
.ks-steps {
grid-template-columns: 1fr;
}
.ks-nav {
display: block;
}
.ks-nav a {
margin-bottom: 6px;
}
} .ks-auth-portal {
max-width: 1160px;
}
.ks-auth-shell {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr);
gap: 24px;
align-items: stretch;
}
.ks-auth-copy,
.ks-auth-card {
border: 1px solid #e6edf7;
border-radius: 26px;
background: #ffffff;
box-shadow: 0 18px 44px rgba(15, 23, 42, .06);
}
.ks-auth-copy {
padding: 36px;
background: linear-gradient(135deg, #ffffff 0%, #f8fffe 100%);
}
.ks-auth-copy h1 {
margin: 0 0 12px !important;
color: #173b8f !important;
font-size: 38px !important;
line-height: 1.08 !important;
letter-spacing: -0.04em;
}
.ks-auth-copy p {
max-width: 620px;
color: #52627f !important;
font-size: 15px !important;
line-height: 1.72 !important;
}
.ks-auth-points {
display: grid;
gap: 10px;
margin-top: 26px;
}
.ks-auth-points span {
display: flex;
gap: 10px;
align-items: center;
color: #0f766e;
font-weight: 800;
}
.ks-auth-points span:before {
content: "✓";
width: 24px;
height: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
background: #ecfeff;
}
.ks-auth-card {
padding: 28px;
}
.ks-auth-card h2 {
margin: 0 0 8px !important;
color: #173b8f !important;
font-size: 26px !important;
line-height: 1.15 !important;
}
.ks-auth-card > p {
margin-bottom: 18px !important;
}
.ks-full-button {
width: 100%;
}
.ks-secondary-button {
min-height: 46px;
padding: 12px 18px;
border: 1px solid #d6e0ef;
border-radius: 13px;
background: #ffffff;
color: #173b8f !important;
font-weight: 900;
cursor: pointer;
}
.ks-auth-logout-form {
margin-top: 12px;
}
.ks-checkline {
display: flex !important;
align-items: center;
gap: 10px;
margin: 4px 0 16px !important;
}
.ks-checkline input {
width: auto !important;
min-height: auto !important;
}
.ks-checkline span {
display: inline !important;
margin: 0 !important;
color: #52627f !important;
}
.ks-forgot-box {
margin-top: 18px;
padding-top: 16px;
border-top: 1px solid #e6edf7;
}
.ks-forgot-box summary {
cursor: pointer;
color: #173b8f;
font-weight: 900;
}
.ks-forgot-box form {
margin-top: 14px;
}
.ks-sidebar-brand em {
display: block;
margin-top: 7px;
color: #64748b;
font-size: 12px;
font-style: normal;
font-weight: 700;
}
.ks-sidebar-logout {
margin-top: 18px;
padding-top: 14px;
border-top: 1px solid #e6edf7;
}
.ks-sidebar-logout button {
width: 100%;
min-height: 40px;
border: 1px solid #d6e0ef;
border-radius: 12px;
background: #fff;
color: #173b8f;
cursor: pointer;
font-weight: 900;
}
@media (max-width: 900px) {
.ks-auth-shell {
grid-template-columns: 1fr;
}
.ks-auth-copy,
.ks-auth-card {
padding: 24px;
}
} .ks-portal {
--ks-navy: #143a7b;
--ks-blue: #1e56a0;
--ks-teal: #0f766e;
--ks-soft: #f6f9fc;
--ks-line: #e4edf7;
--ks-text: #172554;
--ks-muted: #607089;
}
.ks-auth-portal-v108,
.ks-patient-portal-v108,
.ks-staff-portal {
max-width: 1240px;
}
.ks-login-shell-pro {
min-height: 72vh;
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(380px, .78fr);
gap: 24px;
align-items: stretch;
}
.ks-login-brand-panel,
.ks-login-card-pro,
.ks-glass-panel,
.ks-public-hero,
.ks-case-summary-bar,
.ks-staff-portal .ks-shell {
border: 1px solid var(--ks-line);
background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
box-shadow: 0 22px 55px rgba(15, 23, 42, .07);
}
.ks-login-brand-panel {
min-height: 560px;
padding: clamp(28px, 5vw, 54px);
border-radius: 32px;
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
position: relative;
}
.ks-login-brand-panel:before {
content: "";
position: absolute;
width: 420px;
height: 420px;
border-radius: 50%;
right: -160px;
bottom: -160px;
background: radial-gradient(circle, rgba(15,118,110,.14), rgba(30,86,160,.08), transparent 70%);
}
.ks-login-brand-panel h1,
.ks-public-hero h1 {
margin: 0 0 14px !important;
color: var(--ks-navy) !important;
font-size: clamp(34px, 5vw, 56px) !important;
line-height: 1.02 !important;
letter-spacing: -0.055em;
position: relative;
}
.ks-login-brand-panel p,
.ks-public-hero p {
max-width: 680px;
color: var(--ks-muted) !important;
font-size: 16px !important;
line-height: 1.7 !important;
position: relative;
}
.ks-login-features {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
position: relative;
}
.ks-login-features div {
padding: 16px;
border: 1px solid #e8eef7;
border-radius: 20px;
background: rgba(255,255,255,.74);
}
.ks-login-features strong { display:block;color:var(--ks-navy);font-size:13px;font-weight:900;margin-bottom:6px; }
.ks-login-features span { display:block;color:var(--ks-muted);font-size:12px;line-height:1.45; }
.ks-login-card-pro {
border-radius: 32px;
padding: clamp(24px, 4vw, 34px);
align-self: center;
}
.ks-login-card-head {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 22px;
}
.ks-login-icon {
width: 52px;
height: 52px;
display:flex;
align-items:center;
justify-content:center;
border-radius: 18px;
background: linear-gradient(135deg, var(--ks-navy), var(--ks-teal));
color:#fff;
font-size:14px;
font-weight:900;
letter-spacing:.04em;
}
.ks-login-card-head h2 { margin:0 0 4px!important;color:var(--ks-navy)!important;font-size:24px!important; }
.ks-login-card-head p { margin:0!important;color:var(--ks-muted)!important;font-size:14px!important; }
.ks-auth-form-pro input { min-height: 52px; border-radius: 16px; }
.ks-login-row { display:flex;justify-content:space-between;align-items:center;margin-bottom:12px; }
.ks-forgot-pro { margin-top: 16px; padding: 14px; border: 1px solid #e8eef7; border-radius: 18px; background:#f8fafc; }
.ks-forgot-pro summary { cursor:pointer; color: var(--ks-navy); font-weight:900; }
.ks-public-hero {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(280px, .36fr);
gap: 20px;
align-items: center;
padding: clamp(24px, 4vw, 42px);
border-radius: 30px;
margin-bottom: 18px;
}
.ks-hero-card {
padding: 20px;
border: 1px solid #dbeafe;
border-radius: 22px;
background: #f8fbff;
}
.ks-hero-card strong { display:block;color:var(--ks-navy);font-size:18px;margin-bottom:8px; }
.ks-hero-card span { display:block;color:var(--ks-muted);font-size:13px;line-height:1.55; }
.ks-glass-panel {
border-radius: 24px;
padding: clamp(18px, 3vw, 26px);
margin-bottom: 16px;
}
.ks-two-col-form {
display: grid;
grid-template-columns: 1fr 1fr auto;
gap: 14px;
align-items: end;
}
.ks-two-col-form label { margin-bottom:0; }
.ks-case-summary-bar {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
padding: 16px;
border-radius: 24px;
margin-bottom: 16px;
}
.ks-case-summary-bar div { padding: 14px; border-radius: 18px; background: #f8fafc; min-width: 0; }
.ks-case-summary-bar span { display:block;color:#64748b;font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.05em;margin-bottom:6px; }
.ks-case-summary-bar strong { display:block;color:var(--ks-navy);font-size:15px;font-weight:900;word-break:break-word; }
.ks-patient-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(320px, .36fr);
gap: 18px;
align-items: start;
}
.ks-patient-steps { display:grid;grid-template-columns: repeat(5,minmax(0,1fr));gap:10px; }
.ks-patient-steps .ks-step { min-height: 118px; }
.ks-request-list,
.ks-treatment-options,
.ks-invoice-list,
.ks-mini-list,
.ks-message-list,
.ks-timeline-list { display:grid;gap:12px; }
.ks-request-card,
.ks-treatment-card,
.ks-invoice-card,
.ks-mini-list > div,
.ks-timeline-list > div {
padding: 16px;
border: 1px solid #e8eef7;
border-radius: 18px;
background: #fff;
}
.ks-request-head { display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px; }
.ks-request-head strong,.ks-treatment-card h3,.ks-report-box h3 { color:var(--ks-navy); }
.ks-answer-box { margin:12px 0;padding:12px;border-radius:14px;background:#f0fdfa;border:1px solid #ccfbf1; }
.ks-treatment-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ks-treatment-card span { display:inline-flex;margin-bottom:8px;padding:5px 9px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:11px;font-weight:900; }
.ks-treatment-card p { min-height: 50px; }
.ks-price-summary { display:block;margin:14px 0;color:var(--ks-teal);font-size:22px; }
.ks-treatment-card.is-selected { border-color:#99f6e4;background:#f0fdfa; }
.ks-muted-button { background:#475569!important;box-shadow:none!important; }
.ks-invoice-card { display:grid;gap:6px; }
.ks-invoice-card b { color:var(--ks-teal);font-size:18px; }
.ks-invoice-card small { display:block;color:#475569; }
.ks-message-bubble { padding:12px 14px;border-radius:16px;background:#f8fafc;border:1px solid #e8eef7; }
.ks-message-bubble--patient { background:#f0fdfa;border-color:#ccfbf1; }
.ks-message-bubble span { display:block;font-weight:900;color:var(--ks-navy);font-size:12px;margin-bottom:4px; }
.ks-message-bubble p { margin:0!important; }
.ks-message-bubble small,.ks-timeline-list small,.ks-mini-list small { display:block;margin-top:6px;color:#94a3b8;font-size:11px; }
.ks-status-pill { display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900;line-height:1.2; }
.ks-status-pill--blue { background:#eef2ff;color:#3730a3; }
.ks-status-pill--green { background:#ecfdf5;color:#047857; }
.ks-status-pill--amber { background:#fffbeb;color:#b45309; }
.ks-status-pill--red { background:#fef2f2;color:#b91c1c; }
.ks-status-pill--gray { background:#f8fafc;color:#475569; }
.ks-staff-portal .ks-shell {
border-radius: 28px;
overflow: hidden;
display: grid;
grid-template-columns: 260px minmax(0, 1fr);
}
.ks-staff-portal .ks-sidebar {
background: linear-gradient(180deg, #102e63, #0f766e);
color: #fff;
padding: 22px;
}
.ks-staff-portal .ks-sidebar h2,
.ks-staff-portal .ks-sidebar p,
.ks-staff-portal .ks-sidebar span,
.ks-staff-portal .ks-sidebar em { color: #fff!important; }
.ks-staff-portal .ks-nav a {
display:flex;align-items:center;margin-bottom:8px;padding:12px 14px;border-radius:14px;color:#eaf4ff!important;text-decoration:none!important;font-weight:800;
}
.ks-staff-portal .ks-nav a.is-active,
.ks-staff-portal .ks-nav a:hover { background: rgba(255,255,255,.16); color:#fff!important; }
.ks-staff-portal .ks-main { min-width:0;padding:24px;background:#f6f9fc; }
.ks-staff-portal .ks-panel,
.ks-staff-portal .ks-metric-card {
border-radius: 20px;
box-shadow: 0 14px 30px rgba(15,23,42,.045);
}
.ks-staff-portal .ks-table-wrap { overflow-x:auto; -webkit-overflow-scrolling: touch; }
.ks-staff-portal .ks-table { min-width: 760px; width: 100%; border-collapse: collapse; }
.ks-staff-portal .ks-table th { color:#475569;font-size:11px;text-transform:uppercase;letter-spacing:.04em; }
.ks-staff-portal .ks-table th,
.ks-staff-portal .ks-table td { padding:12px;border-bottom:1px solid #e8eef7;text-align:left;vertical-align:top; }
.ks-operation-bridge .wrap { margin: 0!important; }
.ks-operation-bridge .cha-pcm-admin { max-width: none; }
.ks-operation-bridge .cha-pcm-main-layout { grid-template-columns: minmax(0, 1fr) minmax(300px, 360px); }
.ks-sidebar-logout button { width:100%;border:0;border-radius:14px;padding:12px;background:rgba(255,255,255,.16);color:#fff;font-weight:900;cursor:pointer; }
@media (max-width: 1100px) {
.ks-login-shell-pro,
.ks-public-hero,
.ks-patient-grid,
.ks-pay-center,
.ks-operation-bridge .cha-pcm-main-layout { grid-template-columns: 1fr!important; }
.ks-login-brand-panel { min-height: auto; }
.ks-login-features,
.ks-case-summary-bar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ks-patient-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
.ks-portal { padding: 22px 12px 44px; }
.ks-staff-portal .ks-shell { grid-template-columns: 1fr; }
.ks-staff-portal .ks-sidebar { position: relative; border-radius: 24px 24px 0 0; }
.ks-staff-portal .ks-nav { display:grid;grid-template-columns: repeat(2, minmax(0,1fr));gap:8px; }
.ks-staff-portal .ks-nav a { margin:0;justify-content:center;text-align:center;font-size:13px; }
.ks-two-col-form,
.ks-treatment-options { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
.ks-login-brand-panel,
.ks-login-card-pro,
.ks-glass-panel,
.ks-public-hero { border-radius: 22px; padding: 18px; }
.ks-login-features,
.ks-case-summary-bar,
.ks-patient-steps { grid-template-columns: 1fr; }
.ks-login-brand-panel h1,
.ks-public-hero h1 { font-size: 32px!important; }
.ks-staff-portal .ks-main { padding: 14px; }
} .ks-application-flow,
.ks-payment-flow,
.ks-staff-portal,
.ks-patient-portal {
width: min(1180px, calc(100% - 28px));
max-width: 1180px;
}
.ks-flow-hero {
position: relative;
overflow: hidden;
margin-bottom: 18px;
padding: clamp(24px, 4vw, 40px);
border: 1px solid #dfeaf7;
border-radius: 28px;
background: linear-gradient(135deg, #ffffff 0%, #f8fbff 66%, #eef7ff 100%);
box-shadow: 0 18px 44px rgba(15, 23, 42, 0.055);
}
.ks-flow-hero h1 {
margin: 0 0 12px !important;
color: #173b8f !important;
font-size: clamp(30px, 4vw, 46px) !important;
line-height: 1.1 !important;
letter-spacing: -0.04em;
font-weight: 760 !important;
}
.ks-flow-hero p {
max-width: 780px;
margin: 0 !important;
color: #52627f !important;
font-size: clamp(14px, 1.6vw, 16px) !important;
line-height: 1.75 !important;
}
.ks-flow-steps {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin: 0 0 18px;
}
.ks-flow-steps > div {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
padding: 14px 16px;
border: 1px solid #e4edf8;
border-radius: 18px;
background: #ffffff;
color: #64748b;
box-shadow: 0 12px 26px rgba(15, 23, 42, 0.035);
}
.ks-flow-steps strong {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 30px;
width: 30px;
height: 30px;
border-radius: 999px;
background: #eef2ff;
color: #173b8f;
font-size: 13px;
}
.ks-flow-steps span {
min-width: 0;
font-size: 13px;
font-weight: 800;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ks-flow-steps .is-active {
border-color: rgba(15, 118, 110, 0.28);
background: #f0fdfa;
color: #0f766e;
}
.ks-flow-steps .is-active strong {
background: #0f766e;
color: #ffffff;
}
.ks-flow-card {
margin-bottom: 18px;
padding: clamp(20px, 3vw, 30px);
border: 1px solid #e4edf8;
border-radius: 26px;
background: #ffffff;
box-shadow: 0 16px 38px rgba(15, 23, 42, 0.048);
}
.ks-flow-section-head {
display: flex;
justify-content: space-between;
gap: 18px;
align-items: flex-start;
margin-bottom: 20px;
}
.ks-flow-section-head h2 {
margin: 0 0 8px !important;
color: #173b8f !important;
font-size: clamp(22px, 3vw, 30px) !important;
line-height: 1.2 !important;
letter-spacing: -0.03em;
}
.ks-flow-section-head p {
margin: 0 !important;
color: #5b6b84 !important;
font-size: 14px !important;
line-height: 1.7 !important;
}
.ks-reference-card,
.ks-fee-summary,
.ks-selected-payment {
padding: 18px 20px;
border: 1px solid #dfeaf7;
border-radius: 20px;
background: #fbfdff;
}
.ks-reference-card {
margin-bottom: 20px;
}
.ks-reference-card--compact {
margin-bottom: 0;
}
.ks-reference-card span,
.ks-fee-summary span,
.ks-selected-payment span {
display: block;
margin-bottom: 8px;
color: #24669f;
font-size: 11.5px;
font-weight: 900;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.ks-reference-card strong,
.ks-fee-summary strong,
.ks-selected-payment strong {
display: block;
color: #1264a8;
font-size: clamp(22px, 3vw, 34px);
line-height: 1.12;
letter-spacing: -0.035em;
word-break: break-word;
}
.ks-reference-card small,
.ks-fee-summary small,
.ks-selected-payment small {
display: block;
margin-top: 7px;
color: #64748b;
font-size: 13px;
line-height: 1.55;
}
.ks-payment-summary-grid {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.9fr);
gap: 16px;
margin-bottom: 18px;
}
.ks-payment-method-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
margin-bottom: 18px;
}
.ks-payment-method-card {
position: relative;
display: block;
padding: 22px;
border: 1px solid #e2eaf6;
border-radius: 22px;
background: #ffffff;
box-shadow: 0 12px 30px rgba(15, 23, 42, 0.04);
cursor: pointer;
transition: all .18s ease;
}
.ks-payment-method-card:hover,
.ks-payment-method-card.is-selected {
border-color: #0f766e;
box-shadow: 0 16px 36px rgba(15, 118, 110, 0.11);
}
.ks-payment-method-card input {
position: absolute;
opacity: 0;
pointer-events: none;
}
.ks-payment-method-card span {
display: block;
margin-bottom: 10px;
color: #173b8f;
font-size: 18px;
font-weight: 900;
}
.ks-payment-method-card strong {
display: inline-flex;
margin-bottom: 10px;
padding: 9px 13px;
border-radius: 999px;
background: #eef7ff;
color: #1264a8;
font-size: 16px;
}
.ks-payment-method-card.is-selected strong {
background: #0f766e;
color: #ffffff;
}
.ks-payment-method-card small {
display: block;
color: #60728b;
font-size: 13px;
line-height: 1.65;
}
.ks-bank-details {
white-space: pre-wrap;
margin: 14px 0 0;
padding: 14px;
border: 1px dashed #b9cce4;
border-radius: 16px;
background: #fbfdff;
color: #334155;
font-family: inherit;
font-size: 12.5px;
line-height: 1.55;
}
.ks-fluent-wrap .fluentform {
max-width: 100% !important;
}
.ks-fluent-wrap .fluentform .ff-el-group {
margin-bottom: 16px !important;
}
.ks-fluent-wrap .fluentform input,
.ks-fluent-wrap .fluentform select,
.ks-fluent-wrap .fluentform textarea {
width: 100% !important;
min-height: 50px !important;
border-radius: 14px !important;
border: 1px solid #d7e2f0 !important;
background: #fbfdff !important;
color: #172554 !important;
font-size: 14px !important;
box-shadow: none !important;
}
.ks-fluent-wrap .fluentform input[readonly] {
background: #f3f7fd !important;
cursor: not-allowed;
}
.ks-fluent-helper {
display: block;
margin-top: 6px;
color: #0f766e;
font-size: 12.5px;
font-weight: 800;
}
.ks-flow-trust {
padding: 24px;
border-radius: 24px;
background: linear-gradient(135deg, #173b8f, #1264a8);
color: #ffffff;
box-shadow: 0 16px 34px rgba(18, 100, 168, 0.14);
}
.ks-flow-trust h3 {
margin: 0 0 8px !important;
color: #ffffff !important;
font-size: 22px !important;
}
.ks-flow-trust p {
margin: 0 !important;
color: rgba(255,255,255,.84) !important;
line-height: 1.7 !important;
}
.ks-staff-login .ks-panel,
.ks-staff-portal .ks-panel,
.ks-patient-portal .ks-panel {
overflow: hidden;
}
.ks-table-wrap {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.ks-table {
min-width: 760px;
}
.ks-split {
display: grid;
grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
gap: 16px;
align-items: start;
}
.ks-layout {
display: grid;
grid-template-columns: 240px minmax(0, 1fr);
gap: 18px;
align-items: start;
}
.ks-sidebar {
position: sticky;
top: 18px;
}
@media (max-width: 1024px) {
.ks-layout,
.ks-split,
.ks-payment-summary-grid {
grid-template-columns: 1fr;
}
.ks-sidebar {
position: relative;
top: auto;
}
.ks-nav {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px;
}
}
@media (max-width: 760px) {
.ks-application-flow,
.ks-payment-flow,
.ks-staff-portal,
.ks-patient-portal {
width: min(100% - 18px, 1180px);
padding-left: 0;
padding-right: 0;
}
.ks-flow-steps,
.ks-payment-method-grid,
.ks-info-grid,
.ks-metric-grid,
.ks-nav {
grid-template-columns: 1fr !important;
}
.ks-flow-card,
.ks-flow-hero,
.ks-payment-method-card,
.ks-reference-card,
.ks-selected-payment,
.ks-fee-summary {
border-radius: 18px;
}
.ks-flow-steps span {
white-space: normal;
}
.ks-page-header h1,
.ks-flow-hero h1 {
font-size: 30px !important;
}
} .ks-application-flow,
.ks-payment-flow,
.ks-patient-portal-v108,
.ks-staff-portal,
.ks-auth-portal-v108 {
width: min(1440px, calc(100% - 32px));
}
.ks-application-flow,
.ks-payment-flow { max-width: 980px; }
.ks-staff-portal { max-width: 1480px; }
.ks-auth-portal-v108 { max-width: 1180px; }
.ks-intake-fee-panel { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(260px,.95fr); gap:16px; margin:0 0 18px; }
.ks-fee-card-large,.ks-fee-note-card { border:1px solid #dfeaf7; border-radius:24px; background:#fff; padding:24px 26px; box-shadow:0 16px 38px rgba(15,23,42,.048); }
.ks-fee-card-large span { display:block; margin-bottom:10px; color:#24669f; font-size:11.5px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.ks-fee-card-large strong { display:block; color:#1264a8; font-size:clamp(32px,4vw,44px); line-height:1.05; letter-spacing:-.04em; }
.ks-fee-card-large small { display:block; margin-top:10px; color:#64748b; font-size:13px; line-height:1.6; }
.ks-fee-card-large b { color:#173b8f; }
.ks-fee-note-card strong { display:block; margin-bottom:8px; color:#173b8f; font-size:18px; }
.ks-fee-note-card p { margin:0!important; color:#607089!important; line-height:1.7!important; }
.ks-flow-steps > div:last-child { background:#f8fbff; }
.ks-flow-steps > div:last-child strong { background:#dbeafe; color:#173b8f; }
.ks-fluent-wrap .fluentform input[type="radio"],
.ks-fluent-wrap .fluentform input[type="checkbox"] { width:auto!important; min-width:18px!important; min-height:18px!important; height:18px!important; padding:0!important; border-radius:50%!important; background:#fff!important; vertical-align:middle; }
.ks-fluent-wrap .fluentform input[type="checkbox"] { border-radius:4px!important; }
.ks-fluent-wrap .ff-el-form-check,
.ks-fluent-wrap .ff-el-form-check-label { display:flex!important; align-items:center!important; gap:8px!important; min-height:auto!important; }
.ks-fluent-wrap .ff-el-form-check-label span,
.ks-fluent-wrap .ff-el-form-check label { line-height:1.45!important; }
.ks-fluent-wrap .ff-el-input--content { max-width:100%!important; }
.ks-staff-portal .ks-shell { grid-template-columns: 280px minmax(0,1fr); }
.ks-staff-portal .ks-main { overflow:hidden; }
.ks-staff-portal .ks-panel { max-width:100%; overflow:hidden; }
.ks-staff-portal .ks-table-wrap { border:1px solid #edf2f7; border-radius:18px; background:#fff; }
.ks-staff-portal .ks-table { min-width: 980px; }
.ks-staff-portal .ks-table td, .ks-staff-portal .ks-table th { word-break:normal; }
.ks-staff-portal .ks-table td strong, .ks-staff-portal .ks-table td small { word-break:break-word; }
.ks-staff-portal .ks-small-button { white-space:normal; text-align:center; min-width:76px; }
.ks-login-features div strong { font-size:13px!important; }
.ks-application-summary-bar { grid-template-columns: repeat(4,minmax(0,1fr)); }
.ks-payment-flow .ks-flow-section-head p { max-width:760px; }
@media (max-width: 1100px) { .ks-intake-fee-panel { grid-template-columns:1fr; } .ks-staff-portal .ks-table { min-width: 860px; } }
@media (max-width: 860px) { .ks-application-flow,.ks-payment-flow,.ks-patient-portal-v108,.ks-staff-portal,.ks-auth-portal-v108 { width:min(100% - 20px, 1440px); } .ks-staff-portal .ks-shell { grid-template-columns:1fr; } .ks-application-summary-bar { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 560px) { .ks-flow-steps { gap:8px; } .ks-flow-steps > div { padding:12px; } .ks-fee-card-large,.ks-fee-note-card{padding:20px;border-radius:20px}.ks-application-summary-bar{grid-template-columns:1fr}.ks-payment-method-card{padding:18px}.ks-staff-portal .ks-table{min-width:760px} } .ks-staff-portal {
--ks-sp-bg: #f5f8fc;
--ks-sp-soft: #f8fbff;
--ks-sp-surface: #ffffff;
--ks-sp-line: #dfe9f5;
--ks-sp-line-strong: #cbdced;
--ks-sp-text: #10233f;
--ks-sp-muted: #61758d;
--ks-sp-muted-2: #8a9aad;
--ks-sp-primary: #1264a8;
--ks-sp-primary-2: #0f4f86;
--ks-sp-teal: #0f8a83;
--ks-sp-success: #166534;
--ks-sp-success-bg: #e9f9ef;
--ks-sp-warn: #92400e;
--ks-sp-warn-bg: #fff7df;
--ks-sp-info: #1e40af;
--ks-sp-info-bg: #e8f0ff;
--ks-sp-danger: #991b1b;
--ks-sp-danger-bg: #fff0f0;
--ks-sp-radius-xl: 24px;
--ks-sp-radius-lg: 18px;
--ks-sp-shadow: 0 18px 46px rgba(16, 32, 51, .065);
width: calc(100vw - 32px) !important;
max-width: 1500px !important;
position: relative !important;
left: 50% !important;
transform: translateX(-50%) !important;
margin: 0 auto 56px !important;
padding: 16px !important;
color: var(--ks-sp-text) !important;
background:
radial-gradient(circle at top left, rgba(18,100,168,.055), transparent 30%),
radial-gradient(circle at top right, rgba(15,138,131,.05), transparent 24%),
linear-gradient(180deg,#fbfdff 0%, var(--ks-sp-bg) 100%) !important;
border: 1px solid rgba(223,233,245,.9) !important;
border-radius: 28px !important;
box-shadow: 0 22px 70px rgba(16, 32, 51, .055) !important;
overflow: visible !important;
}
.ks-staff-portal,
.ks-staff-portal * {
box-sizing: border-box !important;
}
.ks-staff-portal * {
max-width: 100%;
}
.ks-staff-portal .ks-page-header {
background: rgba(255,255,255,.92) !important;
border: 1px solid var(--ks-sp-line) !important;
border-radius: var(--ks-sp-radius-xl) !important;
box-shadow: 0 10px 28px rgba(16,32,51,.045) !important;
padding: 24px 28px !important;
margin: 0 0 18px !important;
}
.ks-staff-portal .ks-page-header h1,
.ks-staff-portal .ks-page-header h2,
.ks-staff-portal .ks-section-head h2,
.ks-staff-portal .ks-panel-title h3 {
color: var(--ks-sp-text) !important;
letter-spacing: -.03em !important;
}
.ks-staff-portal .ks-page-header p,
.ks-staff-portal .ks-section-head p,
.ks-staff-portal .ks-panel-title p {
color: var(--ks-sp-muted) !important;
}
.ks-staff-portal .ks-eyebrow {
display: inline-flex !important;
align-items: center !important;
width: fit-content !important;
max-width: 100% !important;
margin-bottom: 10px !important;
padding: 7px 12px !important;
border-radius: 999px !important;
background: rgba(15,138,131,.09) !important;
color: var(--ks-sp-teal) !important;
border: 1px solid rgba(15,138,131,.10) !important;
font-size: 11px !important;
font-weight: 800 !important;
letter-spacing: .05em !important;
text-transform: uppercase !important;
}
.ks-staff-portal .ks-layout {
display: grid !important;
grid-template-columns: 268px minmax(0, 1fr) !important;
gap: 18px !important;
align-items: start !important;
background: transparent !important;
width: 100% !important;
max-width: 100% !important;
}
.ks-staff-portal .ks-sidebar {
position: sticky !important;
top: 18px !important;
align-self: start !important;
min-width: 0 !important;
background: rgba(255,255,255,.94) !important;
color: var(--ks-sp-text) !important;
border: 1px solid var(--ks-sp-line) !important;
border-radius: 24px !important;
box-shadow: 0 12px 34px rgba(16,32,51,.045) !important;
padding: 16px !important;
overflow: hidden !important;
}
.ks-staff-portal .ks-sidebar-brand {
padding: 0 0 14px !important;
margin: 0 0 14px !important;
border-bottom: 1px solid var(--ks-sp-line) !important;
}
.ks-staff-portal .ks-sidebar-brand strong,
.ks-staff-portal .ks-sidebar-brand span,
.ks-staff-portal .ks-sidebar-brand em,
.ks-staff-portal .ks-sidebar h2,
.ks-staff-portal .ks-sidebar p {
color: var(--ks-sp-text) !important;
}
.ks-staff-portal .ks-sidebar-brand strong {
display: block !important;
font-size: 15px !important;
font-weight: 850 !important;
line-height: 1.25 !important;
}
.ks-staff-portal .ks-sidebar-brand span,
.ks-staff-portal .ks-sidebar-brand em {
display: block !important;
margin-top: 4px !important;
color: var(--ks-sp-muted) !important;
font-size: 12px !important;
line-height: 1.45 !important;
font-style: normal !important;
}
.ks-staff-portal .ks-nav {
display: grid !important;
gap: 7px !important;
}
.ks-staff-portal .ks-nav a {
min-height: 44px !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
padding: 10px 12px !important;
border-radius: 15px !important;
background: transparent !important;
color: var(--ks-sp-text) !important;
border: 1px solid transparent !important;
font-size: 13px !important;
font-weight: 750 !important;
text-align: left !important;
transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease !important;
}
.ks-staff-portal .ks-nav a:hover,
.ks-staff-portal .ks-nav a.is-active {
background: linear-gradient(135deg, rgba(18,100,168,.10), rgba(15,138,131,.06)) !important;
color: var(--ks-sp-primary) !important;
border-color: rgba(18,100,168,.12) !important;
}
.ks-staff-portal .ks-sidebar-logout {
margin-top: 14px !important;
padding-top: 14px !important;
border-top: 1px solid var(--ks-sp-line) !important;
}
.ks-staff-portal .ks-sidebar-logout button {
width: 100% !important;
min-height: 44px !important;
border: 1px solid var(--ks-sp-line) !important;
border-radius: 15px !important;
background: var(--ks-sp-soft) !important;
color: var(--ks-sp-primary) !important;
font-weight: 850 !important;
box-shadow: none !important;
}
.ks-staff-portal .ks-sidebar-logout button:hover {
background: rgba(18,100,168,.08) !important;
}
.ks-staff-portal .ks-mobile-tabs {
display: none !important;
width: 100% !important;
max-width: 100% !important;
gap: 8px !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: thin !important;
padding: 6px 2px 10px !important;
}
.ks-staff-portal .ks-mobile-tabs a {
flex: 0 0 auto !important;
min-height: 42px !important;
min-width: 86px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 9px 12px !important;
border-radius: 999px !important;
border: 1px solid var(--ks-sp-line) !important;
background: #fff !important;
color: var(--ks-sp-text) !important;
font-size: 12.5px !important;
font-weight: 850 !important;
white-space: nowrap !important;
}
.ks-staff-portal .ks-mobile-tabs a.is-active {
background: linear-gradient(135deg, rgba(18,100,168,.12), rgba(15,138,131,.08)) !important;
border-color: rgba(18,100,168,.18) !important;
color: var(--ks-sp-primary) !important;
}
.ks-staff-portal .ks-main {
min-width: 0 !important;
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
background: transparent !important;
overflow: visible !important;
}
.ks-staff-portal .ks-section-head {
display: flex !important;
align-items: flex-start !important;
justify-content: space-between !important;
gap: 14px !important;
margin: 0 0 14px !important;
padding: 20px 22px !important;
border: 1px solid var(--ks-sp-line) !important;
border-radius: 24px !important;
background: rgba(255,255,255,.94) !important;
box-shadow: 0 8px 24px rgba(16,32,51,.04) !important;
}
.ks-staff-portal .ks-section-head h2 {
margin: 0 0 6px !important;
font-size: clamp(22px, 2.2vw, 30px) !important;
line-height: 1.15 !important;
font-weight: 850 !important;
}
.ks-staff-portal .ks-section-head p {
margin: 0 !important;
font-size: 13.5px !important;
line-height: 1.65 !important;
}
.ks-staff-portal .ks-metric-grid {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 12px !important;
margin: 0 0 14px !important;
}
.ks-staff-portal .ks-metric-grid--three {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.ks-staff-portal .ks-metric-card,
.ks-staff-portal .ks-panel,
.ks-staff-portal .ks-detail-panel,
.ks-staff-portal .ks-alert {
background: rgba(255,255,255,.96) !important;
border: 1px solid var(--ks-sp-line) !important;
border-radius: 22px !important;
box-shadow: 0 8px 24px rgba(16,32,51,.04) !important;
max-width: 100% !important;
overflow: hidden !important;
}
.ks-staff-portal .ks-metric-card {
padding: 18px !important;
}
.ks-staff-portal .ks-metric-card span {
display: block !important;
color: var(--ks-sp-muted) !important;
font-size: 11px !important;
text-transform: uppercase !important;
letter-spacing: .05em !important;
font-weight: 850 !important;
line-height: 1.25 !important;
}
.ks-staff-portal .ks-metric-card strong {
display: block !important;
margin: 8px 0 4px !important;
color: var(--ks-sp-text) !important;
font-size: 30px !important;
line-height: 1 !important;
font-weight: 850 !important;
letter-spacing: -.035em !important;
}
.ks-staff-portal .ks-metric-card small {
display: block !important;
color: var(--ks-sp-muted) !important;
font-size: 12.5px !important;
line-height: 1.45 !important;
}
.ks-staff-portal .ks-panel {
padding: 18px !important;
margin-bottom: 14px !important;
}
.ks-staff-portal .ks-panel-title {
margin-bottom: 14px !important;
}
.ks-staff-portal .ks-panel-title h3 {
margin: 0 0 5px !important;
font-size: 18px !important;
font-weight: 850 !important;
line-height: 1.25 !important;
}
.ks-staff-portal .ks-panel-title p {
margin: 0 !important;
font-size: 13px !important;
line-height: 1.55 !important;
}
.ks-staff-portal .ks-filter-bar {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
margin: 0 0 14px !important;
}
.ks-staff-portal .ks-filter-bar a {
min-height: 38px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 8px 13px !important;
border-radius: 999px !important;
border: 1px solid var(--ks-sp-line) !important;
background: #fff !important;
color: var(--ks-sp-muted) !important;
font-size: 12.5px !important;
font-weight: 850 !important;
}
.ks-staff-portal .ks-filter-bar a.is-active,
.ks-staff-portal .ks-filter-bar a:hover {
background: rgba(18,100,168,.08) !important;
border-color: rgba(18,100,168,.16) !important;
color: var(--ks-sp-primary) !important;
}
.ks-staff-portal .ks-table-wrap {
width: 100% !important;
max-width: 100% !important;
border: 1px solid var(--ks-sp-line) !important;
border-radius: 18px !important;
background: #fff !important;
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch !important;
}
.ks-staff-portal .ks-table {
width: 100% !important;
min-width: 920px !important;
border-collapse: collapse !important;
table-layout: auto !important;
}
.ks-staff-portal .ks-table th {
padding: 13px 14px !important;
background: var(--ks-sp-soft) !important;
color: var(--ks-sp-muted) !important;
border-bottom: 1px solid var(--ks-sp-line) !important;
font-size: 11px !important;
line-height: 1.35 !important;
font-weight: 850 !important;
letter-spacing: .05em !important;
text-transform: uppercase !important;
text-align: left !important;
white-space: nowrap !important;
}
.ks-staff-portal .ks-table td {
padding: 14px !important;
border-bottom: 1px solid #edf3fa !important;
color: var(--ks-sp-text) !important;
font-size: 13px !important;
line-height: 1.45 !important;
vertical-align: top !important;
text-align: left !important;
overflow-wrap: anywhere !important;
}
.ks-staff-portal .ks-table td strong {
color: var(--ks-sp-text) !important;
font-weight: 850 !important;
overflow-wrap: anywhere !important;
}
.ks-staff-portal .ks-table td small {
display: block !important;
margin-top: 4px !important;
color: var(--ks-sp-muted) !important;
font-size: 11.5px !important;
line-height: 1.4 !important;
overflow-wrap: anywhere !important;
}
.ks-staff-portal .ks-table tr:hover td,
.ks-staff-portal .ks-table tr.is-selected td {
background: rgba(18,100,168,.035) !important;
}
.ks-staff-portal .ks-badge {
display: inline-flex !important;
align-items: center !important;
max-width: 100% !important;
min-height: 28px !important;
padding: 5px 9px !important;
border-radius: 999px !important;
white-space: normal !important;
text-align: center !important;
line-height: 1.25 !important;
font-size: 11px !important;
font-weight: 850 !important;
}
.ks-staff-portal .ks-badge--success { background: var(--ks-sp-success-bg) !important; color: var(--ks-sp-success) !important; border: 1px solid rgba(22,101,52,.12) !important; }
.ks-staff-portal .ks-badge--warning { background: var(--ks-sp-warn-bg) !important; color: var(--ks-sp-warn) !important; border: 1px solid rgba(146,64,14,.12) !important; }
.ks-staff-portal .ks-badge--info { background: var(--ks-sp-info-bg) !important; color: var(--ks-sp-info) !important; border: 1px solid rgba(30,64,175,.12) !important; }
.ks-staff-portal .ks-badge--danger { background: var(--ks-sp-danger-bg) !important; color: var(--ks-sp-danger) !important; border: 1px solid rgba(153,27,27,.12) !important; }
.ks-staff-portal .ks-badge--neutral { background: #f1f5f9 !important; color: #475569 !important; border: 1px solid #e2e8f0 !important; }
.ks-staff-portal .ks-small-button,
.ks-staff-portal .ks-primary-button,
.ks-staff-portal .ks-secondary-button,
.ks-staff-portal .ks-danger-button,
.ks-staff-portal .ks-full-button,
.ks-staff-portal button[type="submit"] {
min-height: 40px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
padding: 10px 14px !important;
border-radius: 14px !important;
border: 1px solid var(--ks-sp-line) !important;
background: #fff !important;
color: var(--ks-sp-primary) !important;
font-size: 12.5px !important;
line-height: 1.2 !important;
font-weight: 850 !important;
text-align: center !important;
white-space: nowrap !important;
text-decoration: none !important;
box-shadow: none !important;
}
.ks-staff-portal .ks-primary-button,
.ks-staff-portal button[type="submit"].ks-primary-button {
background: linear-gradient(180deg, var(--ks-sp-primary), var(--ks-sp-primary-2)) !important;
color: #fff !important;
border-color: transparent !important;
box-shadow: 0 10px 22px rgba(18,100,168,.16) !important;
}
.ks-staff-portal .ks-danger-button {
color: var(--ks-sp-danger) !important;
border-color: rgba(153,27,27,.16) !important;
background: #fff !important;
}
.ks-staff-portal .ks-payments-layout {
display: grid !important;
grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr) !important;
gap: 14px !important;
align-items: start !important;
max-width: 100% !important;
}
.ks-staff-portal .ks-detail-panel {
padding: 18px !important;
position: sticky !important;
top: 18px !important;
}
.ks-staff-portal .ks-detail-list {
display: grid !important;
gap: 10px !important;
}
.ks-staff-portal .ks-detail-list > div {
padding: 12px !important;
border: 1px solid var(--ks-sp-line) !important;
background: var(--ks-sp-soft) !important;
border-radius: 16px !important;
}
.ks-staff-portal .ks-detail-list span {
display: block !important;
margin-bottom: 5px !important;
color: var(--ks-sp-muted) !important;
font-size: 11px !important;
text-transform: uppercase !important;
letter-spacing: .045em !important;
font-weight: 850 !important;
}
.ks-staff-portal .ks-detail-list strong {
display: block !important;
color: var(--ks-sp-text) !important;
font-size: 13px !important;
line-height: 1.45 !important;
overflow-wrap: anywhere !important;
}
.ks-staff-portal .ks-action-area,
.ks-staff-portal .ks-action-form {
display: grid !important;
gap: 12px !important;
}
.ks-staff-portal .ks-action-area {
margin-top: 14px !important;
}
.ks-staff-portal .ks-action-form label,
.ks-staff-portal .ks-clean-form label {
display: grid !important;
gap: 7px !important;
color: var(--ks-sp-text) !important;
font-size: 13px !important;
font-weight: 750 !important;
}
.ks-staff-portal input[type="text"],
.ks-staff-portal input[type="email"],
.ks-staff-portal input[type="password"],
.ks-staff-portal textarea,
.ks-staff-portal select {
width: 100% !important;
max-width: 100% !important;
min-height: 44px !important;
padding: 11px 12px !important;
border: 1px solid var(--ks-sp-line-strong) !important;
border-radius: 14px !important;
background: #fff !important;
color: var(--ks-sp-text) !important;
font-size: 14px !important;
box-shadow: none !important;
outline: none !important;
}
.ks-staff-portal textarea {
min-height: 92px !important;
resize: vertical !important;
}
.ks-staff-portal input:focus,
.ks-staff-portal textarea:focus,
.ks-staff-portal select:focus {
border-color: rgba(18,100,168,.45) !important;
box-shadow: 0 0 0 4px rgba(18,100,168,.08) !important;
}
.ks-staff-portal .ks-empty {
margin: 0 !important;
padding: 18px !important;
border: 1px dashed var(--ks-sp-line-strong) !important;
border-radius: 18px !important;
background: var(--ks-sp-soft) !important;
color: var(--ks-sp-muted) !important;
font-size: 13.5px !important;
line-height: 1.6 !important;
}
.ks-staff-portal .ks-alert {
padding: 15px 16px !important;
margin: 0 0 14px !important;
}
.ks-staff-portal .ks-alert strong {
display: block !important;
color: var(--ks-sp-text) !important;
font-size: 14px !important;
line-height: 1.35 !important;
}
.ks-staff-portal .ks-alert p {
margin: 5px 0 0 !important;
color: var(--ks-sp-muted) !important;
font-size: 13px !important;
line-height: 1.55 !important;
}
.ks-staff-portal .ks-operation-bridge {
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
padding: 0 !important;
}
.ks-staff-portal .ks-operation-bridge .wrap,
.ks-staff-portal .ks-operation-bridge .ks-admin-page,
.ks-staff-portal .ks-operation-bridge .cha-pcm-admin-page {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
}
.ks-staff-portal .ks-operation-bridge table {
max-width: 100% !important;
}
@media (max-width: 1180px) {
.ks-staff-portal {
width: calc(100vw - 24px) !important;
padding: 14px !important;
border-radius: 24px !important;
}
.ks-staff-portal .ks-layout {
grid-template-columns: 232px minmax(0, 1fr) !important;
gap: 14px !important;
}
.ks-staff-portal .ks-metric-grid,
.ks-staff-portal .ks-metric-grid--three {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.ks-staff-portal .ks-payments-layout {
grid-template-columns: 1fr !important;
}
.ks-staff-portal .ks-detail-panel {
position: relative !important;
top: auto !important;
}
}
@media (max-width: 860px) {
.ks-staff-portal {
width: calc(100vw - 16px) !important;
padding: 10px !important;
border-radius: 22px !important;
margin-bottom: 38px !important;
}
.ks-staff-portal .ks-page-header {
padding: 20px !important;
border-radius: 22px !important;
}
.ks-staff-portal .ks-layout {
grid-template-columns: 1fr !important;
gap: 12px !important;
}
.ks-staff-portal .ks-sidebar {
position: relative !important;
top: auto !important;
padding: 14px !important;
border-radius: 22px !important;
}
.ks-staff-portal .ks-sidebar .ks-nav {
display: none !important;
}
.ks-staff-portal .ks-sidebar-logout {
margin-top: 10px !important;
padding-top: 10px !important;
}
.ks-staff-portal .ks-mobile-tabs {
display: flex !important;
position: sticky !important;
top: 0 !important;
z-index: 30 !important;
background: rgba(245,248,252,.94) !important;
backdrop-filter: blur(10px) !important;
border-radius: 18px !important;
}
.ks-staff-portal .ks-main {
padding: 0 !important;
}
.ks-staff-portal .ks-section-head {
display: block !important;
padding: 18px !important;
border-radius: 22px !important;
}
.ks-staff-portal .ks-section-head h2 {
font-size: 24px !important;
}
.ks-staff-portal .ks-panel {
padding: 14px !important;
border-radius: 20px !important;
}
.ks-staff-portal .ks-table-wrap {
border: 0 !important;
background: transparent !important;
overflow: visible !important;
border-radius: 0 !important;
}
.ks-staff-portal .ks-table,
.ks-staff-portal .ks-table thead,
.ks-staff-portal .ks-table tbody,
.ks-staff-portal .ks-table tr,
.ks-staff-portal .ks-table td {
display: block !important;
width: 100% !important;
min-width: 0 !important;
}
.ks-staff-portal .ks-table thead {
display: none !important;
}
.ks-staff-portal .ks-table tr {
margin: 0 0 12px !important;
padding: 13px !important;
border: 1px solid var(--ks-sp-line) !important;
border-radius: 18px !important;
background: #fff !important;
box-shadow: 0 8px 22px rgba(16,32,51,.035) !important;
}
.ks-staff-portal .ks-table td {
display: grid !important;
grid-template-columns: 112px minmax(0, 1fr) !important;
gap: 10px !important;
align-items: start !important;
padding: 9px 0 !important;
border-bottom: 1px dashed #e7eef7 !important;
font-size: 13px !important;
}
.ks-staff-portal .ks-table td:last-child {
border-bottom: 0 !important;
padding-bottom: 0 !important;
}
.ks-staff-portal .ks-table td::before {
content: "Bilgi" !important;
color: var(--ks-sp-muted) !important;
font-size: 11px !important;
line-height: 1.25 !important;
font-weight: 850 !important;
letter-spacing: .04em !important;
text-transform: uppercase !important;
}
.ks-staff-portal .ks-table--dashboard td:nth-child(1)::before { content: "Referans" !important; }
.ks-staff-portal .ks-table--dashboard td:nth-child(2)::before { content: "Hasta" !important; }
.ks-staff-portal .ks-table--dashboard td:nth-child(3)::before { content: "E-posta" !important; }
.ks-staff-portal .ks-table--dashboard td:nth-child(4)::before { content: "Başvuru" !important; }
.ks-staff-portal .ks-table--dashboard td:nth-child(5)::before { content: "Ödeme" !important; }
.ks-staff-portal .ks-table--dashboard td:nth-child(6)::before { content: "Tarih" !important; }
.ks-staff-portal .ks-table--applications td:nth-child(1)::before { content: "Başvuru Ref" !important; }
.ks-staff-portal .ks-table--applications td:nth-child(2)::before { content: "Hasta" !important; }
.ks-staff-portal .ks-table--applications td:nth-child(3)::before { content: "E-posta" !important; }
.ks-staff-portal .ks-table--applications td:nth-child(4)::before { content: "Telefon" !important; }
.ks-staff-portal .ks-table--applications td:nth-child(5)::before { content: "Başvuru" !important; }
.ks-staff-portal .ks-table--applications td:nth-child(6)::before { content: "Ödeme" !important; }
.ks-staff-portal .ks-table--applications td:nth-child(7)::before { content: "Tarih" !important; }
.ks-staff-portal .ks-table--payments td:nth-child(1)::before { content: "Hasta" !important; }
.ks-staff-portal .ks-table--payments td:nth-child(2)::before { content: "Başvuru Ref" !important; }
.ks-staff-portal .ks-table--payments td:nth-child(3)::before { content: "Dosya No" !important; }
.ks-staff-portal .ks-table--payments td:nth-child(4)::before { content: "Tutar" !important; }
.ks-staff-portal .ks-table--payments td:nth-child(5)::before { content: "Durum" !important; }
.ks-staff-portal .ks-table--payments td:nth-child(6)::before { content: "Tarih" !important; }
.ks-staff-portal .ks-table--payments td:nth-child(7)::before { content: "İşlem" !important; }
.ks-staff-portal .ks-table--cases td:nth-child(1)::before { content: "Dosya No" !important; }
.ks-staff-portal .ks-table--cases td:nth-child(2)::before { content: "Hasta" !important; }
.ks-staff-portal .ks-table--cases td:nth-child(3)::before { content: "E-posta" !important; }
.ks-staff-portal .ks-table--cases td:nth-child(4)::before { content: "Dosya Durumu" !important; }
.ks-staff-portal .ks-table--cases td:nth-child(5)::before { content: "Ödeme" !important; }
.ks-staff-portal .ks-table--cases td:nth-child(6)::before { content: "Tarih" !important; }
.ks-staff-portal .ks-table--cases td:nth-child(7)::before { content: "İşlem" !important; }
.ks-staff-portal .ks-small-button,
.ks-staff-portal .ks-primary-button,
.ks-staff-portal .ks-secondary-button,
.ks-staff-portal .ks-danger-button,
.ks-staff-portal .ks-full-button,
.ks-staff-portal button[type="submit"] {
width: 100% !important;
white-space: normal !important;
}
}
@media (max-width: 560px) {
.ks-staff-portal {
width: calc(100vw - 10px) !important;
padding: 6px !important;
border-radius: 18px !important;
border-left: 0 !important;
border-right: 0 !important;
background: linear-gradient(180deg,#fbfdff 0%, #f5f8fc 100%) !important;
}
.ks-staff-portal .ks-page-header {
padding: 18px !important;
border-radius: 18px !important;
}
.ks-staff-portal .ks-page-header h1 {
font-size: 25px !important;
line-height: 1.16 !important;
}
.ks-staff-portal .ks-sidebar {
padding: 12px !important;
border-radius: 18px !important;
}
.ks-staff-portal .ks-sidebar-brand strong {
font-size: 14px !important;
}
.ks-staff-portal .ks-mobile-tabs {
margin-left: -2px !important;
margin-right: -2px !important;
}
.ks-staff-portal .ks-mobile-tabs a {
min-width: 78px !important;
min-height: 40px !important;
padding: 8px 11px !important;
font-size: 12px !important;
}
.ks-staff-portal .ks-section-head,
.ks-staff-portal .ks-panel,
.ks-staff-portal .ks-metric-card,
.ks-staff-portal .ks-detail-panel {
border-radius: 18px !important;
}
.ks-staff-portal .ks-section-head {
padding: 16px !important;
}
.ks-staff-portal .ks-section-head h2 {
font-size: 22px !important;
}
.ks-staff-portal .ks-metric-grid,
.ks-staff-portal .ks-metric-grid--three {
grid-template-columns: 1fr !important;
gap: 10px !important;
}
.ks-staff-portal .ks-metric-card {
padding: 16px !important;
}
.ks-staff-portal .ks-metric-card strong {
font-size: 28px !important;
}
.ks-staff-portal .ks-panel {
padding: 12px !important;
}
.ks-staff-portal .ks-table tr {
padding: 12px !important;
border-radius: 16px !important;
}
.ks-staff-portal .ks-table td {
grid-template-columns: 1fr !important;
gap: 5px !important;
padding: 10px 0 !important;
}
.ks-staff-portal .ks-table td::before {
font-size: 10.5px !important;
}
.ks-staff-portal .ks-detail-list > div {
padding: 11px !important;
border-radius: 14px !important;
}
} .ks-staff-portal,
.ks-staff-portal * { box-sizing: border-box !important; }
.ks-staff-portal {
width: min(100% - 24px, 1540px) !important;
max-width: 1540px !important;
margin: clamp(14px, 2vw, 26px) auto 60px !important;
overflow: visible !important;
}
.ks-staff-portal .ks-layout {
display: grid !important;
grid-template-columns: minmax(220px, 260px) minmax(0, 1fr) !important;
gap: 18px !important;
align-items: start !important;
max-width: 100% !important;
}
.ks-staff-portal .ks-sidebar {
position: sticky !important;
top: 18px !important;
align-self: start !important;
background: rgba(255,255,255,.96) !important;
}
.ks-staff-portal .ks-main,
.ks-staff-portal .ks-panel,
.ks-staff-portal .ks-detail-panel,
.ks-staff-portal .ks-operation-bridge {
min-width: 0 !important;
}
.ks-staff-portal .ks-payments-layout {
grid-template-columns: minmax(0, 1fr) minmax(340px, 400px) !important;
}
.ks-staff-portal .ks-table--payments { min-width: 720px !important; }
.ks-staff-portal .ks-table--cases { min-width: 780px !important; }
.ks-staff-portal .ks-table--applications { min-width: 760px !important; }
.ks-staff-portal .ks-table--dashboard { min-width: 720px !important; } .ks-staff-portal .ks-operation-bridge .wrap,
.ks-staff-portal .ks-operation-bridge .cha-pcm-admin,
.ks-staff-portal .ks-operation-bridge .cha-pcm-admin-v107 {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-page-head {
display: none !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-summary-grid {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
gap: 12px !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-card,
.ks-staff-portal .ks-operation-bridge .cha-pcm-panel,
.ks-staff-portal .ks-operation-bridge .cha-pcm-details {
border: 1px solid var(--ks-sp-line) !important;
border-radius: 22px !important;
background: rgba(255,255,255,.96) !important;
box-shadow: 0 8px 24px rgba(16,32,51,.04) !important;
max-width: 100% !important;
overflow: hidden !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-main-layout,
.ks-staff-portal .ks-operation-bridge .cha-pcm-admin-v107 .cha-pcm-main-layout {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 14px !important;
align-items: start !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-main-layout > main,
.ks-staff-portal .ks-operation-bridge .cha-pcm-main-layout > aside {
min-width: 0 !important;
width: 100% !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-main-layout > aside,
.ks-staff-portal .ks-operation-bridge .cha-pcm-admin-v107 .cha-pcm-main-layout aside {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 14px !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions,
.ks-staff-portal .ks-operation-bridge .cha-pcm-option-grid,
.ks-staff-portal .ks-operation-bridge .cha-pcm-form-grid,
.ks-staff-portal .ks-operation-bridge .cha-pcm-form-grid.compact {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
gap: 12px !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions .cha-pcm-action-form,
.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions .cha-pcm-action-form:first-child,
.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions .cha-pcm-action-form:last-child {
grid-column: auto !important;
min-width: 0 !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-panel-title-row {
display: flex !important;
align-items: flex-start !important;
justify-content: space-between !important;
gap: 12px !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-panel-title-row h2 {
margin: 0 0 8px !important;
color: var(--ks-sp-text) !important;
font-size: clamp(18px, 1.45vw, 23px) !important;
line-height: 1.22 !important;
font-weight: 850 !important;
word-spacing: normal !important;
letter-spacing: -.02em !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-panel-title-row p,
.ks-staff-portal .ks-operation-bridge .cha-pcm-card p,
.ks-staff-portal .ks-operation-bridge .cha-pcm-current-record span {
color: var(--ks-sp-muted) !important;
font-size: 13.5px !important;
line-height: 1.58 !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-stage-strip {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-stage-item {
margin: 0 !important;
white-space: normal !important;
line-height: 1.25 !important;
}
.ks-staff-portal .ks-operation-bridge .widefat,
.ks-staff-portal .ks-operation-bridge table {
width: 100% !important;
max-width: 100% !important;
table-layout: auto !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-table-responsive,
.ks-staff-portal .ks-operation-bridge .cha-pcm-details-body {
max-width: 100% !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
}
@media (max-width: 1280px) {
.ks-staff-portal .ks-payments-layout { grid-template-columns: 1fr !important; }
.ks-staff-portal .ks-detail-panel { position: relative !important; top: auto !important; }
}
@media (max-width: 980px) {
.ks-staff-portal { width: min(100% - 16px, 1540px) !important; padding: 10px !important; }
.ks-staff-portal .ks-layout { grid-template-columns: 1fr !important; }
.ks-staff-portal .ks-sidebar { position: relative !important; top: auto !important; }
.ks-staff-portal .ks-operation-bridge .cha-pcm-main-layout > aside,
.ks-staff-portal .ks-operation-bridge .cha-pcm-admin-v107 .cha-pcm-main-layout aside,
.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions,
.ks-staff-portal .ks-operation-bridge .cha-pcm-option-grid,
.ks-staff-portal .ks-operation-bridge .cha-pcm-form-grid,
.ks-staff-portal .ks-operation-bridge .cha-pcm-form-grid.compact {
grid-template-columns: 1fr !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-panel-title-row { display: block !important; }
}
@media (max-width: 560px) {
.ks-staff-portal { width: 100% !important; margin: 8px auto 48px !important; border-radius: 0 !important; border-left: 0 !important; border-right: 0 !important; }
.ks-staff-portal .ks-section-head,
.ks-staff-portal .ks-panel,
.ks-staff-portal .ks-detail-panel,
.ks-staff-portal .ks-operation-bridge .cha-pcm-panel,
.ks-staff-portal .ks-operation-bridge .cha-pcm-card,
.ks-staff-portal .ks-operation-bridge .cha-pcm-details {
border-radius: 17px !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions,
.ks-staff-portal .ks-operation-bridge .cha-pcm-option-grid,
.ks-staff-portal .ks-operation-bridge .cha-pcm-form-grid,
.ks-staff-portal .ks-operation-bridge .cha-pcm-form-grid.compact {
grid-template-columns: minmax(0, 1fr) !important;
}
} .ks-staff-portal {
max-width: 1580px !important;
}
.ks-staff-portal .ks-page-header--compact {
padding: 22px 26px !important;
margin-bottom: 16px !important;
}
.ks-staff-portal .ks-page-header h1 {
font-size: clamp(26px, 2.6vw, 34px) !important;
line-height: 1.12 !important;
}
.ks-staff-portal .ks-layout {
grid-template-columns: 248px minmax(0, 1fr) !important;
gap: 16px !important;
}
.ks-staff-portal .ks-sidebar {
padding: 14px !important;
}
.ks-staff-portal .ks-nav a {
font-size: 12.8px !important;
min-height: 42px !important;
padding: 9px 11px !important;
}
.ks-staff-portal .ks-section-head {
padding: 18px 20px !important;
margin-bottom: 12px !important;
}
.ks-staff-portal .ks-section-head h2 {
font-size: clamp(22px, 2vw, 28px) !important;
}
.ks-staff-portal .ks-panel {
padding: 16px !important;
}
.ks-staff-portal .ks-payments-clean-layout {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(310px, 370px) !important;
gap: 16px !important;
align-items: start !important;
}
.ks-staff-portal .ks-payment-list-panel {
min-width: 0 !important;
overflow: visible !important;
}
.ks-staff-portal .ks-payment-cards {
display: grid !important;
gap: 10px !important;
}
.ks-staff-portal .ks-payment-item {
display: block !important;
padding: 14px !important;
border: 1px solid var(--ks-sp-line) !important;
border-radius: 18px !important;
background: #ffffff !important;
box-shadow: 0 6px 18px rgba(16, 32, 51, .035) !important;
color: var(--ks-sp-text) !important;
text-decoration: none !important;
transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease !important;
}
.ks-staff-portal .ks-payment-item:hover,
.ks-staff-portal .ks-payment-item.is-selected {
border-color: rgba(18,100,168,.22) !important;
background: linear-gradient(135deg, rgba(18,100,168,.055), rgba(15,138,131,.035)), #ffffff !important;
box-shadow: 0 10px 24px rgba(16, 32, 51, .055) !important;
}
.ks-staff-portal .ks-payment-item__head {
display: flex !important;
align-items: flex-start !important;
justify-content: space-between !important;
gap: 12px !important;
margin-bottom: 9px !important;
}
.ks-staff-portal .ks-payment-item__head strong {
display: block !important;
color: var(--ks-sp-text) !important;
font-size: 15px !important;
line-height: 1.25 !important;
font-weight: 850 !important;
}
.ks-staff-portal .ks-payment-item__head span {
display: block !important;
margin-top: 3px !important;
color: var(--ks-sp-muted) !important;
font-size: 12.5px !important;
line-height: 1.35 !important;
overflow-wrap: anywhere !important;
}
.ks-staff-portal .ks-payment-item__ref {
margin: 0 0 10px !important;
padding: 9px 10px !important;
border-radius: 13px !important;
background: var(--ks-sp-soft) !important;
border: 1px solid var(--ks-sp-line) !important;
color: var(--ks-sp-primary) !important;
font-size: 13px !important;
font-weight: 850 !important;
overflow-wrap: anywhere !important;
}
.ks-staff-portal .ks-payment-item__meta {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 8px !important;
}
.ks-staff-portal .ks-payment-item__meta span {
min-width: 0 !important;
padding: 10px !important;
border: 1px solid var(--ks-sp-line) !important;
border-radius: 13px !important;
background: #fbfdff !important;
}
.ks-staff-portal .ks-payment-item__meta em {
display: block !important;
margin-bottom: 4px !important;
color: var(--ks-sp-muted) !important;
font-style: normal !important;
font-size: 10.5px !important;
text-transform: uppercase !important;
letter-spacing: .045em !important;
font-weight: 850 !important;
}
.ks-staff-portal .ks-payment-item__meta b {
display: block !important;
color: var(--ks-sp-text) !important;
font-size: 12.5px !important;
line-height: 1.3 !important;
font-weight: 850 !important;
overflow-wrap: anywhere !important;
}
.ks-staff-portal .ks-detail-panel {
position: sticky !important;
top: 18px !important;
max-height: calc(100vh - 36px) !important;
overflow: auto !important;
}
.ks-staff-portal .ks-detail-list {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 9px !important;
}
.ks-staff-portal .ks-detail-list > div {
padding: 12px !important;
border-radius: 15px !important;
}
.ks-staff-portal .ks-detail-list strong {
font-size: 12.7px !important;
line-height: 1.38 !important;
}
.ks-staff-portal .ks-badge {
white-space: normal !important;
text-align: center !important;
line-height: 1.2 !important;
max-width: 118px !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-page-head,
.ks-staff-portal .ks-operation-bridge .cha-pcm-version {
display: none !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-summary-grid {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 10px !important;
margin-bottom: 14px !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-card {
padding: 14px !important;
border-radius: 18px !important;
overflow: hidden !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-card strong {
display: block !important;
color: var(--ks-sp-text) !important;
font-size: clamp(16px, 1.35vw, 22px) !important;
line-height: 1.08 !important;
letter-spacing: -.03em !important;
overflow-wrap: anywhere !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-card p {
font-size: 12.5px !important;
line-height: 1.45 !important;
overflow-wrap: anywhere !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-panel {
padding: 18px !important;
border-radius: 20px !important;
overflow: hidden !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-panel h2 {
font-size: 19px !important;
line-height: 1.22 !important;
letter-spacing: -.025em !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-panel-title-row {
gap: 12px !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-main-layout {
grid-template-columns: minmax(0, 1fr) !important;
gap: 14px !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-main-layout > aside {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 12px !important;
align-items: start !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-main-layout > aside > * {
min-width: 0 !important;
margin: 0 !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions,
.ks-staff-portal .ks-operation-bridge .cha-pcm-form-grid,
.ks-staff-portal .ks-operation-bridge .cha-pcm-option-grid,
.ks-staff-portal .ks-operation-bridge .cha-pcm-history-grid {
min-width: 0 !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions form:last-child {
grid-column: 1 / -1 !important;
}
.ks-staff-portal .ks-operation-bridge .widefat,
.ks-staff-portal .ks-operation-bridge table {
width: 100% !important;
table-layout: auto !important;
}
.ks-staff-portal .ks-operation-bridge th,
.ks-staff-portal .ks-operation-bridge td {
white-space: normal !important;
word-break: normal !important;
overflow-wrap: anywhere !important;
}
@media (max-width: 1280px) {
.ks-staff-portal .ks-payments-clean-layout {
grid-template-columns: minmax(0, 1fr) minmax(290px, 340px) !important;
}
.ks-staff-portal .ks-payment-item__meta {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.ks-staff-portal .ks-payment-item__meta span:first-child {
grid-column: 1 / -1 !important;
}
}
@media (max-width: 1080px) {
.ks-staff-portal .ks-layout,
.ks-staff-portal .ks-payments-clean-layout {
grid-template-columns: 1fr !important;
}
.ks-staff-portal .ks-sidebar {
position: relative !important;
top: auto !important;
}
.ks-staff-portal .ks-detail-panel {
position: relative !important;
top: auto !important;
max-height: none !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-summary-grid,
.ks-staff-portal .ks-operation-bridge .cha-pcm-main-layout > aside {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 760px) {
.ks-staff-portal .ks-payment-item__head,
.ks-staff-portal .ks-section-head,
.ks-staff-portal .ks-operation-bridge .cha-pcm-panel-title-row {
display: block !important;
}
.ks-staff-portal .ks-payment-item__head .ks-badge {
margin-top: 8px !important;
}
.ks-staff-portal .ks-payment-item__meta,
.ks-staff-portal .ks-detail-list,
.ks-staff-portal .ks-operation-bridge .cha-pcm-summary-grid,
.ks-staff-portal .ks-operation-bridge .cha-pcm-main-layout > aside,
.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions {
grid-template-columns: 1fr !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions form:last-child {
grid-column: auto !important;
}
} .ks-staff-portal .ks-message-console{
display:grid;
grid-template-columns:minmax(280px,360px) minmax(0,1fr);
gap:18px;
align-items:start;
}
.ks-staff-portal .ks-thread-panel,
.ks-staff-portal .ks-conversation-panel{min-width:0;}
.ks-staff-portal .ks-thread-list{
display:grid;
gap:10px;
}
.ks-staff-portal .ks-thread-item{
display:grid;
gap:8px;
padding:14px;
border:1px solid #dce8f6;
border-radius:18px;
background:#ffffff;
color:#0b2852;
box-shadow:0 8px 20px rgba(16,45,82,.035);
transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.ks-staff-portal .ks-thread-item:hover,
.ks-staff-portal .ks-thread-item.is-selected{
background:#f4f9ff;
border-color:#b8d5ef;
box-shadow:0 12px 28px rgba(18,100,168,.08);
transform:translateY(-1px);
}
.ks-staff-portal .ks-thread-item > div{
display:flex;
flex-direction:column;
gap:2px;
min-width:0;
}
.ks-staff-portal .ks-thread-item strong{
font-size:14px;
line-height:1.3;
color:#0b2852;
overflow-wrap:anywhere;
}
.ks-staff-portal .ks-thread-item span,
.ks-staff-portal .ks-thread-item small{
font-size:12px;
color:#60728b;
overflow-wrap:anywhere;
}
.ks-staff-portal .ks-thread-item p{
margin:0!important;
color:#485f7b;
font-size:13px;
line-height:1.45;
}
.ks-staff-portal .ks-thread-item em{
justify-self:start;
min-width:24px;
height:24px;
padding:0 7px;
border-radius:999px;
display:inline-flex;
align-items:center;
justify-content:center;
background:#dcfce7;
color:#166534;
font-size:12px;
font-style:normal;
font-weight:800;
}
.ks-staff-portal .ks-conversation-head{
display:flex;
justify-content:space-between;
gap:14px;
align-items:flex-start;
padding:16px 16px 14px;
border-bottom:1px solid #e4edf8;
}
.ks-staff-portal .ks-conversation-head h3{
margin:0 0 4px!important;
color:#0b2852;
font-size:20px!important;
line-height:1.22!important;
letter-spacing:-.02em;
}
.ks-staff-portal .ks-conversation-head p{
margin:0!important;
color:#60728b;
font-size:13px;
overflow-wrap:anywhere;
}
.ks-staff-portal .ks-conversation-body{
padding:16px;
display:flex;
flex-direction:column;
gap:12px;
max-height:520px;
overflow:auto;
background:linear-gradient(180deg,#fbfdff 0%,#ffffff 100%);
}
.ks-staff-portal .ks-conversation-bubble{
width:min(86%,680px);
padding:12px 14px;
border-radius:18px;
border:1px solid #e2ebf6;
background:#ffffff;
box-shadow:0 6px 16px rgba(16,45,82,.035);
}
.ks-staff-portal .ks-conversation-bubble--staff{
margin-left:auto;
background:#eef7ff;
border-color:#cfe4f7;
}
.ks-staff-portal .ks-conversation-bubble--patient{
margin-right:auto;
background:#f8fbff;
}
.ks-staff-portal .ks-conversation-bubble span{
display:block;
margin-bottom:4px;
font-size:12px;
font-weight:800;
color:#1264a8;
}
.ks-staff-portal .ks-conversation-bubble p{
margin:0!important;
color:#203a57;
font-size:14px;
line-height:1.55;
overflow-wrap:anywhere;
}
.ks-staff-portal .ks-conversation-bubble small{
display:block;
margin-top:6px;
color:#8ca0b8;
font-size:11px;
}
.ks-staff-portal .ks-message-compose{
padding:16px;
border-top:1px solid #e4edf8;
background:#ffffff;
}
.ks-staff-portal .ks-message-compose label{
display:block;
margin-bottom:12px;
}
.ks-staff-portal .ks-message-compose label span{
display:block;
margin-bottom:7px;
font-size:13px;
font-weight:800;
color:#173f78;
}
.ks-staff-portal .ks-message-compose textarea{
width:100%;
min-height:120px;
border:1px solid #d6e4f2;
border-radius:15px;
background:#fbfdff;
padding:13px 14px;
color:#24344e;
box-shadow:none;
resize:vertical;
}
.ks-staff-portal .ks-message-compose textarea:focus{
outline:none;
border-color:#8bbbe3;
box-shadow:0 0 0 4px rgba(18,100,168,.08);
background:#ffffff;
}
.ks-patient-portal-v108 .ks-message-bubble--staff{
background:#eef7ff;
border-color:#cfe4f7;
}
.ks-patient-portal-v108 .ks-message-bubble--patient{
background:#f0fdfa;
border-color:#ccfbf1;
}
@media (max-width:1080px){
.ks-staff-portal .ks-message-console{grid-template-columns:1fr;}
.ks-staff-portal .ks-conversation-body{max-height:none;}
}
@media (max-width:640px){
.ks-staff-portal .ks-conversation-head{flex-direction:column;}
.ks-staff-portal .ks-conversation-bubble{width:100%;}
.ks-staff-portal .ks-thread-item{padding:12px;}
.ks-staff-portal .ks-message-compose .ks-primary-button{width:100%;}
} .ks-sidebar .ks-nav a{white-space:normal;line-height:1.25}
.ks-staff-users-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);gap:16px;margin-bottom:16px}
.ks-role-grid{display:grid;grid-template-columns:1fr;gap:10px}
.ks-role-grid div,.ks-staff-user-card{border:1px solid var(--ks-line,#dce8f6);background:#fff;border-radius:16px;padding:14px}
.ks-role-grid strong,.ks-staff-user-card__head strong{display:block;color:#102033;font-weight:700;margin-bottom:4px}
.ks-role-grid span,.ks-staff-user-card__head span{display:block;color:#60728b;font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.ks-staff-user-cards{display:grid;gap:12px}
.ks-staff-user-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.ks-staff-user-card__head em{font-style:normal;background:#eef7ff;color:#1264a8;border:1px solid #d5e9fb;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;white-space:nowrap}
.ks-staff-user-edit{display:grid;grid-template-columns:1fr 1fr minmax(180px,.7fr) auto;gap:10px;align-items:end}
.ks-staff-user-edit label,.ks-action-form label{display:grid;gap:6px;color:#34465f;font-weight:700;font-size:12px}
.ks-staff-user-edit input,.ks-staff-user-edit select,.ks-action-form input,.ks-action-form select{min-height:44px;border:1px solid #dce8f6;border-radius:13px;background:#fbfdff;padding:10px 12px;color:#102033;width:100%}
.ks-staff-user-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid #e7eef7}
.ks-staff-user-actions form{margin:0}
@media (max-width:1100px){.ks-staff-users-layout{grid-template-columns:1fr}.ks-staff-user-edit{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.ks-staff-user-edit{grid-template-columns:1fr}.ks-staff-user-card__head{display:block}.ks-staff-user-card__head em{display:inline-flex;margin-top:8px}.ks-staff-user-actions{display:grid}.ks-staff-user-actions button,.ks-staff-user-edit button{width:100%}} .ks-portal{max-width:min(1440px,100%);}
.ks-staff-portal{max-width:min(1500px,100%);padding-left:14px;padding-right:14px;}
.ks-staff-portal .ks-layout{grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:16px;align-items:start;}
.ks-staff-portal .ks-main,.ks-staff-portal .ks-panel,.ks-staff-portal .ks-payment-list-panel,.ks-staff-portal .ks-detail-panel{min-width:0;}
.ks-staff-portal .ks-panel{padding:18px;border-radius:18px;}
.ks-staff-portal .ks-panel-title h3,.ks-staff-portal .ks-section-head h2{font-size:20px!important;line-height:1.22!important;}
.ks-staff-portal .ks-panel-title p,.ks-staff-portal .ks-section-head p{font-size:13px!important;line-height:1.55!important;}
.ks-staff-portal .ks-metric-card strong{font-size:24px!important;}
.ks-staff-portal .ks-payment-item__meta{grid-template-columns:repeat(3,minmax(0,1fr));}
.ks-staff-portal .ks-payment-item__meta b,.ks-staff-portal .ks-detail-list strong{overflow-wrap:anywhere;word-break:break-word;}
.ks-staff-portal .ks-payment-item{padding:14px;border-radius:16px;}
.ks-staff-portal .ks-operation-bridge .wrap{margin:0!important;}
.ks-staff-portal .ks-operation-bridge .cha-pcm-page-head{display:none!important;}
.ks-staff-portal .ks-operation-bridge .cha-pcm-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.ks-staff-portal .ks-operation-bridge .cha-pcm-card{padding:14px!important;border-radius:16px!important;}
.ks-staff-portal .ks-operation-bridge .cha-pcm-card strong{font-size:15px!important;line-height:1.35!important;overflow-wrap:anywhere;}
.ks-staff-portal .ks-operation-bridge .cha-pcm-panel{padding:18px!important;border-radius:18px!important;}
.ks-staff-portal .ks-operation-bridge .cha-pcm-panel-title-row h2{font-size:20px!important;line-height:1.22!important;}
.ks-staff-portal .ks-operation-bridge .cha-pcm-panel-title-row p{font-size:13px!important;line-height:1.55!important;}
.ks-staff-portal .ks-operation-bridge .cha-pcm-main-layout{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;}
.ks-staff-portal .ks-operation-bridge .cha-pcm-main-layout > aside{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;}
.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions .cha-pcm-action-form:last-child{grid-column:auto!important;}
.ks-staff-portal .ks-operation-bridge .cha-pcm-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.ks-staff-portal .ks-operation-bridge table{width:100%;table-layout:auto;}
.ks-staff-portal .ks-operation-bridge th,.ks-staff-portal .ks-operation-bridge td{font-size:12.5px!important;vertical-align:top;overflow-wrap:anywhere;}
.ks-staff-portal .ks-nav a{font-size:13px;padding:9px 10px;min-height:40px;}
@media(max-width:1180px){
.ks-staff-portal .ks-layout{grid-template-columns:1fr;}
.ks-staff-portal .ks-sidebar{display:none!important;}
.ks-staff-portal .ks-mobile-tabs{display:flex!important;overflow-x:auto;gap:8px;padding:8px;border:1px solid #dce8f6;border-radius:16px;background:#fff;position:sticky;top:0;z-index:20;}
.ks-staff-portal .ks-mobile-tabs a{white-space:nowrap;}
.ks-staff-portal .ks-payments-clean-layout{grid-template-columns:1fr!important;}
.ks-staff-portal .ks-detail-panel{position:relative!important;top:auto!important;}
.ks-staff-portal .ks-operation-bridge .cha-pcm-summary-grid,
.ks-staff-portal .ks-operation-bridge .cha-pcm-main-layout > aside,
.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions,
.ks-staff-portal .ks-operation-bridge .cha-pcm-option-grid{grid-template-columns:1fr!important;}
}
@media(max-width:720px){
.ks-portal{padding:20px 12px 46px;}
.ks-page-header{padding:20px;border-radius:18px;}
.ks-page-header h1{font-size:26px!important;}
.ks-staff-portal .ks-panel{padding:14px;border-radius:16px;}
.ks-staff-portal .ks-section-head{display:block!important;}
.ks-staff-portal .ks-metric-grid{grid-template-columns:1fr!important;}
.ks-staff-portal .ks-payment-item__head{display:block!important;}
.ks-staff-portal .ks-payment-item__head .ks-badge{margin-top:8px;}
.ks-staff-portal .ks-payment-item__meta,.ks-staff-portal .ks-detail-list{grid-template-columns:1fr!important;}
.ks-staff-portal .ks-action-area{grid-template-columns:1fr!important;}
.ks-staff-portal .ks-primary-button,.ks-staff-portal .ks-danger-button,.ks-staff-portal .ks-small-button{width:100%;}
.ks-staff-portal .ks-operation-bridge .cha-pcm-panel{padding:14px!important;}
.ks-staff-portal .ks-operation-bridge .cha-pcm-panel-title-row{display:block!important;}
.ks-staff-portal .ks-operation-bridge .cha-pcm-form-grid{grid-template-columns:1fr!important;}
} .cha-pcm-admin-v119 .cha-pcm-unified-hero{
display:flex;align-items:flex-start;justify-content:space-between;gap:18px;
padding:22px 24px;margin:0 0 18px;border:1px solid #dce8f6;border-radius:22px;
background:linear-gradient(135deg,#ffffff 0%,#f7fbff 74%,#eef6ff 100%);
box-shadow:0 12px 30px rgba(15,55,105,.055);
}
.cha-pcm-admin-v119 .cha-pcm-unified-hero span{display:block;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#24669f;margin-bottom:6px}
.cha-pcm-admin-v119 .cha-pcm-unified-hero h2{margin:0;font-size:28px;line-height:1.15;color:#173f78;letter-spacing:-.025em}
.cha-pcm-admin-v119 .cha-pcm-unified-hero p{margin:7px 0 0;color:#61728b;font-size:14px;line-height:1.55}
.cha-pcm-admin-v119 .cha-pcm-unified-statuses{display:flex;align-items:flex-start;justify-content:flex-end;gap:8px;flex-wrap:wrap;max-width:420px}
.cha-pcm-admin-v119 .cha-pcm-unified-summary{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}
.cha-pcm-workspace-section{margin:18px 0 0;padding:18px;border:1px solid #dfe9f5;border-radius:22px;background:rgba(255,255,255,.78);box-shadow:0 8px 24px rgba(16,32,51,.035)}
.cha-pcm-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 14px}
.cha-pcm-section-title h2{margin:0;font-size:20px;line-height:1.25;color:#173f78;letter-spacing:-.02em}
.cha-pcm-section-title p{margin:6px 0 0;color:#64748b;font-size:13px;line-height:1.6;max-width:82ch}
.cha-pcm-section-title>h2{margin-right:14px}
.cha-pcm-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.cha-pcm-two-col-wide-left{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)}
.cha-pcm-unified-panel{padding:16px;border:1px solid #e2edf8;border-radius:18px;background:#fff;box-shadow:0 4px 14px rgba(15,55,105,.025);overflow:hidden}
.cha-pcm-unified-panel h3{margin:0 0 12px;color:#173f78;font-size:16px;line-height:1.25}
.cha-pcm-subtitle{margin-top:18px!important}
.cha-pcm-readable-payload{border:1px solid #e2edf8!important;border-radius:14px;overflow:hidden;display:table!important;table-layout:fixed!important;width:100%!important}
.cha-pcm-readable-payload th{width:210px!important;background:#f8fbff!important;color:#334155!important;font-weight:700!important;font-size:12.5px!important;vertical-align:top!important}
.cha-pcm-readable-payload td{font-size:13px!important;color:#334155!important;overflow-wrap:anywhere!important}
.cha-pcm-file-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cha-pcm-file-list a{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid #dfe9f5;border-radius:14px;background:#f8fbff;text-decoration:none;color:#173f78;min-width:0}
.cha-pcm-file-list a strong{font-size:13px;overflow-wrap:anywhere}.cha-pcm-file-list a span{font-size:12px;color:#64748b}
.cha-pcm-clean-actions-compact{grid-template-columns:1fr!important;gap:10px!important;margin-bottom:14px}
.cha-pcm-request-list,.cha-pcm-compact-list,.cha-pcm-message-list,.cha-pcm-timeline-mini{display:grid;gap:10px}
.cha-pcm-request-card,.cha-pcm-compact-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e2edf8;border-radius:15px;background:#fbfdff;min-width:0}
.cha-pcm-request-card strong,.cha-pcm-compact-row strong{display:block;color:#173f78;font-size:14px;line-height:1.35}.cha-pcm-request-card span,.cha-pcm-compact-row span{display:block;color:#64748b;font-size:12px}.cha-pcm-request-card p{margin:6px 0 0;color:#475569;font-size:13px;line-height:1.5}
.cha-pcm-compact-row>div:last-child{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;flex-shrink:0}.cha-pcm-service-items{margin:-2px 0 8px;padding:8px 12px;border-radius:12px;background:#f8fbff;color:#64748b;font-size:12px;line-height:1.5}
.cha-pcm-option-grid.single{grid-template-columns:1fr!important}.cha-pcm-publish-form{margin-top:12px}.cha-pcm-publish-form .button{width:100%;justify-content:center}
.cha-pcm-message-bubble{padding:11px 12px;border-radius:15px;border:1px solid #e2edf8;background:#f8fbff}.cha-pcm-message-bubble.is-staff{background:#eef6ff;border-color:#cfe2f7}.cha-pcm-message-bubble span{display:block;color:#64748b;font-size:12px;font-weight:700;margin-bottom:4px}.cha-pcm-message-bubble p{margin:0;color:#334155;font-size:13px;line-height:1.55}.cha-pcm-case-message-form{margin-top:14px}
.cha-pcm-timeline-mini div{padding:11px 12px;border-left:3px solid #cfe2f7;background:#fbfdff;border-radius:12px}.cha-pcm-timeline-mini span{display:block;color:#64748b;font-size:12px;margin-bottom:3px}.cha-pcm-timeline-mini strong{display:block;color:#173f78;font-size:13px}.cha-pcm-timeline-mini p{margin:4px 0 0;color:#64748b;font-size:12px;line-height:1.45}
.cha-pcm-stacked-form input[type="text"],.cha-pcm-stacked-form input[type="url"],.cha-pcm-stacked-form input[type="number"],.cha-pcm-stacked-form input[type="date"],.cha-pcm-stacked-form select,.cha-pcm-stacked-form textarea,.cha-pcm-action-form textarea{max-width:100%;width:100%}
.cha-pcm-case-workspace .cha-pcm-main-layout{display:block!important}.cha-pcm-case-workspace aside{display:block!important}.cha-pcm-case-workspace .cha-pcm-wide-details{display:none!important}
@media (max-width:1200px){.cha-pcm-admin-v119 .cha-pcm-unified-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.cha-pcm-two-col,.cha-pcm-two-col-wide-left{grid-template-columns:1fr}.cha-pcm-file-list{grid-template-columns:1fr}}
@media (max-width:760px){.cha-pcm-admin-v119 .cha-pcm-unified-hero{display:block;padding:18px}.cha-pcm-admin-v119 .cha-pcm-unified-hero h2{font-size:22px}.cha-pcm-admin-v119 .cha-pcm-unified-statuses{justify-content:flex-start;margin-top:12px}.cha-pcm-admin-v119 .cha-pcm-unified-summary{grid-template-columns:1fr}.cha-pcm-workspace-section{padding:13px;border-radius:18px}.cha-pcm-section-title{display:block}.cha-pcm-readable-payload,.cha-pcm-readable-payload tbody,.cha-pcm-readable-payload tr,.cha-pcm-readable-payload th,.cha-pcm-readable-payload td{display:block!important;width:100%!important}.cha-pcm-readable-payload th{border-bottom:0!important}.cha-pcm-request-card,.cha-pcm-compact-row{display:block}.cha-pcm-compact-row>div:last-child{justify-content:flex-start;margin-top:10px}.cha-pcm-unified-panel{padding:13px}.cha-pcm-option-box{padding:13px!important}} .ks-identity-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.ks-identity-guide-card{border:1px solid #e2eaf3;border-radius:18px;background:#fff;padding:16px;box-shadow:0 8px 24px rgba(16,32,51,.04)}.ks-identity-guide-card strong{display:block;color:#173f78;font-size:15px;margin-bottom:6px}.ks-identity-guide-card p{margin:0;color:#60728b;font-size:13px;line-height:1.55}@media(max-width:760px){.ks-identity-guide{grid-template-columns:1fr}} .ks-application-flow {
max-width: 980px;
}
.ks-application-flow .ks-flow-hero--compact {
padding: clamp(20px, 3vw, 30px);
border-radius: 24px;
margin-bottom: 16px;
}
.ks-application-flow .ks-flow-hero h1 {
font-size: clamp(26px, 3vw, 36px) !important;
line-height: 1.12 !important;
margin-bottom: 8px !important;
}
.ks-application-flow .ks-flow-hero p {
max-width: 620px;
font-size: clamp(13px, 1.35vw, 15px) !important;
line-height: 1.6 !important;
}
.ks-application-flow .ks-flow-card--compact {
padding: clamp(18px, 2.4vw, 26px);
border-radius: 24px;
}
.ks-application-flow .ks-flow-section-head--compact {
margin-bottom: 14px;
}
.ks-application-flow .ks-flow-section-head h2 {
font-size: clamp(20px, 2.4vw, 26px) !important;
margin-bottom: 0 !important;
}
.ks-application-flow .ks-identity-guide,
.ks-application-flow .ks-flow-section-head p {
display: none !important;
}
.ks-application-flow .ks-reference-card--compact-app {
padding: 14px 16px;
border-radius: 18px;
margin-bottom: 16px;
}
.ks-application-flow .ks-reference-card--compact-app strong {
font-size: clamp(20px, 2.6vw, 28px) !important;
}
.ks-application-flow .ks-intake-fee-panel--compact {
gap: 14px;
margin-bottom: 16px;
}
.ks-application-flow .ks-intake-fee-panel--compact .ks-fee-card-large,
.ks-application-flow .ks-intake-fee-panel--compact .ks-fee-note-card {
padding: 18px 20px;
border-radius: 20px;
}
.ks-application-flow .ks-intake-fee-panel--compact .ks-fee-card-large strong {
font-size: clamp(28px, 3vw, 36px);
}
.ks-application-flow .ks-intake-fee-panel--compact .ks-fee-note-card strong {
font-size: 16px;
}
.ks-application-flow .ks-intake-fee-panel--compact .ks-fee-note-card p {
font-size: 13.5px !important;
line-height: 1.55 !important;
}
.ks-application-form-wrap .cha-ff-note {
display: none !important;
}
.ks-application-form-wrap .cha-ff-section-title {
margin: 22px 0 14px !important;
padding: 15px 18px !important;
border-radius: 16px !important;
box-shadow: 0 8px 22px rgba(15,58,122,.045) !important;
}
.ks-application-form-wrap .cha-ff-section-title h3 {
font-size: clamp(16px, 1.8vw, 19px) !important;
line-height: 1.25 !important;
margin: 0 !important;
}
.ks-application-form-wrap .cha-ff-section-title p {
display: none !important;
}
.ks-application-form-wrap .fluentform .ff-el-group {
margin-bottom: 13px !important;
}
.ks-application-form-wrap .fluentform label,
.ks-application-form-wrap .fluentform .ff-el-input--label label {
font-size: 13px !important;
line-height: 1.35 !important;
}
.ks-application-form-wrap .fluentform input,
.ks-application-form-wrap .fluentform select,
.ks-application-form-wrap .fluentform textarea {
min-height: 44px !important;
font-size: 13.5px !important;
border-radius: 12px !important;
}
@media (max-width: 760px) {
.ks-application-flow {
width: min(100% - 18px, 980px);
}
.ks-application-flow .ks-flow-steps {
grid-template-columns: 1fr !important;
gap: 8px;
}
.ks-application-flow .ks-flow-steps > div {
padding: 11px 12px;
border-radius: 15px;
}
.ks-application-flow .ks-flow-steps strong {
width: 26px;
height: 26px;
flex-basis: 26px;
}
.ks-application-flow .ks-flow-hero--compact,
.ks-application-flow .ks-flow-card--compact {
border-radius: 20px;
padding: 18px;
}
.ks-application-form-wrap .cha-ff-section-title {
margin: 18px 0 12px !important;
padding: 13px 14px !important;
}
}
@media (max-width: 480px) {
.ks-application-flow .ks-flow-hero h1 {
font-size: 25px !important;
}
.ks-application-flow .ks-intake-fee-panel--compact .ks-fee-card-large strong {
font-size: 28px;
}
} .ks-staff-portal {
width: min(100% - 28px, 1500px) !important;
max-width: 1500px !important;
padding-top: clamp(14px, 1.6vw, 24px) !important;
}
.ks-staff-portal .ks-page-header--compact,
.ks-staff-portal .ks-section-head,
.ks-staff-portal .ks-panel,
.ks-staff-portal .ks-metric-card,
.ks-staff-portal .ks-sidebar {
border-color: #dbe7f5 !important;
box-shadow: 0 10px 24px rgba(20, 42, 76, .045) !important;
}
.ks-staff-portal .ks-layout {
grid-template-columns: minmax(210px, 235px) minmax(0, 1fr) !important;
gap: 18px !important;
}
.ks-staff-portal .ks-sidebar {
background: rgba(255,255,255,.98) !important;
color: #173b8f !important;
border-radius: 22px !important;
}
.ks-staff-portal .ks-sidebar * { color: inherit; }
.ks-staff-portal .ks-nav a {
color: #1f3354 !important;
font-size: 13px !important;
min-height: 38px !important;
padding: 9px 11px !important;
border: 1px solid transparent !important;
}
.ks-staff-portal .ks-nav a.is-active,
.ks-staff-portal .ks-nav a:hover {
background: #eef9fb !important;
border-color: #c8eaf0 !important;
color: #0f766e !important;
}
.ks-staff-portal .ks-sidebar-logout button {
background: #ffffff !important;
color: #173b8f !important;
border: 1px solid #dbe7f5 !important;
box-shadow: none !important;
}
.ks-staff-portal .ks-page-header h1,
.ks-staff-portal .ks-section-head h2,
.ks-staff-portal .ks-panel-title h3,
.ks-staff-portal .ks-panel h2 {
font-size: clamp(20px, 1.55vw, 28px) !important;
letter-spacing: -.025em !important;
}
.ks-staff-portal .ks-page-header p,
.ks-staff-portal .ks-section-head p,
.ks-staff-portal .ks-panel-title p,
.ks-staff-portal .ks-panel p {
font-size: 13px !important;
line-height: 1.55 !important;
}
.ks-staff-portal .ks-metric-grid--four { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .ks-staff-portal .ks-operation-bridge {
padding: 0 !important;
overflow: visible !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-admin,
.ks-staff-portal .ks-operation-bridge .wrap {
max-width: 100% !important;
width: 100% !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-workspace-section {
padding: 16px !important;
border-radius: 20px !important;
background: rgba(255,255,255,.86) !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-two-col-wide-left {
grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr) !important;
gap: 16px !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions,
.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions-compact,
.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions.cha-pcm-clean-actions-compact {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 10px !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-action-form,
.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions .cha-pcm-action-form,
.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions .cha-pcm-action-form:first-child,
.ks-staff-portal .ks-operation-bridge .cha-pcm-clean-actions .cha-pcm-action-form:last-child {
grid-column: auto !important;
width: 100% !important;
min-width: 0 !important;
padding: 12px !important;
border-radius: 14px !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-action-form label {
font-size: 13px !important;
line-height: 1.35 !important;
word-break: normal !important;
}
.ks-staff-portal .ks-operation-bridge textarea,
.ks-staff-portal .ks-operation-bridge input,
.ks-staff-portal .ks-operation-bridge select,
.ks-staff-portal .ks-operation-bridge button {
max-width: 100% !important;
box-sizing: border-box !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-readable-payload th {
width: 180px !important;
white-space: normal !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-readable-payload td,
.ks-staff-portal .ks-operation-bridge .cha-pcm-file-list a strong {
overflow-wrap: anywhere !important;
word-break: break-word !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-file-list {
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-section-title h2 {
font-size: 18px !important;
}
.ks-staff-portal .ks-operation-bridge .cha-pcm-section-title p {
max-width: 72ch !important;
font-size: 12.75px !important;
}
.ks-staff-portal .ks-operation-bridge .button,
.ks-staff-portal .ks-operation-bridge button {
white-space: normal !important;
line-height: 1.25 !important;
} .ks-client-toolbar { margin-bottom: 16px; }
.ks-client-search-form { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.ks-client-search-form input[type="search"] { min-height:42px; flex:1 1 280px; border:1px solid #d6e0ef; border-radius:13px; padding:10px 13px; }
.ks-client-card-list { display:grid; gap:10px; }
.ks-client-card { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(180px,.65fr) minmax(170px,.45fr); gap:12px; align-items:center; padding:14px; border:1px solid #dbe7f5; border-radius:16px; background:#fbfdff; text-decoration:none!important; color:#173b8f!important; }
.ks-client-card:hover { border-color:#bde7ee; background:#f4fdff; }
.ks-client-card strong { display:block; font-size:15px; color:#173b8f; margin-bottom:4px; }
.ks-client-card span,.ks-client-card small,.ks-client-card em { display:block; color:#64748b; font-size:12px; font-style:normal; overflow-wrap:anywhere; }
.ks-client-card__stats { display:grid; grid-template-columns:auto 1fr auto 1fr; gap:4px 8px; align-items:center; }
.ks-client-card__stats b { color:#0f766e; font-size:18px; }
.ks-client-relations-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:16px; }
.ks-relation-list { display:grid; gap:9px; }
.ks-relation-list article { min-width:0; padding:12px; border:1px solid #dbe7f5; border-radius:14px; background:#fbfdff; }
.ks-relation-list article strong { display:block; color:#173b8f; font-size:13px; overflow-wrap:anywhere; }
.ks-relation-list article span { display:block; margin:4px 0 8px; color:#64748b; font-size:12px; overflow-wrap:anywhere; }
.ks-detail-list--wide { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
@media (max-width: 1320px) {
.ks-staff-portal .ks-operation-bridge .cha-pcm-two-col-wide-left { grid-template-columns: 1fr !important; }
.ks-client-relations-grid { grid-template-columns:1fr; }
.ks-detail-list--wide { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}
@media (max-width: 980px) {
.ks-staff-portal { width: min(100% - 16px, 1500px) !important; }
.ks-staff-portal .ks-layout { grid-template-columns: 1fr !important; }
.ks-staff-portal .ks-sidebar { position: static !important; }
.ks-staff-portal .ks-metric-grid,
.ks-staff-portal .ks-metric-grid--four { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
.ks-client-card { grid-template-columns:1fr; }
}
@media (max-width: 640px) {
.ks-staff-portal { width: 100% !important; padding-left:10px!important; padding-right:10px!important; }
.ks-staff-portal .ks-page-header--compact,
.ks-staff-portal .ks-section-head,
.ks-staff-portal .ks-panel { padding: 15px !important; border-radius: 17px !important; }
.ks-staff-portal .ks-metric-grid,
.ks-staff-portal .ks-metric-grid--four,
.ks-detail-list--wide { grid-template-columns: 1fr !important; }
.ks-staff-portal .ks-operation-bridge .cha-pcm-workspace-section { padding: 12px !important; border-radius: 17px !important; }
.ks-staff-portal .ks-operation-bridge .cha-pcm-readable-payload,
.ks-staff-portal .ks-operation-bridge .cha-pcm-readable-payload tbody,
.ks-staff-portal .ks-operation-bridge .cha-pcm-readable-payload tr,
.ks-staff-portal .ks-operation-bridge .cha-pcm-readable-payload th,
.ks-staff-portal .ks-operation-bridge .cha-pcm-readable-payload td { display:block!important; width:100%!important; }
} .ks-staff-portal .ks-section-head h2{font-size:clamp(22px,2.2vw,30px);letter-spacing:-.035em}
.ks-staff-portal .ks-section-head p{font-size:14px;line-height:1.55;max-width:72ch}
.ks-staff-portal .ks-metric-card span{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#60728b}
.ks-staff-portal .ks-metric-card strong{font-size:clamp(24px,2.6vw,34px);line-height:1.05;letter-spacing:-.035em}
.ks-staff-user-card__head strong{font-size:17px!important;letter-spacing:-.015em;text-transform:none!important}
.ks-staff-user-card{box-shadow:0 8px 24px rgba(15,55,105,.035)}
.ks-staff-user-edit{grid-template-columns:1fr 1fr minmax(150px,.7fr) minmax(120px,.55fr) auto!important}
.ks-staff-user-edit button{min-height:44px}
.ks-staff-user-actions .ks-small-button,.ks-staff-user-actions .ks-danger-button{min-height:40px;border-radius:12px;padding:9px 14px}
@media(max-width:1180px){.ks-staff-user-edit{grid-template-columns:1fr 1fr!important}}
@media(max-width:720px){.ks-staff-user-edit{grid-template-columns:1fr!important}.ks-staff-portal .ks-section-head h2{font-size:22px}.ks-staff-portal .ks-page-header h1{font-size:28px}.ks-staff-user-card{padding:13px}} .ks-finance-head .ks-small-button,.ks-reports-head .ks-small-button{align-self:center;white-space:nowrap}
.ks-finance-health-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0 0 16px}
.ks-finance-health-card{border:1px solid #dbe7f5;background:#fff;border-radius:18px;padding:16px;box-shadow:0 10px 24px rgba(15,55,105,.035)}
.ks-finance-health-card span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#60728b;font-weight:800;margin-bottom:8px}
.ks-finance-health-card strong{display:block;font-size:28px;line-height:1;color:#062b63;letter-spacing:-.04em}
.ks-finance-health-card small{display:block;margin-top:8px;color:#64748b;font-size:12px;line-height:1.35}
.ks-finance-health-card.is-primary{background:linear-gradient(180deg,#f8fbff,#fff)}
.ks-finance-health-card.is-warning{border-color:#fde68a;background:#fffdf3}
.ks-finance-health-card.is-success{border-color:#bbf7d0;background:#f7fff9}
.ks-finance-health-card.is-danger{border-color:#fecaca;background:#fff8f8}
.ks-finance-health-card.is-alert{border-color:#fed7aa;background:#fff8ed}
.ks-finance-ledger-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}
.ks-finance-ledger-card .ks-panel-title h3{font-size:18px!important}
.ks-finance-currency-list,.ks-finance-type-list{display:grid;gap:8px}
.ks-finance-currency-list div,.ks-finance-type-list div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #e2eaf5;border-radius:13px;background:#fbfdff;min-width:0}
.ks-finance-currency-list span{font-weight:900;color:#0f766e}.ks-finance-currency-list strong{font-size:15px;color:#062b63}.ks-finance-currency-list em,.ks-finance-type-list span{font-style:normal;color:#64748b;font-size:12px}.ks-finance-type-list strong{font-size:13px;color:#173b8f;overflow-wrap:anywhere}
.ks-finance-filter-form{display:grid;grid-template-columns:1.3fr repeat(6,minmax(120px,.8fr));gap:12px;align-items:end;margin-bottom:16px}
.ks-finance-filter-form label{display:grid;gap:5px;min-width:0}.ks-finance-filter-form label span{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#60728b;font-weight:800}.ks-finance-filter-form input,.ks-finance-filter-form select{width:100%;min-height:42px;border-radius:12px;border:1px solid #cfe0f2;padding:8px 10px;background:#fff}.ks-finance-filter-actions{display:flex;gap:8px;align-items:center}.ks-finance-filter-actions .ks-primary-button,.ks-finance-filter-actions .ks-small-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center}
.ks-finance-center-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:16px;align-items:start}.ks-finance-list-panel,.ks-finance-detail-panel{min-width:0}.ks-finance-payment-list{display:grid;gap:10px;max-height:760px;overflow:auto;padding-right:3px}.ks-finance-payment-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(170px,.75fr) minmax(160px,.65fr) 100px;gap:10px;align-items:center;padding:13px;border:1px solid #dbe7f5;border-radius:16px;background:#fff;color:inherit;text-decoration:none;transition:.18s ease;min-width:0}.ks-finance-payment-row:hover,.ks-finance-payment-row.is-selected{border-color:#8bbdf5;background:#f7fbff;box-shadow:0 10px 26px rgba(15,78,146,.08)}.ks-finance-payment-main,.ks-finance-payment-meta,.ks-finance-payment-flags{min-width:0}.ks-finance-payment-main strong{display:block;color:#062b63;font-size:14px;overflow-wrap:anywhere}.ks-finance-payment-main span{display:block;color:#64748b;font-size:12px;margin-top:3px;overflow-wrap:anywhere}.ks-finance-payment-meta span{display:block;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:800}.ks-finance-payment-meta b{display:block;color:#0f2d57;font-size:14px;margin-top:4px}.ks-finance-payment-flags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.ks-finance-payment-flags em{font-style:normal;font-size:11px;font-weight:800;border-radius:999px;padding:6px 9px}.ks-finance-payment-flags em.is-missing{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.ks-finance-payment-flags em.is-ok{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.ks-finance-payment-row time{font-size:12px;color:#64748b;text-align:right}
.ks-finance-status-line{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}.ks-finance-status-line span{border:1px solid #dbe7f5;border-radius:999px;padding:7px 10px;color:#173b8f;background:#f8fbff;font-size:12px;font-weight:800}.ks-detail-list--finance{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ks-finance-note{border:1px solid #dbe7f5;border-radius:16px;padding:14px;background:#fbfdff;margin:12px 0}.ks-finance-note strong{display:block;color:#062b63;margin-bottom:6px}.ks-finance-note p{margin:0;color:#52647c;font-size:13px}.ks-finance-actions{grid-template-columns:1fr!important}.ks-finance-actions .ks-action-form{border:1px solid #dbe7f5;border-radius:16px;padding:13px;background:#fff}
.ks-report-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}.ks-report-kpi-grid article{border:1px solid #dbe7f5;background:#fff;border-radius:18px;padding:16px;box-shadow:0 10px 24px rgba(15,55,105,.035)}.ks-report-kpi-grid span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#60728b;font-weight:800;margin-bottom:8px}.ks-report-kpi-grid strong{display:block;font-size:28px;line-height:1;color:#062b63}.ks-report-kpi-grid small{display:block;color:#64748b;margin-top:8px}.ks-reports-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ks-report-funnel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ks-report-funnel div,.ks-report-status-list div{border:1px solid #dbe7f5;background:#fbfdff;border-radius:15px;padding:13px}.ks-report-funnel span,.ks-report-status-list span{display:block;color:#64748b;font-size:12px;font-weight:800}.ks-report-funnel strong,.ks-report-status-list strong{display:block;color:#062b63;font-size:24px;margin-top:5px}.ks-report-insight{margin:14px 0 0;color:#0f2d57}.ks-report-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ks-report-two-col h4{margin:0 0 8px;color:#173b8f}.ks-report-two-col p{border:1px solid #dbe7f5;border-radius:12px;background:#fbfdff;padding:10px;margin:0 0 8px}.ks-report-status-list,.ks-report-warning-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ks-report-warning-list div{display:flex;justify-content:space-between;gap:10px;border:1px solid #dbe7f5;background:#fbfdff;border-radius:14px;padding:12px}.ks-report-warning-list div.is-warning{background:#fff7ed;border-color:#fed7aa}.ks-report-warning-list div.is-danger{background:#fff1f2;border-color:#fecdd3}.ks-report-warning-list div.is-ok{background:#f0fdf4;border-color:#bbf7d0}.ks-report-warning-list strong{color:#062b63}.ks-report-warning-list span{color:#52647c}
@media(max-width:1320px){.ks-finance-health-row,.ks-report-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ks-finance-ledger-grid{grid-template-columns:1fr}.ks-finance-filter-form{grid-template-columns:repeat(3,minmax(0,1fr))}.ks-finance-center-layout{grid-template-columns:1fr}.ks-finance-payment-row{grid-template-columns:1fr 1fr}.ks-finance-payment-row time{text-align:left}.ks-reports-grid{grid-template-columns:1fr}}
@media(max-width:760px){.ks-finance-health-row,.ks-report-kpi-grid,.ks-finance-filter-form,.ks-finance-payment-row,.ks-report-funnel,.ks-report-two-col,.ks-report-status-list,.ks-report-warning-list,.ks-detail-list--finance{grid-template-columns:1fr!important}.ks-finance-center-layout{gap:12px}.ks-finance-filter-actions{flex-direction:column;align-items:stretch}.ks-finance-filter-actions a,.ks-finance-filter-actions button{width:100%}.ks-finance-payment-list{max-height:none}.ks-finance-payment-flags{align-items:flex-start}.ks-finance-health-card strong,.ks-report-kpi-grid strong{font-size:24px}} .ks-metric-grid--reports{grid-template-columns:repeat(3,minmax(0,1fr))}
.ks-report-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.ks-report-dashboard .ks-panel{min-width:0}.ks-report-funnel{display:grid;gap:10px}.ks-report-funnel div{display:grid;grid-template-columns:150px 120px 1fr;gap:10px;align-items:center;padding:12px;border:1px solid #e1ebf7;border-radius:16px;background:#fff}.ks-report-funnel span,.ks-report-funnel strong{color:#0a2d61}.ks-report-funnel em{height:12px;display:block;border-radius:999px;background:linear-gradient(90deg,#0f766e,#1d4ed8);opacity:.2;min-width:4px}.ks-mini-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.ks-mini-stat-grid div{padding:14px;border:1px solid #dceafa;border-radius:16px;background:#f8fbff}.ks-mini-stat-grid span{display:block;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#607592}.ks-mini-stat-grid strong{font-size:24px;color:#0b3f8a}.ks-mini-stat-grid .is-danger{background:#fff5f5;border-color:#fecaca}.ks-mini-stat-grid .is-danger strong{color:#b91c1c}.ks-table--compact th,.ks-table--compact td{padding:10px 12px}.ks-report-note{background:linear-gradient(180deg,#fff,#f7fbff)}
@media(max-width:1080px){.ks-report-dashboard{grid-template-columns:1fr}.ks-metric-grid--reports{grid-template-columns:repeat(2,minmax(0,1fr))}.ks-mini-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.ks-metric-grid--reports{grid-template-columns:1fr}.ks-mini-stat-grid{grid-template-columns:1fr}.ks-report-funnel div{grid-template-columns:1fr}} .ks-portal,
.ks-portal * { box-sizing: border-box !important; } .ks-staff-portal {
width: min(100% - 20px, 1680px) !important;
max-width: 1680px !important;
margin: 14px auto 64px !important;
padding: 14px !important;
left: auto !important;
right: auto !important;
transform: none !important;
overflow: visible !important;
}
.ks-staff-portal .ks-layout {
width: 100% !important;
max-width: 100% !important;
display: grid !important;
grid-template-columns: 236px minmax(0, 1fr) !important;
gap: 16px !important;
align-items: start !important;
}
.ks-staff-portal .ks-sidebar {
width: 236px !important;
min-width: 0 !important;
max-width: 236px !important;
}
.ks-staff-portal .ks-main {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
overflow: visible !important;
}
.ks-staff-portal .ks-section-head,
.ks-staff-portal .ks-panel,
.ks-staff-portal .ks-detail-panel,
.ks-staff-portal .ks-metric-card,
.ks-staff-portal .ks-finance-health-card,
.ks-staff-portal .ks-report-kpi-grid article {
min-width: 0 !important;
max-width: 100% !important;
} .ks-staff-portal .ks-finance-center-layout {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(360px, 420px) !important;
gap: 16px !important;
align-items: start !important;
width: 100% !important;
max-width: 100% !important;
}
.ks-staff-portal .ks-finance-list-panel,
.ks-staff-portal .ks-finance-detail-panel {
min-width: 0 !important;
} .ks-staff-portal .ks-finance-payment-list {
display: grid !important;
gap: 10px !important;
max-height: 760px !important;
overflow-y: auto !important;
overflow-x: hidden !important;
padding: 2px 3px 2px 0 !important;
}
.ks-staff-portal .ks-finance-payment-row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
grid-template-areas:
"main time"
"meta meta"
"flags flags" !important;
gap: 9px 12px !important;
align-items: start !important;
min-width: 0 !important;
width: 100% !important;
padding: 14px !important;
border-radius: 18px !important;
}
.ks-staff-portal .ks-finance-payment-main { grid-area: main !important; min-width: 0 !important; }
.ks-staff-portal .ks-finance-payment-meta { grid-area: meta !important; min-width: 0 !important; }
.ks-staff-portal .ks-finance-payment-flags { grid-area: flags !important; min-width: 0 !important; }
.ks-staff-portal .ks-finance-payment-row time { grid-area: time !important; white-space: nowrap !important; text-align: right !important; }
.ks-staff-portal .ks-finance-payment-main strong,
.ks-staff-portal .ks-finance-payment-main span,
.ks-staff-portal .ks-finance-payment-meta b,
.ks-staff-portal .ks-finance-payment-meta span,
.ks-staff-portal .ks-detail-list strong,
.ks-staff-portal .ks-detail-list span {
word-break: normal !important;
overflow-wrap: break-word !important;
hyphens: none !important;
}
.ks-staff-portal .ks-finance-payment-main strong {
font-size: 14px !important;
line-height: 1.35 !important;
}
.ks-staff-portal .ks-finance-payment-main span {
font-size: 12px !important;
line-height: 1.45 !important;
}
.ks-staff-portal .ks-finance-payment-meta {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
gap: 8px !important;
align-items: center !important;
padding: 10px 12px !important;
border: 1px solid var(--ks-sp-line, #dfe9f5) !important;
border-radius: 14px !important;
background: #fbfdff !important;
}
.ks-staff-portal .ks-finance-payment-meta span,
.ks-staff-portal .ks-finance-payment-meta b {
margin: 0 !important;
}
.ks-staff-portal .ks-finance-payment-flags {
display: flex !important;
flex-wrap: wrap !important;
gap: 6px !important;
align-items: center !important;
} .ks-staff-portal .ks-detail-list--finance {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.ks-staff-portal .ks-finance-detail-panel {
position: sticky !important;
top: 12px !important;
max-height: calc(100vh - 24px) !important;
overflow: auto !important;
} .ks-staff-portal .ks-report-dashboard {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(360px, .85fr) !important;
gap: 16px !important;
align-items: start !important;
}
.ks-staff-portal .ks-report-funnel {
display: grid !important;
gap: 10px !important;
}
.ks-staff-portal .ks-report-funnel div {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
grid-template-areas:
"label value"
"bar bar" !important;
gap: 8px !important;
align-items: center !important;
}
.ks-staff-portal .ks-report-funnel span { grid-area: label !important; min-width: 0 !important; }
.ks-staff-portal .ks-report-funnel strong { grid-area: value !important; margin: 0 !important; white-space: nowrap !important; }
.ks-staff-portal .ks-report-funnel em { grid-area: bar !important; width: 100% !important; } .ks-application-flow,
.ks-payment-flow,
.ks-patient-portal {
width: min(100% - 22px, 1120px) !important;
max-width: 1120px !important;
margin-left: auto !important;
margin-right: auto !important;
left: auto !important;
transform: none !important;
}
.ks-fluent-wrap,
.ks-fluent-wrap .fluentform,
.ks-fluent-wrap .ff-el-group,
.ks-fluent-wrap .ff-el-input--content {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
.ks-fluent-wrap .fluentform input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
.ks-fluent-wrap .fluentform select,
.ks-fluent-wrap .fluentform textarea {
width: 100% !important;
max-width: 100% !important;
}
.ks-fluent-wrap .ff-el-form-check,
.ks-fluent-wrap .ff-el-form-check-label {
max-width: 100% !important;
overflow-wrap: break-word !important;
} @media (max-width: 1420px) {
.ks-staff-portal .ks-finance-health-row,
.ks-staff-portal .ks-report-kpi-grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.ks-staff-portal .ks-finance-center-layout,
.ks-staff-portal .ks-report-dashboard {
grid-template-columns: 1fr !important;
}
.ks-staff-portal .ks-finance-detail-panel {
position: relative !important;
top: auto !important;
max-height: none !important;
}
}
@media (max-width: 980px) {
.ks-staff-portal {
width: min(100% - 14px, 1680px) !important;
padding: 10px !important;
border-radius: 22px !important;
}
.ks-staff-portal .ks-layout {
grid-template-columns: 1fr !important;
}
.ks-staff-portal .ks-sidebar {
width: 100% !important;
max-width: 100% !important;
position: relative !important;
top: auto !important;
}
.ks-staff-portal .ks-nav {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
}
.ks-staff-portal .ks-nav a {
justify-content: center !important;
text-align: center !important;
}
.ks-staff-portal .ks-metric-grid,
.ks-staff-portal .ks-metric-grid--three,
.ks-staff-portal .ks-metric-grid--reports,
.ks-staff-portal .ks-mini-stat-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 620px) {
.ks-staff-portal {
width: 100% !important;
margin: 0 auto 48px !important;
padding: 8px !important;
border-radius: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
}
.ks-staff-portal .ks-nav,
.ks-staff-portal .ks-finance-health-row,
.ks-staff-portal .ks-report-kpi-grid,
.ks-staff-portal .ks-metric-grid,
.ks-staff-portal .ks-metric-grid--three,
.ks-staff-portal .ks-metric-grid--reports,
.ks-staff-portal .ks-mini-stat-grid,
.ks-staff-portal .ks-detail-list--finance,
.ks-staff-portal .ks-finance-payment-meta {
grid-template-columns: 1fr !important;
}
.ks-staff-portal .ks-section-head,
.ks-staff-portal .ks-payment-item__head {
display: block !important;
}
.ks-staff-portal .ks-section-head h2 {
font-size: 23px !important;
}
.ks-staff-portal .ks-finance-payment-row {
grid-template-columns: 1fr !important;
grid-template-areas:
"main"
"meta"
"flags"
"time" !important;
}
.ks-staff-portal .ks-finance-payment-row time {
text-align: left !important;
}
.ks-application-flow,
.ks-payment-flow,
.ks-patient-portal {
width: 100% !important;
max-width: 100% !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
} html body .ks-staff-portal {
width: min(calc(100vw - 40px), 1760px) !important;
max-width: 1760px !important;
min-width: 0 !important;
position: relative !important;
left: 50% !important;
right: auto !important;
transform: translateX(-50%) !important;
margin-top: 16px !important;
margin-bottom: 64px !important;
padding: 16px !important;
overflow: visible !important;
}
html body .ks-staff-portal,
html body .ks-staff-portal * {
box-sizing: border-box !important;
}
html body .ks-staff-portal .ks-layout {
display: grid !important;
grid-template-columns: 250px minmax(0, 1fr) !important;
gap: 18px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
html body .ks-staff-portal .ks-sidebar {
width: 250px !important;
max-width: 250px !important;
min-width: 0 !important;
}
html body .ks-staff-portal .ks-main,
html body .ks-staff-portal .ks-panel,
html body .ks-staff-portal .ks-section-head,
html body .ks-staff-portal .ks-detail-panel,
html body .ks-staff-portal .ks-metric-card {
min-width: 0 !important;
max-width: 100% !important;
} html body .ks-staff-portal .ks-report-dashboard {
display: grid !important;
grid-template-columns: minmax(560px, 1.15fr) minmax(420px, .85fr) !important;
gap: 18px !important;
align-items: start !important;
width: 100% !important;
}
html body .ks-staff-portal .ks-report-funnel {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 10px !important;
width: 100% !important;
}
html body .ks-staff-portal .ks-report-funnel div {
display: grid !important;
grid-template-columns: minmax(180px, 1fr) minmax(90px, auto) minmax(160px, 1.2fr) !important;
grid-template-areas: "label value bar" !important;
gap: 14px !important;
align-items: center !important;
min-width: 0 !important;
}
html body .ks-staff-portal .ks-report-funnel span,
html body .ks-staff-portal .ks-report-funnel strong {
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
line-height: 1.25 !important;
}
html body .ks-staff-portal .ks-report-funnel span {
white-space: normal !important;
}
html body .ks-staff-portal .ks-report-funnel strong {
white-space: nowrap !important;
text-align: right !important;
} html body .ks-staff-portal .ks-finance-center-layout {
display: grid !important;
grid-template-columns: minmax(620px, 1fr) minmax(420px, 460px) !important;
gap: 18px !important;
align-items: start !important;
width: 100% !important;
}
html body .ks-staff-portal .ks-finance-payment-row {
display: grid !important;
grid-template-columns: minmax(240px, 1.2fr) minmax(190px, .8fr) minmax(170px, .7fr) 118px !important;
grid-template-areas: "main meta flags time" !important;
gap: 12px !important;
align-items: center !important;
min-width: 0 !important;
}
html body .ks-staff-portal .ks-finance-payment-main strong,
html body .ks-staff-portal .ks-finance-payment-main span,
html body .ks-staff-portal .ks-finance-payment-meta span,
html body .ks-staff-portal .ks-finance-payment-meta b,
html body .ks-staff-portal .ks-finance-payment-flags em,
html body .ks-staff-portal .ks-badge,
html body .ks-staff-portal .ks-detail-list span,
html body .ks-staff-portal .ks-detail-list strong {
word-break: normal !important;
overflow-wrap: break-word !important;
hyphens: none !important;
}
html body .ks-staff-portal .ks-finance-payment-main strong,
html body .ks-staff-portal .ks-finance-payment-meta b {
white-space: normal !important;
}
html body .ks-staff-portal .ks-badge,
html body .ks-staff-portal .ks-finance-payment-flags em {
white-space: normal !important;
} html body .ks-staff-portal .ks-metric-grid--reports {
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
}
html body .ks-staff-portal .ks-mini-stat-grid {
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
} @media (max-width: 1480px) {
html body .ks-staff-portal .ks-report-dashboard,
html body .ks-staff-portal .ks-finance-center-layout {
grid-template-columns: 1fr !important;
}
html body .ks-staff-portal .ks-finance-detail-panel {
position: relative !important;
top: auto !important;
max-height: none !important;
}
}
@media (max-width: 1120px) {
html body .ks-staff-portal {
width: calc(100vw - 20px) !important;
padding: 12px !important;
}
html body .ks-staff-portal .ks-layout {
grid-template-columns: 1fr !important;
}
html body .ks-staff-portal .ks-sidebar {
width: 100% !important;
max-width: 100% !important;
position: relative !important;
top: auto !important;
}
html body .ks-staff-portal .ks-nav {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html body .ks-staff-portal .ks-report-funnel div,
html body .ks-staff-portal .ks-finance-payment-row {
grid-template-columns: 1fr !important;
grid-template-areas:
"label"
"value"
"bar" !important;
}
html body .ks-staff-portal .ks-finance-payment-row {
grid-template-areas:
"main"
"meta"
"flags"
"time" !important;
}
html body .ks-staff-portal .ks-report-funnel strong,
html body .ks-staff-portal .ks-finance-payment-row time {
text-align: left !important;
}
}
@media (max-width: 620px) {
html body .ks-staff-portal {
width: 100vw !important;
padding: 8px !important;
border-radius: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
}
html body .ks-staff-portal .ks-nav {
grid-template-columns: 1fr !important;
}
html body .ks-staff-portal .ks-section-head h2,
html body .ks-staff-portal .ks-panel-title h3 {
font-size: 22px !important;
line-height: 1.2 !important;
}
} .ks-staff-portal .ks-operation-bridge .cha-pcm-doc-summary{display:flex;flex-direction:column;gap:8px;align-items:flex-start;max-width:100%}
.ks-staff-portal .ks-operation-bridge .cha-pcm-doc-summary>strong{font-size:13px;color:#0f3f86;font-weight:800}
.ks-staff-portal .ks-operation-bridge .cha-pcm-doc-summary>span{font-size:12px;color:#64748b}
.ks-staff-portal .ks-operation-bridge .cha-pcm-doc-inline-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;max-width:100%}
.ks-staff-portal .ks-operation-bridge .cha-pcm-doc-action,
.ks-staff-portal .ks-operation-bridge .cha-pcm-document-group__actions a{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:8px 12px!important;border:1px solid #cfe0f5!important;border-radius:999px!important;background:#fff!important;color:#0b5fa5!important;font-size:12px!important;font-weight:800!important;line-height:1.2!important;text-decoration:none!important;box-shadow:0 8px 18px rgba(15,58,122,.05)!important;white-space:nowrap!important;max-width:100%!important}
.ks-staff-portal .ks-operation-bridge .cha-pcm-doc-action em,
.ks-staff-portal .ks-operation-bridge .cha-pcm-document-group__actions a em{font-style:normal;font-size:10px;font-weight:800;color:#64748b;background:#f1f6fd;border-radius:999px;padding:3px 6px}
.ks-staff-portal .ks-operation-bridge .cha-pcm-document-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:8px}
.ks-staff-portal .ks-operation-bridge .cha-pcm-document-group{border:1px solid #dbeafe;border-radius:18px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);padding:14px;box-shadow:0 14px 35px rgba(15,58,122,.055);min-width:0}
.ks-staff-portal .ks-operation-bridge .cha-pcm-document-group__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.ks-staff-portal .ks-operation-bridge .cha-pcm-document-group__head strong{font-size:13px;line-height:1.35;color:#0f2d57;font-weight:850;overflow-wrap:anywhere}
.ks-staff-portal .ks-operation-bridge .cha-pcm-document-group__head span{flex:0 0 auto;font-size:11px;color:#0b5fa5;background:#edf6ff;border:1px solid #dbeafe;border-radius:999px;padding:5px 8px;font-weight:800}
.ks-staff-portal .ks-operation-bridge .cha-pcm-document-group__actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.ks-staff-portal .ks-operation-bridge .cha-pcm-document-group small{display:block;color:#64748b;font-size:11px;line-height:1.45}
.ks-staff-portal .ks-operation-bridge .cha-pcm-readable-payload td{word-break:normal!important;overflow-wrap:break-word!important}
@media(max-width:760px){.ks-staff-portal .ks-operation-bridge .cha-pcm-document-groups{grid-template-columns:1fr}} html body .ks-portal.ks-patient-portal-v108,
html body .ks-patient-portal-v108,
html body .ks-patient-portal {
position: relative !important;
left: 50% !important;
transform: translateX(-50%) !important;
width: min(1760px, calc(100vw - 32px)) !important;
max-width: 1760px !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: clamp(12px, 1.8vw, 24px) !important;
padding-right: clamp(12px, 1.8vw, 24px) !important;
overflow-x: clip !important;
box-sizing: border-box !important;
}
html body .ks-patient-portal-v108 *,
html body .ks-patient-portal * {
box-sizing: border-box !important;
}
html body .ks-patient-portal-v108 .ks-public-hero,
html body .ks-patient-portal-v108 .ks-glass-panel,
html body .ks-patient-portal-v108 .ks-case-summary-bar,
html body .ks-patient-portal-v108 .ks-patient-grid,
html body .ks-patient-portal .ks-public-hero,
html body .ks-patient-portal .ks-glass-panel,
html body .ks-patient-portal .ks-case-summary-bar,
html body .ks-patient-portal .ks-patient-grid {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
html body .ks-patient-portal-v108 .ks-public-hero,
html body .ks-patient-portal .ks-public-hero {
grid-template-columns: minmax(0, 1fr) minmax(280px, 380px) !important;
align-items: center !important;
}
html body .ks-patient-portal-v108 .ks-two-col-form,
html body .ks-patient-portal .ks-two-col-form {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto !important;
}
html body .ks-patient-portal-v108 .ks-case-summary-bar,
html body .ks-patient-portal .ks-case-summary-bar {
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
}
html body .ks-patient-portal-v108 .ks-patient-grid,
html body .ks-patient-portal .ks-patient-grid {
grid-template-columns: minmax(0, 1fr) minmax(320px, 390px) !important;
gap: 20px !important;
align-items: start !important;
}
html body .ks-patient-portal-v108 .ks-patient-main,
html body .ks-patient-portal-v108 .ks-patient-side,
html body .ks-patient-portal .ks-patient-main,
html body .ks-patient-portal .ks-patient-side {
min-width: 0 !important;
max-width: 100% !important;
}
html body .ks-patient-portal-v108 .ks-patient-steps,
html body .ks-patient-portal .ks-patient-steps {
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
}
html body .ks-patient-portal-v108 .ks-treatment-options,
html body .ks-patient-portal .ks-treatment-options {
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
}
html body .ks-patient-portal-v108 .ks-step,
html body .ks-patient-portal-v108 .ks-mini-list > div,
html body .ks-patient-portal-v108 .ks-message-bubble,
html body .ks-patient-portal-v108 .ks-timeline-list > div,
html body .ks-patient-portal .ks-step,
html body .ks-patient-portal .ks-mini-list > div,
html body .ks-patient-portal .ks-message-bubble,
html body .ks-patient-portal .ks-timeline-list > div {
min-width: 0 !important;
overflow-wrap: break-word !important;
word-break: normal !important;
}
@media (max-width: 1180px) {
html body .ks-patient-portal-v108,
html body .ks-patient-portal {
width: calc(100vw - 20px) !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
html body .ks-patient-portal-v108 .ks-public-hero,
html body .ks-patient-portal-v108 .ks-patient-grid,
html body .ks-patient-portal .ks-public-hero,
html body .ks-patient-portal .ks-patient-grid {
grid-template-columns: 1fr !important;
}
html body .ks-patient-portal-v108 .ks-two-col-form,
html body .ks-patient-portal .ks-two-col-form {
grid-template-columns: 1fr !important;
}
html body .ks-patient-portal-v108 .ks-two-col-form button,
html body .ks-patient-portal .ks-two-col-form button {
width: 100% !important;
}
}
@media (max-width: 640px) {
html body .ks-patient-portal-v108,
html body .ks-patient-portal {
width: 100vw !important;
padding-left: 8px !important;
padding-right: 8px !important;
overflow-x: hidden !important;
}
html body .ks-patient-portal-v108 .ks-public-hero,
html body .ks-patient-portal-v108 .ks-glass-panel,
html body .ks-patient-portal .ks-public-hero,
html body .ks-patient-portal .ks-glass-panel {
border-radius: 20px !important;
padding: 16px !important;
}
html body .ks-patient-portal-v108 .ks-public-hero h1,
html body .ks-patient-portal .ks-public-hero h1 {
font-size: 30px !important;
line-height: 1.08 !important;
}
html body .ks-patient-portal-v108 .ks-case-summary-bar,
html body .ks-patient-portal .ks-case-summary-bar,
html body .ks-patient-portal-v108 .ks-patient-steps,
html body .ks-patient-portal .ks-patient-steps {
grid-template-columns: 1fr !important;
}
} html body .ks-patient-portal-v108 .ks-patient-quick-grid,
html body .ks-patient-portal .ks-patient-quick-grid {
width: 100% !important;
max-width: 100% !important;
margin: 0 0 18px !important;
min-width: 0 !important;
}
html body .ks-patient-portal-v108 .ks-patient-quick-panel,
html body .ks-patient-portal .ks-patient-quick-panel {
display: grid !important;
grid-template-columns: minmax(320px, 1.18fr) minmax(250px, .82fr) minmax(250px, .82fr) minmax(250px, .82fr) !important;
gap: 14px !important;
align-items: stretch !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
html body .ks-patient-portal-v108 .ks-patient-quick-panel > .ks-glass-panel,
html body .ks-patient-portal .ks-patient-quick-panel > .ks-glass-panel {
margin: 0 !important;
padding: 18px !important;
border-radius: 22px !important;
min-width: 0 !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
}
html body .ks-patient-portal-v108 .ks-patient-quick-panel .ks-section-head,
html body .ks-patient-portal .ks-patient-quick-panel .ks-section-head {
padding: 0 !important;
margin: 0 0 12px !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
background: transparent !important;
}
html body .ks-patient-portal-v108 .ks-patient-quick-panel .ks-section-head h2,
html body .ks-patient-portal .ks-patient-quick-panel .ks-section-head h2 {
font-size: 20px !important;
line-height: 1.18 !important;
letter-spacing: -0.025em !important;
}
html body .ks-patient-portal-v108 .ks-patient-quick-panel .ks-section-head p,
html body .ks-patient-portal .ks-patient-quick-panel .ks-section-head p {
font-size: 13px !important;
line-height: 1.55 !important;
}
html body .ks-patient-portal-v108 .ks-patient-quick-panel .ks-clean-form,
html body .ks-patient-portal .ks-patient-quick-panel .ks-clean-form {
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
flex: 1 1 auto !important;
}
html body .ks-patient-portal-v108 .ks-patient-quick-panel .ks-clean-form label,
html body .ks-patient-portal .ks-patient-quick-panel .ks-clean-form label {
margin: 0 !important;
}
html body .ks-patient-portal-v108 .ks-patient-quick-panel textarea,
html body .ks-patient-portal .ks-patient-quick-panel textarea {
min-height: 76px !important;
max-height: 120px !important;
resize: vertical !important;
}
html body .ks-patient-portal-v108 .ks-patient-quick-panel button,
html body .ks-patient-portal .ks-patient-quick-panel button {
width: fit-content !important;
min-width: 150px !important;
min-height: 42px !important;
}
html body .ks-patient-portal-v108 .ks-patient-quick-panel .ks-mini-list,
html body .ks-patient-portal-v108 .ks-patient-quick-panel .ks-message-list,
html body .ks-patient-portal-v108 .ks-patient-quick-panel .ks-timeline-list,
html body .ks-patient-portal .ks-patient-quick-panel .ks-mini-list,
html body .ks-patient-portal .ks-patient-quick-panel .ks-message-list,
html body .ks-patient-portal .ks-patient-quick-panel .ks-timeline-list {
max-height: 190px !important;
overflow: auto !important;
padding-right: 4px !important;
}
html body .ks-patient-portal-v108 .ks-patient-quick-panel .ks-mini-list > div,
html body .ks-patient-portal-v108 .ks-patient-quick-panel .ks-timeline-list > div,
html body .ks-patient-portal .ks-patient-quick-panel .ks-mini-list > div,
html body .ks-patient-portal .ks-patient-quick-panel .ks-timeline-list > div {
padding: 12px !important;
border-radius: 16px !important;
}
html body .ks-patient-portal-v108 .ks-patient-quick-panel .ks-message-bubble,
html body .ks-patient-portal .ks-patient-quick-panel .ks-message-bubble {
padding: 11px 12px !important;
}
html body .ks-patient-portal-v108 .ks-patient-grid--single,
html body .ks-patient-portal .ks-patient-grid--single {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
html body .ks-patient-portal-v108 .ks-patient-grid--single .ks-patient-main,
html body .ks-patient-portal .ks-patient-grid--single .ks-patient-main {
width: 100% !important;
max-width: 100% !important;
}
html body .ks-patient-portal-v108 .ks-patient-grid--single .ks-glass-panel,
html body .ks-patient-portal .ks-patient-grid--single .ks-glass-panel {
margin-bottom: 18px !important;
}
@media (max-width: 1420px) {
html body .ks-patient-portal-v108 .ks-patient-quick-panel,
html body .ks-patient-portal .ks-patient-quick-panel {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 820px) {
html body .ks-patient-portal-v108 .ks-patient-quick-panel,
html body .ks-patient-portal .ks-patient-quick-panel {
grid-template-columns: 1fr !important;
}
html body .ks-patient-portal-v108 .ks-patient-quick-panel button,
html body .ks-patient-portal .ks-patient-quick-panel button {
width: 100% !important;
}
html body .ks-patient-portal-v108 .ks-patient-quick-panel .ks-mini-list,
html body .ks-patient-portal-v108 .ks-patient-quick-panel .ks-message-list,
html body .ks-patient-portal-v108 .ks-patient-quick-panel .ks-timeline-list,
html body .ks-patient-portal .ks-patient-quick-panel .ks-mini-list,
html body .ks-patient-portal .ks-patient-quick-panel .ks-message-list,
html body .ks-patient-portal .ks-patient-quick-panel .ks-timeline-list {
max-height: none !important;
overflow: visible !important;
}
} html body .ks-portal,
html body .ks-patient-portal-v108,
html body .ks-staff-portal,
html body .ks-application-flow,
html body .ks-payment-flow,
html body .ks-auth-portal-v108 {
box-sizing: border-box !important;
width: min(100% - 32px, 1560px) !important;
max-width: 1560px !important;
margin-left: auto !important;
margin-right: auto !important;
left: auto !important;
right: auto !important;
transform: none !important;
overflow-x: clip !important;
}
html body .ks-portal *,
html body .ks-portal *::before,
html body .ks-portal *::after {
box-sizing: border-box !important;
}
html body .ks-staff-portal .ks-layout,
html body .ks-staff-portal .ks-shell {
display: grid !important;
grid-template-columns: minmax(240px, 280px) minmax(0, 1fr) !important;
gap: 22px !important;
align-items: start !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
html body .ks-staff-portal .ks-main,
html body .ks-staff-portal .ks-panel,
html body .ks-staff-portal .ks-detail-panel,
html body .ks-patient-portal-v108 .ks-patient-main,
html body .ks-patient-portal-v108 .ks-glass-panel,
html body .ks-patient-portal-v108 .ks-hero-card {
min-width: 0 !important;
max-width: 100% !important;
}
html body .ks-staff-portal .ks-sidebar {
position: sticky !important;
top: 24px !important;
align-self: start !important;
max-height: calc(100vh - 48px) !important;
overflow: auto !important;
}
html body .ks-staff-portal .ks-table-wrap,
html body .ks-patient-portal-v108 .ks-table-wrap {
width: 100% !important;
max-width: 100% !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
}
html body .ks-patient-portal-v108 .ks-patient-grid,
html body .ks-patient-portal .ks-patient-grid {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 20px !important;
align-items: start !important;
width: 100% !important;
max-width: 100% !important;
}
html body .ks-patient-portal-v108 .ks-patient-quick-panel,
html body .ks-patient-portal .ks-patient-quick-panel {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
align-items: stretch !important;
}
html body .ks-section-head h1,
html body .ks-section-head h2,
html body .ks-page-header h1,
html body .ks-page-header h2,
html body .ks-public-hero h1 {
text-wrap: balance !important;
}
html body .ks-clean-form input,
html body .ks-clean-form select,
html body .ks-clean-form textarea,
html body .ks-action-form input,
html body .ks-action-form select,
html body .ks-action-form textarea {
max-width: 100% !important;
}
@media (max-width: 1180px) {
html body .ks-staff-portal .ks-layout,
html body .ks-staff-portal .ks-shell {
grid-template-columns: 1fr !important;
}
html body .ks-staff-portal .ks-sidebar {
position: relative !important;
top: auto !important;
max-height: none !important;
}
html body .ks-staff-portal .ks-nav {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 8px !important;
}
}
@media (max-width: 820px) {
html body .ks-portal,
html body .ks-patient-portal-v108,
html body .ks-staff-portal,
html body .ks-application-flow,
html body .ks-payment-flow,
html body .ks-auth-portal-v108 {
width: min(100% - 18px, 100%) !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
html body .ks-staff-portal .ks-nav,
html body .ks-staff-portal .ks-mobile-tabs,
html body .ks-patient-portal-v108 .ks-patient-quick-panel,
html body .ks-patient-portal .ks-patient-quick-panel,
html body .ks-case-summary-bar,
html body .ks-application-summary-bar,
html body .ks-metric-grid,
html body .ks-metric-grid--three,
html body .ks-metric-grid--four,
html body .ks-patient-quick-grid {
grid-template-columns: 1fr !important;
}
html body .ks-panel,
html body .ks-glass-panel,
html body .ks-public-hero,
html body .ks-hero-card {
border-radius: 22px !important;
padding: 18px !important;
}
} html.cha-pcm-has-portal,
html.cha-pcm-has-portal body,
body.cha-pcm-page {
overflow-x: hidden !important;
}
body.cha-pcm-page .site,
body.cha-pcm-page .site-content,
body.cha-pcm-page .entry-content,
body.cha-pcm-page .wp-site-blocks,
body.cha-pcm-page main,
body.cha-pcm-page article,
body.cha-pcm-page .page-content {
overflow-x: clip !important;
}
body.cha-pcm-page .entry-content > .cha-pcm-shortcode-root,
body.cha-pcm-page .wp-block-post-content > .cha-pcm-shortcode-root,
.cha-pcm-shortcode-root {
display: block !important;
position: relative !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
clear: both !important;
isolation: isolate !important;
}
.cha-pcm-shortcode-root *,
.cha-pcm-shortcode-root *::before,
.cha-pcm-shortcode-root *::after {
box-sizing: border-box !important;
} .cha-pcm-shortcode-root > .ks-portal,
html body .cha-pcm-shortcode-root .ks-portal.ks-patient-portal-v108,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108,
html body .cha-pcm-shortcode-root .ks-staff-portal,
html body .cha-pcm-shortcode-root .ks-application-flow,
html body .cha-pcm-shortcode-root .ks-payment-flow,
html body .cha-pcm-shortcode-root .ks-auth-portal-v108 {
position: relative !important;
left: 50% !important;
right: auto !important;
transform: translateX(-50%) !important;
width: min(1760px, calc(100vw - 32px)) !important;
max-width: calc(100vw - 32px) !important;
min-width: 0 !important;
margin: 16px 0 56px 0 !important;
padding: clamp(14px, 1.55vw, 24px) !important;
border-radius: 28px !important;
overflow-x: hidden !important;
contain: layout paint !important;
} .cha-pcm-shortcode-root .ks-public-hero,
.cha-pcm-shortcode-root .ks-flow-hero,
.cha-pcm-shortcode-root .ks-flow-card,
.cha-pcm-shortcode-root .ks-glass-panel,
.cha-pcm-shortcode-root .ks-panel,
.cha-pcm-shortcode-root .ks-case-summary-bar,
.cha-pcm-shortcode-root .ks-application-summary-bar,
.cha-pcm-shortcode-root .ks-payment-summary-grid,
.cha-pcm-shortcode-root .ks-payment-method-grid,
.cha-pcm-shortcode-root .ks-patient-grid,
.cha-pcm-shortcode-root .ks-patient-quick-grid,
.cha-pcm-shortcode-root .ks-patient-quick-panel,
.cha-pcm-shortcode-root .ks-layout,
.cha-pcm-shortcode-root .ks-main,
.cha-pcm-shortcode-root .ks-sidebar,
.cha-pcm-shortcode-root .ks-finance-center-layout,
.cha-pcm-shortcode-root .ks-message-console,
.cha-pcm-shortcode-root .ks-staff-users-layout,
.cha-pcm-shortcode-root .ks-client-relations-grid,
.cha-pcm-shortcode-root .ks-report-dashboard,
.cha-pcm-shortcode-root .ks-metric-grid,
.cha-pcm-shortcode-root .ks-mini-stat-grid,
.cha-pcm-shortcode-root .ks-role-grid {
max-width: 100% !important;
min-width: 0 !important;
} .cha-pcm-shortcode-root .ks-staff-portal .ks-layout {
display: grid !important;
grid-template-columns: 270px minmax(0, 1fr) !important;
gap: 22px !important;
align-items: start !important;
width: 100% !important;
}
.cha-pcm-shortcode-root .ks-staff-portal .ks-sidebar {
position: sticky !important;
top: 18px !important;
align-self: start !important;
max-height: calc(100vh - 36px) !important;
overflow: auto !important;
}
.cha-pcm-shortcode-root .ks-staff-portal .ks-main {
display: block !important;
width: 100% !important;
}
.cha-pcm-shortcode-root .ks-staff-portal .ks-nav a,
.cha-pcm-shortcode-root .ks-staff-portal .ks-mobile-tabs a {
min-width: 0 !important;
overflow-wrap: anywhere !important;
} .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-quick-grid,
.cha-pcm-shortcode-root .ks-patient-portal .ks-patient-quick-grid {
display: block !important;
width: 100% !important;
}
.cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-quick-panel,
.cha-pcm-shortcode-root .ks-patient-portal .ks-patient-quick-panel {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 16px !important;
width: 100% !important;
align-items: stretch !important;
margin: 0 0 20px 0 !important;
}
.cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-quick-panel > .ks-glass-panel,
.cha-pcm-shortcode-root .ks-patient-portal .ks-patient-quick-panel > .ks-glass-panel {
margin: 0 !important;
height: auto !important;
min-height: 0 !important;
display: flex !important;
flex-direction: column !important;
}
.cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-grid,
.cha-pcm-shortcode-root .ks-patient-portal .ks-patient-grid {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 18px !important;
width: 100% !important;
}
.cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-main,
.cha-pcm-shortcode-root .ks-patient-portal .ks-patient-main {
width: 100% !important;
max-width: 100% !important;
} .cha-pcm-shortcode-root input,
.cha-pcm-shortcode-root select,
.cha-pcm-shortcode-root textarea,
.cha-pcm-shortcode-root button {
max-width: 100% !important;
}
.cha-pcm-shortcode-root .ks-table-wrap,
.cha-pcm-shortcode-root .ks-fluent-wrap,
.cha-pcm-shortcode-root .ks-message-list,
.cha-pcm-shortcode-root .ks-mini-list,
.cha-pcm-shortcode-root .ks-timeline-list,
.cha-pcm-shortcode-root .ks-conversation-body,
.cha-pcm-shortcode-root .ks-finance-payment-list {
max-width: 100% !important;
min-width: 0 !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
}
.cha-pcm-shortcode-root .ks-table {
max-width: none !important;
}
.cha-pcm-shortcode-root img,
.cha-pcm-shortcode-root svg,
.cha-pcm-shortcode-root video,
.cha-pcm-shortcode-root canvas,
.cha-pcm-shortcode-root iframe,
.cha-pcm-shortcode-root pre {
max-width: 100% !important;
}
.cha-pcm-shortcode-root p,
.cha-pcm-shortcode-root span,
.cha-pcm-shortcode-root strong,
.cha-pcm-shortcode-root small,
.cha-pcm-shortcode-root h1,
.cha-pcm-shortcode-root h2,
.cha-pcm-shortcode-root h3,
.cha-pcm-shortcode-root h4,
.cha-pcm-shortcode-root td,
.cha-pcm-shortcode-root th {
overflow-wrap: anywhere !important;
}
@media (max-width: 1440px) {
.cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-quick-panel,
.cha-pcm-shortcode-root .ks-patient-portal .ks-patient-quick-panel {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 1180px) {
.cha-pcm-shortcode-root .ks-staff-portal .ks-layout {
grid-template-columns: 1fr !important;
}
.cha-pcm-shortcode-root .ks-staff-portal .ks-sidebar {
position: relative !important;
top: auto !important;
max-height: none !important;
}
.cha-pcm-shortcode-root .ks-staff-portal .ks-nav,
.cha-pcm-shortcode-root .ks-staff-portal .ks-mobile-tabs {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 8px !important;
}
.cha-pcm-shortcode-root .ks-finance-center-layout,
.cha-pcm-shortcode-root .ks-message-console,
.cha-pcm-shortcode-root .ks-staff-users-layout,
.cha-pcm-shortcode-root .ks-client-relations-grid,
.cha-pcm-shortcode-root .ks-report-dashboard {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 820px) {
.cha-pcm-shortcode-root > .ks-portal,
html body .cha-pcm-shortcode-root .ks-portal.ks-patient-portal-v108,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108,
html body .cha-pcm-shortcode-root .ks-staff-portal,
html body .cha-pcm-shortcode-root .ks-application-flow,
html body .cha-pcm-shortcode-root .ks-payment-flow,
html body .cha-pcm-shortcode-root .ks-auth-portal-v108 {
width: calc(100vw - 14px) !important;
max-width: calc(100vw - 14px) !important;
padding: 10px !important;
border-radius: 20px !important;
margin-top: 8px !important;
}
.cha-pcm-shortcode-root .ks-public-hero,
.cha-pcm-shortcode-root .ks-flow-hero,
.cha-pcm-shortcode-root .ks-case-summary-bar,
.cha-pcm-shortcode-root .ks-application-summary-bar,
.cha-pcm-shortcode-root .ks-payment-summary-grid,
.cha-pcm-shortcode-root .ks-payment-method-grid,
.cha-pcm-shortcode-root .ks-patient-quick-panel,
.cha-pcm-shortcode-root .ks-metric-grid,
.cha-pcm-shortcode-root .ks-metric-grid--three,
.cha-pcm-shortcode-root .ks-metric-grid--four,
.cha-pcm-shortcode-root .ks-mini-stat-grid,
.cha-pcm-shortcode-root .ks-role-grid,
.cha-pcm-shortcode-root .ks-flow-steps,
.cha-pcm-shortcode-root .ks-two-col-form,
.cha-pcm-shortcode-root .ks-finance-payment-row,
.cha-pcm-shortcode-root .ks-staff-portal .ks-nav,
.cha-pcm-shortcode-root .ks-staff-portal .ks-mobile-tabs {
grid-template-columns: 1fr !important;
}
.cha-pcm-shortcode-root .ks-panel,
.cha-pcm-shortcode-root .ks-glass-panel,
.cha-pcm-shortcode-root .ks-flow-card,
.cha-pcm-shortcode-root .ks-public-hero,
.cha-pcm-shortcode-root .ks-flow-hero,
.cha-pcm-shortcode-root .ks-hero-card {
border-radius: 18px !important;
padding: 16px !important;
}
.cha-pcm-shortcode-root .ks-table {
min-width: 720px !important;
}
.cha-pcm-shortcode-root .ks-page-header,
.cha-pcm-shortcode-root .ks-section-head,
.cha-pcm-shortcode-root .ks-panel-title,
.cha-pcm-shortcode-root .ks-flow-section-head {
display: block !important;
}
} .ks-staff-portal .ks-settings-panel .ks-settings-form { display: grid; gap: 18px; }
.ks-staff-portal .ks-form-grid { display: grid; gap: 16px; }
.ks-staff-portal .ks-form-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ks-staff-portal .ks-form-grid-full { grid-column: 1 / -1; }
.ks-staff-portal .ks-settings-form label { display: grid; gap: 7px; font-size: 13px; font-weight: 700; color: #334155; }
.ks-staff-portal .ks-settings-form input[type="password"],
.ks-staff-portal .ks-settings-form select { width: 100%; min-height: 42px; border: 1px solid rgba(148, 163, 184, .45); border-radius: 14px; padding: 9px 12px; background: #fff; color: #0f172a; }
.ks-staff-portal .ks-settings-form small { font-size: 12px; font-weight: 500; color: #64748b; }
.ks-staff-portal .ks-checkline { display: flex !important; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid rgba(148, 163, 184, .35); border-radius: 16px; background: rgba(248, 250, 252, .9); }
.ks-staff-portal .ks-checkline input { width: auto; min-height: auto; }
.ks-staff-portal .ks-action-row { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
@media (max-width: 760px) { .ks-staff-portal .ks-form-grid--2 { grid-template-columns: 1fr; } } .ks-staff-portal .ks-nav--grouped {
gap: 4px !important;
}
.ks-staff-portal .ks-nav-group {
display: block;
margin: 18px 10px 7px !important;
padding: 0 !important;
font-size: 10.5px !important;
line-height: 1 !important;
letter-spacing: .14em !important;
text-transform: uppercase !important;
font-weight: 900 !important;
color: rgba(255,255,255,.72) !important;
}
.ks-staff-portal .ks-nav--grouped a {
position: relative;
}
.ks-staff-portal .ks-nav--grouped a.is-active::before {
content: '';
position: absolute;
left: 8px;
top: 50%;
width: 4px;
height: 20px;
border-radius: 999px;
background: #07998f;
transform: translateY(-50%);
}
.ks-staff-portal .ks-workflow-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
margin: 18px 0 20px;
}
.ks-staff-portal .ks-workflow-card {
display: block;
min-height: 126px;
padding: 18px;
border: 1px solid #dbe8f7;
border-radius: 20px;
background: linear-gradient(180deg, #fff, #f8fbff);
text-decoration: none !important;
box-shadow: 0 14px 36px rgba(20,58,123,.07);
}
.ks-staff-portal .ks-workflow-card:hover {
transform: translateY(-1px);
border-color: #b9d6f2;
box-shadow: 0 18px 46px rgba(20,58,123,.10);
}
.ks-staff-portal .ks-workflow-card span {
display: block;
margin-bottom: 8px;
color: #07998f;
font-size: 11px;
letter-spacing: .08em;
text-transform: uppercase;
font-weight: 900;
}
.ks-staff-portal .ks-workflow-card strong {
display: block;
color: #0b2a5b;
font-size: 18px;
line-height: 1.25;
font-weight: 950;
margin-bottom: 8px;
}
.ks-staff-portal .ks-workflow-card small {
display: block;
color: #5f6f8a;
font-size: 12.5px;
line-height: 1.55;
}
.ks-staff-portal .ks-workflow-card.is-warning span { color: #a86b00; }
.ks-staff-portal .ks-workflow-card.is-info span { color: #1261a6; }
.ks-staff-portal .ks-section-head p {
max-width: 920px;
}
.ks-staff-portal .ks-finance-actions {
border-top: 1px solid #e7eef8;
padding-top: 16px;
}
@media (max-width: 1280px) {
.ks-staff-portal .ks-workflow-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 760px) {
.ks-staff-portal .ks-workflow-grid {
grid-template-columns: 1fr;
}
.ks-staff-portal .ks-workflow-card {
min-height: auto;
}
.ks-staff-portal .ks-nav-group {
display: none !important;
}
} .cha-pcm-case-workspace .cha-pcm-command-center {
display: grid;
grid-template-columns: minmax(0, 1.6fr) minmax(280px, .9fr) minmax(220px, .65fr);
gap: 18px;
align-items: stretch;
padding: 22px;
border: 1px solid rgba(148, 163, 184, .26);
border-radius: 28px;
background: linear-gradient(135deg, #ffffff 0%, #f8fbff 54%, #eef6ff 100%);
box-shadow: 0 22px 60px rgba(15, 43, 85, .10);
margin: 16px 0 18px;
overflow: hidden;
}
.cha-pcm-case-workspace .cha-pcm-command-main h2 {
margin: 4px 0 8px;
font-size: clamp(26px, 3vw, 40px);
line-height: 1.05;
letter-spacing: -.035em;
color: #09244d;
}
.cha-pcm-case-workspace .cha-pcm-command-main p {
margin: 0 0 14px;
color: #40516d;
font-size: 14px;
line-height: 1.55;
}
.cha-pcm-case-workspace .cha-pcm-eyebrow,
.cha-pcm-case-workspace .cha-pcm-panel-kicker,
.cha-pcm-case-workspace .cha-pcm-next-action-card span,
.cha-pcm-case-workspace .cha-pcm-health-card span {
display: block;
font-size: 11px;
font-weight: 900;
text-transform: uppercase;
letter-spacing: .11em;
color: #4b6b9b;
margin-bottom: 7px;
}
.cha-pcm-case-workspace .cha-pcm-command-badges {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.cha-pcm-case-workspace .cha-pcm-next-action-card,
.cha-pcm-case-workspace .cha-pcm-health-card {
border: 1px solid rgba(148, 163, 184, .22);
border-radius: 22px;
background: rgba(255,255,255,.88);
padding: 18px;
min-height: 160px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.cha-pcm-case-workspace .cha-pcm-next-action-card strong,
.cha-pcm-case-workspace .cha-pcm-health-card strong {
display: block;
color: #09244d;
font-size: 20px;
line-height: 1.15;
font-weight: 950;
margin-bottom: 8px;
}
.cha-pcm-case-workspace .cha-pcm-next-action-card p,
.cha-pcm-case-workspace .cha-pcm-health-card p {
color: #52637c;
font-size: 13px;
line-height: 1.5;
margin: 0 0 12px;
}
.cha-pcm-case-workspace .cha-pcm-health-card em {
display: inline-flex;
align-self: flex-start;
font-style: normal;
font-size: 12px;
font-weight: 900;
border-radius: 999px;
padding: 6px 10px;
margin-bottom: 10px;
background: #eef2ff;
color: #3730a3;
}
.cha-pcm-case-workspace .cha-pcm-health-green .cha-pcm-health-card em { background: #ecfdf5; color: #047857; }
.cha-pcm-case-workspace .cha-pcm-health-amber .cha-pcm-health-card em { background: #fffbeb; color: #b45309; }
.cha-pcm-case-workspace .cha-pcm-health-red .cha-pcm-health-card em { background: #fef2f2; color: #b91c1c; }
.cha-pcm-case-workspace .cha-pcm-workspace-metrics {
grid-template-columns: repeat(4, minmax(0, 1fr));
margin-bottom: 18px;
}
.cha-pcm-case-workspace .cha-pcm-workspace-tabs {
position: sticky;
top: 12px;
z-index: 20;
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: 8px;
padding: 10px;
margin: 18px 0 18px;
border: 1px solid rgba(148, 163, 184, .22);
border-radius: 22px;
background: rgba(255,255,255,.92);
box-shadow: 0 16px 42px rgba(15,43,85,.08);
backdrop-filter: blur(10px);
}
.cha-pcm-case-workspace .cha-pcm-workspace-tab {
border: 1px solid rgba(148, 163, 184, .22);
border-radius: 16px;
background: #f8fafc;
padding: 12px 10px;
min-height: 72px;
text-align: left;
cursor: pointer;
transition: all .18s ease;
}
.cha-pcm-case-workspace .cha-pcm-workspace-tab strong {
display: block;
font-size: 13px;
line-height: 1.2;
color: #19365f;
font-weight: 950;
}
.cha-pcm-case-workspace .cha-pcm-workspace-tab small {
display: block;
margin-top: 5px;
color: #64748b;
font-size: 11.5px;
line-height: 1.25;
}
.cha-pcm-case-workspace .cha-pcm-workspace-tab.is-active {
background: linear-gradient(135deg, #0b3a74 0%, #1261a6 100%);
border-color: transparent;
box-shadow: 0 12px 26px rgba(18,97,166,.22);
}
.cha-pcm-case-workspace .cha-pcm-workspace-tab.is-active strong,
.cha-pcm-case-workspace .cha-pcm-workspace-tab.is-active small { color: #fff; }
.cha-pcm-case-workspace.cha-pcm-workspace-js .cha-pcm-workspace-tab-panel { display: none; }
.cha-pcm-case-workspace.cha-pcm-workspace-js .cha-pcm-workspace-tab-panel.is-active { display: block; }
.cha-pcm-case-workspace .cha-pcm-overview-grid {
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, .85fr);
gap: 16px;
margin-bottom: 18px;
}
.cha-pcm-case-workspace .cha-pcm-priority-panel,
.cha-pcm-case-workspace .cha-pcm-risk-panel,
.cha-pcm-case-workspace .cha-pcm-snapshot-panel {
border-radius: 22px;
min-height: 170px;
}
.cha-pcm-case-workspace .cha-pcm-priority-panel h3,
.cha-pcm-case-workspace .cha-pcm-risk-panel h3 {
margin-top: 0;
color: #09244d;
font-size: 21px;
line-height: 1.18;
}
.cha-pcm-case-workspace .cha-pcm-risk-list {
margin: 8px 0 0;
padding-left: 18px;
color: #52637c;
}
.cha-pcm-case-workspace .cha-pcm-risk-list li { margin: 6px 0; }
.cha-pcm-case-workspace .cha-pcm-snapshot-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.cha-pcm-case-workspace .cha-pcm-snapshot-list div {
border: 1px solid #e7eef8;
border-radius: 16px;
background: #f8fbff;
padding: 12px;
}
.cha-pcm-case-workspace .cha-pcm-snapshot-list strong {
display: block;
color: #0b2a5b;
font-size: 21px;
font-weight: 950;
}
.cha-pcm-case-workspace .cha-pcm-snapshot-list span {
color: #63728a;
font-size: 12px;
}
.cha-pcm-case-workspace .cha-pcm-action-policy .cha-pcm-action-note {
border: 1px dashed #b6c9e4;
background: #f6fbff;
border-radius: 16px;
padding: 14px;
color: #304667;
}
.cha-pcm-case-workspace .cha-pcm-action-policy .cha-pcm-action-note strong,
.cha-pcm-case-workspace .cha-pcm-action-policy .cha-pcm-action-note span {
display: block;
}
@media (max-width: 1320px) {
.cha-pcm-case-workspace .cha-pcm-command-center { grid-template-columns: 1fr; }
.cha-pcm-case-workspace .cha-pcm-workspace-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cha-pcm-case-workspace .cha-pcm-workspace-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); position: relative; top: auto; }
.cha-pcm-case-workspace .cha-pcm-overview-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
.cha-pcm-case-workspace .cha-pcm-command-center { padding: 16px; border-radius: 20px; }
.cha-pcm-case-workspace .cha-pcm-workspace-metrics { grid-template-columns: 1fr; }
.cha-pcm-case-workspace .cha-pcm-workspace-tabs { grid-template-columns: 1fr; }
.cha-pcm-case-workspace .cha-pcm-workspace-tab { min-height: auto; }
} .cha-pcm-panel-headline{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.cha-pcm-panel-headline h3{margin:0 0 6px;font-size:18px;font-weight:800;color:#0f172a}.cha-pcm-panel-headline p{margin:0;color:#64748b;line-height:1.55}.cha-pcm-mini-badge{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(15,23,42,.12);background:#f8fafc;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;color:#334155;white-space:nowrap}.cha-pcm-document-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cha-pcm-document-checkitem{border:1px solid rgba(148,163,184,.35);border-radius:18px;padding:16px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.04);display:grid;gap:12px}.cha-pcm-document-checkitem.is-green{border-color:rgba(22,163,74,.28);background:linear-gradient(180deg,#ffffff,#f0fdf4)}.cha-pcm-document-checkitem.is-amber{border-color:rgba(245,158,11,.35);background:linear-gradient(180deg,#ffffff,#fffbeb)}.cha-pcm-document-checkitem.is-red{border-color:rgba(220,38,38,.30);background:linear-gradient(180deg,#ffffff,#fef2f2)}.cha-pcm-document-checkitem.is-blue{border-color:rgba(37,99,235,.25);background:linear-gradient(180deg,#ffffff,#eff6ff)}.cha-pcm-document-checkitem__main strong{display:block;font-size:14px;font-weight:800;color:#0f172a}.cha-pcm-document-checkitem__main strong em{font-style:normal;margin-left:8px;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#64748b;background:rgba(15,23,42,.06);padding:4px 7px;border-radius:999px}.cha-pcm-document-checkitem__main span{display:block;margin-top:5px;font-size:12px;line-height:1.45;color:#64748b}.cha-pcm-document-checkitem__meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.cha-pcm-document-checkitem__meta small{color:#64748b;font-weight:700}.cha-pcm-document-checkitem__files{display:flex;flex-wrap:wrap;gap:8px}.cha-pcm-document-checkitem__files a{font-size:12px;text-decoration:none;border:1px solid rgba(15,23,42,.12);background:#fff;border-radius:999px;padding:6px 9px;color:#0f766e;font-weight:700}.cha-pcm-document-review-list{display:grid;gap:14px}.cha-pcm-document-review-card{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:14px;align-items:start;border:1px solid rgba(148,163,184,.35);border-radius:18px;background:#fff;padding:16px}.cha-pcm-document-review-card>div:first-child strong{display:block;color:#0f172a;font-weight:800}.cha-pcm-document-review-card>div:first-child span{display:block;color:#64748b;font-size:12px;margin:4px 0}.cha-pcm-document-review-card>div:first-child a{font-size:12px;font-weight:800;text-decoration:none;color:#0f766e}.cha-pcm-document-review-form{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end;border-top:1px solid rgba(148,163,184,.25);padding-top:14px}.cha-pcm-document-review-form label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#334155}.cha-pcm-document-review-form textarea,.cha-pcm-document-review-form select{width:100%;border-radius:12px;border:1px solid rgba(148,163,184,.45);padding:9px 10px}.cha-pcm-document-review-form button{justify-self:start}.cha-pcm-medical-board .cha-pcm-medical-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.cha-pcm-medical-status-grid div{border:1px solid rgba(148,163,184,.28);background:#f8fafc;border-radius:16px;padding:12px}.cha-pcm-medical-status-grid strong{display:block;color:#0f172a;font-weight:900}.cha-pcm-medical-status-grid span{display:block;color:#64748b;font-size:12px;margin-top:4px}.cha-pcm-medical-board .cha-pcm-action-note{margin:12px 0;background:#f8fafc;border:1px solid rgba(148,163,184,.3);border-radius:14px;padding:12px}.cha-pcm-medical-board .cha-pcm-action-note strong{display:block;color:#0f172a}.cha-pcm-medical-board .cha-pcm-action-note span{display:block;color:#64748b;font-size:12px;margin-top:3px}@media(max-width:900px){.cha-pcm-document-checklist,.cha-pcm-document-review-form,.cha-pcm-medical-board .cha-pcm-medical-status-grid{grid-template-columns:1fr}.cha-pcm-panel-headline,.cha-pcm-document-review-card{display:block}.cha-pcm-mini-badge{margin-top:12px}.cha-pcm-document-review-form{margin-top:14px}} .cha-pcm-treatment-builder .cha-pcm-panel-headline,
.cha-pcm-invoice-builder .cha-pcm-panel-headline { align-items: flex-start; gap: 16px; }
.cha-pcm-treatment-builder-grid { gap: 18px; }
.cha-pcm-treatment-option-card { border: 1px solid rgba(15,23,42,.10); border-radius: 18px; background: linear-gradient(180deg, #fff, #f8fafc); box-shadow: 0 12px 30px rgba(15,23,42,.06); }
.cha-pcm-option-card-header { display:flex; align-items:flex-start; justify-content:space-between; gap: 12px; margin-bottom: 12px; }
.cha-pcm-option-card-header h3 { margin: 0 0 3px; }
.cha-pcm-option-card-header span { color:#64748b; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.cha-pcm-treatment-option-card textarea { min-height: 76px; }
.cha-pcm-publish-guard { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:14px 0; padding:12px 14px; border:1px solid rgba(245,158,11,.26); border-radius:14px; background:#fffbeb; color:#92400e; }
.cha-pcm-publish-guard strong { color:#78350f; }
.cha-pcm-service-line-builder { margin-top: 20px; padding: 16px; border: 1px solid rgba(15,23,42,.10); border-radius: 18px; background: #f8fafc; }
.cha-pcm-panel-headline.compact { margin-bottom: 12px; }
.cha-pcm-line-total { display:inline-flex; align-items:center; justify-content:center; min-width:110px; padding:8px 12px; border-radius:999px; background:#0f172a; color:#fff; font-size:13px; }
.cha-pcm-service-line-head,
.cha-pcm-service-line-row { display:grid; grid-template-columns: 150px 170px minmax(190px,1fr) 78px 105px 86px minmax(140px,1fr); gap:8px; align-items:center; }
.cha-pcm-service-line-head { color:#64748b; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.07em; padding: 0 2px 7px; }
.cha-pcm-service-line-row { margin-bottom: 8px; padding:8px; border-radius: 13px; background:#fff; border:1px solid rgba(15,23,42,.08); }
.cha-pcm-service-line-row input,
.cha-pcm-service-line-row select { width:100%; min-height:38px; border-radius:10px; border:1px solid rgba(148,163,184,.55); }
.cha-pcm-mini-check { display:flex; align-items:center; gap:6px; font-size:12px; color:#334155; margin:0!important; white-space:nowrap; }
@media (max-width: 1180px) {
.cha-pcm-service-line-head { display:none; }
.cha-pcm-service-line-row { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 720px) {
.cha-pcm-service-line-row { grid-template-columns: 1fr; }
.cha-pcm-panel-headline { flex-direction: column; }
}
.ks-selected-treatment-details .ks-treatment-detail-grid { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:10px; margin: 12px 0 16px; }
.ks-selected-treatment-details .ks-treatment-detail-grid div { padding:12px; border-radius:14px; background:#f8fafc; border:1px solid rgba(15,23,42,.08); }
.ks-selected-treatment-details .ks-treatment-detail-grid span { display:block; font-size:11px; color:#64748b; text-transform:uppercase; letter-spacing:.06em; font-weight:800; }
.ks-selected-treatment-details .ks-treatment-detail-grid strong { display:block; margin-top:4px; color:#0f172a; }
.ks-detail-block { margin-top:10px; padding:12px 14px; border-radius:14px; background:#fff; border:1px solid rgba(15,23,42,.08); }
.ks-detail-block strong { display:block; margin-bottom:6px; color:#0f172a; }
.ks-detail-block p { margin:0; color:#475569; }
@media (max-width: 920px) { .ks-selected-treatment-details .ks-treatment-detail-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 560px) { .ks-selected-treatment-details .ks-treatment-detail-grid { grid-template-columns: 1fr; } } .cha-pcm-tasks-notes-grid { align-items: start; gap: 18px; }
.cha-pcm-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.cha-pcm-task-create-form,
.cha-pcm-note-create-form { margin-bottom: 18px; padding: 14px; border: 1px solid rgba(148,163,184,.28); border-radius: 18px; background: #f8fafc; }
.cha-pcm-task-board,
.cha-pcm-note-list { display: grid; gap: 12px; }
.cha-pcm-task-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, .46fr); gap: 14px; align-items: start; border: 1px solid rgba(148,163,184,.30); border-left: 5px solid #64748b; background: #fff; border-radius: 18px; padding: 14px; box-shadow: 0 10px 28px rgba(15,23,42,.04); }
.cha-pcm-task-card.priority-low { border-left-color: #94a3b8; }
.cha-pcm-task-card.priority-normal { border-left-color: #2563eb; }
.cha-pcm-task-card.priority-high { border-left-color: #f59e0b; }
.cha-pcm-task-card.priority-urgent { border-left-color: #dc2626; }
.cha-pcm-task-card.status-completed { opacity: .74; background: #f8fafc; }
.cha-pcm-task-card.is-overdue { background: linear-gradient(180deg, #fff, #fef2f2); border-color: rgba(220,38,38,.28); }
.cha-pcm-task-main strong { display:block; color:#0f172a; font-size:15px; font-weight:900; }
.cha-pcm-task-main span { display:block; margin-top:4px; color:#64748b; font-size:12px; font-weight:800; }
.cha-pcm-task-main p { margin:8px 0; color:#475569; line-height:1.5; }
.cha-pcm-task-main small { display:block; color:#64748b; line-height:1.45; }
.cha-pcm-task-update-form { display:grid; grid-template-columns: 1fr 1fr; gap:8px; align-items:center; }
.cha-pcm-task-update-form select,
.cha-pcm-task-update-form input { width:100%; min-height:36px; border-radius:10px; border:1px solid rgba(148,163,184,.50); }
.cha-pcm-task-update-form button { grid-column: 1 / -1; justify-self:start; }
.cha-pcm-note-card { border: 1px solid rgba(148,163,184,.30); border-left: 5px solid #0f766e; border-radius: 18px; background: #fff; padding: 14px; box-shadow: 0 10px 28px rgba(15,23,42,.04); }
.cha-pcm-note-card.type-medical { border-left-color:#7c3aed; }
.cha-pcm-note-card.type-finance { border-left-color:#0f766e; }
.cha-pcm-note-card.type-operation { border-left-color:#2563eb; }
.cha-pcm-note-card.type-risk { border-left-color:#dc2626; }
.cha-pcm-note-card.type-follow_up { border-left-color:#f59e0b; }
.cha-pcm-note-card span { display:block; color:#64748b; font-size:12px; font-weight:800; margin-bottom:6px; }
.cha-pcm-note-card strong { display:block; color:#0f172a; font-size:15px; font-weight:900; margin-bottom:6px; }
.cha-pcm-note-card p { margin:0; color:#334155; line-height:1.55; }
.cha-pcm-notification-history-panel { margin-top:18px; }
.cha-pcm-notification-history-panel small { color:#64748b; word-break:break-all; }
@media (max-width: 1050px) {
.cha-pcm-task-card { grid-template-columns: 1fr; }
.cha-pcm-task-update-form { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 720px) {
.cha-pcm-form-grid,
.cha-pcm-task-update-form { grid-template-columns: 1fr; }
} .cha-pcm-inline-assignment-form {
display: flex;
align-items: end;
gap: 10px;
flex-wrap: wrap;
margin-top: 14px;
padding: 12px;
background: rgba(255,255,255,.78);
border: 1px solid rgba(15,23,42,.08);
border-radius: 16px;
}
.cha-pcm-inline-assignment-form label {
display: grid;
gap: 5px;
font-size: 12px;
font-weight: 800;
color: #475569;
}
.cha-pcm-inline-assignment-form select {
min-width: 220px;
border-radius: 12px;
border-color: rgba(15,23,42,.16);
}
.cha-pcm-automation-panel h3 {
margin: 4px 0 8px;
font-size: 24px;
}
.cha-pcm-task-card small + small {
display: block;
margin-top: 4px;
color: #64748b;
} .ks-report-filter-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end;margin:0 0 18px;padding:14px;border:1px solid #dceafa;border-radius:18px;background:#f8fbff}.ks-report-filter-form label span{display:block;font-size:12px;font-weight:800;color:#607592;margin-bottom:6px}.ks-report-filter-form input{width:100%;min-height:42px;border-radius:12px;border:1px solid #cfe0f2;padding:8px 10px}.ks-report-radar .ks-table a{font-weight:800;color:#174ea6;text-decoration:none}.ks-report-radar .ks-table a:hover{text-decoration:underline}
@media(max-width:900px){.ks-report-filter-form{grid-template-columns:1fr}.ks-report-filter-form .ks-primary-button{width:100%}} .cha-pcm-secure-document-center-panel {
border: 1px solid rgba(15, 23, 42, .08);
background: linear-gradient(135deg, rgba(248, 250, 252, .96), rgba(255, 255, 255, .98));
}
.cha-pcm-secure-file-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 12px;
margin: 16px 0;
}
.cha-pcm-secure-file-grid > div {
border: 1px solid rgba(15, 23, 42, .08);
border-radius: 16px;
background: #fff;
padding: 14px;
min-height: 74px;
}
.cha-pcm-secure-file-grid strong {
display: block;
font-size: 24px;
line-height: 1;
color: #0f172a;
}
.cha-pcm-secure-file-grid span {
display: block;
margin-top: 7px;
font-size: 12px;
color: #64748b;
}
.cha-pcm-secure-file-actions {
border-top: 1px solid rgba(15, 23, 42, .08);
padding-top: 14px;
margin-top: 8px;
}
.cha-pcm-secure-file-inventory {
margin-top: 14px;
}
.cha-pcm-inline-action-form {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
flex-wrap: wrap;
}
.cha-pcm-inline-action-form p {
margin: 0;
color: #475569;
max-width: 720px;
}
@media (max-width: 1100px) {
.cha-pcm-secure-file-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
.cha-pcm-secure-file-grid { grid-template-columns: 1fr; }
.cha-pcm-inline-action-form { align-items: stretch; }
.cha-pcm-inline-action-form .button { width: 100%; text-align: center; }
} .cha-pcm-danger-settings-panel,
.cha-pcm-danger-zone-panel{border:1px solid rgba(185,28,28,.16)!important;background:linear-gradient(180deg,#fff,#fff7f7)!important}
.cha-pcm-danger-zone-panel--warn{border-color:rgba(217,119,6,.24)!important;background:linear-gradient(180deg,#fff,#fffbeb)!important}
.cha-pcm-danger-zone-panel--critical{border-color:rgba(185,28,28,.38)!important;background:linear-gradient(180deg,#fff,#fef2f2)!important}
.cha-pcm-danger-count-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:12px}
.cha-pcm-danger-count-grid>div{padding:12px;border:1px solid rgba(15,23,42,.08);border-radius:14px;background:#fff}
.cha-pcm-danger-count-grid span{display:block;font-size:12px;color:#64748b;margin-bottom:4px}.cha-pcm-danger-count-grid strong{font-size:22px;color:#111827}
.cha-pcm-danger-action-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start}
.cha-pcm-case-workspace .button-link-delete{color:#b91c1c!important;border-color:#fca5a5!important;background:#fff5f5!important;font-weight:800!important}
.cha-pcm-case-workspace .button-link-delete:hover{background:#fee2e2!important;color:#7f1d1d!important} html body .ks-application-flow {
width: min(calc(100vw - 28px), 1180px) !important;
max-width: 1180px !important;
margin: 18px auto 64px !important;
padding: 14px !important;
color: #10233f !important;
}
html body .ks-application-modern-hero {
position: relative !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(260px, 340px) !important;
gap: 18px !important;
align-items: stretch !important;
margin: 0 0 16px !important;
padding: clamp(22px, 3vw, 34px) !important;
overflow: hidden !important;
border: 1px solid #dbeafe !important;
border-radius: 32px !important;
background:
radial-gradient(circle at 8% 0%, rgba(15, 118, 110, .12), transparent 34%),
radial-gradient(circle at 100% 12%, rgba(18, 100, 168, .16), transparent 36%),
linear-gradient(135deg, #ffffff 0%, #f6fbff 58%, #eef7ff 100%) !important;
box-shadow: 0 22px 60px rgba(15, 35, 75, .085) !important;
}
html body .ks-application-modern-hero:after {
content: "" !important;
position: absolute !important;
right: -74px !important;
bottom: -92px !important;
width: 220px !important;
height: 220px !important;
border-radius: 999px !important;
border: 38px solid rgba(18, 100, 168, .06) !important;
pointer-events: none !important;
}
html body .ks-application-modern-copy,
html body .ks-application-modern-side { position: relative !important; z-index: 1 !important; }
html body .ks-application-modern-copy h1 {
margin: 8px 0 10px !important;
color: #0b2f63 !important;
font-size: clamp(32px, 4.6vw, 58px) !important;
line-height: .98 !important;
letter-spacing: -.055em !important;
font-weight: 900 !important;
}
html body .ks-application-modern-copy p {
max-width: 730px !important;
margin: 0 !important;
color: #5b6f8a !important;
font-size: clamp(15px, 1.5vw, 18px) !important;
line-height: 1.72 !important;
}
html body .ks-application-modern-tags {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
margin-top: 18px !important;
}
html body .ks-application-modern-tags span {
display: inline-flex !important;
align-items: center !important;
min-height: 34px !important;
padding: 8px 12px !important;
border: 1px solid rgba(18, 100, 168, .14) !important;
border-radius: 999px !important;
background: rgba(255,255,255,.78) !important;
color: #174b7f !important;
font-size: 12px !important;
font-weight: 850 !important;
letter-spacing: .015em !important;
}
html body .ks-application-modern-side {
display: flex !important;
min-height: 100% !important;
flex-direction: column !important;
justify-content: center !important;
padding: 22px !important;
border: 1px solid rgba(18, 100, 168, .14) !important;
border-radius: 24px !important;
background: rgba(255, 255, 255, .82) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 14px 35px rgba(15, 35, 75, .055) !important;
}
html body .ks-application-modern-side span {
color: #24669f !important;
font-size: 11.5px !important;
font-weight: 900 !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
}
html body .ks-application-modern-side strong {
display: block !important;
margin: 8px 0 !important;
color: #1264a8 !important;
font-size: clamp(32px, 4vw, 45px) !important;
line-height: 1.04 !important;
letter-spacing: -.045em !important;
}
html body .ks-application-modern-side small {
color: #657895 !important;
font-size: 13px !important;
line-height: 1.55 !important;
}
html body .ks-application-modern-side b { color: #0f766e !important; }
html body .ks-flow-steps--modern {
margin: 0 0 14px !important;
}
html body .ks-application-assist-strip {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 10px !important;
margin: 0 0 16px !important;
}
html body .ks-application-assist-strip div {
padding: 15px 16px !important;
border: 1px solid #dfeaf7 !important;
border-radius: 18px !important;
background: #ffffff !important;
box-shadow: 0 12px 32px rgba(15, 35, 75, .045) !important;
}
html body .ks-application-assist-strip strong,
html body .ks-application-assist-strip span { display: block !important; }
html body .ks-application-assist-strip strong { color: #0b3f8a !important; font-size: 15px !important; }
html body .ks-application-assist-strip span { margin-top: 4px !important; color: #64748b !important; font-size: 12.5px !important; line-height: 1.45 !important; }
html body .ks-application-form-wrap {
padding: clamp(14px, 2vw, 20px) !important;
border: 1px solid #e1ebf7 !important;
border-radius: 24px !important;
background: linear-gradient(180deg, #ffffff 0%, #f9fcff 100%) !important;
}
html body .ks-application-form-wrap .fluentform .ff-el-group {
margin-bottom: 18px !important;
}
html body .ks-application-form-wrap .fluentform label,
html body .ks-application-form-wrap .fluentform .ff-el-input--label label {
color: #0f2d57 !important;
font-size: 13px !important;
font-weight: 780 !important;
letter-spacing: -.01em !important;
}
html body .ks-application-form-wrap .fluentform input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
html body .ks-application-form-wrap .fluentform select,
html body .ks-application-form-wrap .fluentform textarea {
min-height: 52px !important;
border-radius: 16px !important;
border: 1px solid #d6e3f3 !important;
background: #fbfdff !important;
color: #10233f !important;
font-size: 14px !important;
transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease !important;
}
html body .ks-application-form-wrap .fluentform input:not([type="file"]):focus,
html body .ks-application-form-wrap .fluentform select:focus,
html body .ks-application-form-wrap .fluentform textarea:focus {
border-color: #1264a8 !important;
background: #ffffff !important;
box-shadow: 0 0 0 4px rgba(18, 100, 168, .10) !important;
outline: 0 !important;
}
html body .ks-application-form-wrap .ff-btn-submit,
html body .ks-application-form-wrap button[type="submit"] {
min-height: 52px !important;
padding: 14px 22px !important;
border-radius: 16px !important;
background: linear-gradient(135deg, #1264a8, #0f766e) !important;
border: 0 !important;
color: #ffffff !important;
font-weight: 900 !important;
box-shadow: 0 14px 28px rgba(18,100,168,.18) !important;
} html body .ks-application-form-wrap .iti,
html body .ks-fluent-wrap .iti,
html body .fluentform .iti {
width: 100% !important;
display: block !important;
position: relative !important;
}
html body .ks-application-form-wrap .iti input[type="tel"],
html body .ks-fluent-wrap .iti input[type="tel"],
html body .fluentform .iti input[type="tel"],
html body .ks-application-form-wrap .iti--allow-dropdown input[type="tel"],
html body .ks-fluent-wrap .iti--allow-dropdown input[type="tel"],
html body .fluentform .iti--allow-dropdown input[type="tel"] {
width: 100% !important;
padding-left: 62px !important;
padding-right: 14px !important;
}
html body .ks-application-form-wrap .iti__flag-container,
html body .ks-fluent-wrap .iti__flag-container,
html body .fluentform .iti__flag-container {
position: absolute !important;
left: 0 !important;
top: 0 !important;
bottom: 0 !important;
z-index: 5 !important;
}
html body .ks-application-form-wrap .iti__selected-flag,
html body .ks-fluent-wrap .iti__selected-flag,
html body .fluentform .iti__selected-flag {
min-width: 52px !important;
height: 100% !important;
padding: 0 10px !important;
border-radius: 16px 0 0 16px !important;
background: rgba(237, 246, 255, .85) !important;
border-right: 1px solid #d6e3f3 !important;
}
@media (max-width: 860px) {
html body .ks-application-flow { width: min(100% - 16px, 1180px) !important; padding: 8px !important; }
html body .ks-application-modern-hero { grid-template-columns: 1fr !important; border-radius: 24px !important; }
html body .ks-application-assist-strip { grid-template-columns: 1fr !important; }
}
@media (max-width: 560px) {
html body .ks-application-flow { width: 100% !important; padding: 8px !important; margin-top: 8px !important; }
html body .ks-application-modern-hero { padding: 20px !important; border-radius: 22px !important; }
html body .ks-application-modern-copy h1 { font-size: 31px !important; }
html body .ks-application-modern-tags { gap: 6px !important; }
html body .ks-application-modern-tags span { width: 100% !important; justify-content: center !important; }
html body .ks-application-form-wrap { padding: 12px !important; border-radius: 18px !important; }
} .cha-pcm-shortcode-root .ks-form-missing-alert,
.ks-form-missing-alert {
border: 1px solid #fecaca !important;
background: #fff7f7 !important;
color: #7f1d1d !important;
border-radius: 18px !important;
padding: 18px 20px !important;
margin: 14px 0 !important;
}
.cha-pcm-shortcode-root .ks-form11-visible-panel {
border: 1px solid rgba(15, 95, 165, .12) !important;
background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
}
.cha-pcm-shortcode-root .ks-form11-detail-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
}
.cha-pcm-shortcode-root .ks-form11-detail-grid > div {
min-width: 0 !important;
padding: 14px 16px !important;
border: 1px solid rgba(15, 95, 165, .10) !important;
border-radius: 16px !important;
background: #ffffff !important;
box-shadow: 0 10px 24px rgba(15, 23, 42, .04) !important;
}
.cha-pcm-shortcode-root .ks-form11-detail-grid span,
.cha-pcm-shortcode-root .ks-form11-file-row span {
display: block !important;
margin-bottom: 6px !important;
color: #64748b !important;
font-size: 12px !important;
font-weight: 850 !important;
letter-spacing: .04em !important;
text-transform: uppercase !important;
}
.cha-pcm-shortcode-root .ks-form11-detail-grid strong {
display: block !important;
color: #0f2d57 !important;
font-size: 14px !important;
font-weight: 800 !important;
line-height: 1.45 !important;
word-break: break-word !important;
}
.cha-pcm-shortcode-root .ks-form11-file-list {
margin-top: 16px !important;
display: grid !important;
gap: 10px !important;
}
.cha-pcm-shortcode-root .ks-form11-file-list h3 {
margin: 4px 0 2px !important;
color: #0b3f8a !important;
font-size: 17px !important;
font-weight: 900 !important;
}
.cha-pcm-shortcode-root .ks-form11-file-row {
display: grid !important;
grid-template-columns: minmax(180px, 260px) 1fr !important;
gap: 12px !important;
align-items: center !important;
padding: 12px 14px !important;
border: 1px solid rgba(15, 95, 165, .10) !important;
border-radius: 14px !important;
background: #ffffff !important;
}
.cha-pcm-shortcode-root .ks-form11-file-row div {
display: flex !important;
gap: 8px !important;
flex-wrap: wrap !important;
}
.cha-pcm-shortcode-root .ks-form11-file-row a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 34px !important;
padding: 8px 12px !important;
border-radius: 999px !important;
background: #eef6ff !important;
color: #0b5fa5 !important;
text-decoration: none !important;
font-weight: 850 !important;
font-size: 12px !important;
}
@media (max-width: 760px) {
.cha-pcm-shortcode-root .ks-form11-detail-grid,
.cha-pcm-shortcode-root .ks-form11-file-row {
grid-template-columns: 1fr !important;
}
} html body .ks-application-flow {
width: min(calc(100vw - 32px), 1240px) !important;
max-width: 1240px !important;
margin-top: 24px !important;
}
html body .ks-application-modern-hero {
grid-template-columns: minmax(0, 1fr) minmax(260px, 320px) !important;
padding: clamp(26px, 4vw, 42px) !important;
border-radius: 34px !important;
background:
radial-gradient(circle at 3% 10%, rgba(15, 118, 110, .10), transparent 30%),
radial-gradient(circle at 95% 4%, rgba(18, 100, 168, .14), transparent 34%),
linear-gradient(135deg, #ffffff 0%, #f7fbff 56%, #eef8ff 100%) !important;
}
html body .ks-application-modern-copy h1 {
max-width: 760px !important;
font-size: clamp(32px, 4vw, 50px) !important;
line-height: 1.06 !important;
letter-spacing: -.045em !important;
}
html body .ks-application-modern-copy p {
max-width: 760px !important;
color: #536b89 !important;
font-size: clamp(15px, 1.35vw, 17px) !important;
line-height: 1.76 !important;
}
html body .ks-application-modern-tags,
html body .ks-application-assist-strip {
display: none !important;
}
html body .ks-flow-steps--modern {
margin: 0 0 16px !important;
}
html body .ks-flow-steps--modern > div {
min-height: 58px !important;
padding: 14px 18px !important;
border-radius: 18px !important;
background: rgba(255,255,255,.92) !important;
}
html body .ks-flow-steps--modern span {
font-size: 13px !important;
white-space: normal !important;
line-height: 1.25 !important;
}
html body .ks-application-modern-side {
padding: 24px !important;
border-radius: 26px !important;
}
html body .ks-application-modern-side span {
letter-spacing: .045em !important;
line-height: 1.35 !important;
}
html body .ks-application-care-note {
display: grid !important;
gap: 6px !important;
margin: 0 0 18px !important;
padding: 16px 18px !important;
border: 1px solid rgba(15, 118, 110, .16) !important;
border-radius: 18px !important;
background: linear-gradient(135deg, #f0fdfa 0%, #f8fbff 100%) !important;
color: #164e63 !important;
}
html body .ks-application-care-note strong {
color: #0f766e !important;
font-size: 15px !important;
font-weight: 900 !important;
}
html body .ks-application-care-note span {
color: #52627f !important;
font-size: 13.5px !important;
line-height: 1.62 !important;
}
@media (max-width: 860px) {
html body .ks-application-flow { width: min(100% - 16px, 1240px) !important; margin-top: 10px !important; }
html body .ks-application-modern-hero { grid-template-columns: 1fr !important; border-radius: 26px !important; }
html body .ks-flow-steps--modern { grid-template-columns: 1fr !important; }
}
@media (max-width: 560px) {
html body .ks-application-modern-copy h1 { font-size: 30px !important; }
html body .ks-application-modern-side strong { font-size: 34px !important; }
html body .ks-application-care-note { padding: 14px !important; border-radius: 16px !important; }
} html body .ks-application-form-wrap .ff_file_upload_holder,
html body .ks-fluent-wrap .ff_file_upload_holder {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-height: 74px !important;
padding: 14px !important;
border: 1px dashed #9fc3e8 !important;
border-radius: 18px !important;
background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
cursor: pointer !important;
overflow: hidden !important;
}
html body .ks-application-form-wrap .ff_file_upload_holder:hover,
html body .ks-fluent-wrap .ff_file_upload_holder:hover {
border-color: #1264a8 !important;
background: #f3f9ff !important;
}
html body .ks-application-form-wrap .ff_file_upload_holder input[type="file"],
html body .ks-fluent-wrap .ff_file_upload_holder input[type="file"],
html body .ks-application-form-wrap input[type="file"].ff-screen-reader-element,
html body .ks-fluent-wrap input[type="file"].ff-screen-reader-element {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
min-height: 100% !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
opacity: 0 !important;
cursor: pointer !important;
z-index: 2 !important;
}
html body .ks-application-form-wrap .ff_upload_btn,
html body .ks-fluent-wrap .ff_upload_btn {
position: relative !important;
z-index: 1 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 44px !important;
padding: 12px 18px !important;
border-radius: 999px !important;
border: 1px solid rgba(18, 100, 168, .22) !important;
background: #ffffff !important;
color: #0b4f8a !important;
font-size: 13px !important;
font-weight: 900 !important;
box-shadow: 0 10px 22px rgba(18, 100, 168, .08) !important;
pointer-events: none !important;
}
html body .ks-application-form-wrap .ff-upload-preview,
html body .ks-fluent-wrap .ff-upload-preview,
html body .ks-application-form-wrap .ff-uploaded-list,
html body .ks-fluent-wrap .ff-uploaded-list {
margin-top: 10px !important;
border-radius: 14px !important;
overflow-wrap: anywhere !important;
} html body .ks-application-form-wrap .ff_file_upload_holder,
html body .ks-fluent-wrap .ff_file_upload_holder {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: auto !important;
min-width: min(100%, 280px) !important;
max-width: 100% !important;
min-height: auto !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
overflow: visible !important;
cursor: pointer !important;
}
html body .ks-application-form-wrap .ff_file_upload_holder input[type="file"],
html body .ks-fluent-wrap .ff_file_upload_holder input[type="file"],
html body .ks-application-form-wrap input[type="file"].ff-screen-reader-element,
html body .ks-fluent-wrap input[type="file"].ff-screen-reader-element {
position: absolute !important;
width: 1px !important;
height: 1px !important;
min-width: 1px !important;
min-height: 1px !important;
padding: 0 !important;
margin: -1px !important;
border: 0 !important;
opacity: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
z-index: auto !important;
}
html body .ks-application-form-wrap .ff_upload_btn,
html body .ks-fluent-wrap .ff_upload_btn {
pointer-events: auto !important;
cursor: pointer !important;
}
html body .ks-application-form-wrap .ff-el-input--content:has(.ff_file_upload_holder),
html body .ks-fluent-wrap .ff-el-input--content:has(.ff_file_upload_holder) {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 8px !important;
}
html body .ks-application-form-wrap .ks-ff-upload-status,
html body .ks-fluent-wrap .ks-ff-upload-status {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin-top: 8px !important;
padding: 10px 12px !important;
border-radius: 12px !important;
font-size: 12.5px !important;
font-weight: 750 !important;
line-height: 1.45 !important;
overflow-wrap: anywhere !important;
border: 1px solid #dbeafe !important;
background: #f8fbff !important;
color: #173b8f !important;
}
html body .ks-application-form-wrap .ks-ff-upload-status.is-loading,
html body .ks-fluent-wrap .ks-ff-upload-status.is-loading {
border-color: rgba(18,100,168,.25) !important;
background: #eff6ff !important;
color: #0b4f8a !important;
}
html body .ks-application-form-wrap .ks-ff-upload-status.is-ok,
html body .ks-fluent-wrap .ks-ff-upload-status.is-ok {
border-color: rgba(15,118,110,.24) !important;
background: #f0fdfa !important;
color: #0f766e !important;
}
html body .ks-application-form-wrap .ks-ff-upload-status.is-waiting,
html body .ks-fluent-wrap .ks-ff-upload-status.is-waiting {
border-color: rgba(245,158,11,.30) !important;
background: #fffbeb !important;
color: #92400e !important;
} html body .ks-application-file-no {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
gap: 14px !important;
align-items: center !important;
margin: 0 0 18px !important;
padding: 16px 18px !important;
border: 1px solid rgba(18, 100, 168, .16) !important;
border-radius: 18px !important;
background:
radial-gradient(circle at 0% 0%, rgba(15,118,110,.10), transparent 34%),
linear-gradient(135deg, #ffffff 0%, #f7fbff 100%) !important;
box-shadow: 0 12px 28px rgba(15, 35, 75, .045) !important;
}
html body .ks-application-file-no > div {
min-width: 0 !important;
display: grid !important;
gap: 4px !important;
}
html body .ks-application-file-no span {
color: #0f766e !important;
font-size: 11px !important;
font-weight: 900 !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
}
html body .ks-application-file-no strong {
color: #0b2f63 !important;
font-size: clamp(20px, 2vw, 28px) !important;
line-height: 1.08 !important;
font-weight: 950 !important;
letter-spacing: -.035em !important;
word-break: break-word !important;
}
html body .ks-application-file-no p {
max-width: 420px !important;
margin: 0 !important;
color: #536b89 !important;
font-size: 13px !important;
line-height: 1.55 !important;
text-align: right !important;
}
@media (max-width: 760px) {
html body .ks-application-file-no { grid-template-columns: 1fr !important; }
html body .ks-application-file-no p { text-align: left !important; max-width: none !important; }
} .ks-clean-staff,
.ks-clean-staff * {
box-sizing: border-box;
}
.ks-clean-staff {
width: min(1760px, calc(100vw - 32px));
margin: 24px auto;
display: grid;
grid-template-columns: 280px minmax(0, 1fr);
gap: 22px;
color: #172033;
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.ksc-sidebar,
.ksc-main,
.ksc-panel,
.ksc-login-required {
background: #ffffff;
border: 1px solid #e7edf5;
border-radius: 24px;
box-shadow: 0 20px 60px rgba(17, 34, 68, .08);
}
.ksc-sidebar {
position: sticky;
top: 18px;
align-self: start;
padding: 18px;
}
.ksc-brand {
padding: 12px 10px 18px;
border-bottom: 1px solid #edf2f7;
margin-bottom: 12px;
}
.ksc-brand strong {
display: block;
font-size: 18px;
letter-spacing: -.02em;
}
.ksc-brand span,
.ksc-help,
.ksc-row-meta,
.ksc-count,
.ksc-timeline-time {
color: #667085;
font-size: 13px;
}
.ksc-nav {
display: grid;
gap: 6px;
}
.ksc-nav a {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 12px 13px;
border-radius: 14px;
color: #344054;
text-decoration: none;
font-size: 14px;
font-weight: 650;
transition: background .18s ease, color .18s ease, transform .18s ease;
}
.ksc-nav a:hover,
.ksc-nav a.is-active {
background: #f0f7ff;
color: #0b64c0;
transform: translateX(2px);
}
.ksc-logout {
margin-top: 12px;
border-top: 1px solid #edf2f7;
padding-top: 12px;
}
.ksc-main {
padding: 22px;
min-width: 0;
}
.ksc-login-required {
max-width: 760px;
margin: 40px auto;
padding: 28px;
}
.ksc-header,
.ksc-panel-head,
.ksc-case-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 18px;
margin-bottom: 18px;
}
.ksc-header h1,
.ksc-panel h2,
.ksc-panel h3,
.ksc-case-head h1 {
margin: 0;
color: #101828;
letter-spacing: -.03em;
}
.ksc-header h1,
.ksc-case-head h1 {
font-size: clamp(24px, 3vw, 34px);
line-height: 1.08;
}
.ksc-panel h2 {
font-size: 22px;
}
.ksc-panel h3 {
font-size: 18px;
margin-bottom: 12px;
}
.ksc-stats {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
margin-bottom: 18px;
}
.ksc-stat {
padding: 18px;
background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
border: 1px solid #e7edf5;
border-radius: 20px;
}
.ksc-stat span {
display: block;
color: #667085;
font-size: 13px;
margin-bottom: 8px;
}
.ksc-stat strong {
display: block;
font-size: 30px;
color: #101828;
line-height: 1;
}
.ksc-grid-2 {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 18px;
}
.ksc-panel {
padding: 20px;
margin-bottom: 18px;
overflow: hidden;
}
.ksc-list {
display: grid;
gap: 10px;
}
.ksc-row,
.ksc-payment-card,
.ksc-doc-card,
.ksc-mini-record,
.ksc-msg,
.ksc-option-box {
border: 1px solid #e8eef6;
border-radius: 18px;
background: #ffffff;
}
.ksc-row {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 16px;
align-items: center;
padding: 15px;
}
.ksc-row strong {
display: block;
font-size: 15px;
color: #101828;
margin-bottom: 5px;
}
.ksc-row-meta {
display: flex;
flex-wrap: wrap;
gap: 8px 14px;
}
.ksc-search,
.ksc-inline-form,
.ksc-two,
.ksc-actions-row,
.ksc-payment-actions {
display: flex;
gap: 10px;
align-items: center;
flex-wrap: wrap;
}
.ksc-search {
margin-bottom: 16px;
}
.ksc-search input,
.ksc-form input[type="text"],
.ksc-form input[type="number"],
.ksc-form input[type="url"],
.ksc-form input[type="date"],
.ksc-form input[type="email"],
.ksc-form input[type="password"],
.ksc-form select,
.ksc-form textarea,
.ksc-inline-form input,
.ksc-mini-form input,
.ksc-mini-form select,
.ksc-mini-form textarea,
.ksc-doc-form select,
.ksc-doc-form textarea,
.ksc-user-form input,
.ksc-user-form select {
width: 100%;
border: 1px solid #d9e2ee;
border-radius: 14px;
padding: 11px 13px;
background: #ffffff;
color: #172033;
font-size: 14px;
outline: none;
}
.ksc-search input {
min-width: 260px;
flex: 1;
}
.ksc-form textarea,
.ksc-mini-form textarea,
.ksc-doc-form textarea {
min-height: 92px;
resize: vertical;
}
.ksc-btn,
.ksc-form button,
.ksc-inline-form button,
.ksc-mini-form button,
.ksc-doc-form button,
.ksc-payment-actions button,
.ksc-user-form button {
appearance: none;
border: 0;
border-radius: 14px;
padding: 11px 15px;
background: #0b64c0;
color: #ffffff !important;
font-size: 14px;
font-weight: 750;
line-height: 1.2;
text-decoration: none !important;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 42px;
}
.ksc-btn.secondary,
.ksc-inline-form button[name="ks_staff_payment_action"][value="reject"],
.ksc-payment-actions button[name="ks_staff_payment_action"][value="reject"] {
background: #f3f6fa;
color: #344054 !important;
}
.ksc-btn.soft {
background: #eef6ff;
color: #0b64c0 !important;
}
.ksc-btn.danger,
.ksc-actions-row button[name="eligibility_decision"][value="not_eligible"] {
background: #b42318;
}
.ksc-badge {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 6px 10px;
border-radius: 999px;
font-size: 12px;
font-weight: 750;
background: #f2f4f7;
color: #344054;
white-space: nowrap;
}
.ksc-badge.status-pending,
.ksc-badge.status-initial_payment_pending,
.ksc-badge.status-payment_pending,
.ksc-badge.status-treatment_selection_pending {
background: #fff7e6;
color: #a15c00;
}
.ksc-badge.status-approved,
.ksc-badge.status-eligible,
.ksc-badge.status-treatment_started,
.ksc-badge.status-completed {
background: #eafaf1;
color: #087443;
}
.ksc-badge.status-rejected,
.ksc-badge.status-not_eligible,
.ksc-badge.status-treatment_declined {
background: #fff1f0;
color: #b42318;
}
.ksc-badge.status-document_review,
.ksc-badge.status-doctor_review,
.ksc-badge.status-doctor_report_ready,
.ksc-badge.status-invoice_preparing,
.ksc-badge.status-treatment_payment_pending {
background: #eef6ff;
color: #0b64c0;
}
.ksc-back {
display: inline-flex;
margin-bottom: 14px;
color: #0b64c0;
font-weight: 750;
text-decoration: none;
}
.ksc-case-status {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 8px;
}
.ksc-flow {
display: flex;
gap: 8px;
overflow-x: auto;
padding: 8px 2px 16px;
margin-bottom: 14px;
}
.ksc-flow span {
flex: 0 0 auto;
padding: 9px 11px;
border-radius: 999px;
border: 1px solid #e7edf5;
background: #f8fafc;
color: #667085;
font-size: 12px;
font-weight: 700;
}
.ksc-flow span.is-current {
background: #0b64c0;
color: #ffffff;
border-color: #0b64c0;
}
.ksc-tabs {
display: flex;
gap: 8px;
flex-wrap: wrap;
margin-bottom: 18px;
}
.ksc-tabs a {
padding: 10px 13px;
border-radius: 999px;
border: 1px solid #e1e8f0;
background: #ffffff;
color: #475467;
text-decoration: none;
font-size: 13px;
font-weight: 750;
}
.ksc-tabs a.is-active {
background: #101828;
color: #ffffff;
border-color: #101828;
}
.ksc-info-grid,
.ksc-payload-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
}
.ksc-info-grid div,
.ksc-payload-item {
background: #f8fafc;
border: 1px solid #edf2f7;
border-radius: 16px;
padding: 13px;
min-width: 0;
}
.ksc-info-grid span,
.ksc-payload-item span,
.ksc-form label,
.ksc-mini-form label,
.ksc-doc-form label,
.ksc-user-form label {
display: block;
color: #667085;
font-size: 12px;
font-weight: 750;
margin-bottom: 6px;
}
.ksc-info-grid strong,
.ksc-payload-item strong {
color: #101828;
font-size: 14px;
word-break: break-word;
}
.ksc-payment-card,
.ksc-doc-card,
.ksc-mini-record,
.ksc-option-box {
padding: 15px;
margin-bottom: 12px;
}
.ksc-payment-card header,
.ksc-doc-card header {
display: flex;
justify-content: space-between;
gap: 12px;
align-items: flex-start;
margin-bottom: 10px;
}
.ksc-payment-card p,
.ksc-doc-card p,
.ksc-option-box p,
.ksc-mini-record p {
margin: 6px 0;
color: #475467;
font-size: 14px;
}
.ksc-form,
.ksc-mini-form,
.ksc-doc-form,
.ksc-user-form {
display: grid;
gap: 12px;
}
.ksc-two {
align-items: stretch;
}
.ksc-two > * {
flex: 1 1 220px;
}
.ksc-check {
display: flex;
align-items: center;
gap: 8px;
color: #475467;
font-size: 14px;
}
.ksc-actions-row button {
flex: 1 1 220px;
}
.ksc-chat {
display: grid;
gap: 12px;
}
.ksc-msg {
padding: 14px;
}
.ksc-msg.is-admin {
background: #f8fbff;
}
.ksc-msg.is-patient {
background: #fffdf7;
}
.ksc-msg-head {
display: flex;
justify-content: space-between;
gap: 12px;
margin-bottom: 8px;
}
.ksc-msg p {
margin: 0;
color: #344054;
}
.ksc-timeline {
display: grid;
gap: 12px;
}
.ksc-timeline-item {
display: grid;
grid-template-columns: 150px minmax(0, 1fr);
gap: 14px;
padding: 14px;
border: 1px solid #edf2f7;
border-radius: 16px;
background: #ffffff;
}
.ksc-timeline-body strong {
display: block;
color: #101828;
margin-bottom: 4px;
}
.ksc-empty,
.ksc-notice {
padding: 18px;
border-radius: 18px;
background: #f8fafc;
border: 1px dashed #d8e2ee;
color: #475467;
}
.ksc-notice.warning {
background: #fff8ed;
border-color: #ffd89b;
color: #8a4b00;
}
.ksc-rules {
margin: 0;
padding-left: 18px;
color: #475467;
}
.ksc-rules li {
margin-bottom: 8px;
}
@media (max-width: 1180px) {
.ks-clean-staff {
grid-template-columns: 1fr;
}
.ksc-sidebar {
position: relative;
top: 0;
}
.ksc-nav {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ksc-stats,
.ksc-info-grid,
.ksc-payload-grid,
.ksc-grid-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 720px) {
.ks-clean-staff {
width: calc(100vw - 18px);
margin: 10px auto;
gap: 12px;
}
.ksc-sidebar,
.ksc-main,
.ksc-panel {
border-radius: 18px;
}
.ksc-main,
.ksc-sidebar,
.ksc-panel {
padding: 14px;
}
.ksc-nav,
.ksc-stats,
.ksc-info-grid,
.ksc-payload-grid,
.ksc-grid-2 {
grid-template-columns: 1fr;
}
.ksc-header,
.ksc-panel-head,
.ksc-case-head,
.ksc-row,
.ksc-payment-card header,
.ksc-doc-card header,
.ksc-msg-head {
display: grid;
grid-template-columns: 1fr;
}
.ksc-case-status {
align-items: flex-start;
}
.ksc-search input {
min-width: 0;
}
.ksc-btn,
.ksc-form button,
.ksc-inline-form button,
.ksc-mini-form button,
.ksc-doc-form button,
.ksc-user-form button {
width: 100%;
}
.ksc-timeline-item {
grid-template-columns: 1fr;
}
} .cha-pcm-page .entry-content,
.cha-pcm-page .wp-block-post-content,
.cha-pcm-page .site-content,
.cha-pcm-page main {
overflow-x: hidden !important;
}
.ks-clean-staff {
width: 100% !important;
max-width: 1480px !important;
margin: 24px auto 64px !important;
padding: 0 14px !important;
grid-template-columns: 260px minmax(0, 1fr) !important;
gap: 20px !important;
}
.ks-clean-staff a,
.ks-clean-staff button,
.ks-clean-staff input,
.ks-clean-staff textarea,
.ks-clean-staff select {
font-family: inherit !important;
}
.ksc-sidebar {
top: 74px !important;
box-shadow: 0 18px 45px rgba(15, 23, 42, .06) !important;
}
.ksc-main {
overflow: hidden !important;
box-shadow: 0 18px 45px rgba(15, 23, 42, .06) !important;
}
.ksc-header,
.ksc-case-head {
min-width: 0 !important;
flex-wrap: wrap !important;
}
.ksc-case-head > div:first-child {
min-width: 0 !important;
}
.ksc-case-head h1 {
word-break: break-word !important;
}
.ksc-case-status {
max-width: 100% !important;
flex-direction: row !important;
flex-wrap: wrap !important;
justify-content: flex-end !important;
}
.ksc-stats > article,
.ksc-stat {
padding: 18px !important;
background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
border: 1px solid #e7edf5 !important;
border-radius: 20px !important;
min-width: 0 !important;
}
.ksc-stats > article span,
.ksc-stat span {
display: block !important;
color: #667085 !important;
font-size: 13px !important;
margin-bottom: 8px !important;
}
.ksc-stats > article strong,
.ksc-stat strong {
display: block !important;
font-size: 30px !important;
color: #101828 !important;
line-height: 1 !important;
}
.ksc-stats > article small,
.ksc-stat small {
display: block !important;
margin-top: 8px !important;
color: #667085 !important;
font-size: 12px !important;
}
.ksc-row {
text-decoration: none !important;
color: inherit !important;
}
.ksc-row span,
.ksc-row small {
display: block !important;
color: #667085 !important;
font-size: 13px !important;
line-height: 1.45 !important;
}
.ksc-flow span.is-on,
.ksc-flow span.is-current {
background: #0b64c0 !important;
color: #ffffff !important;
border-color: #0b64c0 !important;
}
.ksc-badge--success,
.ksc-badge.status-approved,
.ksc-badge.status-eligible,
.ksc-badge.status-treatment_started,
.ksc-badge.status-completed {
background: #eafaf1 !important;
color: #087443 !important;
}
.ksc-badge--info,
.ksc-badge.status-document_review,
.ksc-badge.status-doctor_review,
.ksc-badge.status-doctor_report_ready,
.ksc-badge.status-invoice_preparing,
.ksc-badge.status-treatment_payment_pending {
background: #eef6ff !important;
color: #0b64c0 !important;
}
.ksc-badge--warning,
.ksc-badge.status-pending,
.ksc-badge.status-initial_payment_pending,
.ksc-badge.status-payment_pending,
.ksc-badge.status-treatment_selection_pending {
background: #fff7e6 !important;
color: #a15c00 !important;
}
.ksc-badge--danger,
.ksc-badge.status-rejected,
.ksc-badge.status-not_eligible,
.ksc-badge.status-treatment_declined {
background: #fff1f0 !important;
color: #b42318 !important;
}
.ksc-btn--primary,
.ksc-btn.primary {
background: #0b64c0 !important;
color: #ffffff !important;
}
.ksc-btn--success,
.ksc-btn.success {
background: #087443 !important;
color: #ffffff !important;
}
.ksc-btn--danger,
.ksc-btn.danger {
background: #b42318 !important;
color: #ffffff !important;
}
.ksc-btn--warning,
.ksc-btn.warning {
background: #a15c00 !important;
color: #ffffff !important;
}
.ksc-btn--soft,
.ksc-btn.soft {
background: #eef6ff !important;
color: #0b64c0 !important;
}
.ksc-notice.is-success,
.ksc-notice.success {
background: #eafaf1 !important;
border-color: #b7ebcc !important;
color: #087443 !important;
}
.ksc-notice.is-danger,
.ksc-notice.danger {
background: #fff1f0 !important;
border-color: #ffc9c4 !important;
color: #b42318 !important;
}
.ksc-notice.is-warning,
.ksc-notice.warning {
background: #fff8ed !important;
border-color: #ffd89b !important;
color: #8a4b00 !important;
}
.ksc-section-note {
margin: 4px 0 18px !important;
color: #667085 !important;
font-size: 14px !important;
line-height: 1.55 !important;
}
.ksc-detail-sections {
display: grid !important;
gap: 16px !important;
}
.ksc-data-section {
padding: 16px !important;
border: 1px solid #e8eef6 !important;
border-radius: 18px !important;
background: #fbfdff !important;
min-width: 0 !important;
}
.ksc-data-section h3 {
margin: 0 0 12px !important;
font-size: 17px !important;
line-height: 1.2 !important;
color: #101828 !important;
letter-spacing: -.01em !important;
}
.ksc-data-grid,
.ksc-info-grid,
.ksc-payload-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
}
.ksc-data-item,
.ksc-info-grid > div,
.ksc-payload-grid > div,
.ksc-payload-item {
background: #ffffff !important;
border: 1px solid #edf2f7 !important;
border-radius: 15px !important;
padding: 13px !important;
min-width: 0 !important;
}
.ksc-data-item span,
.ksc-info-grid > div span,
.ksc-payload-grid > div span,
.ksc-payload-item span {
display: block !important;
color: #667085 !important;
font-size: 12px !important;
font-weight: 750 !important;
line-height: 1.35 !important;
margin: 0 0 6px !important;
}
.ksc-data-item strong,
.ksc-info-grid > div strong,
.ksc-payload-grid > div strong,
.ksc-payload-item strong {
display: block !important;
color: #101828 !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.45 !important;
word-break: break-word !important;
overflow-wrap: anywhere !important;
}
.ksc-file-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
}
.ksc-file-card {
display: grid !important;
gap: 5px !important;
padding: 14px !important;
border: 1px solid #dbeafe !important;
border-radius: 16px !important;
background: #ffffff !important;
color: #101828 !important;
text-decoration: none !important;
min-width: 0 !important;
}
.ksc-file-card span {
color: #0b64c0 !important;
font-size: 12px !important;
font-weight: 800 !important;
}
.ksc-file-card strong {
color: #101828 !important;
font-size: 14px !important;
line-height: 1.35 !important;
word-break: break-word !important;
overflow-wrap: anywhere !important;
}
.ksc-file-card em {
color: #667085 !important;
font-size: 12px !important;
font-style: normal !important;
}
.ksc-payment-card > div:first-child,
.ksc-doc-card > div:first-child,
.ksc-mini-record {
min-width: 0 !important;
}
.ksc-payment-card span,
.ksc-doc-card span,
.ksc-mini-record span,
.ksc-payment-card small,
.ksc-doc-card small,
.ksc-mini-record small {
display: block !important;
color: #667085 !important;
font-size: 13px !important;
line-height: 1.45 !important;
}
.ksc-chat .ksc-msg.is-staff,
.ksc-chat .ksc-msg.is-admin {
background: #f8fbff !important;
margin-left: min(80px, 12%) !important;
}
.ksc-chat .ksc-msg.is-patient {
background: #fffdf7 !important;
margin-right: min(80px, 12%) !important;
}
@media (max-width: 1100px) {
.ks-clean-staff {
grid-template-columns: 1fr !important;
max-width: 980px !important;
}
.ksc-sidebar {
position: relative !important;
top: 0 !important;
}
.ksc-nav {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.ksc-data-grid,
.ksc-info-grid,
.ksc-payload-grid,
.ksc-file-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 760px) {
.ks-clean-staff {
padding: 0 8px !important;
margin-top: 12px !important;
}
.ksc-nav,
.ksc-stats,
.ksc-data-grid,
.ksc-info-grid,
.ksc-payload-grid,
.ksc-file-grid,
.ksc-grid-2 {
grid-template-columns: 1fr !important;
}
.ksc-case-status {
justify-content: flex-start !important;
}
.ksc-chat .ksc-msg.is-staff,
.ksc-chat .ksc-msg.is-admin,
.ksc-chat .ksc-msg.is-patient {
margin-left: 0 !important;
margin-right: 0 !important;
}
} :root {
--ks-ui-bg: #f6f9fd;
--ks-ui-surface: #ffffff;
--ks-ui-surface-soft: #f9fbff;
--ks-ui-line: #dfe8f3;
--ks-ui-line-soft: #edf3f9;
--ks-ui-text: #101828;
--ks-ui-muted: #667085;
--ks-ui-blue: #075fc0;
--ks-ui-blue-2: #0b74de;
--ks-ui-green: #087443;
--ks-ui-red: #b42318;
--ks-ui-amber: #a15c00;
--ks-ui-shadow: 0 20px 55px rgba(15, 23, 42, .075);
--ks-ui-shadow-soft: 0 12px 30px rgba(15, 23, 42, .055);
--ks-ui-radius-xl: 28px;
--ks-ui-radius-lg: 22px;
--ks-ui-radius-md: 16px;
}
html body .cha-pcm-shortcode-root {
width: 100% !important;
max-width: none !important;
overflow-x: clip !important;
}
html body .cha-pcm-shortcode-root *,
html body .cha-pcm-shortcode-root *::before,
html body .cha-pcm-shortcode-root *::after {
box-sizing: border-box !important;
} html body .cha-pcm-shortcode-root .ks-clean-staff {
width: 100% !important;
max-width: 1540px !important;
margin: 22px auto 72px !important;
padding: 0 18px !important;
display: grid !important;
grid-template-columns: 268px minmax(0, 1fr) !important;
gap: 22px !important;
align-items: start !important;
color: var(--ks-ui-text) !important;
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-sidebar,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-main,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-login-required {
border: 1px solid var(--ks-ui-line-soft) !important;
border-radius: var(--ks-ui-radius-xl) !important;
box-shadow: var(--ks-ui-shadow-soft) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-sidebar {
position: sticky !important;
top: 88px !important;
padding: 16px !important;
background:
radial-gradient(circle at top left, rgba(11, 116, 222, .10), transparent 34%),
linear-gradient(180deg, #ffffff 0%, #f9fbff 100%) !important;
min-width: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-brand {
display: grid !important;
grid-template-columns: 44px minmax(0, 1fr) !important;
column-gap: 12px !important;
align-items: center !important;
padding: 10px 8px 18px !important;
margin: 0 0 12px !important;
border-bottom: 1px solid var(--ks-ui-line-soft) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-brand::before {
content: "KS" !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 44px !important;
height: 44px !important;
border-radius: 15px !important;
color: #ffffff !important;
font-size: 13px !important;
font-weight: 900 !important;
letter-spacing: -.02em !important;
background: linear-gradient(135deg, var(--ks-ui-blue) 0%, var(--ks-ui-blue-2) 100%) !important;
box-shadow: 0 12px 24px rgba(7, 95, 192, .20) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-brand strong {
font-size: 17px !important;
line-height: 1.12 !important;
letter-spacing: -.03em !important;
color: var(--ks-ui-text) !important;
min-width: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-brand span {
grid-column: 2 !important;
color: var(--ks-ui-muted) !important;
font-size: 12px !important;
line-height: 1.3 !important;
margin-top: 2px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav {
display: grid !important;
gap: 7px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav a {
display: flex !important;
align-items: center !important;
gap: 10px !important;
min-height: 45px !important;
padding: 11px 12px !important;
border: 1px solid transparent !important;
border-radius: 16px !important;
color: #344054 !important;
background: transparent !important;
text-decoration: none !important;
font-size: 14px !important;
font-weight: 760 !important;
line-height: 1.2 !important;
transform: none !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav a::before {
content: "" !important;
flex: 0 0 auto !important;
width: 8px !important;
height: 8px !important;
border-radius: 999px !important;
background: #c9d7e8 !important;
transition: .18s ease !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav a:hover,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav a.is-active {
color: var(--ks-ui-blue) !important;
background: #eef6ff !important;
border-color: #dcecff !important;
box-shadow: inset 0 0 0 1px rgba(7, 95, 192, .04) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav a:hover::before,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav a.is-active::before {
background: var(--ks-ui-blue) !important;
box-shadow: 0 0 0 4px rgba(7, 95, 192, .10) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-logout {
margin-top: 14px !important;
padding-top: 14px !important;
border-top: 1px solid var(--ks-ui-line-soft) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-logout button {
width: 100% !important;
min-height: 44px !important;
border: 1px solid var(--ks-ui-line) !important;
border-radius: 16px !important;
background: #ffffff !important;
color: var(--ks-ui-blue) !important;
font-weight: 800 !important;
cursor: pointer !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-main {
min-width: 0 !important;
overflow: hidden !important;
padding: clamp(16px, 2vw, 26px) !important;
background:
radial-gradient(circle at top right, rgba(7, 95, 192, .08), transparent 30%),
var(--ks-ui-bg) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-header,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-case-head,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel-head {
display: flex !important;
align-items: flex-start !important;
justify-content: space-between !important;
gap: 16px !important;
flex-wrap: wrap !important;
margin: 0 0 18px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-header h1,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-case-head h1 {
margin: 0 !important;
color: var(--ks-ui-text) !important;
font-size: clamp(25px, 3vw, 38px) !important;
line-height: 1.05 !important;
letter-spacing: -.045em !important;
overflow-wrap: anywhere !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-header p,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-case-head p,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-section-note,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-help {
margin: 7px 0 0 !important;
max-width: 820px !important;
color: var(--ks-ui-muted) !important;
font-size: 14px !important;
line-height: 1.55 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel {
padding: clamp(16px, 1.7vw, 22px) !important;
margin: 0 0 18px !important;
background: rgba(255,255,255,.96) !important;
overflow: hidden !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel h2 {
margin: 0 0 12px !important;
color: var(--ks-ui-text) !important;
font-size: clamp(19px, 2vw, 24px) !important;
line-height: 1.12 !important;
letter-spacing: -.035em !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stats {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 14px !important;
margin: 0 0 18px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stats > article,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stat {
position: relative !important;
overflow: hidden !important;
padding: 18px !important;
border: 1px solid var(--ks-ui-line-soft) !important;
border-radius: 22px !important;
background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
box-shadow: 0 10px 28px rgba(15, 23, 42, .045) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stats > article::after,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stat::after {
content: "" !important;
position: absolute !important;
right: -22px !important;
top: -22px !important;
width: 78px !important;
height: 78px !important;
border-radius: 999px !important;
background: rgba(7, 95, 192, .07) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stats > article strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stat strong {
position: relative !important;
z-index: 1 !important;
display: block !important;
color: var(--ks-ui-text) !important;
font-size: clamp(26px, 3vw, 36px) !important;
letter-spacing: -.04em !important;
line-height: .98 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stats > article span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stat span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stats > article small,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stat small {
position: relative !important;
z-index: 1 !important;
display: block !important;
color: var(--ks-ui-muted) !important;
line-height: 1.35 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-list {
display: grid !important;
gap: 10px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-payment-card,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-doc-card,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-mini-record,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-option-box,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-msg,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-data-section {
border: 1px solid var(--ks-ui-line-soft) !important;
border-radius: 18px !important;
background: #ffffff !important;
box-shadow: none !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: center !important;
gap: 14px !important;
padding: 15px !important;
color: inherit !important;
text-decoration: none !important;
transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff a.ksc-row:hover {
border-color: #cfe3fb !important;
box-shadow: 0 14px 30px rgba(7, 95, 192, .08) !important;
transform: translateY(-1px) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row strong {
margin: 0 0 4px !important;
color: var(--ks-ui-text) !important;
font-size: 15px !important;
line-height: 1.3 !important;
overflow-wrap: anywhere !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row small {
display: block !important;
color: var(--ks-ui-muted) !important;
font-size: 13px !important;
line-height: 1.45 !important;
overflow-wrap: anywhere !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row-meta,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-case-status {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 8px !important;
min-width: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-search {
display: flex !important;
align-items: stretch !important;
gap: 10px !important;
flex-wrap: wrap !important;
margin: 0 0 16px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-search input {
flex: 1 1 420px !important;
min-width: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff input,
html body .cha-pcm-shortcode-root .ks-clean-staff select,
html body .cha-pcm-shortcode-root .ks-clean-staff textarea {
width: 100% !important;
min-height: 44px !important;
border: 1px solid #d9e5f2 !important;
border-radius: 15px !important;
background: #ffffff !important;
color: var(--ks-ui-text) !important;
padding: 11px 13px !important;
font-size: 14px !important;
outline: none !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff textarea {
min-height: 96px !important;
resize: vertical !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff input:focus,
html body .cha-pcm-shortcode-root .ks-clean-staff select:focus,
html body .cha-pcm-shortcode-root .ks-clean-staff textarea:focus {
border-color: #99c6fb !important;
box-shadow: 0 0 0 4px rgba(7, 95, 192, .10) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-btn,
html body .cha-pcm-shortcode-root .ks-clean-staff button:not(.components-button) {
appearance: none !important;
min-height: 44px !important;
border: 0 !important;
border-radius: 15px !important;
padding: 11px 15px !important;
background: var(--ks-ui-blue) !important;
color: #ffffff !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
font-size: 14px !important;
font-weight: 820 !important;
line-height: 1.2 !important;
text-decoration: none !important;
cursor: pointer !important;
transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-btn:hover,
html body .cha-pcm-shortcode-root .ks-clean-staff button:not(.components-button):hover {
transform: translateY(-1px) !important;
box-shadow: 0 12px 24px rgba(7, 95, 192, .16) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-btn--soft,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-btn.soft,
html body .cha-pcm-shortcode-root .ks-clean-staff button[name="ks_staff_payment_action"][value="reject"] {
background: #eef6ff !important;
color: var(--ks-ui-blue) !important;
box-shadow: none !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-btn--success,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-btn.success {
background: var(--ks-ui-green) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-btn--danger,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-btn.danger,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-actions-row button[name="eligibility_decision"][value="not_eligible"] {
background: var(--ks-ui-red) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
max-width: 100% !important;
padding: 6px 10px !important;
border-radius: 999px !important;
background: #f2f6fb !important;
color: #344054 !important;
font-size: 12px !important;
font-weight: 820 !important;
line-height: 1.15 !important;
white-space: nowrap !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge--success,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge.status-approved,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge.status-eligible,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge.status-treatment_started,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge.status-completed {
background: #eafaf1 !important;
color: var(--ks-ui-green) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge--warning,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge.status-pending,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge.status-initial_payment_pending,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge.status-payment_pending,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge.status-treatment_selection_pending {
background: #fff7e6 !important;
color: var(--ks-ui-amber) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge--danger,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge.status-rejected,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge.status-not_eligible,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge.status-treatment_declined {
background: #fff1f0 !important;
color: var(--ks-ui-red) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge--info,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge.status-document_review,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge.status-doctor_review,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge.status-doctor_report_ready,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge.status-invoice_preparing,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge.status-treatment_payment_pending {
background: #eef6ff !important;
color: var(--ks-ui-blue) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow {
display: flex !important;
gap: 8px !important;
overflow-x: auto !important;
padding: 4px 2px 16px !important;
margin: 0 0 8px !important;
scrollbar-width: thin !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow span {
flex: 0 0 auto !important;
padding: 9px 12px !important;
border: 1px solid #dfe8f3 !important;
border-radius: 999px !important;
background: #ffffff !important;
color: #667085 !important;
font-size: 12px !important;
font-weight: 820 !important;
white-space: nowrap !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow span.is-on,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow span.is-current {
background: var(--ks-ui-blue) !important;
color: #ffffff !important;
border-color: var(--ks-ui-blue) !important;
box-shadow: 0 10px 22px rgba(7, 95, 192, .18) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-tabs {
display: flex !important;
gap: 9px !important;
flex-wrap: wrap !important;
margin: 0 0 18px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-tabs a {
padding: 10px 13px !important;
border: 1px solid #dfe8f3 !important;
border-radius: 999px !important;
background: #ffffff !important;
color: #475467 !important;
text-decoration: none !important;
font-size: 13px !important;
font-weight: 820 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-tabs a.is-active {
background: #101828 !important;
color: #ffffff !important;
border-color: #101828 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-data-grid,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-info-grid,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-payload-grid,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-file-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-data-item,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-info-grid > div,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-payload-item,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-file-card {
min-width: 0 !important;
border: 1px solid var(--ks-ui-line-soft) !important;
border-radius: 16px !important;
background: #ffffff !important;
padding: 14px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-file-card {
display: grid !important;
gap: 5px !important;
text-decoration: none !important;
color: inherit !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-data-item strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-info-grid strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-payload-item strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-file-card strong {
display: block !important;
color: var(--ks-ui-text) !important;
font-size: 14px !important;
line-height: 1.42 !important;
overflow-wrap: anywhere !important;
word-break: break-word !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-data-item span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-info-grid span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-payload-item span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-file-card span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-file-card em {
display: block !important;
color: var(--ks-ui-muted) !important;
font-size: 12px !important;
font-weight: 760 !important;
line-height: 1.35 !important;
overflow-wrap: anywhere !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-chat {
display: grid !important;
gap: 12px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-msg {
padding: 14px !important;
max-width: 92% !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-msg.is-staff,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-msg.is-admin {
margin-left: auto !important;
background: #eef6ff !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-msg.is-patient {
margin-right: auto !important;
background: #fffaf0 !important;
} html body .cha-pcm-shortcode-root .ks-portal.ks-patient-portal-v108,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108,
html body .cha-pcm-shortcode-root .ks-patient-portal {
width: 100% !important;
max-width: 1460px !important;
margin: 22px auto 72px !important;
padding: 0 18px !important;
color: var(--ks-ui-text) !important;
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
background: transparent !important;
overflow: visible !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-public-hero,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-public-hero {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(260px, 360px) !important;
align-items: center !important;
gap: 18px !important;
margin: 0 0 18px !important;
padding: clamp(22px, 3vw, 36px) !important;
border: 1px solid #dfefff !important;
border-radius: 30px !important;
background:
radial-gradient(circle at 90% 0%, rgba(11, 116, 222, .17), transparent 36%),
linear-gradient(135deg, #ffffff 0%, #f1f8ff 100%) !important;
box-shadow: var(--ks-ui-shadow-soft) !important;
min-width: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-eyebrow,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-eyebrow {
display: inline-flex !important;
align-items: center !important;
width: fit-content !important;
padding: 7px 11px !important;
border-radius: 999px !important;
background: #eef6ff !important;
color: var(--ks-ui-blue) !important;
font-size: 12px !important;
font-weight: 900 !important;
letter-spacing: .02em !important;
margin-bottom: 12px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-public-hero h1,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-public-hero h1 {
margin: 0 !important;
color: var(--ks-ui-text) !important;
font-size: clamp(28px, 4vw, 46px) !important;
line-height: 1.03 !important;
letter-spacing: -.055em !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-public-hero p,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-public-hero p {
max-width: 780px !important;
margin: 12px 0 0 !important;
color: var(--ks-ui-muted) !important;
font-size: 15px !important;
line-height: 1.62 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-hero-card,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-hero-card {
padding: 18px !important;
border: 1px solid rgba(255,255,255,.75) !important;
border-radius: 24px !important;
background: rgba(255,255,255,.78) !important;
box-shadow: 0 18px 42px rgba(7, 95, 192, .10) !important;
backdrop-filter: blur(10px) !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-hero-card strong,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-hero-card strong {
display: block !important;
color: var(--ks-ui-text) !important;
font-size: 18px !important;
line-height: 1.25 !important;
margin-bottom: 6px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-hero-card span,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-hero-card span {
display: block !important;
color: var(--ks-ui-muted) !important;
font-size: 13px !important;
line-height: 1.55 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-glass-panel,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-glass-panel,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-alert,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-alert {
min-width: 0 !important;
padding: clamp(16px, 2vw, 22px) !important;
border: 1px solid var(--ks-ui-line-soft) !important;
border-radius: 24px !important;
background: #ffffff !important;
box-shadow: var(--ks-ui-shadow-soft) !important;
overflow: hidden !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-section-head,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-section-head {
margin: 0 0 15px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-section-head h2,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-section-head h2 {
margin: 0 !important;
color: var(--ks-ui-text) !important;
font-size: clamp(20px, 2vw, 26px) !important;
line-height: 1.12 !important;
letter-spacing: -.04em !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-section-head p,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-section-head p {
margin: 7px 0 0 !important;
color: var(--ks-ui-muted) !important;
font-size: 14px !important;
line-height: 1.56 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-case-summary-bar,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-case-summary-bar {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 12px !important;
margin: 0 0 18px !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-case-summary-bar > div,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-case-summary-bar > div {
min-width: 0 !important;
padding: 15px !important;
border: 1px solid var(--ks-ui-line-soft) !important;
border-radius: 20px !important;
background: #ffffff !important;
box-shadow: 0 10px 24px rgba(15, 23, 42, .045) !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-case-summary-bar span,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-case-summary-bar span {
display: block !important;
color: var(--ks-ui-muted) !important;
font-size: 12px !important;
font-weight: 820 !important;
line-height: 1.35 !important;
margin-bottom: 6px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-case-summary-bar strong,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-case-summary-bar strong {
display: block !important;
color: var(--ks-ui-text) !important;
font-size: 15px !important;
line-height: 1.35 !important;
overflow-wrap: anywhere !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 360px !important;
gap: 18px !important;
align-items: start !important;
margin: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace > .ks-patient-main,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace > .ks-patient-main {
grid-column: 1 !important;
grid-row: 1 !important;
min-width: 0 !important;
display: grid !important;
gap: 18px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace > .ks-patient-quick-panel,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace > .ks-patient-quick-panel {
grid-column: 2 !important;
grid-row: 1 !important;
min-width: 0 !important;
display: grid !important;
gap: 14px !important;
position: sticky !important;
top: 88px !important;
align-self: start !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-grid,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-grid,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-quick-grid,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-quick-grid {
display: block !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-lookup-card,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-lookup-card {
max-width: 820px !important;
margin: 0 auto 18px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-clean-form,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-clean-form {
display: grid !important;
gap: 12px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-two-col-form,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-two-col-form {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 label,
html body .cha-pcm-shortcode-root .ks-patient-portal label {
display: grid !important;
gap: 6px !important;
color: var(--ks-ui-muted) !important;
font-size: 12px !important;
font-weight: 820 !important;
min-width: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 input,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 textarea,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 select,
html body .cha-pcm-shortcode-root .ks-patient-portal input,
html body .cha-pcm-shortcode-root .ks-patient-portal textarea,
html body .cha-pcm-shortcode-root .ks-patient-portal select {
width: 100% !important;
min-height: 46px !important;
border: 1px solid #d9e5f2 !important;
border-radius: 16px !important;
background: #ffffff !important;
color: var(--ks-ui-text) !important;
padding: 12px 13px !important;
font-size: 14px !important;
outline: none !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 textarea,
html body .cha-pcm-shortcode-root .ks-patient-portal textarea {
min-height: 112px !important;
resize: vertical !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 input:focus,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 textarea:focus,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 select:focus,
html body .cha-pcm-shortcode-root .ks-patient-portal input:focus,
html body .cha-pcm-shortcode-root .ks-patient-portal textarea:focus,
html body .cha-pcm-shortcode-root .ks-patient-portal select:focus {
border-color: #99c6fb !important;
box-shadow: 0 0 0 4px rgba(7, 95, 192, .10) !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-primary-button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-full-button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-muted-button,
html body .cha-pcm-shortcode-root .ks-patient-portal a.ks-primary-button,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-full-button,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-muted-button {
appearance: none !important;
min-height: 46px !important;
border: 0 !important;
border-radius: 16px !important;
padding: 12px 16px !important;
background: var(--ks-ui-blue) !important;
color: #ffffff !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
text-decoration: none !important;
font-size: 14px !important;
font-weight: 850 !important;
line-height: 1.2 !important;
cursor: pointer !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-muted-button,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-muted-button {
background: #f2f6fb !important;
color: #344054 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-steps,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-steps {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 12px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-step,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-step {
position: relative !important;
min-height: 112px !important;
padding: 15px !important;
border: 1px solid var(--ks-ui-line-soft) !important;
border-radius: 18px !important;
background: #ffffff !important;
overflow: hidden !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-step::after,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-step::after {
content: "" !important;
position: absolute !important;
right: -18px !important;
top: -18px !important;
width: 66px !important;
height: 66px !important;
border-radius: 999px !important;
background: rgba(7, 95, 192, .06) !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-step.is-active,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-step.is-active {
border-color: #b7d8ff !important;
background: linear-gradient(180deg, #ffffff 0%, #eef6ff 100%) !important;
box-shadow: 0 12px 28px rgba(7, 95, 192, .08) !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-step span,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-step span {
display: block !important;
width: 12px !important;
height: 12px !important;
border-radius: 999px !important;
background: #c9d7e8 !important;
margin-bottom: 12px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-step.is-active span,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-step.is-active span {
background: var(--ks-ui-blue) !important;
box-shadow: 0 0 0 6px rgba(7, 95, 192, .12) !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-step strong,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-step strong {
display: block !important;
color: var(--ks-ui-text) !important;
font-size: 14px !important;
line-height: 1.3 !important;
margin-bottom: 4px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-step small,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-step small {
color: var(--ks-ui-muted) !important;
font-size: 12px !important;
line-height: 1.35 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-mini-list,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-message-list,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-timeline-list,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-mini-list,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-message-list,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-timeline-list,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-request-list,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-invoice-list,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-options {
display: grid !important;
gap: 10px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-mini-list > div,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-timeline-list > div,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-request-card,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-invoice-card,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-mini-list > div,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-timeline-list > div {
min-width: 0 !important;
padding: 14px !important;
border: 1px solid var(--ks-ui-line-soft) !important;
border-radius: 18px !important;
background: #ffffff !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-message-bubble,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-message-bubble {
max-width: 92% !important;
padding: 13px 14px !important;
border: 1px solid var(--ks-ui-line-soft) !important;
border-radius: 18px !important;
background: #f8fbff !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-message-bubble--patient,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-message-bubble--patient {
margin-left: auto !important;
background: #eef6ff !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-message-bubble--staff,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-message-bubble--staff {
margin-right: auto !important;
background: #fffaf0 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-message-bubble span,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-message-bubble small,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-mini-list small,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-invoice-card small,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card small,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-message-bubble span,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-message-bubble small {
display: block !important;
color: var(--ks-ui-muted) !important;
font-size: 12px !important;
line-height: 1.35 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-message-bubble p,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-message-bubble p {
margin: 5px 0 !important;
color: #344054 !important;
font-size: 14px !important;
line-height: 1.55 !important;
overflow-wrap: anywhere !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-invoice-card strong,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card strong,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-mini-list strong,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-request-card strong,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-invoice-card strong,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card strong,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-mini-list strong,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-request-card strong {
display: block !important;
color: var(--ks-ui-text) !important;
font-size: 15px !important;
line-height: 1.35 !important;
overflow-wrap: anywhere !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-badge,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-badge {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: fit-content !important;
max-width: 100% !important;
padding: 6px 10px !important;
border-radius: 999px !important;
background: #f2f6fb !important;
color: #344054 !important;
font-size: 12px !important;
font-weight: 850 !important;
line-height: 1.15 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 a,
html body .cha-pcm-shortcode-root .ks-patient-portal a {
overflow-wrap: anywhere !important;
}
@media (max-width: 1180px) {
html body .cha-pcm-shortcode-root .ks-clean-staff {
grid-template-columns: 1fr !important;
max-width: 1020px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-sidebar {
position: relative !important;
top: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace {
grid-template-columns: 1fr !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace > .ks-patient-main,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace > .ks-patient-quick-panel,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace > .ks-patient-main,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace > .ks-patient-quick-panel {
grid-column: 1 !important;
grid-row: auto !important;
position: relative !important;
top: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace > .ks-patient-main,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace > .ks-patient-main {
order: 1 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace > .ks-patient-quick-panel,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace > .ks-patient-quick-panel {
order: 2 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-case-summary-bar,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-case-summary-bar,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-steps,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-steps {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 760px) {
html body .cha-pcm-shortcode-root .ks-clean-staff,
html body .cha-pcm-shortcode-root .ks-portal.ks-patient-portal-v108,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108,
html body .cha-pcm-shortcode-root .ks-patient-portal {
padding: 0 10px !important;
margin-top: 12px !important;
margin-bottom: 46px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-sidebar,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-main,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-public-hero,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-glass-panel,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-public-hero,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-glass-panel {
border-radius: 20px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stats,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-data-grid,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-info-grid,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-payload-grid,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-file-grid,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-grid-2,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-public-hero,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-public-hero,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-case-summary-bar,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-case-summary-bar,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-steps,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-steps,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-two-col-form,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-two-col-form {
grid-template-columns: 1fr !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-header,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-case-head,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-payment-card header,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-doc-card header {
display: grid !important;
grid-template-columns: 1fr !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row-meta,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-case-status {
justify-content: flex-start !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-btn,
html body .cha-pcm-shortcode-root .ks-clean-staff button:not(.components-button),
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-primary-button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-full-button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-muted-button,
html body .cha-pcm-shortcode-root .ks-patient-portal button,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-primary-button,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-full-button,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-muted-button {
width: 100% !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-message-bubble,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-message-bubble,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-msg {
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
}
@media (max-width: 430px) {
html body .cha-pcm-shortcode-root .ks-clean-staff,
html body .cha-pcm-shortcode-root .ks-portal.ks-patient-portal-v108,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108,
html body .cha-pcm-shortcode-root .ks-patient-portal {
padding: 0 7px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav {
grid-template-columns: 1fr !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-main,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-sidebar,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-public-hero,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-glass-panel,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-public-hero,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-glass-panel {
padding: 14px !important;
}
} html body .cha-pcm-shortcode-root .ks-clean-staff {
width: min(1640px, calc(100vw - 36px)) !important;
grid-template-columns: 260px minmax(0, 1fr) !important;
gap: 20px !important;
align-items: start !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-sidebar,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-main,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel {
border-radius: 22px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-main {
padding: clamp(18px, 2vw, 26px) !important;
overflow: visible !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-case-head h1 {
font-size: clamp(24px, 2.1vw, 34px) !important;
line-height: 1.08 !important;
letter-spacing: -.035em !important;
overflow-wrap: anywhere !important;
max-width: 100% !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-header h1 {
font-size: clamp(24px, 2.4vw, 36px) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-case-head p,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-header p {
font-size: 14px !important;
line-height: 1.55 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow {
scrollbar-width: thin !important;
padding-bottom: 10px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow span {
padding: 8px 10px !important;
font-size: 12px !important;
line-height: 1.15 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-tabs a {
padding: 9px 12px !important;
font-size: 13px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-grid-2.ksc-treatment-grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
align-items: start !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-wide-panel {
grid-column: 1 / -1 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-form,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-mini-form,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-doc-form,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-user-form {
gap: 12px !important;
margin: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-compact-form {
margin-top: 12px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-form label,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-mini-form label,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-doc-form label {
margin: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff input[type="checkbox"],
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-check input[type="checkbox"] {
appearance: auto !important;
-webkit-appearance: checkbox !important;
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
min-height: 18px !important;
max-width: 18px !important;
padding: 0 !important;
margin: 0 !important;
border-radius: 4px !important;
display: inline-block !important;
vertical-align: middle !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-check {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 9px !important;
width: fit-content !important;
max-width: 100% !important;
padding: 8px 0 !important;
color: #344054 !important;
font-size: 13px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-check span {
margin: 0 !important;
color: #344054 !important;
font-size: 13px !important;
font-weight: 750 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-btn,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-form button,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-inline-form button,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-mini-form button,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-doc-form button,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-payment-actions button,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-user-form button {
width: auto !important;
min-width: 128px !important;
max-width: 360px !important;
min-height: 40px !important;
padding: 10px 16px !important;
border-radius: 13px !important;
font-size: 13px !important;
justify-self: start !important;
box-shadow: none !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-upload-form button,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-publish-invoice-form button,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-inline-action-form button {
margin-top: 4px !important;
max-width: 420px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-publish-invoice-form {
margin-top: 16px !important;
padding-top: 16px !important;
border-top: 1px solid #edf2f7 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-actions-row,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-payment-actions {
gap: 10px !important;
align-items: flex-start !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-payment-actions .ksc-inline-form {
flex: 1 1 260px !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
gap: 8px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-option-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 16px !important;
margin-top: 14px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-option-card {
min-width: 0 !important;
padding: 16px !important;
border: 1px solid #e3ebf5 !important;
border-radius: 20px !important;
background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-option-head {
display: flex !important;
align-items: flex-start !important;
justify-content: space-between !important;
gap: 12px !important;
margin-bottom: 12px !important;
padding-bottom: 12px !important;
border-bottom: 1px solid #edf2f7 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-option-head span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-option-head em {
display: block !important;
color: #667085 !important;
font-size: 12px !important;
font-style: normal !important;
font-weight: 760 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-option-head strong {
display: block !important;
color: #101828 !important;
font-size: 18px !important;
line-height: 1.25 !important;
margin-top: 3px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-current {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
margin-bottom: 14px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-current > div {
min-width: 0 !important;
padding: 12px !important;
border: 1px solid #e8eef6 !important;
border-radius: 16px !important;
background: #ffffff !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-current strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-current span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-current a {
display: block !important;
overflow-wrap: anywhere !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-current strong {
color: #101828 !important;
font-size: 13px !important;
line-height: 1.35 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-current span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-current a {
color: #667085 !important;
font-size: 12px !important;
line-height: 1.45 !important;
margin-top: 5px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-current a {
color: #075fc0 !important;
font-weight: 800 !important;
text-decoration: none !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-upload-form input[type="file"] {
min-height: 44px !important;
padding: 9px 11px !important;
} html body .cha-pcm-shortcode-root .ks-portal.ks-patient-portal-v108,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108,
html body .cha-pcm-shortcode-root .ks-patient-portal {
width: min(1480px, calc(100vw - 36px)) !important;
max-width: min(1480px, calc(100vw - 36px)) !important;
margin-left: auto !important;
margin-right: auto !important;
overflow-x: hidden !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-public-hero h1,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-public-hero h1 {
font-size: clamp(28px, 3.1vw, 42px) !important;
line-height: 1.08 !important;
letter-spacing: -.048em !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(320px, 380px) !important;
gap: 18px !important;
align-items: start !important;
width: 100% !important;
margin: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace > .ks-patient-main,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace > .ks-patient-main {
grid-column: 1 !important;
grid-row: 1 !important;
width: 100% !important;
min-width: 0 !important;
display: grid !important;
gap: 18px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace > .ks-patient-quick-panel,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace > .ks-patient-quick-panel {
grid-column: 2 !important;
grid-row: 1 !important;
width: 100% !important;
min-width: 0 !important;
display: grid !important;
grid-template-columns: 1fr !important;
gap: 14px !important;
align-items: start !important;
position: sticky !important;
top: 86px !important;
margin: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-quick-panel > .ks-glass-panel,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-quick-panel > .ks-glass-panel {
width: 100% !important;
min-width: 0 !important;
height: auto !important;
display: block !important;
padding: 16px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-quick-panel .ks-section-head h2,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-quick-panel .ks-section-head h2 {
font-size: 19px !important;
line-height: 1.2 !important;
letter-spacing: -.025em !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-quick-panel .ks-section-head p,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-quick-panel .ks-section-head p {
font-size: 13px !important;
line-height: 1.5 !important;
word-break: normal !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-quick-panel .ks-mini-list,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-quick-panel .ks-message-list,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-quick-panel .ks-timeline-list,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-quick-panel .ks-mini-list,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-quick-panel .ks-message-list,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-quick-panel .ks-timeline-list {
max-height: 240px !important;
overflow: auto !important;
display: grid !important;
grid-template-columns: 1fr !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-steps,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-steps {
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
gap: 12px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-step,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-step {
min-height: 104px !important;
padding: 14px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-step strong,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-step strong,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card strong,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card strong {
word-break: normal !important;
overflow-wrap: break-word !important;
hyphens: none !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-clean-form button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-primary-button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-full-button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-muted-button,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-clean-form button,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-primary-button,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-full-button,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-muted-button {
width: auto !important;
min-width: 150px !important;
max-width: 100% !important;
border-radius: 14px !important;
min-height: 42px !important;
padding: 10px 15px !important;
justify-self: start !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-lookup-card .ks-full-button,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-lookup-card .ks-full-button {
width: 100% !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-case-summary-bar strong,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-case-summary-bar strong {
font-size: 14px !important;
}
@media (max-width: 1240px) {
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace {
grid-template-columns: 1fr !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace > .ks-patient-main,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace > .ks-patient-main {
grid-column: 1 !important;
grid-row: 1 !important;
order: 1 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace > .ks-patient-quick-panel,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace > .ks-patient-quick-panel {
grid-column: 1 !important;
grid-row: 2 !important;
position: relative !important;
top: auto !important;
order: 2 !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 960px) {
html body .cha-pcm-shortcode-root .ks-clean-staff {
grid-template-columns: 1fr !important;
width: min(100%, calc(100vw - 18px)) !important;
margin-top: 12px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-sidebar {
position: relative !important;
top: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-grid-2.ksc-treatment-grid,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-option-grid,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-current,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-info-grid,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-payload-grid,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-data-grid,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-file-grid,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stats {
grid-template-columns: 1fr !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-payment-actions .ksc-inline-form {
grid-template-columns: 1fr !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-case-summary-bar,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-case-summary-bar {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 680px) {
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-btn,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-form button,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-inline-form button,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-mini-form button,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-doc-form button,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-payment-actions button,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-user-form button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-clean-form button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-primary-button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-full-button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-muted-button,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-clean-form button,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-primary-button,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-full-button,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-muted-button {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace > .ks-patient-quick-panel,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace > .ks-patient-quick-panel,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-case-summary-bar,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-case-summary-bar {
grid-template-columns: 1fr !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-case-head h1 {
font-size: 25px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-public-hero h1,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-public-hero h1 {
font-size: 30px !important;
}
} body.cha-pcm-page,
html.cha-pcm-has-portal body {
overflow-x: hidden !important;
}
body.cha-pcm-page .entry-content,
body.cha-pcm-page .wp-block-post-content,
body.cha-pcm-page .page-content,
body.cha-pcm-page main,
body.cha-pcm-page article,
.cha-pcm-shortcode-root {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow: visible !important;
}
html body .cha-pcm-shortcode-root > .ks-portal,
html body .cha-pcm-shortcode-root .ks-portal.ks-patient-portal-v108,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108,
html body .cha-pcm-shortcode-root .ks-patient-portal,
html body .cha-pcm-shortcode-root .ks-clean-staff {
position: relative !important;
left: auto !important;
right: auto !important;
transform: none !important;
width: 100% !important;
max-width: 1320px !important;
min-width: 0 !important;
margin: 24px auto 56px !important;
box-sizing: border-box !important;
contain: none !important;
overflow: visible !important;
}
html body .cha-pcm-shortcode-root .ks-portal.ks-patient-portal-v108,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108,
html body .cha-pcm-shortcode-root .ks-patient-portal {
padding: clamp(12px, 1.4vw, 20px) !important;
border-radius: 26px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff {
display: grid !important;
grid-template-columns: 244px minmax(0, 1fr) !important;
gap: 20px !important;
align-items: start !important;
padding: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff,
html body .cha-pcm-shortcode-root .ks-clean-staff *,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 *,
html body .cha-pcm-shortcode-root .ks-patient-portal,
html body .cha-pcm-shortcode-root .ks-patient-portal * {
box-sizing: border-box !important;
min-width: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff h1,
html body .cha-pcm-shortcode-root .ks-clean-staff h2,
html body .cha-pcm-shortcode-root .ks-clean-staff h3,
html body .cha-pcm-shortcode-root .ks-clean-staff h4,
html body .cha-pcm-shortcode-root .ks-clean-staff p,
html body .cha-pcm-shortcode-root .ks-clean-staff span,
html body .cha-pcm-shortcode-root .ks-clean-staff strong,
html body .cha-pcm-shortcode-root .ks-clean-staff small,
html body .cha-pcm-shortcode-root .ks-clean-staff em,
html body .cha-pcm-shortcode-root .ks-clean-staff label,
html body .cha-pcm-shortcode-root .ks-clean-staff button,
html body .cha-pcm-shortcode-root .ks-clean-staff a,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 h1,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 h2,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 h3,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 h4,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 p,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 span,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 strong,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 small,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 em,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 label,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 a,
html body .cha-pcm-shortcode-root .ks-patient-portal h1,
html body .cha-pcm-shortcode-root .ks-patient-portal h2,
html body .cha-pcm-shortcode-root .ks-patient-portal h3,
html body .cha-pcm-shortcode-root .ks-patient-portal h4,
html body .cha-pcm-shortcode-root .ks-patient-portal p,
html body .cha-pcm-shortcode-root .ks-patient-portal span,
html body .cha-pcm-shortcode-root .ks-patient-portal strong,
html body .cha-pcm-shortcode-root .ks-patient-portal small,
html body .cha-pcm-shortcode-root .ks-patient-portal em,
html body .cha-pcm-shortcode-root .ks-patient-portal label,
html body .cha-pcm-shortcode-root .ks-patient-portal button,
html body .cha-pcm-shortcode-root .ks-patient-portal a {
word-break: normal !important;
overflow-wrap: break-word !important;
hyphens: none !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff a[href*="uploads"],
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-file-url,
html body .cha-pcm-shortcode-root .ks-clean-staff code,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 a[href*="uploads"],
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 code,
html body .cha-pcm-shortcode-root .ks-patient-portal a[href*="uploads"],
html body .cha-pcm-shortcode-root .ks-patient-portal code {
overflow-wrap: anywhere !important;
} html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-sidebar {
width: 100% !important;
max-width: 244px !important;
position: sticky !important;
top: 86px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-main {
width: 100% !important;
max-width: 100% !important;
overflow: visible !important;
padding: clamp(16px, 1.7vw, 22px) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-header,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-case-head,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel-head {
width: 100% !important;
max-width: 100% !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-header h1,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-case-head h1 {
font-size: clamp(25px, 2.5vw, 34px) !important;
line-height: 1.08 !important;
letter-spacing: -.04em !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stats {
grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
gap: 12px !important;
width: 100% !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-list,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-sections,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-grid-2,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-treatment-grid,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-option-grid {
width: 100% !important;
max-width: 100% !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
align-items: start !important;
gap: 10px !important;
overflow: hidden !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row > div,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row-meta {
min-width: 0 !important;
max-width: 100% !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row-meta {
display: flex !important;
flex-wrap: wrap !important;
justify-content: flex-start !important;
align-items: center !important;
gap: 8px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-badge {
max-width: 100% !important;
white-space: normal !important;
line-height: 1.25 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-search {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto auto !important;
gap: 10px !important;
width: 100% !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-tabs {
display: flex !important;
flex-wrap: wrap !important;
overflow: visible !important;
gap: 9px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-tabs a {
flex: 0 1 auto !important;
max-width: 100% !important;
white-space: normal !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-grid-2.ksc-treatment-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 18px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-form,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-mini-form,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-doc-form,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-user-form,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-upload-form,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-publish-invoice-form {
width: 100% !important;
max-width: 100% !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff input,
html body .cha-pcm-shortcode-root .ks-clean-staff select,
html body .cha-pcm-shortcode-root .ks-clean-staff textarea,
html body .cha-pcm-shortcode-root .ks-clean-staff input[type="file"] {
width: 100% !important;
max-width: 100% !important;
} html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-public-hero,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-public-hero {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(260px, 340px) !important;
gap: 18px !important;
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-public-hero h1,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-public-hero h1 {
font-size: clamp(27px, 2.7vw, 38px) !important;
line-height: 1.1 !important;
letter-spacing: -.045em !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-case-summary-bar,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-case-summary-bar {
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
gap: 12px !important;
width: 100% !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(300px, 340px) !important;
gap: 18px !important;
width: 100% !important;
max-width: 100% !important;
overflow: visible !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace > .ks-patient-main,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace > .ks-patient-main {
grid-column: 1 !important;
grid-row: 1 !important;
width: 100% !important;
min-width: 0 !important;
order: 1 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace > .ks-patient-quick-panel,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace > .ks-patient-quick-panel {
grid-column: 2 !important;
grid-row: 1 !important;
width: 100% !important;
min-width: 0 !important;
order: 2 !important;
position: sticky !important;
top: 86px !important;
display: grid !important;
grid-template-columns: 1fr !important;
gap: 14px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-steps,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-steps {
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
gap: 12px !important;
width: 100% !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-step,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-step {
min-height: 104px !important;
overflow: hidden !important;
}
@media (max-width: 1360px) {
html body .cha-pcm-shortcode-root .ks-clean-staff {
max-width: 1180px !important;
grid-template-columns: 232px minmax(0, 1fr) !important;
gap: 18px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-sidebar {
max-width: 232px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-grid-2.ksc-treatment-grid,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-invoice-option-grid {
grid-template-columns: 1fr !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace {
grid-template-columns: 1fr !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace > .ks-patient-main,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace > .ks-patient-main {
grid-column: 1 !important;
grid-row: 1 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace > .ks-patient-quick-panel,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace > .ks-patient-quick-panel {
grid-column: 1 !important;
grid-row: 2 !important;
position: relative !important;
top: auto !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 1100px) {
html body .cha-pcm-shortcode-root .ks-clean-staff {
grid-template-columns: 1fr !important;
gap: 14px !important;
max-width: 100% !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-sidebar {
max-width: 100% !important;
position: relative !important;
top: auto !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
display: grid !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-public-hero,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-public-hero {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 720px) {
html body .cha-pcm-shortcode-root > .ks-portal,
html body .cha-pcm-shortcode-root .ks-portal.ks-patient-portal-v108,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108,
html body .cha-pcm-shortcode-root .ks-patient-portal,
html body .cha-pcm-shortcode-root .ks-clean-staff {
width: 100% !important;
max-width: 100% !important;
margin: 12px auto 36px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff {
padding-left: 0 !important;
padding-right: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-main,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-sidebar,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-public-hero,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-glass-panel,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-public-hero,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-glass-panel {
border-radius: 18px !important;
padding: 15px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-nav,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-workspace > .ks-patient-quick-panel,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-workspace > .ks-patient-quick-panel,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-case-summary-bar,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-case-summary-bar,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-steps,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-steps,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-search,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-stats {
grid-template-columns: 1fr !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-header h1,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-case-head h1,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-public-hero h1,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-public-hero h1 {
font-size: 27px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-btn,
html body .cha-pcm-shortcode-root .ks-clean-staff button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 button,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-full-button,
html body .cha-pcm-shortcode-root .ks-patient-portal button {
width: 100% !important;
max-width: 100% !important;
}
} html body .cha-pcm-shortcode-root .ks-auth-portal-v109 {
--ks-login-navy: #0b2f72;
--ks-login-blue: #1167c9;
--ks-login-teal: #0f8a82;
--ks-login-text: #081a3a;
--ks-login-muted: #58708f;
--ks-login-line: #dce9f7;
position: relative !important;
left: auto !important;
transform: none !important;
width: min(1180px, calc(100vw - 32px)) !important;
max-width: min(1180px, calc(100vw - 32px)) !important;
margin: 34px auto 70px !important;
padding: 0 !important;
border-radius: 0 !important;
overflow: visible !important;
contain: none !important;
background: transparent !important;
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109,
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 * {
box-sizing: border-box !important;
min-width: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-shell-v109 {
min-height: auto !important;
display: grid !important;
grid-template-columns: minmax(0, 1.05fr) minmax(360px, 430px) !important;
align-items: center !important;
gap: 22px !important;
width: 100% !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-brand-v109,
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-card-v109 {
border: 1px solid var(--ks-login-line) !important;
border-radius: 30px !important;
background: #ffffff !important;
box-shadow: 0 24px 64px rgba(8, 26, 58, .08) !important;
overflow: hidden !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-brand-v109 {
min-height: 520px !important;
padding: clamp(28px, 4vw, 48px) !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
position: relative !important;
background:
radial-gradient(circle at 82% 16%, rgba(17, 103, 201, .14), transparent 32%),
radial-gradient(circle at 96% 96%, rgba(15, 138, 130, .14), transparent 34%),
linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-brand-v109::before {
content: "" !important;
position: absolute !important;
inset: auto -70px -90px auto !important;
width: 260px !important;
height: 260px !important;
border-radius: 999px !important;
background: linear-gradient(135deg, rgba(17, 103, 201, .13), rgba(15, 138, 130, .12)) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-eyebrow {
display: inline-flex !important;
align-items: center !important;
width: fit-content !important;
max-width: 100% !important;
padding: 8px 14px !important;
border-radius: 999px !important;
background: #eaf8f8 !important;
color: #006b68 !important;
font-size: 12px !important;
font-weight: 900 !important;
letter-spacing: .04em !important;
text-transform: uppercase !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-brand-v109 h1 {
max-width: 620px !important;
margin: 28px 0 16px !important;
color: var(--ks-login-navy) !important;
font-size: clamp(38px, 5vw, 58px) !important;
line-height: .98 !important;
letter-spacing: -.06em !important;
text-wrap: balance !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-brand-v109 p {
max-width: 650px !important;
margin: 0 !important;
color: var(--ks-login-muted) !important;
font-size: 16px !important;
line-height: 1.7 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-features {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 12px !important;
position: relative !important;
z-index: 1 !important;
margin-top: 28px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-features div {
min-height: 116px !important;
padding: 16px !important;
border: 1px solid #e5eef8 !important;
border-radius: 18px !important;
background: rgba(255, 255, 255, .82) !important;
box-shadow: 0 12px 30px rgba(8, 26, 58, .045) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-features strong {
display: block !important;
margin: 0 0 7px !important;
color: var(--ks-login-navy) !important;
font-size: 13px !important;
line-height: 1.25 !important;
font-weight: 900 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-features span {
display: block !important;
color: var(--ks-login-muted) !important;
font-size: 12px !important;
line-height: 1.48 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-card-v109 {
align-self: center !important;
padding: clamp(24px, 3vw, 34px) !important;
background:
linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-card-head {
display: grid !important;
grid-template-columns: 52px minmax(0, 1fr) !important;
align-items: center !important;
gap: 14px !important;
margin: 0 0 22px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-icon {
width: 52px !important;
height: 52px !important;
border-radius: 17px !important;
background: linear-gradient(135deg, #0c69d8 0%, #05766f 100%) !important;
color: #fff !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 13px !important;
font-weight: 900 !important;
letter-spacing: .03em !important;
box-shadow: 0 14px 26px rgba(17, 103, 201, .22) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-card-head h2 {
margin: 0 0 5px !important;
color: var(--ks-login-text) !important;
font-size: 23px !important;
line-height: 1.15 !important;
letter-spacing: -.035em !important;
word-spacing: .04em !important;
white-space: normal !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-card-head p {
margin: 0 !important;
color: var(--ks-login-muted) !important;
font-size: 14px !important;
line-height: 1.55 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-clean-form,
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-auth-form-pro {
display: grid !important;
gap: 12px !important;
width: 100% !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-clean-form label {
display: grid !important;
gap: 7px !important;
color: #29466d !important;
font-size: 12px !important;
font-weight: 850 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 input[type="text"],
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 input[type="email"],
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 input[type="password"] {
width: 100% !important;
min-height: 50px !important;
padding: 12px 14px !important;
border: 1px solid #d8e6f5 !important;
border-radius: 16px !important;
background: #ffffff !important;
color: var(--ks-login-text) !important;
font-size: 14px !important;
outline: none !important;
box-shadow: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 input:focus {
border-color: rgba(17, 103, 201, .55) !important;
box-shadow: 0 0 0 4px rgba(17, 103, 201, .10) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-checkline {
display: inline-flex !important;
align-items: center !important;
gap: 9px !important;
width: fit-content !important;
color: #4f6683 !important;
font-size: 13px !important;
font-weight: 750 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 input[type="checkbox"] {
appearance: auto !important;
-webkit-appearance: checkbox !important;
width: 17px !important;
height: 17px !important;
min-width: 17px !important;
min-height: 17px !important;
margin: 0 !important;
padding: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-full-button,
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 button,
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-primary-button,
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-secondary-button {
width: 100% !important;
min-height: 48px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 12px 16px !important;
border-radius: 15px !important;
border: 0 !important;
background: linear-gradient(135deg, #0b67cc 0%, #087f78 100%) !important;
color: #ffffff !important;
font-size: 14px !important;
font-weight: 900 !important;
text-decoration: none !important;
cursor: pointer !important;
box-shadow: 0 14px 30px rgba(17, 103, 201, .16) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-secondary-button,
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-auth-logout-form button {
background: #ffffff !important;
color: var(--ks-login-navy) !important;
border: 1px solid #d8e6f5 !important;
box-shadow: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-alert {
border-radius: 17px !important;
padding: 15px 16px !important;
margin: 0 0 16px !important;
border: 1px solid #c7f2d5 !important;
box-shadow: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-alert strong {
display: block !important;
margin: 0 0 5px !important;
color: var(--ks-login-navy) !important;
font-size: 15px !important;
line-height: 1.25 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-alert p {
margin: 0 !important;
color: var(--ks-login-muted) !important;
font-size: 13px !important;
line-height: 1.5 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-forgot-pro {
margin-top: 14px !important;
padding: 14px !important;
border: 1px solid #e3edf8 !important;
border-radius: 17px !important;
background: #f8fbff !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-forgot-pro summary {
color: var(--ks-login-navy) !important;
font-size: 14px !important;
font-weight: 900 !important;
cursor: pointer !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-auth-small-note,
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-auth-small-note a {
color: var(--ks-login-muted) !important;
font-size: 13px !important;
line-height: 1.5 !important;
} html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-patient-application-panel,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-patient-application-panel {
border-color: #dfefff !important;
background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-form11-detail-grid,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-form11-detail-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-form11-detail-grid > div,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-form11-detail-grid > div {
min-width: 0 !important;
padding: 13px !important;
border: 1px solid #e6eef7 !important;
border-radius: 16px !important;
background: #ffffff !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-form11-detail-grid span,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-form11-detail-grid span,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-form11-file-row span,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-form11-file-row span {
display: block !important;
margin: 0 0 6px !important;
color: #667b99 !important;
font-size: 11px !important;
font-weight: 900 !important;
line-height: 1.35 !important;
text-transform: uppercase !important;
letter-spacing: .035em !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-form11-detail-grid strong,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-form11-detail-grid strong {
display: block !important;
color: #081a3a !important;
font-size: 14px !important;
font-weight: 850 !important;
line-height: 1.45 !important;
overflow-wrap: anywhere !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-form11-file-list,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-form11-file-list {
margin-top: 16px !important;
display: grid !important;
gap: 10px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-form11-file-list h3,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-form11-file-list h3 {
margin: 0 0 4px !important;
color: #081a3a !important;
font-size: 18px !important;
line-height: 1.25 !important;
letter-spacing: -.025em !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-form11-file-row,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-form11-file-row {
display: grid !important;
grid-template-columns: minmax(180px, .34fr) minmax(0, 1fr) !important;
gap: 10px !important;
align-items: center !important;
padding: 13px !important;
border: 1px solid #e6eef7 !important;
border-radius: 16px !important;
background: #ffffff !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-form11-file-row div,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-form11-file-row div {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-form11-file-row a,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-form11-file-row a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 34px !important;
padding: 8px 12px !important;
border-radius: 999px !important;
background: #eef6ff !important;
color: #075fc0 !important;
font-size: 12px !important;
font-weight: 900 !important;
text-decoration: none !important;
} @media (max-width: 980px) {
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-shell-v109 {
grid-template-columns: 1fr !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-brand-v109 {
min-height: auto !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-features {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}
@media (max-width: 720px) {
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 {
width: min(100%, calc(100vw - 18px)) !important;
max-width: min(100%, calc(100vw - 18px)) !important;
margin-top: 14px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-brand-v109,
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-card-v109 {
border-radius: 22px !important;
padding: 20px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-brand-v109 h1 {
font-size: 34px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v109 .ks-login-features,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-form11-detail-grid,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-form11-detail-grid,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-form11-file-row,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-form11-file-row {
grid-template-columns: 1fr !important;
}
} html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-options,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-options {
display: grid !important;
grid-template-columns: repeat(2, minmax(240px, 1fr)) !important;
gap: 14px !important;
width: 100% !important;
max-width: 100% !important;
align-items: stretch !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card {
display: flex !important;
flex-direction: column !important;
min-height: 0 !important;
padding: clamp(16px, 1.8vw, 22px) !important;
border: 1px solid #e4edf8 !important;
border-radius: 22px !important;
background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
box-shadow: 0 16px 38px rgba(8, 31, 67, .045) !important;
overflow: hidden !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card-top,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card-top {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
margin-bottom: 12px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-location,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-location,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card > span,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card > span {
display: inline-flex !important;
width: auto !important;
max-width: max-content !important;
margin: 0 !important;
padding: 6px 11px !important;
border-radius: 999px !important;
background: #eef6ff !important;
color: #075fc0 !important;
font-size: 11px !important;
font-weight: 900 !important;
line-height: 1 !important;
letter-spacing: .02em !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card em,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card em {
display: inline-flex !important;
padding: 6px 10px !important;
border-radius: 999px !important;
background: #eafaf2 !important;
color: #047857 !important;
font-size: 11px !important;
font-weight: 900 !important;
font-style: normal !important;
line-height: 1 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card h3,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card h3,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card strong:not(.ks-price-summary) {
margin: 0 0 8px !important;
color: #123f83 !important;
font-size: clamp(21px, 2vw, 27px) !important;
line-height: 1.12 !important;
letter-spacing: -.045em !important;
font-weight: 850 !important;
overflow-wrap: anywhere !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card p,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card p {
flex: 1 1 auto !important;
min-height: 0 !important;
margin: 0 0 16px !important;
color: #586d89 !important;
font-size: 13px !important;
line-height: 1.55 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card-footer,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card-footer {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
margin-top: auto !important;
padding-top: 14px !important;
border-top: 1px solid #edf3fa !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card .ks-price-summary,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card .ks-price-summary {
display: inline-flex !important;
align-items: center !important;
min-height: 40px !important;
padding: 9px 13px !important;
border-radius: 14px !important;
background: #f4f8ff !important;
color: #081a3a !important;
font-size: 16px !important;
line-height: 1.1 !important;
font-weight: 900 !important;
white-space: nowrap !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card .ks-clean-form,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card .ks-clean-form {
width: auto !important;
margin: 0 !important;
display: flex !important;
gap: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card button,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card button {
width: auto !important;
min-width: 120px !important;
min-height: 40px !important;
padding: 10px 15px !important;
border-radius: 14px !important;
font-size: 13px !important;
font-weight: 900 !important;
box-shadow: 0 12px 26px rgba(17, 103, 201, .13) !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card.is-selected,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card.is-selected {
border-color: #b7eadb !important;
background: linear-gradient(180deg, #ffffff 0%, #f3fffb 100%) !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-decision-actions,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-decision-actions {
margin-top: 14px !important;
padding: 16px !important;
border: 1px solid #e5edf7 !important;
border-radius: 20px !important;
background: #fbfdff !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-alert.ks-alert--soft,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-alert.ks-alert--soft {
margin-top: 14px !important;
padding: 15px 16px !important;
border-radius: 18px !important;
background: #f6fbff !important;
border: 1px solid #dfefff !important;
}
@media (max-width: 920px) {
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-options,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-options {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 560px) {
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card-footer,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card-footer {
align-items: stretch !important;
flex-direction: column !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card .ks-price-summary,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card .ks-price-summary,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card .ks-clean-form,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card .ks-clean-form,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-treatment-card button,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-treatment-card button {
width: 100% !important;
}
} html body .cha-pcm-shortcode-root .ks-auth-portal-v110 {
--ks-login-navy: #0b2f72;
--ks-login-blue: #1167c9;
--ks-login-teal: #0f8a82;
--ks-login-text: #081a3a;
--ks-login-muted: #5d7190;
--ks-login-line: #dce8f5;
width: min(1120px, calc(100vw - 32px)) !important;
max-width: min(1120px, calc(100vw - 32px)) !important;
margin: 32px auto 72px !important;
padding: 0 !important;
overflow: visible !important;
background: transparent !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110,
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 * {
box-sizing: border-box !important;
min-width: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-shell-v110 {
display: grid !important;
grid-template-columns: minmax(0, .98fr) minmax(360px, 500px) !important;
gap: 24px !important;
align-items: center !important;
width: 100% !important;
min-height: 620px !important;
padding: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-brand-v110,
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-card-v110 {
border: 1px solid var(--ks-login-line) !important;
border-radius: 32px !important;
overflow: hidden !important;
box-shadow: 0 30px 70px rgba(8, 26, 58, .12) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-brand-v110 {
min-height: 620px !important;
padding: clamp(28px, 4vw, 44px) !important;
position: relative !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
background:
linear-gradient(135deg, rgba(10, 50, 98, .92) 0%, rgba(16, 77, 128, .86) 48%, rgba(10, 95, 119, .82) 100%),
radial-gradient(circle at 82% 12%, rgba(255,255,255,.18), transparent 26%),
linear-gradient(135deg, #16395f 0%, #0b4e72 100%) !important;
color: #ffffff !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-brand-v110::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
background:
linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px),
linear-gradient(180deg, rgba(255,255,255,.07) 1px, transparent 1px) !important;
background-size: 42px 42px !important;
opacity: .22 !important;
pointer-events: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-brand-v110::after {
content: "" !important;
position: absolute !important;
right: -120px !important;
bottom: -120px !important;
width: 340px !important;
height: 340px !important;
border-radius: 999px !important;
background: radial-gradient(circle, rgba(255,255,255,.20), rgba(255,255,255,.05) 48%, transparent 70%) !important;
pointer-events: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-brand-content,
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-brand-chips {
position: relative !important;
z-index: 1 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-secure-pill {
display: inline-flex !important;
align-items: center !important;
width: fit-content !important;
padding: 9px 14px !important;
border: 1px solid rgba(255,255,255,.26) !important;
border-radius: 999px !important;
background: rgba(255,255,255,.12) !important;
color: #ffffff !important;
font-size: 12px !important;
font-weight: 900 !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.16) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-brand-v110 h1 {
max-width: 560px !important;
margin: 26px 0 18px !important;
color: #ffffff !important;
font-size: clamp(40px, 5.1vw, 62px) !important;
line-height: 1.02 !important;
letter-spacing: -.06em !important;
text-wrap: balance !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-brand-v110 p {
max-width: 560px !important;
margin: 0 !important;
color: rgba(255,255,255,.84) !important;
font-size: 16px !important;
line-height: 1.72 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-secure-list {
list-style: none !important;
display: grid !important;
gap: 12px !important;
margin: 30px 0 0 !important;
padding: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-secure-list li {
display: flex !important;
align-items: center !important;
gap: 10px !important;
color: rgba(255,255,255,.90) !important;
font-size: 14px !important;
font-weight: 760 !important;
line-height: 1.35 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-secure-list li span {
width: 12px !important;
height: 12px !important;
min-width: 12px !important;
border-radius: 999px !important;
background: #f4c15d !important;
box-shadow: 0 0 0 6px rgba(244, 193, 93, .15) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-brand-chips {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-brand-chips div {
min-height: 78px !important;
padding: 18px !important;
border: 1px solid rgba(255,255,255,.24) !important;
border-radius: 20px !important;
background: rgba(255,255,255,.12) !important;
backdrop-filter: blur(8px) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-brand-chips strong {
display: block !important;
color: #ffffff !important;
font-size: 21px !important;
font-weight: 900 !important;
line-height: 1.1 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-brand-chips small {
display: block !important;
margin-top: 6px !important;
color: rgba(255,255,255,.78) !important;
font-size: 12px !important;
line-height: 1.35 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-card-v110 {
position: relative !important;
min-height: 500px !important;
align-self: center !important;
padding: clamp(28px, 3.4vw, 42px) !important;
background: #ffffff !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-close {
position: absolute !important;
top: 24px !important;
right: 24px !important;
width: 42px !important;
height: 42px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border: 1px solid #dce8f5 !important;
border-radius: 15px !important;
background: #ffffff !important;
color: #0b2f72 !important;
font-size: 24px !important;
line-height: 1 !important;
text-decoration: none !important;
box-shadow: 0 10px 24px rgba(8,26,58,.06) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-micro-title {
display: block !important;
margin: 4px 54px 12px 0 !important;
color: #1167c9 !important;
font-size: 12px !important;
font-weight: 850 !important;
letter-spacing: .10em !important;
text-transform: uppercase !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-card-head {
display: grid !important;
grid-template-columns: 52px minmax(0, 1fr) !important;
gap: 14px !important;
align-items: center !important;
margin: 0 54px 22px 0 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-icon {
width: 52px !important;
height: 52px !important;
border-radius: 17px !important;
background: linear-gradient(135deg, #0b2f72, #0f8a82) !important;
box-shadow: 0 14px 28px rgba(15, 138, 130, .18) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-card-head h2 {
margin: 0 0 6px !important;
color: var(--ks-login-text) !important;
font-size: clamp(27px, 2.5vw, 36px) !important;
line-height: 1.05 !important;
letter-spacing: -.055em !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-card-head p {
margin: 0 !important;
color: var(--ks-login-muted) !important;
font-size: 14px !important;
line-height: 1.55 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-form-v110 {
display: grid !important;
gap: 14px !important;
margin-top: 14px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-form-v110 label {
display: grid !important;
gap: 8px !important;
color: #243b5a !important;
font-size: 12px !important;
font-weight: 850 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 input[type="text"],
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 input[type="email"],
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 input[type="password"] {
width: 100% !important;
min-height: 56px !important;
padding: 14px 16px !important;
border: 1px solid #d6e5f5 !important;
border-radius: 18px !important;
background: #ffffff !important;
color: #081a3a !important;
font-size: 15px !important;
box-shadow: none !important;
outline: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 input:focus {
border-color: rgba(17,103,201,.58) !important;
box-shadow: 0 0 0 5px rgba(17,103,201,.12) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-row {
margin: -2px 0 0 !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-checkline {
display: inline-flex !important;
grid-template-columns: none !important;
align-items: center !important;
gap: 9px !important;
width: fit-content !important;
color: #4b6383 !important;
font-size: 13px !important;
font-weight: 760 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 input[type="checkbox"] {
appearance: auto !important;
-webkit-appearance: checkbox !important;
width: 17px !important;
height: 17px !important;
min-width: 17px !important;
min-height: 17px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-full-button,
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 button,
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-primary-button {
width: 100% !important;
min-height: 54px !important;
border-radius: 19px !important;
border: 0 !important;
background: linear-gradient(135deg, #0b2f72 0%, #126fca 62%, #0f8a82 100%) !important;
color: #ffffff !important;
font-size: 15px !important;
font-weight: 900 !important;
text-decoration: none !important;
box-shadow: 0 18px 34px rgba(17,103,201,.18) !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-secondary-button,
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-auth-logout-form button {
background: #ffffff !important;
color: #0b2f72 !important;
border: 1px solid #d6e5f5 !important;
box-shadow: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-support-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
margin-top: 18px !important;
padding-top: 18px !important;
border-top: 1px solid #e6eef7 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-forgot-pro,
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-support-card {
min-height: 90px !important;
margin: 0 !important;
padding: 16px !important;
border: 1px solid #dce8f5 !important;
border-radius: 20px !important;
background: #f8fbff !important;
box-shadow: none !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-forgot-pro summary,
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-support-card strong {
display: block !important;
cursor: pointer !important;
color: #0b2f72 !important;
font-size: 14px !important;
font-weight: 900 !important;
line-height: 1.25 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-support-card span {
display: block !important;
margin-top: 8px !important;
color: #5d7190 !important;
font-size: 12px !important;
line-height: 1.45 !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-alert {
border-radius: 18px !important;
margin-bottom: 14px !important;
padding: 15px 16px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-doctor-report-panel,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-doctor-report-panel {
padding: clamp(18px, 2.4vw, 24px) !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-report-box-modern,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-report-box-modern {
display: grid !important;
grid-template-columns: 54px minmax(0, 1fr) auto !important;
align-items: center !important;
gap: 16px !important;
margin-top: 14px !important;
padding: 18px !important;
border: 1px solid #e2ecf7 !important;
border-radius: 22px !important;
background: linear-gradient(180deg, #ffffff 0%, #f9fcff 100%) !important;
box-shadow: 0 16px 38px rgba(8, 31, 67, .045) !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-report-icon,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-report-icon {
width: 54px !important;
height: 54px !important;
border-radius: 18px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: linear-gradient(135deg, #eaf4ff 0%, #effcf9 100%) !important;
border: 1px solid #d8e9fb !important;
color: #075fc0 !important;
font-size: 13px !important;
font-weight: 900 !important;
letter-spacing: .04em !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-report-kicker,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-report-kicker {
display: inline-flex !important;
width: fit-content !important;
margin: 0 0 6px !important;
padding: 5px 9px !important;
border-radius: 999px !important;
background: #eef6ff !important;
color: #075fc0 !important;
font-size: 11px !important;
font-weight: 900 !important;
line-height: 1 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-report-box-modern h3,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-report-box-modern h3 {
margin: 0 !important;
color: #0b2f72 !important;
font-size: clamp(20px, 2vw, 26px) !important;
line-height: 1.18 !important;
letter-spacing: -.04em !important;
font-weight: 850 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-report-meta,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-report-summary,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-report-meta,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-report-summary {
margin: 8px 0 0 !important;
color: #536982 !important;
font-size: 13px !important;
line-height: 1.55 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-report-meta strong,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-report-meta strong {
display: inline !important;
color: #081a3a !important;
font-size: 13px !important;
font-weight: 900 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-report-action,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-report-action {
display: flex !important;
justify-content: flex-end !important;
align-items: center !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-report-action .ks-primary-button,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-report-action .ks-primary-button {
min-height: 42px !important;
padding: 11px 16px !important;
border-radius: 14px !important;
font-size: 13px !important;
font-weight: 900 !important;
white-space: nowrap !important;
box-shadow: 0 12px 24px rgba(17,103,201,.14) !important;
}
@media (max-width: 1020px) {
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-shell-v110 {
grid-template-columns: 1fr !important;
min-height: auto !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-brand-v110 {
min-height: auto !important;
}
}
@media (max-width: 720px) {
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 {
width: min(100%, calc(100vw - 18px)) !important;
max-width: min(100%, calc(100vw - 18px)) !important;
margin: 14px auto 40px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-brand-v110,
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-card-v110 {
border-radius: 24px !important;
padding: 22px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-brand-v110 h1 {
font-size: 36px !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-brand-chips,
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-support-grid,
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-report-box-modern,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-report-box-modern {
grid-template-columns: 1fr !important;
}
html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-card-head {
margin-right: 46px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-report-action,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-report-action {
justify-content: flex-start !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v108 .ks-report-action .ks-primary-button,
html body .cha-pcm-shortcode-root .ks-patient-portal .ks-report-action .ks-primary-button {
width: 100% !important;
}
} html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-translation-test-panel .ksc-panel-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:18px;
margin-bottom:18px;
padding-bottom:16px;
border-bottom:1px solid rgba(13,80,150,.10);
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-api-box{
border:1px solid rgba(13,80,150,.12);
background:linear-gradient(180deg,#fff,#f8fbff);
border-radius:22px;
padding:18px;
box-shadow:0 14px 34px rgba(15,35,75,.05);
min-width:0;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-api-box h3{
margin:0 0 14px!important;
font-size:18px!important;
line-height:1.25!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-api-results{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
margin:16px 0;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-api-result{
border:1px solid rgba(13,80,150,.12);
border-radius:18px;
padding:14px;
background:#fff;
overflow:hidden;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-api-result.is-ok{
border-color:rgba(21,128,61,.28);
background:linear-gradient(180deg,#f0fdf4,#fff);
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-api-result.is-error{
border-color:rgba(185,28,28,.24);
background:linear-gradient(180deg,#fff7f7,#fff);
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-api-result strong{
display:block;
color:#061b3a;
margin-bottom:6px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-api-result p,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-api-result small{
margin:0 0 8px;
color:#4d6080;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-api-result pre{
white-space:pre-wrap;
word-break:break-word;
max-height:190px;
overflow:auto;
margin:10px 0;
padding:12px;
border-radius:14px;
background:#f6f9fd;
color:#102a55;
font-family:inherit;
font-size:13px;
line-height:1.55;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-api-actions{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:12px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-api-actions .ksc-btn{
width:auto!important;
min-width:150px;
}
@media (max-width: 900px){
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-api-results,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-translation-test-panel .ksc-two{
grid-template-columns:1fr!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-translation-test-panel .ksc-panel-head{
flex-direction:column;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-api-actions .ksc-btn{
width:100%!important;
}
} html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-list{
display:grid!important;
gap:14px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-card{
border:1px solid #e1ebf6!important;
background:#ffffff!important;
border-radius:18px!important;
padding:16px!important;
box-shadow:0 10px 24px rgba(15,55,105,.04)!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-card__top{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:14px!important;
padding-bottom:12px!important;
margin-bottom:12px!important;
border-bottom:1px solid #edf2f8!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-card__top strong{
display:block!important;
color:#101828!important;
font-size:16px!important;
font-weight:800!important;
letter-spacing:-.01em!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-card__top span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-card__top small{
display:block!important;
color:#667085!important;
font-size:13px!important;
line-height:1.45!important;
overflow-wrap:anywhere!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-card__top em{
flex:0 0 auto!important;
font-style:normal!important;
background:#eef6ff!important;
color:#0b64c0!important;
border:1px solid #d5e9fb!important;
border-radius:999px!important;
padding:6px 10px!important;
font-size:12px!important;
font-weight:800!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-user-form--create,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-edit-form{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr)) auto!important;
gap:10px!important;
align-items:end!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-user-form--create label,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-edit-form label{
display:grid!important;
gap:6px!important;
color:#344054!important;
font-size:12px!important;
font-weight:800!important;
margin:0!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-actions{
display:flex!important;
gap:10px!important;
flex-wrap:wrap!important;
align-items:center!important;
margin-top:12px!important;
padding-top:12px!important;
border-top:1px solid #edf2f8!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-actions form{
margin:0!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-actions .ksc-help{
margin:0!important;
color:#667085!important;
}
@media(max-width:1180px){
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-user-form--create,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-edit-form{
grid-template-columns:1fr 1fr!important;
}
}
@media(max-width:720px){
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-user-form--create,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-edit-form{
grid-template-columns:1fr!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-card__top{
display:block!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-card__top em{
display:inline-flex!important;
margin-top:8px!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-actions{
display:grid!important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-actions button,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-staff-user-edit-form button,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-user-form--create button{
width:100%!important;
max-width:none!important;
}
} html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-executive{
overflow:hidden;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-period-form{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
justify-content:flex-end;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-period-form select{
min-height:42px;
border:1px solid rgba(15,23,42,.12);
border-radius:14px;
padding:0 14px;
background:#fff;
font-size:13px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-cards{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:14px;
margin:18px 0 22px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-cards article{
border:1px solid rgba(15,23,42,.08);
border-radius:20px;
padding:16px;
background:linear-gradient(180deg,#fff,rgba(248,250,252,.92));
box-shadow:0 14px 34px rgba(15,23,42,.06);
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-cards span{
display:block;
color:#64748b;
font-size:12px;
font-weight:700;
letter-spacing:.02em;
text-transform:uppercase;
margin-bottom:7px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-cards strong{
display:block;
color:#0f172a;
font-size:22px;
font-weight:800;
line-height:1.15;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-cards small{
display:block;
color:#64748b;
font-size:12px;
margin-top:7px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-chart{
display:grid;
grid-auto-flow:column;
grid-auto-columns:minmax(28px,1fr);
align-items:end;
gap:9px;
min-height:210px;
padding:18px 12px 8px;
border:1px solid rgba(15,23,42,.08);
border-radius:22px;
background:linear-gradient(180deg,rgba(248,250,252,.75),#fff);
overflow-x:auto;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-chart-day{
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-end;
gap:8px;
min-width:28px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-chart-bars{
height:152px;
width:100%;
display:flex;
align-items:flex-end;
justify-content:center;
gap:4px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-chart-bars span{
display:block;
width:8px;
min-height:4px;
border-radius:999px 999px 4px 4px;
box-shadow:0 8px 18px rgba(15,23,42,.08);
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-chart-bars .is-revenue{
background:#16a34a;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-chart-bars .is-cost{
background:#f97316;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-chart-day small{
color:#64748b;
font-size:10px;
white-space:nowrap;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-chart-legend{
display:flex;
align-items:center;
gap:16px;
flex-wrap:wrap;
margin-top:12px;
color:#475569;
font-size:12px;
font-weight:700;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-chart-legend span{
display:inline-flex;
align-items:center;
gap:7px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-chart-legend span:nth-child(1)::before,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-chart-legend span:nth-child(2)::before{
content:"";
width:10px;
height:10px;
border-radius:999px;
display:inline-block;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-chart-legend span:nth-child(1)::before{background:#16a34a;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-chart-legend span:nth-child(2)::before{background:#f97316;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-cost-list{
display:grid;
gap:12px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-cost-row{
display:grid;
grid-template-columns:1fr auto;
gap:14px;
align-items:center;
padding:14px;
border:1px solid rgba(15,23,42,.08);
border-radius:18px;
background:#fff;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-cost-row strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-cost-row span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-cost-row small{
display:block;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-cost-row span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-cost-row small{
color:#64748b;
font-size:12px;
margin-top:3px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-cost-row > div:last-child{
display:flex;
flex-direction:column;
align-items:flex-end;
gap:5px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-link-danger{
border:0;
background:transparent;
color:#dc2626;
padding:0;
font-size:12px;
font-weight:800;
cursor:pointer;
}
@media (max-width: 1100px){
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-cards{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 720px){
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-period-form{justify-content:flex-start;width:100%;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-period-form select,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-period-form button{width:100%;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-finance-cards{grid-template-columns:1fr;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-cost-row{grid-template-columns:1fr;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-cost-row > div:last-child{align-items:flex-start;}
} .ks-decision-question-box {
border: 1px solid rgba(24, 105, 205, 0.12);
border-radius: 18px;
background: rgba(255, 255, 255, 0.72);
padding: 14px 16px;
margin: 12px 0;
}
.ks-decision-question-box > summary {
cursor: pointer;
font-weight: 700;
color: #17428f;
list-style: none;
}
.ks-decision-question-box > summary::-webkit-details-marker { display: none; }
.ks-decision-question-box form { margin-top: 12px; }
.ks-invoice-waiting-panel .ks-section-head { margin-bottom: 0; } html body .cha-pcm-shortcode-root .ks-payment-review-note{
display:inline-flex;
align-items:center;
width:max-content;
max-width:100%;
margin-top:8px;
padding:7px 10px;
border-radius:999px;
background:#eef6ff;
color:#17428f;
font-weight:700;
} html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-treatment-detail-editor{
margin:14px 0;
padding:14px;
border:1px solid rgba(24,105,205,.14);
border-radius:18px;
background:linear-gradient(180deg, rgba(245,250,255,.96), rgba(255,255,255,.96));
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-subhead{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px;
margin-bottom:10px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-subhead strong{
color:#071b3a;
font-size:14px;
font-weight:900;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-subhead span{
color:#5f7191;
font-size:12px;
line-height:1.45;
max-width:460px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-treatment-detail-form{
margin:0;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-treatment-detail-form .ksc-btn{
width:max-content;
margin-top:2px;
}
@media (max-width: 720px){
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-subhead{flex-direction:column;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-treatment-detail-form .ksc-btn{width:100%;}
} html body .cha-pcm-shortcode-root .ks-followup-panel{
margin-top:22px;
}
html body .cha-pcm-shortcode-root .ks-followup-requests{
margin-top:16px;
display:grid;
gap:14px;
}
html body .cha-pcm-shortcode-root .ks-followup-request-card{
display:grid;
gap:10px;
}
html body .cha-pcm-shortcode-root .ks-followup-upload-form,
html body .cha-pcm-shortcode-root .ks-followup-status-form{
display:grid;
gap:10px;
margin-top:10px;
padding:12px;
border:1px solid rgba(24,105,205,.12);
border-radius:18px;
background:rgba(255,255,255,.72);
}
html body .cha-pcm-shortcode-root .ks-followup-actions{
margin-top:18px;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
}
html body .cha-pcm-shortcode-root .ks-followup-status-form textarea,
html body .cha-pcm-shortcode-root .ks-followup-status-form select,
html body .cha-pcm-shortcode-root .ks-followup-upload-form textarea,
html body .cha-pcm-shortcode-root .ks-followup-upload-form input[type="file"]{
width:100%;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-followup-form,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-followup-request-form{
margin-top:14px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-mini-files{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:8px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-mini-files a{
display:inline-flex;
align-items:center;
padding:6px 10px;
border-radius:999px;
background:#eef6ff;
color:#17428f;
text-decoration:none;
font-size:12px;
font-weight:800;
}
@media (max-width: 980px){
html body .cha-pcm-shortcode-root .ks-followup-actions{grid-template-columns:1fr;}
} html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-hero{
display:grid !important;
grid-template-columns:minmax(0,1fr) minmax(300px,380px) !important;
gap:18px !important;
align-items:stretch !important;
margin-bottom:18px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-hero-main,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-next-action-card,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-summary-strip > article{
border:1px solid #e4ecf7 !important;
border-radius:24px !important;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
box-shadow:0 18px 54px rgba(16,24,40,.075) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-hero-main{
padding:22px !important;
min-width:0 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-title{
display:grid !important;
gap:4px !important;
margin:0 0 8px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-title span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-next-action-card > span,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-summary-strip article span{
color:#667085 !important;
font-size:12px !important;
font-weight:850 !important;
letter-spacing:.04em !important;
text-transform:uppercase !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-title h1{
margin:0 !important;
color:#0f172a !important;
font-size:clamp(28px,3vw,44px) !important;
line-height:1.02 !important;
letter-spacing:-.05em !important;
overflow-wrap:anywhere !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-hero-main p{
max-width:920px !important;
margin:0 !important;
color:#475467 !important;
font-size:15px !important;
line-height:1.6 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-chips{
display:flex !important;
flex-wrap:wrap !important;
gap:8px !important;
margin-top:16px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-chips span{
display:inline-flex !important;
align-items:center !important;
max-width:100% !important;
padding:8px 11px !important;
border-radius:999px !important;
background:#eef6ff !important;
color:#17428f !important;
font-size:12px !important;
font-weight:850 !important;
overflow-wrap:anywhere !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-next-action-card{
display:grid !important;
align-content:start !important;
gap:10px !important;
padding:18px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-next-action-card .ksc-case-status{
align-items:flex-start !important;
flex-direction:row !important;
flex-wrap:wrap !important;
margin:0 0 4px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-next-action-card strong{
display:block !important;
color:#101828 !important;
font-size:17px !important;
line-height:1.25 !important;
letter-spacing:-.025em !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-next-action-card p{
margin:0 !important;
color:#475467 !important;
font-size:13px !important;
line-height:1.55 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-summary-strip{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:12px !important;
margin:0 0 16px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-summary-strip > article{
min-width:0 !important;
padding:16px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-summary-strip article strong{
display:block !important;
margin-top:6px !important;
color:#101828 !important;
font-size:17px !important;
line-height:1.25 !important;
letter-spacing:-.025em !important;
overflow-wrap:anywhere !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-summary-strip article small{
display:block !important;
margin-top:5px !important;
color:#667085 !important;
font-size:12px !important;
line-height:1.45 !important;
overflow-wrap:anywhere !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow{
display:grid !important;
grid-template-columns:repeat(11,minmax(94px,1fr)) !important;
gap:8px !important;
overflow-x:auto !important;
padding:4px 2px 14px !important;
margin:0 0 14px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow span{
display:grid !important;
grid-template-columns:auto minmax(0,1fr) !important;
align-items:center !important;
gap:7px !important;
min-width:94px !important;
padding:8px 9px !important;
border-radius:16px !important;
background:#ffffff !important;
border:1px solid #e6edf6 !important;
color:#667085 !important;
box-shadow:none !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow span em{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:22px !important;
height:22px !important;
border-radius:999px !important;
background:#f2f4f7 !important;
color:#667085 !important;
font-size:11px !important;
font-style:normal !important;
font-weight:900 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow span strong{
display:block !important;
min-width:0 !important;
color:inherit !important;
font-size:12px !important;
line-height:1.15 !important;
font-weight:850 !important;
white-space:normal !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow span.is-on{
background:#f0f7ff !important;
border-color:#cfe4ff !important;
color:#175cd3 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow span.is-on em{
background:#d9ebff !important;
color:#175cd3 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow span.is-current{
background:#0b64c0 !important;
border-color:#0b64c0 !important;
color:#ffffff !important;
box-shadow:0 12px 28px rgba(11,100,192,.20) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-flow span.is-current em{
background:rgba(255,255,255,.2) !important;
color:#ffffff !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-tabs{
position:sticky !important;
top:0 !important;
z-index:5 !important;
display:flex !important;
gap:8px !important;
flex-wrap:wrap !important;
margin:0 0 18px !important;
padding:10px !important;
border:1px solid #e7edf5 !important;
border-radius:20px !important;
background:rgba(255,255,255,.92) !important;
backdrop-filter:blur(10px) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-tabs a{
border-radius:14px !important;
padding:10px 12px !important;
background:#f8fafc !important;
border:1px solid #eef2f7 !important;
color:#475467 !important;
font-size:13px !important;
line-height:1.15 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-tabs a.is-active{
background:#101828 !important;
border-color:#101828 !important;
color:#ffffff !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-overview-layout{
display:grid !important;
grid-template-columns:minmax(0,1fr) minmax(300px,380px) !important;
gap:18px !important;
align-items:start !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-overview-main,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-workflow-card{
min-width:0 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-info-grid--clean{
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-workflow-card p{
margin:0 0 14px !important;
color:#475467 !important;
line-height:1.6 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-workflow-links{
display:grid !important;
gap:8px !important;
margin-bottom:14px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-workflow-links a{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:10px !important;
padding:11px 12px !important;
border:1px solid #e8eef6 !important;
border-radius:14px !important;
background:#ffffff !important;
color:#17428f !important;
text-decoration:none !important;
font-size:13px !important;
font-weight:850 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-workflow-links a::after{
content:'›' !important;
font-size:18px !important;
line-height:1 !important;
color:#98a2b3 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-application-clean .ksc-detail-sections{
display:grid !important;
gap:14px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-application-clean .ksc-data-section{
padding:16px !important;
border-radius:20px !important;
background:#ffffff !important;
border:1px solid #e8eef6 !important;
box-shadow:none !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-application-clean .ksc-data-section h3{
margin:0 0 12px !important;
color:#101828 !important;
font-size:17px !important;
letter-spacing:-.025em !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-application-clean .ksc-data-grid{
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
@media (max-width: 1180px){
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-hero,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-overview-layout{
grid-template-columns:1fr !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-summary-strip{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-info-grid--clean,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-application-clean .ksc-data-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
}
@media (max-width: 720px){
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-hero-main,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-next-action-card{
padding:16px !important;
border-radius:20px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-detail-summary-strip,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-info-grid--clean,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-application-clean .ksc-data-grid{
grid-template-columns:1fr !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-tabs{
position:relative !important;
top:auto !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-tabs a{
width:100% !important;
justify-content:center !important;
text-align:center !important;
}
} html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-application-clean .ksc-data-item--wide{
grid-column:1 / -1 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-application-clean .ksc-data-item--wide strong{
white-space:pre-line !important;
line-height:1.62 !important;
max-width:100% !important;
overflow-wrap:break-word !important;
word-break:normal !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-application-clean .ksc-data-item--wide span{
margin-bottom:8px !important;
} html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row-shell {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: stretch !important;
gap: 10px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row-shell > .ksc-row {
min-width: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-delete-file-box {
width: 92px !important;
border: 1px solid #fee2e2 !important;
border-radius: 16px !important;
background: #fffafa !important;
align-self: stretch !important;
position: relative !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-delete-file-box summary {
list-style: none !important;
cursor: pointer !important;
height: 100% !important;
min-height: 68px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: #b42318 !important;
font-weight: 800 !important;
font-size: 13px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-delete-file-box summary::-webkit-details-marker {
display: none !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-delete-file-box[open] {
z-index: 20 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-delete-file-box form {
position: absolute !important;
right: 0 !important;
top: calc(100% + 8px) !important;
width: min(360px, 82vw) !important;
padding: 14px !important;
border: 1px solid #fecaca !important;
border-radius: 18px !important;
background: #ffffff !important;
box-shadow: 0 24px 60px rgba(15, 23, 42, .18) !important;
display: grid !important;
gap: 10px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-delete-file-box label,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-danger-delete-form label {
display: grid !important;
gap: 6px !important;
color: var(--ks-ui-text) !important;
font-weight: 800 !important;
font-size: 12px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-delete-file-box textarea,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-danger-delete-form textarea,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-danger-delete-form input[type="text"] {
width: 100% !important;
border: 1px solid #e5eaf2 !important;
border-radius: 12px !important;
padding: 10px 12px !important;
font: inherit !important;
font-size: 13px !important;
resize: vertical !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-danger-zone {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
gap: 16px !important;
align-items: center !important;
margin: 18px 0 !important;
padding: 16px !important;
border: 1px solid #fecaca !important;
border-radius: 22px !important;
background: linear-gradient(180deg, #fffafa 0%, #ffffff 100%) !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-danger-zone strong {
display: block !important;
color: #991b1b !important;
font-size: 15px !important;
margin-bottom: 4px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-danger-zone p,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-danger-zone small {
color: #7f1d1d !important;
line-height: 1.55 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-danger-zone details {
min-width: 260px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-danger-zone summary {
cursor: pointer !important;
border: 1px solid #fca5a5 !important;
border-radius: 14px !important;
padding: 11px 14px !important;
background: #fff !important;
color: #b42318 !important;
font-weight: 800 !important;
text-align: center !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-danger-delete-form {
margin-top: 12px !important;
display: grid !important;
gap: 12px !important;
padding: 14px !important;
border-radius: 16px !important;
background: #ffffff !important;
border: 1px solid #fee2e2 !important;
}
@media (max-width: 760px) {
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-row-shell,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-danger-zone {
grid-template-columns: 1fr !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-delete-file-box {
width: 100% !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-delete-file-box summary {
min-height: 44px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-delete-file-box form {
position: static !important;
width: 100% !important;
margin-top: 8px !important;
box-shadow: none !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-danger-zone details {
min-width: 0 !important;
}
} html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel--application-delete-list {
overflow: visible !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel--application-delete-list .ksc-list,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel--application-delete-list .ksc-row-shell {
overflow: visible !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel--application-delete-list .ksc-row-shell {
position: relative !important;
z-index: 1 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel--application-delete-list .ksc-row-shell:has(.ksc-delete-file-box[open]) {
z-index: 40 !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel--application-delete-list .ksc-delete-file-box[open] {
grid-column: 1 / -1 !important;
width: 100% !important;
align-self: auto !important;
padding: 12px !important;
border-color: #fecaca !important;
background: #fffafa !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel--application-delete-list .ksc-delete-file-box[open] summary {
height: auto !important;
min-height: 42px !important;
justify-content: flex-start !important;
padding: 0 2px 10px !important;
border-bottom: 1px solid #fee2e2 !important;
text-align: left !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel--application-delete-list .ksc-delete-file-box[open] summary::after {
content: ' — silme nedeni ve onay bilgisi aşağıdadır';
margin-left: 6px !important;
color: #7f1d1d !important;
font-weight: 700 !important;
font-size: 12px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel--application-delete-list .ksc-delete-file-box[open] form {
position: static !important;
inset: auto !important;
width: 100% !important;
max-width: none !important;
margin-top: 12px !important;
padding: 14px !important;
border-radius: 16px !important;
box-shadow: none !important;
background: #ffffff !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel--application-delete-list .ksc-delete-file-box[open] textarea {
min-height: 84px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel--application-delete-list .ksc-delete-file-box[open] .ksc-btn {
justify-self: flex-start !important;
}
@media (max-width: 760px) {
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel--application-delete-list .ksc-delete-file-box[open] {
padding: 10px !important;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-panel--application-delete-list .ksc-delete-file-box[open] summary::after {
content: '' !important;
}
} html body .cha-pcm-shortcode-root .ks-portal.ks-patient-portal-v1460,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 {
width: min(1580px, calc(100vw - 40px)) !important;
max-width: min(1580px, calc(100vw - 40px)) !important;
margin: 28px auto 64px !important;
display: grid !important;
gap: 18px !important;
color: #0f2747 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 * {
box-sizing: border-box !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-hero-modern {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(280px, 360px) !important;
gap: 18px !important;
align-items: stretch !important;
padding: clamp(22px, 3vw, 38px) !important;
border: 1px solid #dbeafe !important;
border-radius: 30px !important;
background: linear-gradient(135deg, #f8fbff 0%, #eaf4ff 54%, #ffffff 100%) !important;
box-shadow: 0 24px 60px rgba(15, 39, 71, .09) !important;
overflow: hidden !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-hero-modern h1 {
max-width: 760px !important;
margin: 8px 0 10px !important;
font-size: clamp(31px, 3.3vw, 48px) !important;
line-height: 1.04 !important;
letter-spacing: -.055em !important;
color: #092348 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-hero-modern p {
max-width: 820px !important;
color: #415b7a !important;
font-size: 15px !important;
line-height: 1.7 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-access-card {
align-self: stretch !important;
display: grid !important;
align-content: center !important;
gap: 8px !important;
min-height: 138px !important;
border: 1px solid rgba(25, 118, 210, .18) !important;
background: rgba(255, 255, 255, .86) !important;
border-radius: 24px !important;
padding: 20px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-access-card span,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-access-card small {
color: #64748b !important;
font-size: 13px !important;
line-height: 1.45 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-access-card strong {
color: #0b5fb8 !important;
font-size: 20px !important;
letter-spacing: -.02em !important;
overflow-wrap: anywhere !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-command-center {
display: grid !important;
grid-template-columns: minmax(280px, 440px) minmax(0, 1fr) minmax(260px, 360px) !important;
gap: 14px !important;
align-items: stretch !important;
width: 100% !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-command-card,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-local-nav,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-metric-strip {
border: 1px solid #e3edf9 !important;
border-radius: 24px !important;
background: #ffffff !important;
box-shadow: 0 16px 44px rgba(15, 39, 71, .06) !important;
min-width: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-command-card {
padding: 18px !important;
display: grid !important;
gap: 8px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-command-card span,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-metric-strip span {
display: block !important;
color: #64748b !important;
font-size: 11px !important;
font-weight: 900 !important;
letter-spacing: .055em !important;
text-transform: uppercase !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-command-card h2 {
margin: 0 !important;
color: #092348 !important;
font-size: 22px !important;
line-height: 1.16 !important;
letter-spacing: -.035em !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-command-card p {
margin: 0 !important;
color: #475569 !important;
line-height: 1.55 !important;
font-size: 13px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-command-card a {
justify-self: start !important;
display: inline-flex !important;
align-items: center !important;
min-height: 38px !important;
padding: 9px 14px !important;
border-radius: 14px !important;
background: #0b63c7 !important;
color: #ffffff !important;
text-decoration: none !important;
font-weight: 800 !important;
font-size: 13px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-local-nav {
padding: 12px !important;
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 9px !important;
align-content: center !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-local-nav a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 42px !important;
padding: 9px 11px !important;
border: 1px solid #e5eef8 !important;
border-radius: 14px !important;
background: #f8fbff !important;
color: #0f3f75 !important;
text-decoration: none !important;
font-weight: 850 !important;
font-size: 13px !important;
text-align: center !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-local-nav a:hover,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-command-card a:hover {
transform: translateY(-1px) !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-metric-strip {
padding: 12px !important;
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 9px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-metric-strip div {
min-width: 0 !important;
padding: 12px !important;
border-radius: 16px !important;
background: #f8fafc !important;
border: 1px solid #edf2f7 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-metric-strip strong {
display: block !important;
margin-top: 4px !important;
color: #0b63c7 !important;
font-size: 24px !important;
line-height: 1 !important;
letter-spacing: -.04em !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-summary-strip {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 12px !important;
padding: 12px !important;
border: 1px solid #e3edf9 !important;
border-radius: 24px !important;
background: #ffffff !important;
box-shadow: 0 14px 40px rgba(15, 39, 71, .055) !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-summary-strip > div {
padding: 15px !important;
border-radius: 18px !important;
background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%) !important;
border: 1px solid #edf4fb !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-workspace {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(330px, 380px) !important;
gap: 18px !important;
align-items: start !important;
width: 100% !important;
max-width: 100% !important;
overflow: visible !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-workspace > .ks-patient-main {
grid-column: 1 !important;
grid-row: 1 !important;
min-width: 0 !important;
display: grid !important;
gap: 18px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-workspace > .ks-patient-quick-panel {
grid-column: 2 !important;
grid-row: 1 !important;
min-width: 0 !important;
display: grid !important;
grid-template-columns: 1fr !important;
gap: 14px !important;
position: sticky !important;
top: 84px !important;
max-height: calc(100vh - 96px) !important;
overflow: auto !important;
padding-right: 2px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-glass-panel {
border: 1px solid #e3edf9 !important;
border-radius: 26px !important;
background: #ffffff !important;
box-shadow: 0 16px 44px rgba(15, 39, 71, .055) !important;
padding: clamp(17px, 2vw, 24px) !important;
overflow: visible !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-section-head {
margin-bottom: 14px !important;
padding-bottom: 10px !important;
border-bottom: 1px solid #edf2f7 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-section-head h2 {
margin: 0 0 6px !important;
color: #092348 !important;
font-size: clamp(20px, 1.6vw, 25px) !important;
line-height: 1.2 !important;
letter-spacing: -.035em !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-section-head p {
margin: 0 !important;
color: #64748b !important;
line-height: 1.62 !important;
font-size: 14px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-form11-details--patient {
display: grid !important;
gap: 16px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-form11-section {
display: grid !important;
gap: 10px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-form11-section h3,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-file-list h3 {
margin: 0 !important;
color: #0f3f75 !important;
font-size: 15px !important;
line-height: 1.25 !important;
letter-spacing: -.015em !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-form11-detail-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 10px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-form11-detail-item,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-form11-detail-grid > div {
min-width: 0 !important;
padding: 13px !important;
border: 1px solid #e7eef8 !important;
border-radius: 16px !important;
background: #fbfdff !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-form11-detail-item--wide {
grid-column: 1 / -1 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-form11-detail-grid span,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-form11-file-row span {
display: block !important;
margin-bottom: 6px !important;
color: #64748b !important;
font-size: 11px !important;
font-weight: 900 !important;
letter-spacing: .04em !important;
text-transform: uppercase !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-form11-detail-grid strong {
display: block !important;
color: #0f2747 !important;
font-size: 13.5px !important;
line-height: 1.62 !important;
overflow-wrap: break-word !important;
word-break: normal !important;
white-space: normal !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-steps {
display: grid !important;
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
gap: 10px !important;
width: 100% !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-step {
position: relative !important;
min-height: 96px !important;
padding: 14px !important;
border-radius: 18px !important;
border: 1px solid #e4edf8 !important;
background: #fbfdff !important;
display: grid !important;
align-content: start !important;
gap: 8px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-step span {
width: 13px !important;
height: 13px !important;
border-radius: 999px !important;
background: #cbd5e1 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-step.is-active {
border-color: #0b63c7 !important;
background: linear-gradient(180deg, #eff6ff 0%, #ffffff 100%) !important;
box-shadow: 0 12px 30px rgba(11, 99, 199, .11) !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-step.is-active span {
background: #0b63c7 !important;
box-shadow: 0 0 0 6px rgba(11, 99, 199, .12) !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-step strong {
color: #0f2747 !important;
font-size: 13px !important;
line-height: 1.3 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-step small {
color: #64748b !important;
font-size: 12px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-request-list,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-treatment-options,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-invoice-list,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-followup-requests,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-followup-actions {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
gap: 12px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-treatment-card,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-request-card,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-invoice-card,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-report-box-modern,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-followup-status-form {
border: 1px solid #e5eef8 !important;
border-radius: 20px !important;
background: #fbfdff !important;
box-shadow: none !important;
min-width: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-treatment-card.is-selected {
border-color: #0b63c7 !important;
background: #f0f7ff !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-treatment-detail-grid {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
gap: 10px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-treatment-detail-grid > div,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-detail-block,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-answer-box {
border: 1px solid #e5eef8 !important;
border-radius: 16px !important;
background: #fbfdff !important;
padding: 13px !important;
min-width: 0 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-clean-form,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-followup-upload-form,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-followup-status-form {
display: grid !important;
gap: 11px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 input,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 select,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 textarea {
width: 100% !important;
max-width: 100% !important;
border: 1px solid #dbe6f3 !important;
border-radius: 14px !important;
background: #ffffff !important;
color: #0f2747 !important;
font: inherit !important;
min-height: 42px !important;
padding: 10px 12px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 textarea {
min-height: 96px !important;
resize: vertical !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-clean-form button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-primary-button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-secondary-button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-muted-button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-full-button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 42px !important;
width: auto !important;
max-width: 100% !important;
border-radius: 14px !important;
padding: 10px 15px !important;
font-weight: 850 !important;
font-size: 13px !important;
text-decoration: none !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-lookup-card .ks-full-button {
width: 100% !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-quick-panel .ks-glass-panel {
padding: 16px !important;
border-radius: 22px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-quick-panel .ks-section-head h2 {
font-size: 18px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-quick-panel .ks-mini-list,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-quick-panel .ks-message-list,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-quick-panel .ks-timeline-list {
max-height: 300px !important;
overflow: auto !important;
padding-right: 2px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-message-bubble {
border-radius: 16px !important;
border: 1px solid #e5eef8 !important;
background: #fbfdff !important;
padding: 12px !important;
}
@media (min-width: 1181px) {
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-workspace {
grid-template-columns: minmax(0, 1fr) minmax(330px, 380px) !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-workspace > .ks-patient-main {
grid-column: 1 !important;
grid-row: 1 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-workspace > .ks-patient-quick-panel {
grid-column: 2 !important;
grid-row: 1 !important;
grid-template-columns: 1fr !important;
position: sticky !important;
top: 84px !important;
}
}
@media (max-width: 1180px) {
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-command-center,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-workspace {
grid-template-columns: 1fr !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-workspace > .ks-patient-main {
grid-column: 1 !important;
grid-row: 1 !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-workspace > .ks-patient-quick-panel {
grid-column: 1 !important;
grid-row: 2 !important;
position: relative !important;
top: auto !important;
max-height: none !important;
overflow: visible !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-summary-strip,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-form11-detail-grid,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-steps {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 760px) {
html body .cha-pcm-shortcode-root .ks-portal.ks-patient-portal-v1460,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 {
width: 100% !important;
max-width: 100% !important;
margin: 12px auto 42px !important;
padding: 0 10px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-hero-modern,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-summary-strip,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-local-nav,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-metric-strip,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-quick-panel,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-form11-detail-grid,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-steps,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-request-list,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-treatment-options,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-invoice-list,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-followup-actions {
grid-template-columns: 1fr !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-glass-panel,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-patient-hero-modern {
padding: 16px !important;
border-radius: 20px !important;
}
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-clean-form button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-primary-button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-secondary-button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-muted-button,
html body .cha-pcm-shortcode-root .ks-patient-portal-v1460 .ks-full-button {
width: 100% !important;
}
} body.cha-pcm-page .entry-content > .cha-pcm-shortcode-root--patient,
body.cha-pcm-page .wp-block-post-content > .cha-pcm-shortcode-root--patient,
.cha-pcm-shortcode-root--patient {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
padding-left: 0 !important;
padding-right: 0 !important;
overflow-x: clip !important;
}
html body .cha-pcm-shortcode-root--patient .ks-portal.ks-patient-portal-v1461,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 {
position: relative !important;
left: auto !important;
right: auto !important;
transform: none !important;
width: min(1440px, calc(100vw - 48px)) !important;
max-width: calc(100vw - 48px) !important;
margin: 28px auto 64px !important;
padding: 0 !important;
overflow: visible !important;
contain: none !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-patient-command-center {
grid-template-columns: minmax(300px, 430px) minmax(360px, 1fr) minmax(220px, 300px) !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-patient-workspace {
grid-template-columns: minmax(0, 1fr) minmax(300px, 340px) !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-patient-quick-panel {
overflow-x: hidden !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-patient-summary-strip,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-patient-command-center,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-patient-workspace,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-glass-panel,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-followup-panel {
min-width: 0 !important;
max-width: 100% !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-treatment-detail-grid > div span,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-detail-block > strong,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-followup-request-card > strong,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-followup-request-card > span,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-followup-status-form label > span {
display: block !important;
margin-bottom: 7px !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-treatment-detail-grid > div strong,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-detail-block p,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-followup-status-form button,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-primary-button,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-muted-button {
white-space: normal !important;
overflow-wrap: break-word !important;
word-break: normal !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-followup-actions {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-followup-status-form {
padding: 14px !important;
align-content: start !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-followup-status-form button {
width: 100% !important;
min-height: 48px !important;
line-height: 1.35 !important;
text-align: center !important;
}
@media (max-width: 1280px) {
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-patient-command-center,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-patient-workspace {
grid-template-columns: 1fr !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-patient-quick-panel {
grid-column: 1 !important;
position: relative !important;
top: auto !important;
max-height: none !important;
overflow: visible !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-followup-actions {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 760px) {
body.cha-pcm-page .entry-content > .cha-pcm-shortcode-root--patient,
body.cha-pcm-page .wp-block-post-content > .cha-pcm-shortcode-root--patient,
.cha-pcm-shortcode-root--patient {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
overflow-x: hidden !important;
}
html body .cha-pcm-shortcode-root--patient .ks-portal.ks-patient-portal-v1461,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 {
width: 100% !important;
max-width: 100% !important;
margin: 12px auto 42px !important;
padding: 0 10px !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1461 .ks-patient-quick-panel {
grid-template-columns: 1fr !important;
}
} body.cha-pcm-page .entry-content > .cha-pcm-shortcode-root--patient,
body.cha-pcm-page .wp-block-post-content > .cha-pcm-shortcode-root--patient,
html body .cha-pcm-shortcode-root--patient,
.cha-pcm-shortcode-root--patient {
display: block !important;
position: relative !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
overflow: visible !important;
contain: none !important;
clear: both !important;
}
html body .cha-pcm-shortcode-root--patient > .ks-portal.ks-patient-portal-v1462,
html body .cha-pcm-shortcode-root--patient .ks-portal.ks-patient-portal-v1462,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462,
html body .ks-portal.ks-patient-portal-v1462,
html body .ks-patient-portal-v1462 {
position: relative !important;
left: auto !important;
right: auto !important;
transform: none !important;
width: min(1240px, 100%) !important;
max-width: 1240px !important;
min-width: 0 !important;
margin: 28px auto 64px !important;
padding: 0 16px !important;
display: grid !important;
gap: 18px !important;
overflow: visible !important;
contain: none !important;
box-sizing: border-box !important;
color: #0f2747 !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 * {
box-sizing: border-box !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-public-hero,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-hero-modern,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-command-center,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-case-summary-bar,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-summary-strip,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-workspace,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-main,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-quick-panel,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-glass-panel,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-panel,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-form11-detail-grid,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-steps,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-treatment-options,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-invoice-list,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-followup-actions {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow: visible !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-hero-modern {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(240px, 320px) !important;
gap: 18px !important;
align-items: stretch !important;
padding: clamp(22px, 3vw, 38px) !important;
border-radius: 30px !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-hero-modern h1 {
max-width: 760px !important;
margin: 8px 0 10px !important;
font-size: clamp(30px, 3vw, 46px) !important;
line-height: 1.08 !important;
letter-spacing: -0.018em !important;
word-spacing: 0.04em !important;
white-space: normal !important;
overflow-wrap: normal !important;
word-break: normal !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-command-center {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
gap: 14px !important;
align-items: stretch !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-local-nav {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(124px, 1fr)) !important;
gap: 9px !important;
align-content: center !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-metric-strip {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
gap: 9px !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-summary-strip,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-case-summary-bar {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
gap: 12px !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-workspace {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 18px !important;
align-items: start !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-workspace > .ks-patient-main {
grid-column: 1 !important;
grid-row: 1 !important;
width: 100% !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-workspace > .ks-patient-quick-panel {
grid-column: 1 !important;
grid-row: 2 !important;
position: relative !important;
top: auto !important;
max-height: none !important;
overflow: visible !important;
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
gap: 14px !important;
align-items: stretch !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-form11-detail-grid,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-steps,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-treatment-detail-grid,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-treatment-options,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-invoice-list,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-followup-actions {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
gap: 12px !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-detail-block,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-form11-detail-card,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-followup-status-form,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-followup-request-card {
min-width: 0 !important;
overflow: visible !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 span,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 strong,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 p,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 h1,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 h2,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 h3,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 label,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 button,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 a {
word-break: normal !important;
overflow-wrap: break-word !important;
white-space: normal !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-case-summary-bar > div span,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-treatment-detail-grid > div span,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-followup-status-form label > span,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-detail-block > strong,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-followup-request-card > strong,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-followup-request-card > span {
display: block !important;
margin-bottom: 7px !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 input,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 select,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 textarea,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 button {
max-width: 100% !important;
}
@media (max-width: 980px) {
html body .cha-pcm-shortcode-root--patient > .ks-portal.ks-patient-portal-v1462,
html body .cha-pcm-shortcode-root--patient .ks-portal.ks-patient-portal-v1462,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462,
html body .ks-portal.ks-patient-portal-v1462,
html body .ks-patient-portal-v1462 {
width: 100% !important;
max-width: 100% !important;
margin: 16px auto 48px !important;
padding: 0 12px !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-hero-modern {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 640px) {
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-hero-modern,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-glass-panel,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-command-card,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-local-nav,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-metric-strip,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-case-summary-bar {
padding: 16px !important;
border-radius: 20px !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-local-nav,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-metric-strip,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-summary-strip,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-form11-detail-grid,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-steps,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-treatment-options,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-followup-actions,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1462 .ks-patient-workspace > .ks-patient-quick-panel {
grid-template-columns: 1fr !important;
}
} html body .cha-pcm-shortcode-root--patient .ks-portal.ks-patient-portal-v1463,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463,
html body .ks-portal.ks-patient-portal-v1463,
html body .ks-patient-portal-v1463 {
width: min(1240px, 100%) !important;
max-width: 1240px !important;
margin: 28px auto 64px !important;
padding: 0 16px !important;
display: grid !important;
gap: 18px !important;
overflow: visible !important;
box-sizing: border-box !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-workspace {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 18px !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-workspace > .ks-patient-main {
grid-column: 1 !important;
grid-row: 1 !important;
width: 100% !important;
min-width: 0 !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-workspace > .ks-patient-quick-panel.ks-patient-support-hub {
grid-column: 1 !important;
grid-row: 2 !important;
position: relative !important;
top: auto !important;
max-height: none !important;
overflow: visible !important;
display: grid !important;
grid-template-columns: minmax(310px, 1.05fr) minmax(260px, .85fr) minmax(260px, .85fr) !important;
gap: 14px !important;
align-items: stretch !important;
padding: 18px !important;
border: 1px solid #dceafa !important;
border-radius: 30px !important;
background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
box-shadow: 0 22px 58px rgba(15, 39, 71, .07) !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-header {
grid-column: 1 / -1 !important;
display: grid !important;
grid-template-columns: auto minmax(0, 1fr) auto !important;
gap: 14px !important;
align-items: center !important;
min-width: 0 !important;
padding: 4px 4px 12px !important;
border-bottom: 1px solid #e7f0fb !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-header > span {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 34px !important;
padding: 7px 12px !important;
border-radius: 999px !important;
background: #eef6ff !important;
color: #0b63c7 !important;
font-size: 11px !important;
font-weight: 900 !important;
letter-spacing: .055em !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-header h2 {
margin: 0 !important;
color: #092348 !important;
font-size: clamp(22px, 2vw, 28px) !important;
line-height: 1.15 !important;
letter-spacing: -.025em !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-header p {
margin: 5px 0 0 !important;
color: #64748b !important;
font-size: 14px !important;
line-height: 1.55 !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-stats {
display: grid !important;
grid-template-columns: repeat(3, minmax(62px, 1fr)) !important;
gap: 8px !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-stats div {
min-width: 0 !important;
padding: 9px 10px !important;
border: 1px solid #e7f0fb !important;
border-radius: 16px !important;
background: #ffffff !important;
text-align: center !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-stats strong {
display: block !important;
color: #0b63c7 !important;
font-size: 20px !important;
line-height: 1 !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-stats small {
display: block !important;
margin-top: 4px !important;
color: #64748b !important;
font-size: 11px !important;
font-weight: 800 !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-hub-card {
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
padding: 18px !important;
border: 1px solid #e5eef8 !important;
border-radius: 24px !important;
background: #ffffff !important;
box-shadow: 0 12px 30px rgba(15, 39, 71, .045) !important;
overflow: visible !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-hub-card--question {
grid-column: 1 !important;
grid-row: 2 / span 2 !important;
display: grid !important;
align-content: start !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-hub-card--payments {
grid-column: 2 !important;
grid-row: 2 !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-hub-card--messages {
grid-column: 3 !important;
grid-row: 2 !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-hub-card--activity {
grid-column: 2 / 4 !important;
grid-row: 3 !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-hub .ks-section-head {
margin: 0 0 12px !important;
padding: 0 0 10px !important;
border-bottom: 1px solid #edf4fb !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-hub .ks-section-head h2 {
font-size: 19px !important;
line-height: 1.2 !important;
letter-spacing: -.02em !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-hub .ks-section-head p {
font-size: 13px !important;
line-height: 1.5 !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-hub-question-form textarea {
min-height: 150px !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-hub-question-form button {
justify-self: start !important;
min-width: 170px !important;
min-height: 44px !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-hub-list,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-hub .ks-mini-list,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-hub .ks-message-list,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-hub .ks-timeline-list {
display: grid !important;
gap: 9px !important;
max-height: none !important;
overflow: visible !important;
padding-right: 0 !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-hub-row,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-hub-message {
min-width: 0 !important;
padding: 12px !important;
border: 1px solid #e7f0fb !important;
border-radius: 17px !important;
background: #fbfdff !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-hub-row {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-hub-row > div {
min-width: 0 !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-hub-row strong,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-hub-message span {
display: block !important;
color: #092348 !important;
font-size: 14px !important;
font-weight: 850 !important;
line-height: 1.35 !important;
overflow-wrap: break-word !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-hub-row small,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-hub-message small {
display: block !important;
margin-top: 5px !important;
color: #7c8da6 !important;
font-size: 12px !important;
line-height: 1.35 !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-hub-message p {
margin: 6px 0 0 !important;
color: #334155 !important;
font-size: 14px !important;
line-height: 1.55 !important;
overflow-wrap: break-word !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-hub-message--patient {
background: #eef6ff !important;
border-color: #d7e9ff !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-hub-message--staff {
background: #fffaf0 !important;
border-color: #f4e5bf !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-hub-footnote {
margin: 10px 0 0 !important;
color: #64748b !important;
font-size: 12px !important;
line-height: 1.45 !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-hub .ks-empty {
margin: 0 !important;
padding: 13px !important;
border: 1px dashed #dbe8f6 !important;
border-radius: 16px !important;
background: #f8fbff !important;
color: #64748b !important;
}
@media (max-width: 1080px) {
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-workspace > .ks-patient-quick-panel.ks-patient-support-hub {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-header,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-hub-card--question,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-hub-card--activity {
grid-column: 1 / -1 !important;
grid-row: auto !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-hub-card--payments,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-hub-card--messages {
grid-column: auto !important;
grid-row: auto !important;
}
}
@media (max-width: 720px) {
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-workspace > .ks-patient-quick-panel.ks-patient-support-hub,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-header {
grid-template-columns: 1fr !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-support-stats {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-hub-card--question,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-hub-card--payments,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-hub-card--messages,
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-patient-hub-card--activity {
grid-column: 1 !important;
grid-row: auto !important;
}
html body .cha-pcm-shortcode-root--patient .ks-patient-portal-v1463 .ks-hub-question-form button {
width: 100% !important;
min-width: 0 !important;
}
} html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-currency-flow-panel{
overflow:hidden;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-rate-strip{
display:flex;
flex-wrap:wrap;
gap:10px;
margin:14px 0 18px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-rate-strip span{
display:inline-flex;
align-items:center;
min-height:34px;
padding:8px 12px;
border:1px solid rgba(15,23,42,.08);
border-radius:999px;
background:#fff;
color:#334155;
font-size:12px;
font-weight:800;
box-shadow:0 10px 24px rgba(15,23,42,.05);
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-currency-flow-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-currency-flow-grid article{
border:1px solid rgba(15,23,42,.08);
border-radius:20px;
background:linear-gradient(180deg,#fff,rgba(248,250,252,.94));
padding:15px;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-currency-flow-grid h3{
margin:0 0 12px;
color:#0f172a;
font-size:14px;
font-weight:850;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-currency-flow-grid article > div{
display:grid;
grid-template-columns:54px 1fr;
gap:4px 10px;
align-items:start;
padding:10px 0;
border-top:1px solid rgba(15,23,42,.07);
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-currency-flow-grid article > div:first-of-type{
border-top:0;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-currency-flow-grid article > div > span{
color:#64748b;
font-size:11px;
font-weight:900;
letter-spacing:.04em;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-currency-flow-grid article > div > strong{
color:#0f172a;
font-size:14px;
font-weight:850;
text-align:right;
}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-currency-flow-grid article > div > small{
grid-column:1 / -1;
color:#64748b;
font-size:11px;
text-align:right;
}
@media (max-width: 980px){
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-currency-flow-grid{grid-template-columns:1fr;}
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-currency-flow-grid article > div > strong,
html body .cha-pcm-shortcode-root .ks-clean-staff .ksc-currency-flow-grid article > div > small{text-align:left;}
} .ksc-btn--disabled,
.ksc-btn[disabled] {
background: #e6edf5 !important;
color: #7b8da5 !important;
cursor: not-allowed !important;
box-shadow: none !important;
} html body .cha-pcm-shortcode-root .ks-auth-portal-v110 .ks-login-support-grid--single {
grid-template-columns: 1fr !important;
}
html body .cha-pcm-shortcode-root .ks-application-flow input.ks-manual-date-field {
cursor: text !important;
letter-spacing: .02em !important;
}