body {
  margin-bottom: 0;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.navbar {min-height: auto;padding:0px}:root,
:host,
:root {
    --tblr-primary: #11462a;
    --tblr-primary-rgb:17, 70, 42;
    
  }
[data-bs-theme=dark] .accordion-button::after {
	
    content: '\f107';
       font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
	    --tblr-accordion-btn-icon: none;
    --tblr-accordion-btn-active-icon: none;width: auto;right: 5px;
    position: relative;
    }

.navbar-vertical.navbar-expand-md .navbar-nav .nav-link:focus,.navbar-vertical.navbar-expand-md .navbar-nav .nav-link:hover {
     background-color: #1b293a;
}
.fa, .fa-solid, .fa-regular{margin-right: 5px;}
.btn-list{--tblr-list-gap:0.3rem;}
.bold {
    FONT-WEIGHT: 600!important
}

.normal {
    FONT-WEIGHT: 400!important
}
.light {
    FONT-WEIGHT: 200!important
}
.b0 {
    border: 0px!important
}

.bl0 {
    border-left-width: 0 !important
}

.br0 {
    border-right-width: 0 !important
}

.bt0 {
    border-top-width: 0 !important
}

.bb0 {
    border-bottom-width: 0 !important
}

.br {
    border-right: 1px solid #e1e1e1
}

.bl {
    border-left: 1px solid #e1e1e1
}

.bt {
    border-top: 1px solid #e1e1e1
}

.bb {
    border-bottom: 1px solid #e1e1e1
}

.b {
    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1
}
	.alert2 {
    --tblr-alert-border: var(--tblr-border-width) solid var(--tblr-alert-border-color);
    --tblr-alert-border-radius: var(--tblr-border-radius-sm);
    --tblr-alert-link-color: inherit;
    position: relative;
    margin-bottom: var(--tblr-alert-margin-bottom);
    color: var(--tblr-alert-color);
    background-color: var(--tblr-alert-bg);
    border: var(--tblr-alert-border);
    border-radius: var(--tblr-alert-border-radius);
padding: 5px;
}

.form-selectgroup-label{border-radius:0px;}

	.navbar-brand-image {filter: none!important;
    height: 45px;
    width: auto;
}
.golge1{box-shadow: rgb(50 50 93 / 25%) 0px 50px 100px -20px}.golge2{box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;}.golge3{box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;}.videofonblur{background: rgba(255,255,255,0.8);backdrop-filter: blur(5px);}
.divover {border:1px solid #eee;padding:5px;}.divover:hover {-webkit-box-shadow: 0 5px 10px rgb(5 5 5 / 12%); box-shadow: 0 15px 30px rgb(5 5 5 / 12%);}.divoverkategori{background: linear-gradient(0deg, #fff 25%, var(--renk,white) 25%);border:0px solid #eee;padding:5px;min-height:150px   }.divoverkategori img{margin:auto 0;bottom:0px;transform: scale(0.9);width:50%;position: relative; margin-top:45%;z-index:2;margin-bottom:5%}.divoverkategori:hover {background: linear-gradient(0deg, #fff 25%, #e41f26  25%); -webkit-box-shadow: 0 -20px 25px rgb(5 5 5 / 22%); box-shadow: 0 -10px 25px rgb(5 5 5 / 22%)}.divaktif{border:solid var(--renk,white)}
.tek-satir{padding:0;white-space:nowrap;font-weight:300;overflow:hidden;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis}.iki-satir{max-height: 40px; display: block; display: -webkit-box;  -webkit-box-orient: vertical; -moz-box-orient: vertical;   overflow: hidden;    line-height: 1.35em;}


tbody, td, tfoot, th, thead, tr{  font-size: 12px;font-weight: var(--tblr-body-font-weight);vertical-align: middle !important;}
.input-kisa{min-width:34px!important;display: table;max-width: 70px;}
.fa-stack {border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);border-radius: 4px;}
.input-icon{padding:0px;min-width:34px!important;max-width:34px!important;justify-content: center;}.input-icon .fa{padding:5px!important}
.btn-label {
    position: relative;
    display: inline-block;
    padding-right:5px;
}
.dropdown-item {color:#929dab;display: block;}
.dropdown-item.active, .dropdown-item:active{z-index: 1;
    color: #fff;
    background: rgba(var(--tblr-primary-rgb), .08);
    border-color: var(--tblr-primary);font-weight:600}
@media (max-width:575px){.d-xs-none{display: none !important;}}
.hidden,#tomselect-1-ts-control {display: none !important;}
.p-sm {padding: 5px !important}
.m-sm {margin: 5px !important}
.bg-gray-lighter{
    --tblr-bg-opacity: 1;
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-dark-rgb), var(--tblr-text-opacity)) !important;
    background-color: rgba(var(--tblr-dark-lt-rgb), var(--tblr-bg-opacity)) !important;}p {margin-top: 0;margin-bottom: 0.5rem;}
[class*='col-'] {margin-bottom: 5px;}.cke_screen_reader_only{display:none}
.chosen-container { margin:0px!important;
    font-weight: 400;
	position: relative;
    flex: 1 1 auto!important;
    width: 1%!important;
    min-width: 0;
}.chosen-container a {
    cursor: pointer;
    --tblr-form-select-bg-img: none;
	color: var(--tblr-btn-active-color);
    background-color: var(--tblr-btn-active-bg);
}.icon-kare{width:28px;height:28px;font-size: 1.5em;padding:4px;margin-bottom:2px;justify-content: center;}
#example{width: 100%!important;}
table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after {
bottom: 10px;
    right: 1px;
}

.nav-tabs .nav-link{border:0px;border-top: 2px solid var(--tblr-secondary);background-color: var(--tblr-nav-tabs-link-active-bg);margin-right: 2px;border-bottom: 0px;    font-weight: 600;}.chosen-single{font-size:85.714285%;}

.giris .nav-link.active{border-top: 0px;color: rgba(var(--tblr-light-rgb), var(--tblr-text-opacity)) !important;background-color: rgba(var(--tblr-lime-rgb), var(--tblr-bg-opacity)) !important;margin-right: 2px;border-bottom: 0px;    font-weight: 600;}
.giris .nav-link{border-top: 0px;color: rgba(var(--tblr-primary-rgb), var(--tblr-text-opacity)) !important;background-color: rgba(var(--tblr-light-rgb), var(--tblr-bg-opacity)) !important;margin-right: 2px;border-bottom: 0px;    font-weight: 600;}

.form-select, .chosen-single{ background-position: right .3rem center; padding-right: 18px;text-decoration:none!important;height: -webkit-fill-available;min-height:34px;margin-right: 1px;color: rgba(var(--tblr-dark-rgb), var(--tblr-text-opacity));}
.form-select-sm, .chosen-single{min-height:auto}
.form-select{max-height:34px}
.cke_bottom,.cke_bottom,.cke_top,.cke_inner{background: var(--tblr-btn-active-bg);}
.form-floating>.chosen-container{width:100%!important}
@media (max-width: 576px) {.chosen-container {width:100%!important}
    .col-xs-12 {
        flex: 0 0 auto;
        width: 100%;
    }
	 .col-xs-6 {
        flex: 0 0 auto;
        width: 50%;
    }
	 .col-xs-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }	
	 .col-xs-3 {
        flex: 0 0 auto;
        width: 25%;
    }	
	 .col-xs-2 {
        flex: 0 0 auto;
         width: 16.66666667%;
    }
	 .col-xs-1 {
        flex: 0 0 auto;
	width: 8.33333333%;
    }	
	.d-xs-none {
        display: none !important;
    }
}
.datepicker{text-align: right;
    padding-right: 35px;}
	.disabled,.readonly, .form-control[readonly],.form-control[disabled] {
    background-color: var(--tblr-bg-surface-secondary);
    opacity: 1;
}
.iframe-preview-text {
    cursor: default;
    position: relative;
    border: 2px solid #ddd;
    padding: 5px;
    border-radius: 3px;
    z-index: 3
}

.iframe-preview-text:hover .iframe-preview {
    display: block;
    opacity: 1
}
.page-link:focus {box-shadow: none;}
.iframe-preview {
    z-index: 4;
    transition: 0.2s ease-in-out opacity,0.2s ease-in-out transform;
    display: none;
    ;position: absolute;
    box-shadow: 0 1px 5px rgba(0,0,0,0.5);
    width: 360px;
    top: 35px;
    left:0px;
    border: 4px solid #fff;
    overflow-x: hidden;
    overflow-y: auto;
    transform-origin: left top
}
.nav-segmented{display: none;}
.footeralt{display: flex!important;}
@media (max-width: 767px) {
    .footeralt{display: none!important;}
    .page-body{margin-top: 69px!important;}
.page-header{display: none!important;}
.modal-dialog{max-width:100%;}
.modal-body{padding:5px}
.modal-content .btn-close { top: 5px;}
.modal-header {padding: 0 2.5rem 0 1em;}
.sticky {right:5px;position:relative}
.radius-0 {border-radius:0px;}
.footer{margin:10px!important;border-radius: 0px 0px 10px 10px;    box-shadow: 0 0rem 3rem rgba(0, 0, 0, .45) !important;padding: 5px !important;}
.scrolltotop {bottom: 34px!important;right: 0px!important;width: 26px;padding: 7px!important;    border-radius: 5px 0px 0px 5px!important;height: 28px!important;}
.nav-segmented{border-radius: 0px 0px 7px 7px; 
    --tblr-nav-bg: var(--tblr-bg-surface-tertiary);
    --tblr-nav-padding: 2px;
  
    --tblr-nav-gap: .25rem;
    --tblr-nav-active-bg: var(--tblr-bg-surface);
    --tblr-nav-font-size: inherit;
   
    --tblr-nav-link-disabled-color: var(--tblr-disabled-color);
    --tblr-nav-link-gap: .15rem;
    --tblr-nav-link-padding-x: .75rem;
    --tblr-nav-link-icon-size: 1.25rem;
   
    --tblr-nav-font-size: var(--tblr-font-size-h3);

    --tblr-nav-link-padding-x: 1rem;
   
    --tblr-nav-link-icon-size: 1.5rem;    
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--tblr-nav-gap);
    padding: var(--tblr-nav-padding);
    list-style: none;
    background: var(--tblr-nav-bg);
    border-radius: 0px 0px 7px 7px; }


.nav-segmented .nav-link {border-radius: 0px;
    display: inline-flex;
    flex-direction: column;
    gap: calc(.25rem + var(--tblr-nav-link-gap));
    align-items: center;
    margin: 0;
    font-size: var(--tblr-nav-font-size);
    min-width: calc(var(--tblr-nav-height) - 2 * var(--tblr-nav-padding));
    height: auto;
    padding: 0 calc(var(--tblr-nav-link-padding-x) - 10px);
    border: 1px solid transparent;
    background: 0 0;
   
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .3s, color .3s;
    border-radius: 0px;
    flex-grow: 1;
    justify-content: center;
    line-height: 0px;
}
.offcanvas{will-change: transform;
  transition: transform .36s cubic-bezier(.2,.8,.2,1), visibility .36s;
  visibility: hidden;}
  .offcanvas.show:not(.hiding), .offcanvas.showing {
    transform: translateX(0);
    visibility: visible;
  }
.offcanvas-backdrop.show {
    opacity: .54;
}
.nav-link:focus, .nav-link:hover {color:var(--tblr-lime)!important;}
.nav-segmented .nav-link-input:checked+.nav-link, .nav-segmented .nav-link.active {
    color:var(--tblr-lime)!important;
    background: var(--tblr-nav-active-bg);
    border-color: var(--tblr-border-color);
}
.nav-segmented .nav-link-icon {
    width: var(--tblr-nav-link-icon-size);
    height: var(--tblr-nav-link-icon-size);
    margin: 0 -.25rem;
    color: inherit;
}
.nav-segmented small {font-size: 11px;font-weight: 700;letter-spacing: 0px;
}
}
.coolModal2 .modal-body {
    display: flex;
    flex-direction: column;
    height: 80vh; /* Modal yüksekliği ekranın %80'i kadar olsun */
}

.coolModal2 iframe {
    flex-grow: 1; /* Modal içeriğini doldur */
    border: none;
    width: 100%;
}
.modal-body iframe {height: calc(100vh - 100px)}
.chosen-container-multi .chosen-choices {
    border-color: #dbd9d9;
    box-shadow: 0 0 0 #000 !important;
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px;
    line-height: 1.42857143;
    color: #919292;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 0px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-colorease-in-out .15s, box-shadowease-in-out .15s;
}
.scrolltotop {
    position: fixed;
    display: none;
    bottom: 13px;
    right: 0px;
    height: 32px;
    line-height: 14px;
    text-align: center;
    font-size: 14px;

    text-decoration: none;
    border-radius: 0px 0px 0px 0px;
    z-index: 1010;
}.hr, hr {
    margin: 0.5rem 0;
}.carousel-inner {
  cursor: grab;
  user-select: none;
}

.carousel-inner.dragging {
  cursor: grabbing;
}
.markdown>.table-sm>:not(caption)>*>*, .table-sm>:not(caption)>*>*{
    padding: .5rem .35rem;
}
.sticky-top{width: 100%;top: auto;padding-right: 6px;position: fixed;}
.loader {
    border: 8px solid #f3f3f3; /* Açık gri arka plan */
    border-top: 8px solid #3498db; /* Mavi üst kenar */
    border-radius: 50%; /* Yuvarlak şekil */
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite; /* Dönme animasyonu */
    position: absolute; /* İframe'in ortasında */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10; /* İçeriğin üstünde kalır */
    display: none; /* Başlangıçta gizli */
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.img-responsive{padding:1px}
.divider {
	border: 0;
	height: 1px;
	margin: 44px auto;
	background: rgba(0, 0, 0, 0.06);
	text-align: center;
	position: relative;
	clear: both;
}.divider [class*="fa-"], .divider .icons {
	text-align: center;
	background: var(--light);
	border-radius: 50px;
	color: #a9a9a9;
	display: inline-block;
	height: 50px;
	line-height: 50px;
	position: absolute;
	text-align: center;
	width: 50px;
	font-size: 20px;
	margin: 0 auto 0 -25px;
	top: -25px;
	left: 50%;
	z-index: 1;
}.tabloiciinput {
    width: 50px !important;
}
.form-control.tamamqaz {
    border-color: var(--tblr-form-valid-border-color);
    padding-right: calc(1.4285714286em + .875rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.3571428572em + .21875rem) center;
    background-size: calc(.7142857143em + .4375rem) calc(.7142857143em + .4375rem);
}

.form-control.hataqaz {
    border-color: var(--tblr-form-invalid-border-color);
    padding-right: calc(1.4285714286em + .875rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.3571428572em + .21875rem) center;
    background-size: calc(.7142857143em + .4375rem) calc(.7142857143em + .4375rem);
}.hata{box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);}
.dataTables_filter, .dataTables_filter label {
    width: 100%;
    float: left;
    text-align: left;
}
.sticky{  margin:0px;  position: fixed;
    bottom: 0px;}
.tabiframe {height: calc(100vh - 200px);}

@media (max-width: 991px) {
 .navbar{width: -webkit-fill-available;position:fixed;z-index:3;margin:10px;border-radius:20px 20px 0px 0px}   
.footer{width: -webkit-fill-available;position:fixed;z-index:2;margin:10px;bottom: 0px;} 
.page-body{margin-top:130px;margin-bottom: 60px!important;}
.kisaheader{z-index: 20;padding: 5px;position: fixed;width: -webkit-fill-available;top:70px;margin:0px 10px!important;background-color: var(--tblr-body-bg)}
.navbar-expand-lg .navbar-collapse {height: calc(100vh - 140px)}

}
@media (min-width: 992px) {
.page-wrapper{margin-top:55px;margin-bottom: 35px;}
.kisaheader{z-index: 20;position: fixed;width: -webkit-fill-available;margin:0px 15px!important;top:10px;background: var(--tblr-body-bg);}
}

.footer{width: -webkit-fill-available;position:fixed;z-index:2;margin:15px;margin-bottom: 10px;bottom: 0px;padding: 10px;}  

div.dataTables_filter label input {
    margin-left: 0px!important;
}div.dataTables_paginate{margin-right:18px;}
.box-placeholder {
  
    border: 1px dashed #dddddd;
  
}.bg-transparent {
    --tblr-bg-opacity: 1;
    background-color: transparent !important;
}

.kare {
  width: 100%;           /* Bulunduğu alan kadar genişlik */
  aspect-ratio: 1 / 1;    /* Kare oran (en:boy) */
  object-fit: cover;      /* Taşmadan doldur */
  border-radius: 4px;     /* İsteğe bağlı, köşeleri yuvarlar */
  display: block;
}
.shadow-xl {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .5) !important;
}
.letter-0{letter-spacing: 0!important;}
.alert {
   
    --tblr-alert-bg: color-mix(in srgb, var(--tblr-alert-color) 10%, transparent);
    --tblr-alert-padding-x: 1rem;
    --tblr-alert-padding-y: 0.75rem;
    --tblr-alert-margin-bottom: 1rem;
    --tblr-alert-border-color: color-mix(in srgb, var(--tblr-alert-color) 20%, transparent);
    --tblr-alert-border: var(--tblr-border-width) solid var(--tblr-alert-border-color);
    --tblr-alert-border-radius: var(--tblr-border-radius);
    --tblr-alert-link-color: inherit;
    --tblr-alert-heading-font-weight: var(--tblr-font-weight-medium);
    position: relative;
    padding: var(--tblr-alert-padding-y) var(--tblr-alert-padding-x);
    margin-bottom: var(--tblr-alert-margin-bottom);
    background-color: color-mix(in srgb, var(--tblr-alert-bg), var(--tblr-bg-surface));
    border-radius: var(--tblr-alert-border-radius);
    border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-alert-border-color);
    display: flex;
    flex-direction: row;
    gap: 1rem;
  }
/* Bootstrap Accordion Styles for Sidebar */
.navbar-vertical .accordion {
  --bs-accordion-bg: transparent;
  --bs-accordion-border-color: transparent;
  --bs-accordion-border-radius: 0.5rem;
  --bs-accordion-inner-border-radius: 0.5rem;
  --bs-accordion-btn-padding-x: 0;
  --bs-accordion-btn-padding-y: 0;
  --bs-accordion-btn-color: #fff;
  --bs-accordion-btn-bg: transparent;
  --bs-accordion-btn-icon: none;
  --bs-accordion-btn-active-icon: none;
  --bs-accordion-btn-focus-border-color: transparent;
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-body-padding-x: 0;
  --bs-accordion-body-padding-y: 0;
}
.navbar-expand-lg .nav-item.active:after{
    border: 0 var(--tblr-border-style)#c3d21e; }
.navbar-vertical .accordion-item {
  background-color: transparent;
  border: none;
  margin: 0.125rem 0;
}

.navbar-vertical .accordion-item.active {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 0.5rem;
}

.navbar-vertical .nav-link {
  background-color: transparent;
  border: none;

  border-radius: 0.5rem;
  transition: all 0.3s ease;
}
.navbar-vertical .nav-item .active {
    
    border: none;
  color:#ffffff;
  background-color: rgb(17, 70, 42);
   
    transition: all 0.3s ease;
  }


.navbar-vertical .nav-link:focus {
  box-shadow: none;
  border-color: transparent;
}

.navbar-vertical .accordion-item .collapsed::after {
    transform: rotate(0deg);
  background-image: none;
  content: '\f107';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-size: 0.875rem;
  transition: transform 0.3s ease;
  position: absolute;
  right: 10px;
}

.navbar-vertical .accordion-item .nav-link:not(.collapsed)::after {
  transform: rotate(360deg);
  background-image: none;
  content: '\f106';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-size: 0.875rem;
  transition: transform 0.3s ease;
  position: absolute;
  right: 10px;
}

.navbar-vertical .accordion-collapse {
  border: none;
}

.navbar-vertical .accordion-body {
  padding: 0.5rem 0;
  
  border-left: 2px solid rgba(255, 255, 255, 0.2);
}

.navbar-vertical .accordion-body .dropdown-item {
    min-width: 0;
    display: flex;
    width: auto;
    padding:0.3rem;font-weight: 400;
    padding-left: calc(calc(calc(var(--tblr-page-padding) * 2) / 2) + 0rem);
    color: inherit;
}

.navbar .navbar-nav .nav-link {background: #edeff3;margin: 1px 0px;}
.navbar .navbar-nav .nav-link:hover {background: #dee1e8;margin: 1px 0px;}
.navbar .navbar-nav .active {background: #11462a;font-weight: 600;}

.navbar-vertical .accordion-body .dropdown-item.active {
    color: #11462a !important;
    background-color: rgb(195 210 30) !important;
  font-weight: 600 !important;
  margin-top: .15rem !important;
}

.navbar-vertical .accordion-body .dropdown-item .nav-link-icon {
  opacity: 0.7;
  transition: opacity 0.2s ease;
}

.navbar-vertical .accordion-body .dropdown-item:hover .nav-link-icon {
  opacity: 1;
}
.accordion-body{background: var(--tblr-light);}
.form-check-input{width: 1.25rem;height: 1.25rem;}
.modal-fullscreen .modal-body {
    overflow-y: visible;
}
.modal-blur {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: rgba(0, 0, 0, 0.5) !important; }

/* Sepet Responsive - Mobile Offcanvas */
@media (min-width: 769px) {
    .sepet-kisa {
        display: block !important;
    }
}

@media (max-width: 768px) {
    .sepet-kisa {
        display: none !important;
    }
    
    .sepet-offcanvas {
        display: block !important;
    }
    .sepet-kisa-buton{position: fixed !important;bottom: 57px;z-index: 1000;left: 8px;right: 8px; }
}
.form-selectgroup-input:checked+.form-selectgroup-label {
    border-color: var(--tblr-form-valid-border-color) !important;
}