/*

//.......................
//.VVVV....VVVVV...1111..
//.VVVV....VVVV...11111..
//.VVVV....VVVV..111111..
//.VVVVV..VVVV..1111111..
//..VVVV..VVVV..1111111..
//..VVVV..VVVV..11.1111..
//..VVVVVVVVV......1111..
//...VVVVVVVV......1111..
//...VVVVVVVV......1111..
//...VVVVVVV.......1111..
//....VVVVVV.......1111..
//....VVVVVV.......1111..
//....VVVVV........1111..
//.......................

V1

	TABLE OF CONTENTS
	--------------------------------
	TABLE OF CONTENTS
	--------------------------------
	*. common .......................
	--------------------------------
*/



/* starts coreui style */

@import url("https://fonts.googleapis.com/css2?family=Play&display=swap");  

@charset "UTF-8";  

:root {
    
	--cui-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";  
    
	--cui-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;  
    
	--cui-body-font-family: var(
	--cui-font-sans-serif);  
    
	--cui-body-font-size: 1rem;  
    
	--cui-body-font-weight: 400;  
    
	--cui-body-line-height: 1.5;  
    
	--cui-border-width: 1px;  
    
	--cui-border-style: solid;  
    
	--cui-border-radius: 0.375rem;  
    
	--cui-border-radius-sm: 0.25rem;  
    
	--cui-border-radius-lg: 0.5rem;  
    
	--cui-border-radius-xl: 1rem;  
    
	--cui-border-radius-2xl: 2rem;  
    
	--cui-border-radius-pill: 50rem;  
    
	--sm-aside-width: 320px;  
    
	--sm-top-menu-height: 80px;  
    
	--default-animation-duration: 0.2s;  
    
	--default-border-radius: 0.4rem;  
    
	--hud-opacity-primary: 1;  
    
	--hud-opacity-secondary: 0.2;  
}


*,*::before,*::after{box-sizing:border-box}



body{
	margin:0;  
	font-family:var(--cui-body-font-family);  
	font-size:var(--cui-body-font-size);  
	font-weight:var(--cui-body-font-weight);  
	line-height:var(--cui-body-line-height);  
	text-align:var(--cui-body-text-align);  
	-webkit-text-size-adjust:100%;
}

hr{margin:1rem 0;  border:0;  border-top:1px solid;  opacity:.25}

h6,.h6,h5,.h5,h4,.h4,h3,.h3,h2,.h2,h1,.h1{margin-top:0;  margin-bottom:.5rem;  font-weight:500;  line-height:1.2}

h1,.h1{font-size:calc(1.375rem + 1.5vw)}



h2,.h2{font-size:calc(1.325rem + 0.9vw)}


h3,.h3{font-size:calc(1.3rem + 0.6vw)}

h4,.h4{font-size:calc(1.275rem + 0.3vw)}


h5,.h5{font-size:1.25rem}

h6,.h6{font-size:1rem}

p{margin-top:0;  margin-bottom:1rem}

abbr[title]{-webkit-text-decoration:underline dotted;  text-decoration:underline dotted;  cursor:help;  -webkit-text-decoration-skip-ink:none;  text-decoration-skip-ink:none}

address{margin-bottom:1rem;  font-style:normal;  line-height:inherit}

ol,ul,dl{margin-top:0;  margin-bottom:1rem}

ol ol,ul ul,ol ul,ul ol{margin-bottom:0}

dt{font-weight:700}

dd{margin-bottom:.5rem}

html:not([dir="rtl"]) dd{margin-left:0}

*[dir="rtl"] dd{margin-right:0}

blockquote{margin:0 0 1rem}

b,strong{font-weight:bolder}

small,.small{font-size:.875em}

mark,.mark{padding:.1875em}

sub,sup{position:relative;  font-size:.75em;  line-height:0;  vertical-align:baseline}

sub{bottom:-.25em}

sup{top:-.5em}

a{text-decoration:underline}

a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;  text-decoration:none}

pre,code,kbd,samp{font-family:var(
--cui-font-monospace);  font-size:1em}

pre{display:block;  margin-top:0;  margin-bottom:1rem;  overflow:auto;  font-size:.875em;  color:var(
--cui-pre-color,unset)}

pre code{font-size:inherit;  color:inherit;  word-break:normal}

code{font-size:.875em;  color:var(
--cui-code-color);  word-wrap:break-word}

a>code{color:inherit}

kbd{padding:.1875rem .375rem;  font-size:.875em;  color:var(
	--cui-kbd-color,var(
	--cui-body-bg));  background-color:var(
	--cui-kbd-bg,var(
--cui-body-color));  border-radius:.25rem}

kbd kbd{padding:0;  font-size:1em}

figure{margin:0 0 1rem}

img,svg{vertical-align:middle}

table{caption-side:bottom;  border-collapse:collapse}

caption{padding-top:.5rem;  padding-bottom:.5rem;  color:var(
--cui-table-caption-color,rgba(44,56,74,.38));  text-align:left}

th{font-weight:600;  text-align:inherit;  text-align:-webkit-match-parent}

thead,tbody,tfoot,tr,td,th{border-color:inherit;  border-style:solid;  border-width:0}

label{display:inline-block}

button{border-radius:0}

button:focus:not(:focus-visible){
outline:0}

input,button,select,optgroup,textarea{margin:0;  font-family:inherit;  font-size:inherit;  line-height:inherit}

button,select{text-transform:none}

[role="button"]{cursor:pointer}

select{word-wrap:normal}

select:disabled{opacity:1}

[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator{display:none !important}

button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}

button:not(:disabled),[type="button"]:not(:disabled),[type="reset"]:not(:disabled),[type="submit"]:not(:disabled){
cursor:pointer}

::-moz-focus-inner{padding:0;  border-style:none}

textarea{resize:vertical}

fieldset{min-width:0;  padding:0;  margin:0;  border:0}

legend{width:100%;  padding:0;  margin-bottom:.5rem;  font-size:calc(1.275rem + 0.3vw);  line-height:inherit}

html:not([dir="rtl"]) legend{float:left}

*[dir="rtl"] legend{float:right}



legend+*{clear:left}

::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}

::-webkit-inner-spin-button{height:auto}

[type="search"]{outline-offset:-2px;  -webkit-appearance:textfield}

*[dir="rtl"] [type="tel"],*[dir="rtl"] [type="url"],*[dir="rtl"] [type="email"],*[dir="rtl"] [type="number"]{direction:ltr}

::-webkit-search-decoration{-webkit-appearance:none}

::-webkit-color-swatch-wrapper{padding:0}

::-webkit-file-upload-button{font:inherit;  -webkit-appearance:button}

::file-selector-button{font:inherit;  -webkit-appearance:button}

output{display:inline-block}

iframe{border:0}

summary{display:list-item;  cursor:pointer}

progress{vertical-align:baseline}

[hidden]{display:none !important}





.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:translate(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
}
.swiper-slide-invisible-blank{
    visibility:hidden
}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{
    height:auto
}
.swiper-container-autoheight .swiper-wrapper{
    align-items:flex-start;
    transition-property:transform,height
}
.swiper-container-3d{
    perspective:1200px
}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{
    transform-style:preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    pointer-events:none;
    z-index:10
}
.swiper-container-3d .swiper-slide-shadow-left{
    background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right{
    background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top{
    background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom{
    background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-css-mode>.swiper-wrapper{
    overflow:auto;
    scrollbar-width:none;
    -ms-overflow-style:none
}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{
    display:none
}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{
    scroll-snap-align:start start
}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{
    scroll-snap-type:x mandatory
}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{
    scroll-snap-type:y mandatory
}
:root{
    --swiper-navigation-size:44px
}
.swiper-button-next,.swiper-button-prev{
    position:absolute;
    top:50%;
    width:calc(var(--swiper-navigation-size)/ 44 * 27);
    height:var(--swiper-navigation-size);
    margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index:10;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--swiper-navigation-color,var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{
    opacity:.35;
    cursor:auto;
    pointer-events:none
}
.swiper-button-next:after,.swiper-button-prev:after{
    font-family:swiper-icons;
    font-size:var(--swiper-navigation-size);
    text-transform:none!important;
    letter-spacing:0;
    text-transform:none;
    font-variant:initial;
    line-height:1
}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{
    left:10px;
    right:auto
}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{
    content:"prev"
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{
    right:10px;
    left:auto
}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{
    content:"next"
}
.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{
    --swiper-navigation-color:#ffffff
}
.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{
    --swiper-navigation-color:#000000
}
.swiper-button-lock{
    display:none
}
.swiper-pagination{
    position:absolute;
    text-align:center;
    transition:.3s opacity;
    transform:translate(0);
    z-index:10
}
.swiper-pagination.swiper-pagination-hidden{
    opacity:0
}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{
    bottom:10px;
    left:0;
    width:100%
}
.swiper-pagination-bullets-dynamic{
    overflow:hidden;
    font-size:0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    transform:scale(.33);
    position:relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{
    transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{
    transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{
    transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{
    transform:scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{
    transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{
    transform:scale(.33)
}
.swiper-pagination-bullet{
    width:40px;
    height:8px;
    display:inline-block;
    border-radius:5px;
    background:#000;
    opacity:.2
}
button.swiper-pagination-bullet{
    border:none;
    margin:0;
    padding:0;
    box-shadow:none;
    -webkit-appearance:none;
    appearance:none
}
.swiper-pagination-clickable .swiper-pagination-bullet{
    cursor:pointer
}
.swiper-pagination-bullet:only-child{
    display:none!important
}
.swiper-pagination-bullet-active{
    opacity:1;
    background:var(--swiper-pagination-color,var(--swiper-theme-color))
}
.swiper-container-vertical>.swiper-pagination-bullets{
    right:10px;
    top:50%;
    transform:translateY(-50%)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:6px 0;
    display:block
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
    top:50%;
    transform:translateY(-50%);
    width:8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    display:inline-block;
    transition:.2s transform,.2s top
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
    left:50%;
    transform:translate(-50%);
    white-space:nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    transition:.2s transform,.2s left
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    transition:.2s transform,.2s right
}
.swiper-pagination-progressbar{
    background:rgba(0,0,0,.25);
    position:absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background:var(--swiper-pagination-color,var(--swiper-theme-color));
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    transform:scale(0);
    transform-origin:left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    transform-origin:right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
    width:100%;
    height:4px;
    left:0;
    top:0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{
    width:4px;
    height:100%;
    left:0;
    top:0
}
.swiper-pagination-white{
    --swiper-pagination-color:#ffffff
}
.swiper-pagination-black{
    --swiper-pagination-color:#000000
}
.swiper-pagination-lock{
    display:none
}
.swiper-scrollbar{
    border-radius:10px;
    position:relative;
    -ms-touch-action:none;
    background:rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar{
    position:absolute;
    left:1%;
    bottom:3px;
    z-index:50;
    height:5px;
    width:98%
}
.swiper-container-vertical>.swiper-scrollbar{
    position:absolute;
    right:3px;
    top:1%;
    z-index:50;
    width:5px;
    height:98%
}
.swiper-scrollbar-drag{
    height:100%;
    width:100%;
    position:relative;
    background:rgba(0,0,0,.5);
    border-radius:10px;
    left:0;
    top:0
}
.swiper-scrollbar-cursor-drag{
    cursor:move
}
.swiper-scrollbar-lock{
    display:none
}
.swiper-zoom-container{
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center
}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{
    max-width:100%;
    max-height:100%;
    object-fit:contain
}
.swiper-slide-zoomed{
    cursor:move
}
.swiper-lazy-preloader{
    width:42px;
    height:42px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-21px;
    margin-top:-21px;
    z-index:10;
    transform-origin:50%;
    animation:swiper-preloader-spin 1s infinite linear;
    box-sizing:border-box;
    border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius:50%;
    border-top-color:transparent
}
.swiper-lazy-preloader-white{
    --swiper-preloader-color:#fff
}
.swiper-lazy-preloader-black{
    --swiper-preloader-color:#000
}
@keyframes swiper-preloader-spin{
    to{
        transform:rotate(360deg)
    }
}
.swiper-container .swiper-notification{
    position:absolute;
    left:0;
    top:0;
    pointer-events:none;
    opacity:0;
    z-index:-1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{
    transition-timing-function:ease-out
}
.swiper-container-fade .swiper-slide{
    pointer-events:none;
    transition-property:opacity
}
.swiper-container-fade .swiper-slide .swiper-slide{
    pointer-events:none
}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{
    pointer-events:auto
}
.swiper-container-cube{
    overflow:visible
}
.swiper-container-cube .swiper-slide{
    pointer-events:none;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    z-index:1;
    visibility:hidden;
    transform-origin:0 0;
    width:100%;
    height:100%
}
.swiper-container-cube .swiper-slide .swiper-slide{
    pointer-events:none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide{
    transform-origin:100% 0
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{
    pointer-events:auto
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{
    pointer-events:auto;
    visibility:visible
}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{
    z-index:0;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.swiper-container-cube .swiper-cube-shadow{
    position:absolute;
    left:0;
    bottom:0px;
    width:100%;
    height:100%;
    opacity:.6;
    z-index:0
}
.swiper-container-cube .swiper-cube-shadow:before{
    content:"";
    background:#000;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    filter:blur(50px)
}
.swiper-container-flip{
    overflow:visible
}
.swiper-container-flip .swiper-slide{
    pointer-events:none;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    z-index:1
}
.swiper-container-flip .swiper-slide .swiper-slide{
    pointer-events:none
}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{
    pointer-events:auto
}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{
    z-index:0;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}





.lead{font-size:1.25rem;  font-weight:300}

.display-1{font-size:calc(1.625rem + 4.5vw);  font-weight:300;  line-height:1.2}


.display-2{font-size:calc(1.575rem + 3.9vw);  font-weight:300;  line-height:1.2}



.display-3{font-size:calc(1.525rem + 3.3vw);  font-weight:300;  line-height:1.2}



.display-4{font-size:calc(1.475rem + 2.7vw);  font-weight:300;  line-height:1.2}



.display-5{font-size:calc(1.425rem + 2.1vw);  font-weight:300;  line-height:1.2}

.display-6{font-size:calc(1.375rem + 1.5vw);  font-weight:300;  line-height:1.2}



.list-unstyled{list-style:none}






#user-container form {
    font-size: unset;
    color: unset;
    justify-content: unset;
    width: 600px;
    max-width: unset;
    padding: unset;	
}

.game-fin-time{
	right: 12px;
    top: 32px;
    padding: 4px 6px;
    border-radius: 0;
    width: 81px;
    text-align: center;
    font-size: 16px;
    background-color: #2b2e3d;
    box-shadow: inset 0px 1px 6px #000000, inset 0px 1px 5px #a3afe0;
	position:absolute;
	
}
.remaining-time{
	right:93px;
	top:28px;
}

#content-table.refresh{
	height:315px;
}

#user-container button {
	border-radius: 3px;
	color: #fff;
	background-color: #30790f;
	border-color: #30790f;
	cursor: pointer;
	font-size: 16px;
	border-style: solid;
	padding: 5px 5px;
	float: right;
}

#user-container input {
	border-radius: 5px;
	background-color: #1e1d1f;
	border-color: #3e3e3e;
	color: #d2d2d2;
	cursor: auto;
	padding: 0.3rem 1rem;
	font-size: 1.0rem;
	margin-left: 2px;
}

#user-container {
	width: calc(100% - 32px);
	text-align: -moz-center;
	text-align: -webkit-center;
	margin: 0 auto;
	padding: 16px 16px 23px;
}

#sidebar-right{
	right:0 !important;
	left:initial;
}

#user-container table {
	padding: 14px;
	border-radius: 6px;
	border: unset;
	background: unset;
	width: 100%;
	border: unset;
	margin: 0 15px;
}
#content #content-wrapper #sports-wrapper #register-container .deposit-input input:hover, #content #content-wrapper #sports-wrapper #register-container .withdraw-input input:hover, #user-container .member_infoForm .info-group.w-50 input:hover, #content #content-wrapper #sports-wrapper #register-container .deposit-input input:focus, #content #content-wrapper #sports-wrapper #register-container .withdraw-input input:focus, #user-container .member_infoForm .info-group.w-50 input:focus, #content #main-content #game-container #game-bet .allbet-container .all-bet-input:focus, #content #content-wrapper #sports-wrapper #register-container #deposit-form input:hover, #content #content-wrapper #sports-wrapper #register-container #deposit-form input:focus {
    border-color: #66abe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 9px rgb(102 216 233 / 60%);
}
#user-container .member_infoForm .userForm_label {
    width: 200px;
    display: inline-block;
    height: 38px;
    line-height: 38px;
    text-align: right;
    color: #ffffff;
}
#user-container .member_infoForm .bg-info {
    color: #555;
    background: #bdbdbd;
    width: calc(100% - 225px);
    display: inline-block;
    margin-left: 25px;
    background-color: #a0a0a0;
    border: 2px solid #ccc;
    padding: 0px 16px;
    font-size: 17px;
    font-weight: 400;
    box-sizing: border-box;
    border-radius: 4px;
    height: 38px;
    line-height: 38px;
}
#user-container .member_infoForm .info-group {
    text-align: left;
    float: unset;
}

#user-container .member_infoForm .info-group.w-50 input {
    background: #434346;
    border-color: #3e3e3e;
    color: #ffffff;
    border: 2px solid #5c5c66;
    width: calc(100% - 225px);
    display: inline-block;
    margin-left: 25px;
    padding: 0px 16px;
    font-size: 17px;
    font-weight: 400;
    box-sizing: border-box;
    border-radius: 5px;
    height: 38px;
    line-height: 38px;
}
#user-container td>span:first-child {
	color: #ffffff;
}


.bl-container {
	width: 40%;
	background: black;
	margin: 0 auto;
	margin-bottom:10px;;
}

.bl-container thead>tr>th {
	white-space: nowrap;
	border: 1px solid #000000;
	background: #242a2f;
	background: linear-gradient(to bottom, #252f39 0%, #001526 74%);
	padding: 6px;
}

.bl-container tbody {
	font-size: 14px;
}

.bl-container tbody>tr>td {
	text-align: -moz-center;
	text-align: -webkit-center;
}

.bl-container tbody>tr:nth-child(odd) td {}

.bl-container .bet-odds {
	background: #2a2a2a;
	border: none;
}

.bl-container .view_bet {
	background: #2a2a2a;
}

.bl-container .bet-odds .type-name span {
	font-size: 13px;
}
.bl-container tbody>tr.view_bet .match-odds.bet-odds {
    background: #3e4346 !important;
}
.bl-container .bet-odds .odds-container {
	border: none;
}

.bl-container .bet-odds .round-box.active {
	background: linear-gradient(180deg, #088BDC, #1a3d60) !important;
}

.bl-container .bet-odds .odds-container .round-box {
	width: calc(50% - 4px) !Important;
}

.bl-container .bet-odds .odds-container .round-box.threerows {
	width: calc(33.3% - 4px) !Important;
	border: 1px solid;
}
.bl-container .bet-odds .odds-container .round-box.singlerow {
	width: calc(100% - 4px) !important;
	border: 1px solid;
}

.bl-container .bet-odds .odds-container .round-box:hover {
	background-color: #3d9ac275 !important;
	box-shadow: inset 0 0 1px 1px #d6d6d6;
}

.bl-container .bet-odds .odds-container {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	padding: 0px;
	margin: 0px;
}

.bl-container .bet-odds .odds-container .round-box {
	background: linear-gradient(180deg, #2D353C, #222);
	border-radius: 3px;
	padding-left: 3px;
	padding-right: 3px;
	font-size: 12px;
	font-weight: 500;
	padding: 0 4px;
	margin: 2px;
	color: #f7f7f7;
	border: 1px solid #000;
}

.bl-container .bet-odds .round-box.active {
	background: linear-gradient(180deg, #088BDC, #1a3d60);
}

.bl-container .bet-odds .odds-container .round-box {
	background: linear-gradient(180deg, #2D353C, #222);
	border-radius: 3px;
	padding-left: 3px;
	padding-right: 3px;
	font-size: 12px;
	font-weight: 500;
	padding: 0 4px;
	margin: 2px;
	color: #f7f7f7;
	border: 1px solid #000;
}
.snip {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pc-only {
	display:block;
}
.mobile-only {
	display:none;
}

.board-topfix{
	color: white;
	background: rgb(67 23 129) !important;
}

/* .bg_spon{ */
	/* background-image: url(/image/main/def/sports.png); */
    /* background-size: 100%;	 */
/* } */
/* .bg_caon{ */
	/* background-image: url(/image/main/def/casino1.png); */
    /* background-size: 100%;	 */
/* } */
/* .bg_minion{ */
	/* background-image: url(/image/main/def/minigame.png); */
    /* background-size: 100%;	 */
/* } */
/* .bg_liveon{ */
	/* background-image: url(/image/main/def/livesport.png); */
    /* background-size: 100%;	 */
/* } */
/* .bg_virtualon{ */
	/* background-image: url(/image/main/def/btn_virtual.jpg); */
    /* background-size: 100%;	 */
/* } */

.bg_spon ,
.bg_caon ,
.bg_minion ,
.bg_liveon,
.bg_virtualon {
 background:none;
}

.m_box_warp{
	border:1px solid #8743f1; 
	background:unset;    
	border-radius:5px; 
	width: 100%; 
	/* height: 0; */
	/* padding-bottom: 66%;  */
	overflow: hidden;
}
.m_main_txt{
	color: #1a1612;
}



.bg_spon .m_main_txt{
	/* width: 100%; */
    /* height: 0; */
    /* margin: auto; */
    /* padding-top: 5%; */
    /* padding-bottom: 13%; */
    /* text-align: left; */
    /* padding-left: 20px; */
    font-size: 2vw;
}
.bg_spon .m_sub_txt{
    /* width: 100%; */
    /* height: 0; */
    /* margin: auto; */
    /* padding-bottom: 7%; */
    /* text-align: left; */
    font-size: 0.8vw;
    /* padding-left: 78px; */
}
.bg_spon .m_sub_icon{
	/* width: 100%; */
	/* height: 0; */
	/* margin: auto; */
	/* padding-bottom: 20%; */
	/* text-align: right; */
	font-size: 4vw;
}

.bg_caon .m_main_txt{
	/* width: 100%; */
    /* height: 0; */
    /* margin: auto; */
    /* padding-top: 5%; */
    /* padding-bottom: 13%; */
    /* text-align: left; */
    /* padding-left: 20px; */
    font-size: 2vw;
}
.bg_caon .m_sub_txt{
    /* width: 100%; */
    /* height: 0; */
    /* margin: auto; */
    /* padding-bottom: 20%; */
    /* text-align: left; */
    font-size: 0.8vw;
    /* padding-left: 78px; */
}
.bg_caon .m_sub_icon{
	/* width: 100%; */
	/* height: 0; */
	/* margin: auto; */
	/* padding-bottom: 20%; */
	/* text-align: right; */
	font-size: 5vw;
}

.bg_minion .m_main_txt{
    /* width: 100%; */
    /* height: 0; */
    /* margin: auto; */
    /* padding-top: 5%; */
    /* padding-bottom: 13%; */
    /* text-align: left; */
    /* padding-left: 20px; */
    font-size: 2vw;
}
.bg_minion .m_sub_txt{
	/* width: 100%; */
    /* height: 0; */
    /* margin: auto; */
    /* padding-bottom: 7%; */
    /* text-align: left; */
    font-size: 0.8vw;
    /* padding-left: 93px; */
}
.bg_minion .m_sub_icon{
	/* width: 100%; */
	/* height: 0; */
	/* margin: auto; */
	/* padding-bottom: 20%; */
	/* text-align: right; */
	font-size: 4vw;
}
.bg_liveon .m_main_txt{
    /* width: 100%; */
    /* height: 0; */
    /* margin: auto; */
    /* padding-top: 5%; */
    /* padding-bottom: 14%; */
    /* text-align: left; */
    /* padding-left: 21px; */
    font-size: 2vw;
}
.bg_liveon .m_sub_txt{
    /* width: 100%; */
    /* height: 0; */
    /* margin: auto; */
    /* padding-bottom: 7%; */
    /* text-align: left; */
    /* font-size: 0.8vw; */
    padding-left: 62px;
}
.bg_liveon .m_sub_icon{
	/* width: 100%; */
	/* height: 0; */
	/* margin: auto; */
	/* padding-bottom: 20%; */
	/* text-align: right; */
	font-size: 4vw;
}

.bg_virtualon .m_main_txt{
    /* width: 100%; */
    /* height: 0; */
    /* margin: auto; */
    /* padding-top: 5%; */
    /* padding-bottom: 14%; */
    /* text-align: left; */
    /* padding-left: 21px; */
    font-size: 2vw;
}
.bg_virtualon .m_sub_txt{
    /* width: 100%; */
    /* height: 0; */
    /* margin: auto; */
    /* padding-bottom: 9%; */
    /* text-align: left; */
    font-size: 0.8vw;
    /* padding-left: 62px; */
}
.bg_virtualon .m_sub_icon{
    /* width: 90%; */
    /* height: 0; */
    /* margin: auto; */
    /* padding-bottom: 20%; */
    /* text-align: right; */
    font-size: 4vw;
}

    .main_enter
    .m_box_warp:hover
    .m_main_txt,
.main_enter .m_box_warp:hover .m_sub_txt {
    transform: translateX(0px);
}
.main_enter .m_box_warp:hover .m_sub_icon {
    transform: translateX(0px);
	bottom:0;
	right:0;
}

.m_main_txt ,  .m_sub_txt, .m_sub_icon 
{
 position:absolute;
 z-index: 999;
}
.main_enter .m_box_warp:hover .m_sub_txt {
    top: 17px;
    right: 17px;
}

.main_enter .m_box_warp:hover .m_main_txt {
    top: 13px;
    left: 13px;
}
.m_main_txt,
.m_sub_txt {
    transform: translateX(-100%);
    transition: all 0.4s ease-out;
}
.m_sub_icon {
    transform: translateX(100%);
    transition: all 0.4s ease-out;
    bottom: 0;
    right: 0;
}

.main_enter .m_box_warp {
    background: unset;
	position:relative;
	z-index:3;
}
.main_enter .m_box_warp:hover {
    background: #000000d1;
    background-image: linear-gradient(
        to bottom,
        rgb(0 0 0 / 37%),
        rgb(155 155 155 / 16%) 49%,
        rgb(255 255 255 / 15%) 51%,
        rgb(255 255 255 / 5%)
    );
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
.main_enter .m_box_warp:hover:after{
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: #000;
    top: 0;
    left: 0;
    z-index: 5;
    opacity: 0.7;
}

.m_box_warp .bg-cover-img {
    width: 100%;
    position: relative;
    z-index: 1;
}
.main_enter .m_box_warp:hover .m_main_txt, 
.main_enter .m_box_warp:hover .m_sub_txt ,
.main_enter .m_box_warp:hover .m_sub_icon {
	z-index: 6;	
	position:absolute;
}


.main_enter .m_box_warp:not(:has(img)) {

}
.main_enter .m_box_warp:not(:has(img)) .m_main_txt,
.main_enter .m_box_warp:not(:has(img)) .m_sub_txt,
.main_enter .m_box_warp:not(:has(img)) .m_sub_icon{
	
}
.main_enter .bg_spon .m_box_warp:not(:has(img)){
	 background-image: url(/image/main/def/sports.png?v=02);
	background-size: 100%;
	}
.main_enter .bg_caon .m_box_warp:not(:has(img)){ 
	 background-image: url(/image/main/def/casino1.png?v=02); 
     background-size: 100%;	 
 }
.main_enter .bg_minion .m_box_warp:not(:has(img)){ 
	 background-image: url(/image/main/def/minigame.png?v=02); 
     background-size: 100%;	 
 } 
.main_enter .bg_liveon .m_box_warp:not(:has(img)){
	 background-image: url(/image/main/def/livesport.png?v=02);
	 background-size: 100%;
	 background-repeat: no-repeat;
	} 
.main_enter .bg_virtualon .m_box_warp:not(:has(img)){ 
	 background-image: url(/image/main/def/btn_virtual.png?v=02); 
     background-size: 100%;	
 } 
 
 .main_enter .bg_caon .m_box_warp[ref*="slot"]:not(:has(img)){ 
	 background-image: url(/image/main/def/slot1.png?v=02); 
     background-size: 100%;	
 } 
.main_enter .bg_spon .m_box_warp:not(:has(img)) , .main_enter .bg_caon .m_box_warp:not(:has(img)) , .main_enter .bg_minion .m_box_warp:not(:has(img)) , .main_enter .bg_liveon .m_box_warp:not(:has(img)) , .main_enter .bg_virtualon .m_box_warp:not(:has(img)) {
    padding-bottom: 66%;
}


@media only screen and (min-width: 1501px)  {
	.main_event .event_height .swiper-slide img {
	/*height:306px;	*/
	height: 19vw;
	}
}
@media only screen and (max-width: 1500px)  {
	#content-table.refresh ,
	#content-table.refresh .cashflowlive-box .bank-table {
		height: 280px;height: 19.35vw;
	}
	.main_event .event_height .swiper-slide img { height:19vw; width:100%}

.cs_wrap .swiper-slide > div.low-menu img {
    height: calc(140px - 7.2px);
}

}
@media only screen and (max-width: 1280px)  {
	
    .bg_caon .m_main_txt ,
	.bg_virtualon .m_main_txt ,
	.bg_minion .m_main_txt ,
	.bg_liveon .m_main_txt ,
	.bg_spon .m_main_txt {
		padding-bottom: 6%;
		font-size: 20px;
	}
	
	.m_sub_txt {
		font-size: 16px !important;
		margin-top: 6px !important;
	}
	
	
}
@media only screen and (max-width: 1080px)  {
	/* For landscape layouts only */
  	#sidebar-right {
		right: -300px !important;
		left: initial;
	}
	#betslip-icon {
		display: block !important;
	}
	#sidebar-right.cart_toggle{
		right:0px !important;
	}
	  	 #topmenu #top_pc .container-fluid {
	padding-right: 15%;
	}
	
	
}
@media screen 
and (min-width: 627px) 
and (max-width: 1650px) 
and (-webkit-min-device-pixel-ratio: 1) {


 #topmenu #top_pc .container-fluid {

	}

	#sidebar-right {
		/* right: -300px !important; */
		left: initial;
	}  
	#sidebar-right.cart_toggle {
		right: 0 !important;
	}
	#sidebar {
		/* width: 50px; */
		z-index: 2008;
	}
	#sidebar-hamburg-blue2 {
		display: block;
	}
	.page-with-two-sidebar .content {
		/* margin-right: 5px; */
		/* margin-left: 50px; */
		transition: all 0.5s ease-out 0s;
	}
	#mini_wrap #game-frame ,
	.table_tittle , .left.analysiscon {
    float: unset;
    width: 100% !important;
	display: block;
    /* text-align: center; */
}
	#game-bet.pball_frame {
    width: calc(100% - 0px);
    float: left;
}

.nav-tabs {position: initial;text-align: left;}

#mini_wrap #game-frame .nav-tabs .btn-link {
    display: inline-block;
}


#mini_wrap #game-frame .nav-tabs .btn-link .scope {
    border-radius: 3px;
}


	
	#betslip-icon img {
		/* height: 70px; */
		/* width: 79px; */
		filter: brightness(2.5) grayscale(1);
	}
	.top-menu-in {
		margin-left: 0;
		margin-right: 0;
	}

	#game-bet {

    width: 100% !important;
	margin-top: 8px !important;
	}
	
	#mini_wrap #game-frame.eos_frame {
    height: 770.398px !important;
}
	#mini_wrap #game-frame.eos_frame iframe {
    /* height: 584px !important; */
}
	
	#mini_wrap #game-frame ._view_rules {
		position: absolute;
		top: 100px;
		right: 20px;	
	}
}

@media screen 
and (min-width: 627px) 
and (max-width: 1080px) 
and (-webkit-min-device-pixel-ratio: 1) {
	.body-scroll {
		height: calc(100vh - 121px);
    }	

	#betslip-icon {
		 display: block !important; 
	}
}

#user-container .member_infoForm .right.info-group.w-50 {
	margin-right: 0;
}


.chrome_link {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
display: flex;
flex-direction: row;
align-items: center;
background: #000000;
background: #000000cc;
width: 100%;
height: 55px;
padding: 0 20px;
}
#chrome-topclose {
color: #000a12;
background: linear-gradient(90deg,#ffa000,#ffff7b);
appearance: none;
outline: none;
border: none;
border-radius: 25px;
padding: 5px 13px;
font-weight: 700;
}

@media (min-width:769px) {
.chrome_link {
justify-content: center;
left: 50%;
width: 30%;
transform: translateX(-50%);
border-radius: 0 0 25px 25px;
}	
}
@media (max-width:768px) {
.chrome_link {
justify-content: space-between;	
}	
}


img[alt*="banner_sidebar"] {
    width: 100%;
}




#user-container .member_infoForm .info-group.w-50 select {
    background: #424245;
    border-color: #3e3e3e;
    color: #ffffff;
    border: 2px solid #5c5c66;
    width: calc(100% - 225px);
    display: inline-block;
    margin-left: 21px;
    padding: 0px 16px;
    font-size: 17px;
    font-weight: 400;
    box-sizing: border-box;
    border-radius: 5px;
    height: 38px;
    line-height: 38px;
}










html:not([dir="rtl"]) .list-unstyled{padding-left:0}

*[dir="rtl"] .list-unstyled{padding-right:0}

.list-inline{list-style:none}

html:not([dir="rtl"]) .list-inline{padding-left:0}

*[dir="rtl"] .list-inline{padding-right:0}

.list-inline-item{display:inline-block}

html:not([dir="rtl"]) .list-inline-item:not(:last-child){
margin-right:.5rem}

*[dir="rtl"] .list-inline-item:not(:last-child){
margin-left:.5rem}

.initialism{font-size:.875em;  text-transform:uppercase}

.blockquote{margin-bottom:1rem;  font-size:1.25rem}

.blockquote>:last-child{margin-bottom:0}

.blockquote-footer{margin-top:-1rem;  margin-bottom:1rem;  font-size:.875em;  color:#8a93a2}

.blockquote-footer::before{content:"— "}

.img-fluid{max-width:100%;  height:auto}

.img-thumbnail{padding:.25rem;  background-color:var(
	--cui-thumbnail-bg,#fff);  border:1px solid var(
	--cui-thumbnail-border-color,var(
--cui-border-color));  border-radius:.375rem;  max-width:100%;  height:auto}

.figure{display:inline-block}

.figure-img{margin-bottom:.5rem;  line-height:1}

.figure-caption{font-size:.875em;  color:var(
--cui-figure-caption-color,#8a93a2)}

.container,.container-fluid,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm{
	--cui-gutter-x:0;  
	--cui-gutter-y:0;  width:100%;  padding-right:calc(var(
	--cui-gutter-x) * 0.5);  padding-left:calc(var(
--cui-gutter-x) * 0.5);  margin-right:auto;  margin-left:auto}


.row{
	--cui-gutter-x:0;  
	--cui-gutter-y:0;  display:flex;  flex-wrap:wrap;  margin-top:calc(-1 * var(
	--cui-gutter-y));  margin-right:calc(-0.5 * var(
	--cui-gutter-x));  margin-left:calc(-0.5 * var(
--cui-gutter-x))}

.row>*{flex-shrink:0;  width:100%;  padding-right:calc(var(
	--cui-gutter-x) * 0.5);  padding-left:calc(var(
	--cui-gutter-x) * 0.5);  margin-top:var(
--cui-gutter-y)}

.col{flex:1 0 0%}

.row-cols-auto>*{flex:0 0 auto;  width:auto}

.row-cols-1>*{flex:0 0 auto;  width:100%}

.row-cols-2>*{flex:0 0 auto;  width:50%}

.row-cols-3>*{flex:0 0 auto;  width:33.3333333333%}

.row-cols-4>*{flex:0 0 auto;  width:25%}

.row-cols-5>*{flex:0 0 auto;  width:20%}

.row-cols-6>*{flex:0 0 auto;  width:16.6666666667%}

.col-auto{flex:0 0 auto;  width:auto}

.col-1{flex:0 0 auto;  width:8.33333333%}

.col-2{flex:0 0 auto;  width:16.66666667%}

.col-3{flex:0 0 auto;  width:25%}

.col-4{flex:0 0 auto;  width:33.33333333%}

.col-5{flex:0 0 auto;  width:41.66666667%}

.col-6{flex:0 0 auto;  width:50%}

.col-7{flex:0 0 auto;  width:58.33333333%}

.col-8{flex:0 0 auto;  width:66.66666667%}

.col-9{flex:0 0 auto;  width:75%}

.col-10{flex:0 0 auto;  width:83.33333333%}

.col-11{flex:0 0 auto;  width:91.66666667%}

.col-12{flex:0 0 auto;  width:100%}

html:not([dir="rtl"]) .offset-1{margin-left:8.33333333%}

*[dir="rtl"] .offset-1{margin-right:8.33333333%}

html:not([dir="rtl"]) .offset-2{margin-left:16.66666667%}

*[dir="rtl"] .offset-2{margin-right:16.66666667%}

html:not([dir="rtl"]) .offset-3{margin-left:25%}

*[dir="rtl"] .offset-3{margin-right:25%}

html:not([dir="rtl"]) .offset-4{margin-left:33.33333333%}

*[dir="rtl"] .offset-4{margin-right:33.33333333%}

html:not([dir="rtl"]) .offset-5{margin-left:41.66666667%}

*[dir="rtl"] .offset-5{margin-right:41.66666667%}

html:not([dir="rtl"]) .offset-6{margin-left:50%}

*[dir="rtl"] .offset-6{margin-right:50%}

html:not([dir="rtl"]) .offset-7{margin-left:58.33333333%}

*[dir="rtl"] .offset-7{margin-right:58.33333333%}

html:not([dir="rtl"]) .offset-8{margin-left:66.66666667%}

*[dir="rtl"] .offset-8{margin-right:66.66666667%}

html:not([dir="rtl"]) .offset-9{margin-left:75%}

*[dir="rtl"] .offset-9{margin-right:75%}

html:not([dir="rtl"]) .offset-10{margin-left:83.33333333%}

*[dir="rtl"] .offset-10{margin-right:83.33333333%}

html:not([dir="rtl"]) .offset-11{margin-left:91.66666667%}

*[dir="rtl"] .offset-11{margin-right:91.66666667%}

.g-0,.gx-0{
--cui-gutter-x:0}

.g-0,.gy-0{
--cui-gutter-y:0}

.g-1,.gx-1{
--cui-gutter-x:.25rem}

.g-1,.gy-1{
--cui-gutter-y:.25rem}

.g-2,.gx-2{
--cui-gutter-x:.5rem}

.g-2,.gy-2{
--cui-gutter-y:.5rem}

.g-3,.gx-3{
--cui-gutter-x:1rem}

.g-3,.gy-3{
--cui-gutter-y:1rem}

.g-4,.gx-4{
--cui-gutter-x:1.5rem}

.g-4,.gy-4{
--cui-gutter-y:1.5rem}

.g-5,.gx-5{
--cui-gutter-x:3rem}

.g-5,.gy-5{
--cui-gutter-y:3rem}

.cursor{cursor:pointer}

.table{
	--cui-table-color:var(
	--cui-body-color);  
	--cui-table-bg:transparent;  
	--cui-table-border-color:var(
	--cui-border-color);  
	--cui-table-accent-bg:transparent;  
	--cui-table-striped-color:var(
	--cui-body-color);  
	--cui-table-striped-bg:rgba(0,0,21,.05);  
	--cui-table-active-color:var(
	--cui-body-color);  
	--cui-table-active-bg:rgba(0,0,21,.1);  
	--cui-table-hover-color:var(
	--cui-body-color);  
	--cui-table-hover-bg:rgba(0,0,21,.075);  width:100%;  margin-bottom:1rem;  color:var(
	--cui-table-color);  vertical-align:top;  border-color:var(
--cui-table-border-color)}

.table>:not(caption)>*>*{padding:.5rem .5rem;  background-color:var(
	--cui-table-bg);  border-bottom-width:1px;  box-shadow:inset 0 0 0 9999px var(
--cui-table-accent-bg)}

.table>tbody{vertical-align:inherit}

.table>thead{vertical-align:bottom}

.table-group-divider{border-top:2px solid currentcolor}

.caption-top{caption-side:top}

.table-sm>:not(caption)>*>*{padding:.25rem .25rem}

.table-bordered>:not(caption)>*{border-width:1px 0}

.table-bordered>:not(caption)>*>*{border-width:0 1px}

.table-borderless>:not(caption)>*>*{border-bottom-width:0}

.table-borderless>:not(:first-child){
border-top-width:0}

.table-striped>tbody>tr:nth-of-type(odd)>*{
	--cui-table-accent-bg:var(
	--cui-table-striped-bg);  color:var(
--cui-table-striped-color)}

.table-striped-columns>:not(caption)>tr>:nth-child(even){
	
	--cui-table-accent-bg:var(
	--cui-table-striped-bg);  color:var(
--cui-table-striped-color)}

.table-active{
	--cui-table-accent-bg:var(
	--cui-table-active-bg);  color:var(
--cui-table-active-color)}

.table-hover>tbody>tr:hover>*{
	--cui-table-accent-bg:var(
	--cui-table-hover-bg);  color:var(
--cui-table-hover-color)}

.table-responsive{overflow-x:auto;  -webkit-overflow-scrolling:touch}

.form-label{margin-bottom:.5rem;  color:var(
--cui-form-label-color)}

.col-form-label{padding-top:calc(0.375rem + 1px);  padding-bottom:calc(0.375rem + 1px);  margin-bottom:0;  font-size:inherit;  line-height:1.5;  color:var(
--cui-form-label-color)}

.col-form-label-lg{padding-top:calc(0.5rem + 1px);  padding-bottom:calc(0.5rem + 1px);  font-size:1.25rem}

.col-form-label-sm{padding-top:calc(0.25rem + 1px);  padding-bottom:calc(0.25rem + 1px);  font-size:.875rem}

.form-text{margin-top:.25rem;  font-size:.875em;  color:var(
--cui-form-text-color,rgba(44,56,74,0.38))}

.form-control{display:block;  width:100%;  padding:.375rem .75rem;  font-size:1rem;  font-weight:400;  line-height:1.5;  color:var(
	--cui-input-color,rgba(44,56,74,0.95));  background-color:var(
	--cui-input-bg,#fff);  background-clip:padding-box;  border:1px solid var(
--cui-input-border-color,#b1b7c1);  -webkit-appearance:none;  -moz-appearance:none;  appearance:none;  border-radius:.375rem;  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}


.form-control[type="file"]{overflow:hidden}

.form-control[type="file"]:not(:disabled):not([readonly]){
cursor:pointer}



.form-control::-webkit-date-and-time-value{height:1.5em}

.form-control::-moz-placeholder{color:var(
--cui-input-placeholder-color,#8a93a2);  opacity:1}

.form-control::placeholder{color:var(
--cui-input-placeholder-color,#8a93a2);  opacity:1}

.form-control:disabled{background-color:#d8dbe0;  border-color:#b1b7c1;  opacity:1}

.form-control::-webkit-file-upload-button{padding:.375rem .75rem;  margin:-0.375rem -0.75rem;  -webkit-margin-end:.75rem;  margin-inline-end:.75rem;  color:var(
	--cui-form-file-button-color,rgba(44,56,74,0.95));  background-color:var(
--cui-form-file-button-bg,#d8dbe0);  pointer-events:none;  border-color:inherit;  border-style:solid;  border-width:0;  border-inline-end-width:1px;  border-radius:0;  -webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}

.form-control::file-selector-button{padding:.375rem .75rem;  margin:-0.375rem -0.75rem;  -webkit-margin-end:.75rem;  margin-inline-end:.75rem;  color:var(
	--cui-form-file-button-color,rgba(44,56,74,0.95));  background-color:var(
--cui-form-file-button-bg,#d8dbe0);  pointer-events:none;  border-color:inherit;  border-style:solid;  border-width:0;  border-inline-end-width:1px;  border-radius:0;  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}



.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:var(
--cui-form-file-button-hover-bg,#cdd0d5)}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(
--cui-form-file-button-hover-bg,#cdd0d5)}

.form-control-plaintext{display:block;  width:100%;  padding:.375rem 0;  margin-bottom:0;  line-height:1.5;  color:var(
--cui-input-plaintext-color,rgba(44,56,74,0.95));  background-color:transparent;  border:solid transparent;  border-width:1px 0}

.form-control-plaintext:focus{outline:0}

.form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg{padding-right:0;  padding-left:0}

.form-control-sm{min-height:calc(1.5em + 0.5rem + 2px);  padding:.25rem .5rem;  font-size:.875rem;  border-radius:.25rem}

.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;  margin:-0.25rem -0.5rem;  -webkit-margin-end:.5rem;  margin-inline-end:.5rem}

.form-control-sm::file-selector-button{padding:.25rem .5rem;  margin:-0.25rem -0.5rem;  -webkit-margin-end:.5rem;  margin-inline-end:.5rem}

.form-control-lg{min-height:calc(1.5em + 1rem + 2px);  padding:.5rem 1rem;  font-size:1.25rem;  border-radius:.5rem}

.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;  margin:-0.5rem -1rem;  -webkit-margin-end:1rem;  margin-inline-end:1rem}

.form-control-lg::file-selector-button{padding:.5rem 1rem;  margin:-0.5rem -1rem;  -webkit-margin-end:1rem;  margin-inline-end:1rem}

textarea.form-control{min-height:calc(1.5em + 0.75rem + 2px)}

textarea.form-control-sm{min-height:calc(1.5em + 0.5rem + 2px)}

textarea.form-control-lg{min-height:calc(1.5em + 1rem + 2px)}

.form-control-color{width:3rem;  height:calc(1.5em + 0.75rem + 2px);  padding:.375rem}

.form-control-color:not(:disabled):not([readonly]){
cursor:pointer}

.form-control-color::-moz-color-swatch{border:0 !important;  border-radius:.375rem}

.form-control-color::-webkit-color-swatch{border-radius:.375rem}

.form-control-color.form-control-sm{height:calc(1.5em + 0.5rem + 2px)}

.form-control-color.form-control-lg{height:calc(1.5em + 1rem + 2px)}

.form-select{display:block;  width:100%;  -moz-padding-start:calc(0.75rem - 3px);  font-size:1rem;  font-weight:400;  line-height:1.5;  color:var(
	--cui-form-select-color,rgba(44,56,74,0.95));  background-color:var(
	--cui-form-select-bg,#fff);  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23636f83' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");  background-repeat:no-repeat;  background-size:16px 12px;  border:1px solid var(
--cui-form-select-border-color,#b1b7c1);  border-radius:.375rem;  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;  -webkit-appearance:none;  -moz-appearance:none;  appearance:none}

html:not([dir="rtl"]) .form-select{padding:.375rem 2.25rem .375rem .75rem;  background-position:right .75rem center}

*[dir="rtl"] .form-select{padding:.375rem .75rem .375rem 2.25rem;  background-position:left .75rem center}



.form-select:focus{border-color:var(
--cui-form-select-focus-border-color,#998fed);  outline:0;  box-shadow:0 0 0 .25rem rgba(50,31,219,0.25)}

.form-select[multiple],.form-select[size]:not([size="1"]){
background-image:none}

html:not([dir="rtl"]) .form-select[multiple],html:not([dir="rtl"]) .form-select[size]:not([size="1"]){
padding-right:.75rem}

*[dir="rtl"] .form-select[multiple],*[dir="rtl"] .form-select[size]:not([size="1"]){
padding-left:.75rem}

.form-select:disabled{color:var(
	--cui-form-select-disabled-color);  background-color:var(
	--cui-form-select-disabled-bg,#d8dbe0);  border-color:var(
--cui-form-select-disabled-border-color,#b1b7c1)}

.form-select:-moz-focusring{color:transparent;  text-shadow:0 0 0 var(
--cui-form-select-color,rgba(44,56,74,0.95))}

.form-select-sm{padding-top:.25rem;  padding-bottom:.25rem;  font-size:.875rem;  border-radius:.25rem}

html:not([dir="rtl"]) .form-select-sm{padding-left:.5rem}

*[dir="rtl"] .form-select-sm{padding-right:.5rem}

.form-select-lg{padding-top:.5rem;  padding-bottom:.5rem;  font-size:1.25rem;  border-radius:.5rem}

html:not([dir="rtl"]) .form-select-lg{padding-left:1rem}

*[dir="rtl"] .form-select-lg{padding-right:1rem}


.round-box i{display:initial}

.league-container .tbody_round_box .round_box_detail .odds-container .round-box.bet-side .snip{text-align:center}

.sequence_.bet-side,.sequence_.bet-side2{
	display:flex;  align-items:center;  background:var(
	--bg-panel);  padding:8px;  border:1px solid var(
--cui-body-bg)}

.odds-container .round-box.bet-side p.snip,.odds-container .round-box.bet-side2 p.snip,.odds-container .sequence_.bet-side p.snip,.odds-container .sequence_.bet-side2 p.snip{margin-bottom:0 !important}

#match-detail #detail-container .detail-odds .bet-side,#match-container .odds-container .bet-side,.odds-container .bet-side3,._bet.way_3{display:flex;  justify-content:space-between;  width:33.33%;  margin-bottom:2px}

#match-detail #detail-container .detail-odds .bet-side2,#match-container .odds-container .bet-side2,._bet.way_2{/*display:flex;  justify-content:space-between;*/  width:50%;  margin-bottom:2px}

#match-container .odds-container .round-box.bet-side .odds,#match-container .odds-container .round-box.bet-side2 .odds,.odds-container .round-box.bet-side3 .odds{margin-left:3rem}

.round-box.mid-side{justify-content:center}

.fas.fa-angle-double-up.arrow.up.ai_up{color:var(
--cui-success);  padding:3px;  margin-left:6px;  margin-right:6px; display: inline-block;animation: fadeUp 1.5s infinite;}

.fas.fa-angle-double-down.arrow.down.ai_down{color:var(
--cui-danger);  padding:3px;  margin-left:6px;  margin-right:6px; display: inline-block;animation: fadeDown 1.5s infinite;}

.form-multi-select{
	--cui-form-multi-select-padding-y:.375rem;  
	--cui-form-multi-select-padding-x:.75rem;  
	--cui-form-multi-select-font-family:;  
	--cui-form-multi-select-font-size:1rem;  
	--cui-form-multi-select-font-weight:400;  
	--cui-form-multi-select-line-height:1.5;  
	--cui-form-multi-select-bg-position:right .75rem center;  
	--cui-form-multi-select-bg-size:16px 12px;  
	--cui-form-multi-select-border:1px solid var(
	--cui-form-multi-select-border-color);  
	--cui-form-multi-select-border-radius:.375rem;  
	--cui-form-multi-select-selection-tags-padding-y:.125rem;  
	--cui-form-multi-select-selection-tags-padding-x:.125rem;  
	--cui-form-multi-select-indicator:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23636f83' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");  
	--cui-form-multi-select-indicator-padding:2.25rem;  
	--cui-form-multi-select-cleaner-width:.75rem;  
	--cui-form-multi-select-cleaner-height:.75rem;  
	--cui-form-multi-select-cleaner-padding-y:.5rem;  
	--cui-form-multi-select-cleaner-padding-x:.75rem;  
	--cui-form-multi-select-cleaner-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba%2844, 56, 74, 0.681%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");  
	--cui-form-multi-select-cleaner-hover-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba%2844, 56, 74, 0.95%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");  
	--cui-form-multi-select-cleaner-focus-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba%2844, 56, 74, 0.95%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");  
	--cui-form-multi-select-search-border-radius:.375rem;  
	--cui-form-multi-select-select-all-padding-y:.5rem;  
	--cui-form-multi-select-select-all-padding-x:.75rem;  
	--cui-form-multi-select-select-all-border:1px solid var(
	--cui-form-multi-select-select-all-border-color);  
	--cui-form-multi-select-select-all-hover-color:rgba(44,56,74,0.95);  
	--cui-form-multi-select-select-all-hover-bg:transparent;  
	--cui-form-multi-select-options-margin-top:.625rem;  
	--cui-form-multi-select-options-bg:#fff;  
	--cui-form-multi-select-options-border-color:#d8dbe0;  
	--cui-form-multi-select-options-border:1px solid var(
	--cui-form-multi-select-options-border-color);  
	--cui-form-multi-select-options-border-radius:.375rem;  
	--cui-form-multi-select-options-padding-y:.5rem;  
	--cui-form-multi-select-options-padding-x:.75rem;  
	--cui-form-multi-select-options-color:rgba(44,56,74,0.95);  
	--cui-form-multi-select-option-padding-y:.5rem;  
	--cui-form-multi-select-option-padding-x:1.25rem;  
	--cui-form-multi-select-option-border-radius:.375rem;  
	--cui-form-multi-select-option-hover-color:#4b586d;  
	--cui-form-multi-select-option-hover-bg:rgba(235,237,239,0.5);  
	--cui-form-multi-select-option-disabled-color:#8a93a2;  
	--cui-form-multi-select-option-indicator-width:1em;  
	--cui-form-multi-select-option-indicator-bg:#fff;  
	--cui-form-multi-select-option-indicator-border:1px solid rgba(0,0,21,0.25);  
	--cui-form-multi-select-option-indicator-border-radius:.25em;  
	--cui-form-multi-select-option-selected-bg:#ebedef;  
	--cui-form-multi-select-option-selected-indicator-bg:#321fdb;  
	--cui-form-multi-select-option-selected-indicator-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='rgba%28255, 255, 255, 0.87%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");  
	--cui-form-multi-select-option-selected-indicator-border-color:#321fdb;  
	--cui-form-multi-select-tag-padding-y:calc(0.125rem - 1px);  
	--cui-form-multi-select-tag-padding-x:.5rem;  
	--cui-form-multi-select-tag-margin-y:.125rem;  
	--cui-form-multi-select-tag-margin-x:.125rem;  
	--cui-form-multi-select-tag-bg:#ebedef;  
	--cui-form-multi-select-tag-border-color:#d8dbe0;  
	--cui-form-multi-select-tag-border:1px solid var(
	--cui-form-multi-select-tag-border-color);  
	--cui-form-multi-select-tag-border-radius:.25rem;  position:relative;  display:block;  width:100%;  padding:var(
	--cui-form-multi-select-padding-y) var(
	--cui-form-multi-select-padding-x);  font-family:var(
	--cui-form-multi-select-font-family);  font-size:var(
	--cui-form-multi-select-font-size);  font-weight:var(
	--cui-form-multi-select-font-weight);  line-height:var(
	--cui-form-multi-select-line-height);  color:var(
	--cui-form-multi-select-color);  background-color:var(
	--cui-form-multi-select-bg);  background-image:var(
	--cui-form-multi-select-indicator);  background-repeat:no-repeat;  background-size:var(
	--cui-form-multi-select-bg-size);  border:var(
	--cui-form-multi-select-border);  border-radius:var(
--cui-form-multi-select-border-radius);  -webkit-appearance:none;  -moz-appearance:none;  appearance:none}

html:not([dir="rtl"]) .form-multi-select{padding-right:var(
	--cui-form-multi-select-indicator-padding);  background-position:var(
--cui-form-multi-select-bg-position)}

*[dir="rtl"] .form-multi-select{padding-left:var(
	--cui-form-multi-select-indicator-padding);  background-position:var(
--cui-form-multi-select-bg-position)}

.form-multi-select:disabled,.form-multi-select.disabled{color:var(
	--cui-form-multi-select-disabled-color);  background-color:var(
--cui-form-multi-select-disabled-bg)}

.form-multi-select:disabled .form-multi-select-search,.form-multi-select.disabled .form-multi-select-search{background:transparent}

html:not([dir="rtl"]) .form-multi-select.form-multi-select-with-cleaner{padding-right:4.5rem}

*[dir="rtl"] .form-multi-select.form-multi-select-with-cleaner{padding-left:4.5rem}

.form-multi-select.is-invalid{
--cui-form-multi-select-border-color:#e55353}

.form-multi-select.is-valid{
--cui-form-multi-select-border-color:#2eb85c}

.form-multi-select-selection-tags{min-height:2.25rem;  padding:var(
	--cui-form-multi-select-selection-tags-padding-y) var(
--cui-form-multi-select-selection-tags-padding-x)}

html:not([dir="rtl"]) .form-multi-select-selection-tags{padding-right:var(
--cui-form-multi-select-indicator-padding)}

*[dir="rtl"] .form-multi-select-selection-tags{padding-left:var(
--cui-form-multi-select-indicator-padding)}

.form-multi-select-selection-tags .form-multi-select-search{height:2rem}

html:not([dir="rtl"]) .form-multi-select-selection-tags .form-multi-select-search{margin-left:var(
--cui-form-multi-select-padding-x)}

*[dir="rtl"] .form-multi-select-selection-tags .form-multi-select-search{margin-right:var(
--cui-form-multi-select-padding-x)}

.form-multi-select-selection{display:inline;  padding:0}

.form-multi-select-selection-cleaner{position:absolute;  top:50%;  box-sizing:content-box;  width:var(
	--cui-form-multi-select-cleaner-width);  height:var(
	--cui-form-multi-select-cleaner-height);  padding:var(
	--cui-form-multi-select-cleaner-padding-y) var(
	--cui-form-multi-select-cleaner-padding-x);  background-color:transparent;  background-image:var(
	--cui-form-multi-select-cleaner-bg);  background-repeat:no-repeat;  background-position:center;  background-size:var(
--cui-form-multi-select-cleaner-width) auto;  border:0;  transform:translateY(-50%)}

html:not([dir="rtl"]) .form-multi-select-selection-cleaner{right:var(
	--cui-form-multi-select-indicator-padding);  border-right:1px solid var(
--cui-form-multi-select-cleaner-border-color,#b1b7c1)}

*[dir="rtl"] .form-multi-select-selection-cleaner{left:var(
	--cui-form-multi-select-indicator-padding);  border-left:1px solid var(
--cui-form-multi-select-cleaner-border-color,#b1b7c1)}

.form-multi-select-selection-cleaner:hover{background-image:var(
--cui-form-multi-select-cleaner-hover-bg)}

.form-multi-select-selection-cleaner:focus{background-image:var(
--cui-form-multi-select-cleaner-focus-bg);  outline:0}

.form-multi-select-search{width:auto;  padding:0;  font-family:inherit;  font-size:inherit;  font-weight:inherit;  line-height:inherit;  color:var(
	--cui-form-multi-select-search-color);  background-color:var(
	--cui-form-multi-select-search-bg);  border:0;  -webkit-appearance:none;  -moz-appearance:none;  appearance:none;  border-radius:var(
--cui-form-multi-select-search-border-radius)}

.form-multi-select-search:focus{outline:0}

.form-multi-select-search[size]{display:none}

html:not([dir="rtl"]) .form-multi-select-search[size]{margin-left:var(
--cui-form-multi-select-padding-x)}

*[dir="rtl"] .form-multi-select-search[size]{margin-right:var(
--cui-form-multi-select-padding-x)}

.form-multi-select-search:-moz-placeholder-shown{width:100%}

.form-multi-select-search:placeholder-shown{width:100%}

.form-multi-select-all{display:block;  width:100%;  padding:var(
	--cui-form-multi-select-select-all-padding-y) var(
	--cui-form-multi-select-select-all-padding-x);  color:var(
	--cui-form-multi-select-select-all-color);  text-align:start;  background-color:var(
	--cui-form-multi-select-select-all-bg);  border:0;  border-bottom:var(
--cui-form-multi-select-select-all-border)}

.form-multi-select-all:hover{color:var(
	--cui-form-multi-select-select-all-hover-color);  background-color:var(
--cui-form-multi-select-select-all-hover-bg)}

.form-multi-select-dropdown{position:absolute;  top:100%;  left:0;  display:none;  width:100%;  margin-top:var(
	--cui-form-multi-select-options-margin-top);  background-color:var(
	--cui-form-multi-select-options-bg);  background-clip:padding-box;  border:var(
	--cui-form-multi-select-options-border);  border-radius:var(
	--cui-form-multi-select-options-border-radius);  box-shadow:0 4px 5px 0 rgba(var(
	--cui-elevation-base-color,60,75,100),0.14),0 1px 10px 0 rgba(var(
	--cui-elevation-base-color,60,75,100),0.12),0 2px 4px -1px rgba(var(
--cui-elevation-base-color,60,75,100),0.2)}

.form-multi-select-dropdown:not([class*="border"]){
border:0}

.form-multi-select-options{padding:var(
	--cui-form-multi-select-options-padding-y) var(
	--cui-form-multi-select-options-padding-x);  font-size:1rem;  color:var(
--cui-form-multi-select-options-color)}

.form-multi-select-option{position:relative;  padding:var(
	--cui-form-multi-select-option-padding-y) var(
	--cui-form-multi-select-option-padding-x);  margin-bottom:2px;  vertical-align:top;  cursor:pointer;  border-radius:var(
--cui-form-multi-select-option-border-radius)}

.form-multi-select-option:hover,.form-multi-select-option:focus{color:var(
	--cui-form-multi-select-option-hover-color);  text-decoration:none;  background-color:var(
--cui-form-multi-select-option-hover-bg)}

.form-multi-select-option.disabled,.form-multi-select-option:disabled{color:var(
--cui-form-multi-select-option-disabled-color);  pointer-events:none;  background-color:transparent}

.form-multi-select-option.form-multi-select-option-with-checkbox{padding:.5rem 1.25rem}

html:not([dir="rtl"]) .form-multi-select-option.form-multi-select-option-with-checkbox{padding-left:calc(var(
	--cui-form-multi-select-option-padding-x) + var(
--cui-form-multi-select-option-indicator-width))}

*[dir="rtl"] .form-multi-select-option.form-multi-select-option-with-checkbox{padding-right:calc(var(
	--cui-form-multi-select-option-padding-x) + var(
--cui-form-multi-select-option-indicator-width))}

.form-multi-select-option.form-multi-select-option-with-checkbox::before{position:absolute;  top:.7rem;  display:block;  width:var(
	--cui-form-multi-select-option-indicator-width);  height:var(
	--cui-form-multi-select-option-indicator-width);  pointer-events:none;  content:"";  background-color:var(
	--cui-form-multi-select-option-indicator-bg);  background-repeat:no-repeat;  background-position:center;  background-size:contain;  border:var(
	--cui-form-multi-select-option-indicator-border);  border-radius:var(
--cui-form-multi-select-option-indicator-border-radius)}

html:not([dir="rtl"]) .form-multi-select-option.form-multi-select-option-with-checkbox::before{left:calc(var(
--cui-form-multi-select-option-padding-x) * 0.5)}

*[dir="rtl"] .form-multi-select-option.form-multi-select-option-with-checkbox::before{right:calc(var(
--cui-form-multi-select-option-padding-x) * 0.5)}

.form-multi-select-option.form-multi-selected{background-color:var(
--cui-form-multi-select-option-selected-bg)}

.form-multi-select-option.form-multi-selected::before{background-color:var(
	--cui-form-multi-select-option-selected-indicator-bg);  background-image:var(
	--cui-form-multi-select-option-selected-indicator-bg-image);  border-color:var(
--cui-form-multi-select-option-selected-indicator-border-color)}

.form-multi-select-optgroup-label{padding:.75rem .625rem .5rem .625rem;  font-size:80%;  font-weight:700;  color:rgba(44,56,74,0.38);  text-transform:uppercase}

.form-multi-select-options-empty{padding:var(
	--cui-form-multi-select-option-padding-y) var(
--cui-form-multi-select-option-padding-x)}

.form-multi-select-tag{display:inline-block;  padding:var(
	--cui-form-multi-select-tag-padding-y) var(
	--cui-form-multi-select-tag-padding-x);  margin:var(
	--cui-form-multi-select-tag-margin-y) var(
	--cui-form-multi-select-tag-margin-x);  background-color:var(
	--cui-form-multi-select-tag-bg);  border:var(
	--cui-form-multi-select-tag-border);  border-radius:var(
--cui-form-multi-select-tag-border-radius)}

.form-multi-select-tag-delete{padding:0;  background-color:transparent;  border:0}

html:not([dir="rtl"]) .form-multi-select-tag-delete{margin-left:.5rem}

*[dir="rtl"] .form-multi-select-tag-delete{margin-right:.5rem}

.form-multi-select.show{color:var(
	--cui-form-multi-select-focus-color);  background-color:var(
	--cui-form-multi-select-focus-bg);  border-color:var(
--cui-form-multi-select-focus-border-color);  box-shadow:0 0 0 .25rem rgba(50,31,219,0.25)}

.form-multi-select.show .form-multi-select-search[size]{display:inline}

.form-multi-select.show .form-multi-select-dropdown{z-index:1000;  display:initial}

.form-multi-select-sm{
	--cui-form-multi-select-padding-y:.25rem;  
	--cui-form-multi-select-padding-x:.5rem;  
	--cui-form-multi-select-font-size:.875rem;  
	--cui-form-multi-select-border-radius:.25rem;  
	--cui-form-multi-select-selection-tags-padding-x:.125rem;  
	--cui-form-multi-select-tag-padding-y:0;  
	--cui-form-multi-select-tag-padding-x:.5rem;  
	--cui-form-multi-select-tag-margin-y:.0675rem;  
	--cui-form-multi-select-tag-margin-x:.0675rem;  
--cui-form-multi-select-tag-border-radius:.125rem}

.form-multi-select-sm.form-multi-select-selection-tags{min-height:1.8125rem}

.form-multi-select-sm.form-multi-select-selection-tags .form-multi-select-search{height:calc(1.6775rem - 2px)}

.form-multi-select-lg{
	--cui-form-multi-select-padding-y:.5rem;  
	--cui-form-multi-select-padding-x:1rem;  
	--cui-form-multi-select-font-size:1.25rem;  
	--cui-form-multi-select-border-radius:.5rem;  
	--cui-form-multi-select-selection-tags-padding-x:.125rem;  
	--cui-form-multi-select-tag-padding-y:calc(0.25rem - 1px);  
	--cui-form-multi-select-tag-padding-x:.5rem;  
	--cui-form-multi-select-tag-margin-y:.125rem;  
	--cui-form-multi-select-tag-margin-x:.125rem;  
--cui-form-multi-select-tag-border-radius:.375rem}

.form-multi-select-lg.form-multi-select-selection-tags{min-height:calc(2.875rem + 2px)}

.form-multi-select-lg.form-multi-select-selection-tags .form-multi-select-search{height:2.625rem}

.form-check{display:block;  min-height:1.5rem;  margin-bottom:.125rem}

html:not([dir="rtl"]) .form-check{padding-left:1.5em}

*[dir="rtl"] .form-check{padding-right:1.5em}

html:not([dir="rtl"]) .form-check .form-check-input{float:left;  margin-left:-1.5em}

*[dir="rtl"] .form-check .form-check-input{float:right;  margin-right:-1.5em}

.form-check-reverse{padding-right:1.5em;  padding-left:0;  text-align:right}

.form-check-reverse .form-check-input{float:right;  margin-right:-1.5em;  margin-left:0}

.form-check-input{width:1em;  height:1em;  margin-top:.25em;  vertical-align:top;  background-color:var(
--cui-form-check-input-bg,#fff);  background-repeat:no-repeat;  background-position:center;  background-size:contain;  border:1px solid rgba(0,0,21,0.25);  -webkit-appearance:none;  -moz-appearance:none;  appearance:none;  -webkit-print-color-adjust:exact;  color-adjust:exact;  print-color-adjust:exact}

.form-check-input[type="checkbox"]{border-radius:.25em}

.form-check-input[type="radio"]{border-radius:50%}

.form-check-input:active{filter:brightness(90%)}

.form-check-input:focus{border-color:#998fed;  outline:0;  box-shadow:0 0 0 .25rem rgba(50,31,219,0.25)}

.form-check-input:checked{background-color:var(
	--cui-form-check-input-checked-bg-color,#321fdb);  border-color:var(
--cui-form-check-input-checked-border-color,#321fdb)}

.form-check-input:checked[type="checkbox"]{background-image:var(
--cui-form-check-input-checked-bg-image,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='rgba%28255, 255, 255, 0.87%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"))}

.form-check-input:checked[type="radio"]{background-image:var(
--cui-form-check-radio-checked-bg-image,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='rgba%28255, 255, 255, 0.87%29'/%3e%3c/svg%3e"))}

.form-check-input[type="checkbox"]:indeterminate{background-color:#321fdb;  border-color:#321fdb;  background-image:var(
--cui-form-check-input-indeterminate-bg-image,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='rgba%28255, 255, 255, 0.87%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"))}

.form-check-input:disabled{pointer-events:none;  filter:none;  opacity:.5}

.form-check-input[disabled] ~ .form-check-label,.form-check-input:disabled ~ .form-check-label{cursor:default;  opacity:.5}

.form-check-label{color:var(
--cui-form-check-label-color,unset)}

html:not([dir="rtl"]) .form-switch{padding-left:2.5em}

*[dir="rtl"] .form-switch{padding-right:2.5em}

.form-switch .form-check-input{width:2em;  background-image:var(
--cui-form-switch-bg-image,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 21, 0.25%29'/%3e%3c/svg%3e"));  background-position:left center;  border-radius:2em;  transition:background-position .15s ease-in-out}

html:not([dir="rtl"]) .form-switch .form-check-input{margin-left:-2.5em}

*[dir="rtl"] .form-switch .form-check-input{margin-right:-2.5em}



.form-switch .form-check-input:focus{background-image:var(
--cui-form-switch-focus-bg-image,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23998fed'/%3e%3c/svg%3e"))}

.form-switch .form-check-input:checked{background-position:right center;  background-image:var(
--cui-form-switch-checked-bg-image,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.87%29'/%3e%3c/svg%3e"))}

.form-switch.form-check-reverse{padding-right:2.5em;  padding-left:0}

.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;  margin-left:0}

.form-switch-lg{min-height:1.25em}

html:not([dir="rtl"]) .form-switch-lg{padding-left:2.25em}

*[dir="rtl"] .form-switch-lg{padding-right:2.25em}

.form-switch-lg .form-check-input{width:1.75em;  height:1.25em}

html:not([dir="rtl"]) .form-switch-lg .form-check-input{margin-left:-2.25em}

*[dir="rtl"] .form-switch-lg .form-check-input{margin-right:-2.25em}

.form-switch-lg .form-check-label{padding-top:calc((1.25em - 1rem) / 2)}

.form-switch-xl{min-height:1.5em}

html:not([dir="rtl"]) .form-switch-xl{padding-left:2.5em}

*[dir="rtl"] .form-switch-xl{padding-right:2.5em}

.form-switch-xl .form-check-input{width:2em;  height:1.5em}

html:not([dir="rtl"]) .form-switch-xl .form-check-input{margin-left:-2.5em}

*[dir="rtl"] .form-switch-xl .form-check-input{margin-right:-2.5em}

.form-switch-xl .form-check-label{padding-top:calc((1.5em - 1rem) / 2)}

.form-check-inline{display:inline-block}

html:not([dir="rtl"]) .form-check-inline{margin-right:1rem}

*[dir="rtl"] .form-check-inline{margin-left:1rem}

.btn-check{position:absolute;  clip:rect(0,0,0,0);  pointer-events:none}

.btn-check[disabled]+.btn,.btn-check:disabled+.btn{pointer-events:none;  filter:none;  opacity:.65}

.form-check-primary{
	--cui-form-check-input-checked-bg-color:#321fdb;  
	--cui-form-check-input-checked-border-color:#321fdb;  
	--cui-form-check-input-indeterminate-bg-color:#321fdb;  
--cui-form-check-input-indeterminate-border-color:#321fdb}

.form-check-secondary{
	--cui-form-check-input-checked-bg-color:#9da5b1;  
	--cui-form-check-input-checked-border-color:#9da5b1;  
	--cui-form-check-input-indeterminate-bg-color:#9da5b1;  
--cui-form-check-input-indeterminate-border-color:#9da5b1}

.form-check-success{
	--cui-form-check-input-checked-bg-color:#2eb85c;  
	--cui-form-check-input-checked-border-color:#2eb85c;  
	--cui-form-check-input-indeterminate-bg-color:#2eb85c;  
--cui-form-check-input-indeterminate-border-color:#2eb85c}

.form-check-info{
	--cui-form-check-input-checked-bg-color:#39f;  
	--cui-form-check-input-checked-border-color:#39f;  
	--cui-form-check-input-indeterminate-bg-color:#39f;  
--cui-form-check-input-indeterminate-border-color:#39f}

.form-check-warning{
	--cui-form-check-input-checked-bg-color:#f9b115;  
	--cui-form-check-input-checked-border-color:#f9b115;  
	--cui-form-check-input-indeterminate-bg-color:#f9b115;  
--cui-form-check-input-indeterminate-border-color:#f9b115}

.form-check-danger{
	--cui-form-check-input-checked-bg-color:#e55353;  
	--cui-form-check-input-checked-border-color:#e55353;  
	--cui-form-check-input-indeterminate-bg-color:#e55353;  
--cui-form-check-input-indeterminate-border-color:#e55353}

.form-check-light{
	--cui-form-check-input-checked-bg-color:#ebedef;  
	--cui-form-check-input-checked-border-color:#ebedef;  
	--cui-form-check-input-indeterminate-bg-color:#ebedef;  
--cui-form-check-input-indeterminate-border-color:#ebedef}

.form-check-dark{
	--cui-form-check-input-checked-bg-color:#4f5d73;  
	--cui-form-check-input-checked-border-color:#4f5d73;  
	--cui-form-check-input-indeterminate-bg-color:#4f5d73;  
--cui-form-check-input-indeterminate-border-color:#4f5d73}

.form-range{width:100%;  height:1.5rem;  padding:0;  background-color:transparent;  -webkit-appearance:none;  -moz-appearance:none;  appearance:none}

.form-range:focus{outline:0}

.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(50,31,219,0.25)}

.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(50,31,219,0.25)}

.form-range::-moz-focus-outer{border:0}

.form-range::-webkit-slider-thumb{width:1rem;  height:1rem;  margin-top:-0.25rem;  background-color:var(
--cui-form-range-thumb-bg,#321fdb);  border:0;  border-radius:1rem;  -webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;  transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;  -webkit-appearance:none;  appearance:none}



.form-range::-webkit-slider-thumb:active{background-color:var(
--cui-form-range-thumb-active-bg,#c2bcf4)}

.form-range::-webkit-slider-runnable-track{width:100%;  height:.5rem;  color:transparent;  cursor:pointer;  background-color:var(
--cui-form-range-track-bg,#c4c9d0);  border-color:transparent;  border-radius:1rem}

.form-range::-moz-range-thumb{width:1rem;  height:1rem;  background-color:var(
--cui-form-range-thumb-bg,#321fdb);  border:0;  border-radius:1rem;  -moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;  transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;  -moz-appearance:none;  appearance:none}



.form-range::-moz-range-thumb:active{background-color:var(
--cui-form-range-thumb-active-bg,#c2bcf4)}

.form-range::-moz-range-track{width:100%;  height:.5rem;  color:transparent;  cursor:pointer;  background-color:var(
--cui-form-range-track-bg,#c4c9d0);  border-color:transparent;  border-radius:1rem}

.form-range:disabled{pointer-events:none}

.form-range:disabled::-webkit-slider-thumb{background-color:var(
--cui-form-range-thumb-disabled-bg,#9da5b1)}

.form-range:disabled::-moz-range-thumb{background-color:var(
--cui-form-range-thumb-disabled-bg,#9da5b1)}

.form-floating{position:relative}

.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + 2px);  line-height:1.25}

.form-floating>label{position:absolute;  top:0;  width:100%;  height:100%;  padding:1rem .75rem;  overflow:hidden;  text-align:start;  text-overflow:ellipsis;  white-space:nowrap;  pointer-events:none;  border:1px solid transparent;  transform-origin:0 0;  transition:opacity .1s ease-in-out,transform .1s ease-in-out}

html:not([dir="rtl"]) .form-floating>label{left:0}

*[dir="rtl"] .form-floating>label{right:0}



.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}

.form-floating>.form-control::-moz-placeholder,.form-floating>.form-control-plaintext::-moz-placeholder{color:transparent}

.form-floating>.form-control::placeholder,.form-floating>.form-control-plaintext::placeholder{color:transparent}

.form-floating>.form-control:not(:-moz-placeholder-shown),.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown){
padding-top:1.625rem;  padding-bottom:.625rem}

.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown),.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown){
padding-top:1.625rem;  padding-bottom:.625rem}

.form-floating>.form-control:-webkit-autofill,.form-floating>.form-control-plaintext:-webkit-autofill{padding-top:1.625rem;  padding-bottom:.625rem}

.form-floating>.form-select{padding-top:1.625rem;  padding-bottom:.625rem}

.form-floating>.form-control:not(:-moz-placeholder-shown) ~ label{opacity:.65;  transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem)}

.form-floating>.form-control:focus ~ label,.form-floating>.form-control:not(:placeholder-shown) ~ label,.form-floating>.form-control-plaintext ~ label,.form-floating>.form-select ~ label{opacity:.65;  transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem)}

.form-floating>.form-control:-webkit-autofill ~ label{opacity:.65;  transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem)}

.form-floating>.form-control-plaintext ~ label{border-width:1px 0}

.input-group{position:relative;  display:flex;  flex-wrap:wrap;  align-items:stretch;  width:100%}

.input-group>.form-control,.input-group>.form-select,.input-group>.form-floating{position:relative;  flex:1 1 auto;  width:1%;  min-width:0}

.input-group>.form-control:focus,.input-group>.form-select:focus,.input-group>.form-floating:focus-within{z-index:5}

.input-group .btn{position:relative;  z-index:2}

.input-group .btn:focus{z-index:5}

.input-group-text{display:flex;  align-items:center;  padding:.375rem .75rem;  font-size:1rem;  font-weight:400;  line-height:1.5;  color:var(
	--cui-input-group-addon-color,rgba(44,56,74,0.95));  text-align:center;  white-space:nowrap;  background-color:var(
	--cui-input-group-addon-bg,#d8dbe0);  border:1px solid var(
--cui-input-group-addon-border-color,#b1b7c1);  border-radius:.375rem}

.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text,.input-group-lg>.btn{padding:.5rem 1rem;  font-size:1.25rem;  border-radius:.5rem}

.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text,.input-group-sm>.btn{padding:.25rem .5rem;  font-size:.875rem;  border-radius:.25rem}

html:not([dir="rtl"]) .input-group-lg>.form-select,html:not([dir="rtl"]) .input-group-sm>.form-select{padding-right:3rem}

*[dir="rtl"] .input-group-lg>.form-select,*[dir="rtl"] .input-group-sm>.form-select{padding-left:3rem}

html:not([dir="rtl"]) .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),html:not([dir="rtl"]) .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),html:not([dir="rtl"]) .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,html:not([dir="rtl"]) .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select{border-top-right-radius:0;  border-bottom-right-radius:0}

*[dir="rtl"] .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),*[dir="rtl"] .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),*[dir="rtl"] .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,*[dir="rtl"] .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select{border-top-left-radius:0;  border-bottom-left-radius:0}

html:not([dir="rtl"]) .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),html:not([dir="rtl"]) .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),html:not([dir="rtl"]) .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,html:not([dir="rtl"]) .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select{border-top-right-radius:0;  border-bottom-right-radius:0}

*[dir="rtl"] .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),*[dir="rtl"] .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),*[dir="rtl"] .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,*[dir="rtl"] .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select{border-top-left-radius:0;  border-bottom-left-radius:0}

html:not([dir="rtl"]) .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
margin-left:-1px;  border-top-left-radius:0;  border-bottom-left-radius:0}

*[dir="rtl"] .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
margin-right:-1px;  border-top-right-radius:0;  border-bottom-right-radius:0}

html:not([dir="rtl"]) .input-group>.form-floating:not(:first-child)>.form-control,html:not([dir="rtl"]) .input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;  border-bottom-left-radius:0}

*[dir="rtl"] .input-group>.form-floating:not(:first-child)>.form-control,*[dir="rtl"] .input-group>.form-floating:not(:first-child)>.form-select{border-top-right-radius:0;  border-bottom-right-radius:0}

.valid-feedback{display:none;  width:100%;  margin-top:.25rem;  font-size:.875em;  color:#2eb85c}

.valid-tooltip{position:absolute;  top:100%;  z-index:5;  display:none;  max-width:100%;  padding:.25rem .5rem;  margin-top:.1rem;  font-size:.875rem;  color:#000015;  background-color:rgba(46,184,92,0.9);  border-radius:.375rem}

.was-validated :valid ~ .valid-feedback,.was-validated :valid ~ .valid-tooltip,.is-valid ~ .valid-feedback,.is-valid ~ .valid-tooltip{display:block}

.was-validated .form-control:valid,.form-control.is-valid{border-color:#2eb85c;  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%232eb85c' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");  background-repeat:no-repeat;  background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}

html:not([dir="rtl"]) .was-validated .form-control:valid,html:not([dir="rtl"]) .form-control.is-valid{padding-right:calc(1.5em + 0.75rem);  background-position:right calc(0.375em + 0.1875rem) center}

*[dir="rtl"] .was-validated .form-control:valid,*[dir="rtl"] .form-control.is-valid{padding-left:calc(1.5em + 0.75rem);  background-position:left calc(0.375em + 0.1875rem) center}

.was-validated .form-control:valid:focus,.form-control.is-valid:focus{border-color:#2eb85c;  box-shadow:0 0 0 .25rem rgba(46,184,92,0.25)}

html:not([dir="rtl"]) .was-validated textarea.form-control:valid,html:not([dir="rtl"]) textarea.form-control.is-valid{padding-right:calc(1.5em + 0.75rem);  background-position:top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)}

*[dir="rtl"] .was-validated textarea.form-control:valid,*[dir="rtl"] textarea.form-control.is-valid{padding-left:calc(1.5em + 0.75rem);  background-position:top calc(0.375em + 0.1875rem) left calc(0.375em + 0.1875rem)}

.was-validated .form-select:valid,.form-select.is-valid{border-color:#2eb85c}

.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"],.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23636f83' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%232eb85c' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");  background-size:16px 12px,calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}

html:not([dir="rtl"]) .was-validated .form-select:valid:not([multiple]):not([size]),html:not([dir="rtl"]) .was-validated .form-select:valid:not([multiple])[size="1"],html:not([dir="rtl"]) .form-select.is-valid:not([multiple]):not([size]),html:not([dir="rtl"]) .form-select.is-valid:not([multiple])[size="1"]{padding-right:4.125rem;  background-position:right .75rem center,center right 2.25rem}

*[dir="rtl"] .was-validated .form-select:valid:not([multiple]):not([size]),*[dir="rtl"] .was-validated .form-select:valid:not([multiple])[size="1"],*[dir="rtl"] .form-select.is-valid:not([multiple]):not([size]),*[dir="rtl"] .form-select.is-valid:not([multiple])[size="1"]{padding-left:4.125rem;  background-position:left .75rem center,center left 2.25rem}

.was-validated .form-select:valid:focus,.form-select.is-valid:focus{border-color:#2eb85c;  box-shadow:0 0 0 .25rem rgba(46,184,92,0.25)}

.was-validated .form-control-color:valid,.form-control-color.is-valid{width:calc(3rem + calc(1.5em + 0.75rem))}

.was-validated .form-check-input:valid,.form-check-input.is-valid{border-color:#2eb85c}

.was-validated .form-check-input:valid:checked,.form-check-input.is-valid:checked{background-color:#2eb85c}

.was-validated .form-check-input:valid:focus,.form-check-input.is-valid:focus{box-shadow:0 0 0 .25rem rgba(46,184,92,0.25)}

.was-validated .form-check-input:valid ~ .form-check-label,.form-check-input.is-valid ~ .form-check-label{color:#2eb85c}

html:not([dir="rtl"]) .form-check-inline .form-check-input ~ .valid-feedback{margin-left:.5em}

*[dir="rtl"] .form-check-inline .form-check-input ~ .valid-feedback{margin-right:.5em}

.was-validated .input-group>.form-control:not(:focus):valid,.input-group>.form-control:not(:focus).is-valid,.was-validated .input-group>.form-select:not(:focus):valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.input-group>.form-floating:not(:focus-within).is-valid{z-index:3}

.invalid-feedback{display:none;  width:100%;  margin-top:.25rem;  font-size:.875em;  color:#e55353}

.invalid-tooltip{position:absolute;  top:100%;  z-index:5;  display:none;  max-width:100%;  padding:.25rem .5rem;  margin-top:.1rem;  font-size:.875rem;  color:#000015;  background-color:rgba(229,83,83,0.9);  border-radius:.375rem}

.was-validated :invalid ~ .invalid-feedback,.was-validated :invalid ~ .invalid-tooltip,.is-invalid ~ .invalid-feedback,.is-invalid ~ .invalid-tooltip{display:block}

.was-validated .form-control:invalid,.form-control.is-invalid{border-color:#e55353;  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23e55353'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e55353' stroke='none'/%3e%3c/svg%3e");  background-repeat:no-repeat;  background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}

html:not([dir="rtl"]) .was-validated .form-control:invalid,html:not([dir="rtl"]) .form-control.is-invalid{padding-right:calc(1.5em + 0.75rem);  background-position:right calc(0.375em + 0.1875rem) center}

*[dir="rtl"] .was-validated .form-control:invalid,*[dir="rtl"] .form-control.is-invalid{padding-left:calc(1.5em + 0.75rem);  background-position:left calc(0.375em + 0.1875rem) center}

.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{border-color:#e55353;  box-shadow:0 0 0 .25rem rgba(229,83,83,0.25)}

html:not([dir="rtl"]) .was-validated textarea.form-control:invalid,html:not([dir="rtl"]) textarea.form-control.is-invalid{padding-right:calc(1.5em + 0.75rem);  background-position:top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)}

*[dir="rtl"] .was-validated textarea.form-control:invalid,*[dir="rtl"] textarea.form-control.is-invalid{padding-left:calc(1.5em + 0.75rem);  background-position:top calc(0.375em + 0.1875rem) left calc(0.375em + 0.1875rem)}

.was-validated .form-select:invalid,.form-select.is-invalid{border-color:#e55353}

.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"],.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23636f83' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23e55353'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e55353' stroke='none'/%3e%3c/svg%3e");  background-size:16px 12px,calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}

html:not([dir="rtl"]) .was-validated .form-select:invalid:not([multiple]):not([size]),html:not([dir="rtl"]) .was-validated .form-select:invalid:not([multiple])[size="1"],html:not([dir="rtl"]) .form-select.is-invalid:not([multiple]):not([size]),html:not([dir="rtl"]) .form-select.is-invalid:not([multiple])[size="1"]{padding-right:4.125rem;  background-position:right .75rem center,center right 2.25rem}

*[dir="rtl"] .was-validated .form-select:invalid:not([multiple]):not([size]),*[dir="rtl"] .was-validated .form-select:invalid:not([multiple])[size="1"],*[dir="rtl"] .form-select.is-invalid:not([multiple]):not([size]),*[dir="rtl"] .form-select.is-invalid:not([multiple])[size="1"]{padding-left:4.125rem;  background-position:left .75rem center,center left 2.25rem}

.was-validated .form-select:invalid:focus,.form-select.is-invalid:focus{border-color:#e55353;  box-shadow:0 0 0 .25rem rgba(229,83,83,0.25)}

.was-validated .form-control-color:invalid,.form-control-color.is-invalid{width:calc(3rem + calc(1.5em + 0.75rem))}

.was-validated .form-check-input:invalid,.form-check-input.is-invalid{border-color:#e55353}

.was-validated .form-check-input:invalid:checked,.form-check-input.is-invalid:checked{background-color:#e55353}

.was-validated .form-check-input:invalid:focus,.form-check-input.is-invalid:focus{box-shadow:0 0 0 .25rem rgba(229,83,83,0.25)}

.was-validated .form-check-input:invalid ~ .form-check-label,.form-check-input.is-invalid ~ .form-check-label{color:#e55353}

html:not([dir="rtl"]) .form-check-inline .form-check-input ~ .invalid-feedback{margin-left:.5em}

*[dir="rtl"] .form-check-inline .form-check-input ~ .invalid-feedback{margin-right:.5em}

.was-validated .input-group>.form-control:not(:focus):invalid,.input-group>.form-control:not(:focus).is-invalid,.was-validated .input-group>.form-select:not(:focus):invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.input-group>.form-floating:not(:focus-within).is-invalid{z-index:4}

.btn{
	--cui-btn-padding-x:.75rem;  
	--cui-btn-padding-y:.375rem;  
	--cui-btn-font-family:;  
	--cui-btn-font-size:1rem;  
	--cui-btn-font-weight:400;  
	--cui-btn-line-height:1.5;  
	--cui-btn-color:rgba(44,56,74,0.95);  
	--cui-btn-bg:transparent;  
	--cui-btn-border-width:1px;  
	--cui-btn-border-color:transparent;  
	--cui-btn-border-radius:.375rem;  
	--cui-btn-hover-border-color:transparent;  
	--cui-btn-box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,21,0.075);  
	--cui-btn-disabled-opacity:.65;  
	--cui-btn-focus-box-shadow:0 0 0 .25rem rgba(var(
	--cui-btn-focus-shadow-rgb),0.5);  display:inline-block;  padding:var(
	--cui-btn-padding-y) var(
	--cui-btn-padding-x);  font-family:var(
	--cui-btn-font-family);  font-size:var(
	--cui-btn-font-size);  font-weight:var(
	--cui-btn-font-weight);  line-height:var(
	--cui-btn-line-height);  color:var(
	--cui-btn-color);  text-align:center;  text-decoration:none;  vertical-align:middle;  cursor:pointer;  -webkit-user-select:none;  -moz-user-select:none;  user-select:none;  border:var(
	--cui-btn-border-width) solid var(
	--cui-btn-border-color);  border-radius:var(
	--cui-btn-border-radius);  background-color:var(
--cui-btn-bg);  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}



.btn:not(.placeholder):not([class*="link"]):not([class*="outline"]):not([class*="ghost"]):not([class*="transparent"]):not([class*="close"]){
	border-color:transparent;  box-shadow:0 1px 1px 0 rgba(var(
	--cui-elevation-base-color,60,75,100),0.14),0 2px 1px -1px rgba(var(
	--cui-elevation-base-color,60,75,100),0.12),0 1px 3px 0 rgba(var(
--cui-elevation-base-color,60,75,100),0.2)}

.btn:hover{color:var(
	--cui-btn-hover-color);  background-color:var(
	--cui-btn-hover-bg);  border-color:var(
--cui-btn-hover-border-color)}

.btn:hover:not(.placeholder):not([class*="link"]):not([class*="outline"]):not([class*="ghost"]):not([class*="transparent"]):not([class*="close"]){
	border-color:transparent;  box-shadow:0 2px 2px 0 rgba(var(
	--cui-elevation-base-color,60,75,100),0.14),0 3px 1px -2px rgba(var(
	--cui-elevation-base-color,60,75,100),0.12),0 1px 5px 0 rgba(var(
--cui-elevation-base-color,60,75,100),0.2)}

.btn-check+.btn:hover{color:var(
	--cui-btn-color);  background-color:var(
	--cui-btn-bg);  border-color:var(
--cui-btn-border-color)}

.btn:focus-visible{color:var(
	--cui-btn-hover-color);  background-color:var(
	--cui-btn-hover-bg);  border-color:var(
	--cui-btn-hover-border-color);  outline:0;  box-shadow:var(
--cui-btn-focus-box-shadow)}

.btn-check:focus-visible+.btn{border-color:var(
	--cui-btn-hover-border-color);  outline:0;  box-shadow:var(
--cui-btn-focus-box-shadow)}

.btn-check:checked+.btn,:not(.btn-check)+.btn:active,.btn:first-child:active,.btn.active,.btn.show{color:var(
	--cui-btn-active-color);  background-color:var(
	--cui-btn-active-bg);  border-color:var(
--cui-btn-active-border-color)}

.btn-check:checked+.btn:focus-visible,:not(.btn-check)+.btn:active:focus-visible,.btn:first-child:active:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible{box-shadow:var(
--cui-btn-focus-box-shadow)}

.btn:disabled,.btn.disabled,fieldset:disabled .btn{color:var(
	--cui-btn-disabled-color);  pointer-events:none;  background-color:var(
	--cui-btn-disabled-bg);  border-color:var(
	--cui-btn-disabled-border-color);  opacity:var(
--cui-btn-disabled-opacity)}

.btn-transparent{
	--cui-btn-active-border-color:transparent;  
	--cui-btn-disabled-border-color:transparent;  
--cui-btn-hover-border-color:transparent}

.btn-primary{
	--cui-btn-color:rgba(255,255,255,0.87);  
	--cui-btn-bg:#321fdb;  
	--cui-btn-border-color:#321fdb;  
	--cui-btn-hover-color:rgba(255,255,255,0.87);  
	--cui-btn-hover-bg:#5141e0;  
	--cui-btn-hover-border-color:#4735df;  
	--cui-btn-focus-shadow-rgb:75,58,223;  
	--cui-btn-active-color:rgba(255,255,255,0.87);  
	--cui-btn-active-bg:#5b4ce2;  
	--cui-btn-active-border-color:#4735df;  
	--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,0.125);  
	--cui-btn-disabled-color:rgba(255,255,255,0.87);  
	--cui-btn-disabled-bg:#321fdb;  
--cui-btn-disabled-border-color:#321fdb}

.btn-secondary{
	--cui-btn-color:#000015;  
	--cui-btn-bg:#9da5b1;  
	--cui-btn-border-color:#9da5b1;  
	--cui-btn-hover-color:rgba(44,56,74,0.95);  
	--cui-btn-hover-bg:#acb3bd;  
	--cui-btn-hover-border-color:#a7aeb9;  
	--cui-btn-focus-shadow-rgb:133,140,154;  
	--cui-btn-active-color:rgba(44,56,74,0.95);  
	--cui-btn-active-bg:#b1b7c1;  
	--cui-btn-active-border-color:#a7aeb9;  
	--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,0.125);  
	--cui-btn-disabled-color:#000015;  
	--cui-btn-disabled-bg:#9da5b1;  
--cui-btn-disabled-border-color:#9da5b1}

.btn-success{
	--cui-btn-color:#000015;  
	--cui-btn-bg:#2eb85c;  
	--cui-btn-border-color:#2eb85c;  
	--cui-btn-hover-color:rgba(44,56,74,0.95);  
	--cui-btn-hover-bg:#4dc374;  
	--cui-btn-hover-border-color:#43bf6c;  
	--cui-btn-focus-shadow-rgb:39,156,81;  
	--cui-btn-active-color:rgba(44,56,74,0.95);  
	--cui-btn-active-bg:#58c67d;  
	--cui-btn-active-border-color:#43bf6c;  
	--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,0.125);  
	--cui-btn-disabled-color:#000015;  
	--cui-btn-disabled-bg:#2eb85c;  
--cui-btn-disabled-border-color:#2eb85c}

.btn-danger{
	--cui-btn-color:#000015;  
	--cui-btn-bg:#e55353;  
	--cui-btn-border-color:#e55353;  
	--cui-btn-hover-color:#000015;  
	--cui-btn-hover-bg:#e96d6d;  
	--cui-btn-hover-border-color:#e86464;  
	--cui-btn-focus-shadow-rgb:195,71,74;  
	--cui-btn-active-color:#000015;  
	--cui-btn-active-bg:#ea7575;  
	--cui-btn-active-border-color:#e86464;  
	--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,0.125);  
	--cui-btn-disabled-color:#000015;  
	--cui-btn-disabled-bg:#e55353;  
--cui-btn-disabled-border-color:#e55353}

.btn-warning{
	--cui-btn-color:rgba(44,56,74,0.95);  
	--cui-btn-bg:#f9b115;  
	--cui-btn-border-color:#f9b115;  
	--cui-btn-hover-color:#000015;  
	--cui-btn-hover-bg:#d49612;  
	--cui-btn-hover-border-color:#c78e11;  
	--cui-btn-focus-shadow-rgb:221,160,28;  
	--cui-btn-active-color:#000015;  
	--cui-btn-active-bg:#c78e11;  
	--cui-btn-active-border-color:#bb8510;  
	--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,0.125);  
	--cui-btn-disabled-color:rgba(44,56,74,0.95);  
	--cui-btn-disabled-bg:#f9b115;  
--cui-btn-disabled-border-color:#f9b115}

.btn-info{
	--cui-btn-color:#000015;  
	--cui-btn-bg:#39f;  
	--cui-btn-border-color:#39f;  
	--cui-btn-hover-color:#000015;  
	--cui-btn-hover-bg:#52a8ff;  
	--cui-btn-hover-border-color:#47a3ff;  
	--cui-btn-focus-shadow-rgb:43,130,220;  
	--cui-btn-active-color:#000015;  
	--cui-btn-active-bg:#5cadff;  
	--cui-btn-active-border-color:#47a3ff;  
	--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,0.125);  
	--cui-btn-disabled-color:#000015;  
	--cui-btn-disabled-bg:#39f;  
--cui-btn-disabled-border-color:#39f}

.btn-light{
	--cui-btn-color:rgba(44,56,74,0.95);  
	--cui-btn-bg:#ebedef;  
	--cui-btn-border-color:#ebedef;  
	--cui-btn-hover-color:rgba(44,56,74,0.95);  
	--cui-btn-hover-bg:#c8c9cb;  
	--cui-btn-hover-border-color:#bcbebf;  
	--cui-btn-focus-shadow-rgb:209,212,216;  
	--cui-btn-active-color:rgba(44,56,74,0.95);  
	--cui-btn-active-bg:#bcbebf;  
	--cui-btn-active-border-color:#b0b2b3;  
	--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,0.125);  
	--cui-btn-disabled-color:rgba(44,56,74,0.95);  
	--cui-btn-disabled-bg:#ebedef;  
--cui-btn-disabled-border-color:#ebedef}

.btn-dark{
	--cui-btn-color:rgba(255,255,255,0.87);  
	--cui-btn-bg:#4f5d73;  
	--cui-btn-border-color:#4f5d73;  
	--cui-btn-hover-color:#fff;  
	--cui-btn-hover-bg:#697588;  
	--cui-btn-hover-border-color:#616d81;  
	--cui-btn-focus-shadow-rgb:100,112,132;  
	--cui-btn-active-color:#fff;  
	--cui-btn-active-bg:#727d8f;  
	--cui-btn-active-border-color:#616d81;  
	--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,0.125);  
	--cui-btn-disabled-color:rgba(255,255,255,0.87);  
	--cui-btn-disabled-bg:#4f5d73;  
--cui-btn-disabled-border-color:#4f5d73}

.btn-outline-primary{
	--cui-btn-color:#321fdb;  
	--cui-btn-border-color:#321fdb;  
	--cui-btn-hover-color:rgba(255,255,255,0.87);  
	--cui-btn-hover-bg:#5b4ce2;  
	--cui-btn-hover-border-color:#4735df;  
	--cui-btn-focus-shadow-rgb:50,31,219;  
	--cui-btn-active-color:rgba(255,255,255,0.87);  
	--cui-btn-active-bg:#5b4ce2;  
	--cui-btn-active-border-color:#4735df;  
	--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,0.125);  
	--cui-btn-disabled-color:#321fdb;  
	--cui-btn-disabled-bg:transparent;  
--cui-gradient:none}

.btn-outline-secondary{
	--cui-btn-color:#9da5b1;  
	--cui-btn-border-color:#9da5b1;  
	--cui-btn-hover-color:rgba(44,56,74,0.95);  
	--cui-btn-hover-bg:#b1b7c1;  
	--cui-btn-hover-border-color:#a7aeb9;  
	--cui-btn-focus-shadow-rgb:157,165,177;  
	--cui-btn-active-color:rgba(44,56,74,0.95);  
	--cui-btn-active-bg:#b1b7c1;  
	--cui-btn-active-border-color:#a7aeb9;  
	--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,0.125);  
	--cui-btn-disabled-color:#9da5b1;  
	--cui-btn-disabled-bg:transparent;  
--cui-gradient:none}

.btn-outline-success{
	--cui-btn-color:#2eb85c;  
	--cui-btn-border-color:#2eb85c;  
	--cui-btn-hover-color:rgba(44,56,74,0.95);  
	--cui-btn-hover-bg:#58c67d;  
	--cui-btn-hover-border-color:#43bf6c;  
	--cui-btn-focus-shadow-rgb:46,184,92;  
	--cui-btn-active-color:rgba(44,56,74,0.95);  
	--cui-btn-active-bg:#58c67d;  
	--cui-btn-active-border-color:#43bf6c;  
	--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,0.125);  
	--cui-btn-disabled-color:#2eb85c;  
	--cui-btn-disabled-bg:transparent;  
--cui-gradient:none}

.btn-outline-danger{
	--cui-btn-color:#e55353;  
	--cui-btn-border-color:#e55353;  
	--cui-btn-hover-color:#000015;  
	--cui-btn-hover-bg:#ea7575;  
	--cui-btn-hover-border-color:#e86464;  
	--cui-btn-focus-shadow-rgb:229,83,83;  
	--cui-btn-active-color:#000015;  
	--cui-btn-active-bg:#ea7575;  
	--cui-btn-active-border-color:#e86464;  
	--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,0.125);  
	--cui-btn-disabled-color:#e55353;  
	--cui-btn-disabled-bg:transparent;  
--cui-gradient:none}

.btn-outline-warning{
	--cui-btn-color:#f9b115;  
	--cui-btn-border-color:#f9b115;  
	--cui-btn-hover-color:#000015;  
	--cui-btn-hover-bg:#c78e11;  
	--cui-btn-hover-border-color:#bb8510;  
	--cui-btn-focus-shadow-rgb:249,177,21;  
	--cui-btn-active-color:#000015;  
	--cui-btn-active-bg:#c78e11;  
	--cui-btn-active-border-color:#bb8510;  
	--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,0.125);  
	--cui-btn-disabled-color:#f9b115;  
	--cui-btn-disabled-bg:transparent;  
--cui-gradient:none}

.btn-outline-info{
	--cui-btn-color:#39f;  
	--cui-btn-border-color:#39f;  
	--cui-btn-hover-color:#000015;  
	--cui-btn-hover-bg:#5cadff;  
	--cui-btn-hover-border-color:#47a3ff;  
	--cui-btn-focus-shadow-rgb:51,153,255;  
	--cui-btn-active-color:#000015;  
	--cui-btn-active-bg:#5cadff;  
	--cui-btn-active-border-color:#47a3ff;  
	--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,0.125);  
	--cui-btn-disabled-color:#39f;  
	--cui-btn-disabled-bg:transparent;  
--cui-gradient:none}

.btn-outline-light{
	--cui-btn-color:#ebedef;  
	--cui-btn-border-color:#ebedef;  
	--cui-btn-hover-color:rgba(44,56,74,0.95);  
	--cui-btn-hover-bg:#bcbebf;  
	--cui-btn-hover-border-color:#b0b2b3;  
	--cui-btn-focus-shadow-rgb:235,237,239;  
	--cui-btn-active-color:rgba(44,56,74,0.95);  
	--cui-btn-active-bg:#bcbebf;  
	--cui-btn-active-border-color:#b0b2b3;  
	--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,0.125);  
	--cui-btn-disabled-color:#ebedef;  
	--cui-btn-disabled-bg:transparent;  
--cui-gradient:none}

.btn-outline-dark{
	--cui-btn-color:#4f5d73;  
	--cui-btn-border-color:#4f5d73;  
	--cui-btn-hover-color:#fff;  
	--cui-btn-hover-bg:#727d8f;  
	--cui-btn-hover-border-color:#616d81;  
	--cui-btn-focus-shadow-rgb:79,93,115;  
	--cui-btn-active-color:#fff;  
	--cui-btn-active-bg:#727d8f;  
	--cui-btn-active-border-color:#616d81;  
	--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,0.125);  
	--cui-btn-disabled-color:#4f5d73;  
	--cui-btn-disabled-bg:transparent;  
--cui-gradient:none}

.btn-ghost-primary{
	--cui-btn-color:#321fdb;  
	--cui-btn-hover-bg:#5141e0;  
	--cui-btn-hover-border-color:#4735df;  
	--cui-btn-hover-color:rgba(255,255,255,0.87);  
	--cui-btn-active-bg:#5b4ce2;  
	--cui-btn-active-border-color:#4735df;  
	--cui-btn-active-color:rgba(255,255,255,0.87);  
	--cui-btn-disabled-color:#321fdb;  
--cui-btn-shadow:rgba(50,31,219,0.5)}

.btn-ghost-secondary{
	--cui-btn-color:#9da5b1;  
	--cui-btn-hover-bg:#acb3bd;  
	--cui-btn-hover-border-color:#a7aeb9;  
	--cui-btn-hover-color:rgba(44,56,74,0.95);  
	--cui-btn-active-bg:#b1b7c1;  
	--cui-btn-active-border-color:#a7aeb9;  
	--cui-btn-active-color:rgba(44,56,74,0.95);  
	--cui-btn-disabled-color:#9da5b1;  
--cui-btn-shadow:rgba(157,165,177,0.5)}

.btn-ghost-success{
	--cui-btn-color:#2eb85c;  
	--cui-btn-hover-bg:#4dc374;  
	--cui-btn-hover-border-color:#43bf6c;  
	--cui-btn-hover-color:rgba(44,56,74,0.95);  
	--cui-btn-active-bg:#58c67d;  
	--cui-btn-active-border-color:#43bf6c;  
	--cui-btn-active-color:rgba(44,56,74,0.95);  
	--cui-btn-disabled-color:#2eb85c;  
--cui-btn-shadow:rgba(46,184,92,0.5)}

.btn-ghost-danger{
	--cui-btn-color:#e55353;  
	--cui-btn-hover-bg:#e96d6d;  
	--cui-btn-hover-border-color:#e86464;  
	--cui-btn-hover-color:#000015;  
	--cui-btn-active-bg:#ea7575;  
	--cui-btn-active-border-color:#e86464;  
	--cui-btn-active-color:#000015;  
	--cui-btn-disabled-color:#e55353;  
--cui-btn-shadow:rgba(229,83,83,0.5)}

.btn-ghost-warning{
	--cui-btn-color:#f9b115;  
	--cui-btn-hover-bg:#d49612;  
	--cui-btn-hover-border-color:#c78e11;  
	--cui-btn-hover-color:#000015;  
	--cui-btn-active-bg:#c78e11;  
	--cui-btn-active-border-color:#bb8510;  
	--cui-btn-active-color:#000015;  
	--cui-btn-disabled-color:#f9b115;  
--cui-btn-shadow:rgba(249,177,21,0.5)}

.btn-ghost-info{
	--cui-btn-color:#39f;  
	--cui-btn-hover-bg:#52a8ff;  
	--cui-btn-hover-border-color:#47a3ff;  
	--cui-btn-hover-color:#000015;  
	--cui-btn-active-bg:#5cadff;  
	--cui-btn-active-border-color:#47a3ff;  
	--cui-btn-active-color:#000015;  
	--cui-btn-disabled-color:#39f;  
--cui-btn-shadow:rgba(51,153,255,0.5)}

.btn-ghost-light{
	--cui-btn-color:#ebedef;  
	--cui-btn-hover-bg:#c8c9cb;  
	--cui-btn-hover-border-color:#bcbebf;  
	--cui-btn-hover-color:rgba(44,56,74,0.95);  
	--cui-btn-active-bg:#bcbebf;  
	--cui-btn-active-border-color:#b0b2b3;  
	--cui-btn-active-color:rgba(44,56,74,0.95);  
	--cui-btn-disabled-color:#ebedef;  
--cui-btn-shadow:rgba(235,237,239,0.5)}

.btn-ghost-dark{
	--cui-btn-color:#4f5d73;  
	--cui-btn-hover-bg:#697588;  
	--cui-btn-hover-border-color:#616d81;  
	--cui-btn-hover-color:#fff;  
	--cui-btn-active-bg:#727d8f;  
	--cui-btn-active-border-color:#616d81;  
	--cui-btn-active-color:#fff;  
	--cui-btn-disabled-color:#4f5d73;  
--cui-btn-shadow:rgba(79,93,115,0.5)}

.btn-link{
	--cui-btn-font-weight:400;  
	--cui-btn-color:var(
	--cui-link-color);  
	--cui-btn-bg:transparent;  
	--cui-btn-border-color:transparent;  
	--cui-btn-hover-color:var(
	--cui-link-hover-color);  
	--cui-btn-hover-border-color:transparent;  
	--cui-btn-active-border-color:transparent;  
	--cui-btn-disabled-color:#8a93a2;  
	--cui-btn-disabled-border-color:transparent;  
	--cui-btn-box-shadow:none;  
--cui-btn-focus-shadow-rgb:75,58,223;  text-decoration:underline}

.btn-link:focus-visible{color:var(
--cui-btn-color)}

.btn-lg,.btn-group-lg>.btn{
	--cui-btn-padding-y:.5rem;  
	--cui-btn-padding-x:1rem;  
	--cui-btn-font-size:1.25rem;  
--cui-btn-border-radius:.5rem}

.btn-sm,.btn-group-sm>.btn{
	--cui-btn-padding-y:.25rem;  
	--cui-btn-padding-x:.5rem;  
	--cui-btn-font-size:.875rem;  
--cui-btn-border-radius:.25rem}

.btn-loading{position:relative;  overflow:hidden}

.btn-loading-spinner{opacity:0;  transition:margin .15s,opacity .15s,border .15s}

html:not([dir="rtl"]) .btn-loading-spinner{margin-right:1rem;  margin-left:-2rem}

*[dir="rtl"] .btn-loading-spinner{margin-left:1rem;  margin-right:-2rem}



.btn-loading.is-loading .btn-loading-spinner{width:1rem;  opacity:1}

html:not([dir="rtl"]) .btn-loading.is-loading .btn-loading-spinner{margin-left:0}

*[dir="rtl"] .btn-loading.is-loading .btn-loading-spinner{margin-right:0}

.fade{transition:opacity .15s linear}



.fade:not(.show){
	/* opacity:0 */
}

.collapse:not(.show){
display:none}

.collapsing{height:0;  overflow:hidden;  transition:height .35s ease}



.collapsing.collapse-horizontal{width:0;  height:auto;  transition:width .35s ease}



.dropup,.dropend,.dropdown,.dropstart,.dropup-center,.dropdown-center{position:relative}

.dropdown-toggle{white-space:nowrap}

.dropdown-toggle::after{display:inline-block;  vertical-align:.255em;  content:"";  border-top:.3em solid;  border-right:.3em solid transparent;  border-bottom:0;  border-left:.3em solid transparent}

html:not([dir="rtl"]) .dropdown-toggle::after{margin-left:.255em}

*[dir="rtl"] .dropdown-toggle::after{margin-right:.255em}

html:not([dir="rtl"]) .dropdown-toggle:empty::after{margin-left:0}

*[dir="rtl"] .dropdown-toggle:empty::after{margin-right:0}

.dropdown-menu{
	--cui-dropdown-zindex:1000;  
	--cui-dropdown-min-width:10rem;  
	--cui-dropdown-padding-x:0;  
	--cui-dropdown-padding-y:.5rem;  
	--cui-dropdown-spacer:.125rem;  
	--cui-dropdown-font-size:1rem;  
	--cui-dropdown-color:rgba(44,56,74,0.95);  
	--cui-dropdown-bg:#fff;  
	--cui-dropdown-border-color:var(
	--cui-border-color-translucent);  
	--cui-dropdown-border-radius:.375rem;  
	--cui-dropdown-border-width:1px;  
	--cui-dropdown-inner-border-radius:calc(0.375rem - 1px);  
	--cui-dropdown-divider-bg:var(
	--cui-border-color-translucent);  
	--cui-dropdown-divider-margin-y:.5rem;  
	--cui-dropdown-box-shadow:0 .5rem 1rem rgba(0,0,21,0.15);  
	--cui-dropdown-link-color:#4f5d73;  
	--cui-dropdown-link-hover-color:#475468;  
	--cui-dropdown-link-hover-bg:#d8dbe0;  
	--cui-dropdown-link-active-color:rgba(255,255,255,0.87);  
	--cui-dropdown-link-active-bg:#321fdb;  
	--cui-dropdown-link-disabled-color:#9da5b1;  
	--cui-dropdown-item-padding-x:1rem;  
	--cui-dropdown-item-padding-y:.25rem;  
	--cui-dropdown-header-color:#8a93a2;  
	--cui-dropdown-header-padding-x:1rem;  
	--cui-dropdown-header-padding-y:.5rem;  position:absolute;  z-index:var(
	--cui-dropdown-zindex);  display:none;  min-width:var(
	--cui-dropdown-min-width);  padding:var(
	--cui-dropdown-padding-y) var(
	--cui-dropdown-padding-x);  margin:0;  font-size:var(
	--cui-dropdown-font-size);  color:var(
	--cui-dropdown-color);  text-align:left;  list-style:none;  background-color:var(
	--cui-dropdown-bg);  background-clip:padding-box;  border:var(
	--cui-dropdown-border-width) solid var(
	--cui-dropdown-border-color);  border-radius:var(
	--cui-dropdown-border-radius);  box-shadow:0 4px 5px 0 rgba(var(
	--cui-elevation-base-color,60,75,100),0.14),0 1px 10px 0 rgba(var(
	--cui-elevation-base-color,60,75,100),0.12),0 2px 4px -1px rgba(var(
--cui-elevation-base-color,60,75,100),0.2)}

.dropdown-menu:not([class*="border"]){
border:0}

.dropdown-menu[data-coreui-popper]{top:100%;  margin-top:var(
--cui-dropdown-spacer)}

html:not([dir="rtl"]) .dropdown-menu[data-coreui-popper]{left:0}

*[dir="rtl"] .dropdown-menu[data-coreui-popper]{right:0}

.dropdown-menu-start{
--cui-position:start}

.dropdown-menu-start[data-coreui-popper]{right:auto;  left:0}

.dropdown-menu-end{
--cui-position:end}

.dropdown-menu-end[data-coreui-popper]{right:0;  left:auto}

.dropup .dropdown-menu[data-coreui-popper]{top:auto;  bottom:100%;  margin-top:0;  margin-bottom:var(
--cui-dropdown-spacer)}

.dropup .dropdown-toggle::after{display:inline-block;  vertical-align:.255em;  content:"";  border-top:0;  border-right:.3em solid transparent;  border-bottom:.3em solid;  border-left:.3em solid transparent}

html:not([dir="rtl"]) .dropup .dropdown-toggle::after{margin-left:.255em}

*[dir="rtl"] .dropup .dropdown-toggle::after{margin-right:.255em}

html:not([dir="rtl"]) .dropup .dropdown-toggle:empty::after{margin-left:0}

*[dir="rtl"] .dropup .dropdown-toggle:empty::after{margin-right:0}

.dropend .dropdown-menu[data-coreui-popper]{top:0;  margin-top:0}

html:not([dir="rtl"]) .dropend .dropdown-menu[data-coreui-popper]{right:auto;  left:100%;  margin-left:var(
--cui-dropdown-spacer)}

*[dir="rtl"] .dropend .dropdown-menu[data-coreui-popper]{left:auto;  right:100%;  margin-right:var(
--cui-dropdown-spacer)}

.dropend .dropdown-toggle::after{display:inline-block;  vertical-align:.255em;  content:"";  border-top:.3em solid transparent;  border-right:0;  border-bottom:.3em solid transparent;  border-left:.3em solid;  vertical-align:0}

html:not([dir="rtl"]) .dropend .dropdown-toggle::after{margin-left:.255em}

*[dir="rtl"] .dropend .dropdown-toggle::after{margin-right:.255em}

html:not([dir="rtl"]) .dropend .dropdown-toggle:empty::after{margin-left:0}

*[dir="rtl"] .dropend .dropdown-toggle:empty::after{margin-right:0}

.dropstart .dropdown-menu[data-coreui-popper]{top:0;  margin-top:0}

html:not([dir="rtl"]) .dropstart .dropdown-menu[data-coreui-popper]{right:100%;  left:auto;  margin-right:var(
--cui-dropdown-spacer)}

*[dir="rtl"] .dropstart .dropdown-menu[data-coreui-popper]{left:100%;  right:auto;  margin-left:var(
--cui-dropdown-spacer)}

.dropstart .dropdown-toggle::after{display:inline-block;  vertical-align:.255em;  content:"";  display:none}

html:not([dir="rtl"]) .dropstart .dropdown-toggle::after{margin-left:.255em}

*[dir="rtl"] .dropstart .dropdown-toggle::after{margin-right:.255em}

.dropstart .dropdown-toggle::before{display:inline-block;  vertical-align:.255em;  content:"";  border-top:.3em solid transparent;  border-right:.3em solid;  border-bottom:.3em solid transparent;  vertical-align:0}

html:not([dir="rtl"]) .dropstart .dropdown-toggle::before{margin-right:.255em}

*[dir="rtl"] .dropstart .dropdown-toggle::before{margin-left:.255em}

html:not([dir="rtl"]) .dropstart .dropdown-toggle:empty::after{margin-left:0}

*[dir="rtl"] .dropstart .dropdown-toggle:empty::after{margin-right:0}

.dropdown-divider{height:0;  margin:var(
	--cui-dropdown-divider-margin-y) 0;  overflow:hidden;  border-top:1px solid var(
--cui-dropdown-divider-bg);  opacity:1}

.dropdown-item{display:block;  width:100%;  padding:var(
	--cui-dropdown-item-padding-y) var(
	--cui-dropdown-item-padding-x);  clear:both;  font-weight:400;  color:var(
--cui-dropdown-link-color);  text-align:inherit;  text-decoration:none;  white-space:nowrap;  background-color:transparent;  border:0}

.dropdown-item:hover,.dropdown-item:focus{color:var(
	--cui-dropdown-link-hover-color);  background-color:var(
--cui-dropdown-link-hover-bg)}

.dropdown-item.active,.dropdown-item:active{color:var(
	--cui-dropdown-link-active-color);  text-decoration:none;  background-color:var(
--cui-dropdown-link-active-bg)}

.dropdown-item.disabled,.dropdown-item:disabled{color:var(
--cui-dropdown-link-disabled-color);  pointer-events:none;  background-color:transparent}

.dropdown-menu.show{display:block}

.dropdown-header{display:block;  padding:var(
	--cui-dropdown-header-padding-y) var(
	--cui-dropdown-header-padding-x);  margin-bottom:0;  font-size:.875rem;  color:var(
--cui-dropdown-header-color);  white-space:nowrap}

.dropdown-item-text{display:block;  padding:var(
	--cui-dropdown-item-padding-y) var(
	--cui-dropdown-item-padding-x);  color:var(
--cui-dropdown-link-color)}

.dropdown-menu-dark{
	--cui-dropdown-color:#c4c9d0;  
	--cui-dropdown-bg:#636f83;  
	--cui-dropdown-border-color:var(
	--cui-border-color-translucent);  
	--cui-dropdown-box-shadow:;  
	--cui-dropdown-link-color:#c4c9d0;  
	--cui-dropdown-link-hover-color:rgba(255,255,255,0.87);  
	--cui-dropdown-divider-bg:var(
	--cui-border-color-translucent);  
	--cui-dropdown-link-hover-bg:rgba(255,255,255,0.15);  
	--cui-dropdown-link-active-color:rgba(255,255,255,0.87);  
	--cui-dropdown-link-active-bg:#321fdb;  
	--cui-dropdown-link-disabled-color:#9da5b1;  
--cui-dropdown-header-color:#9da5b1}

.btn-group,.btn-group-vertical{position:relative;  display:inline-flex;  vertical-align:middle}

.btn-group>.btn,.btn-group-vertical>.btn{position:relative;  flex:1 1 auto}

.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn:hover,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn.active{z-index:1}

.btn-toolbar{display:flex;  flex-wrap:wrap;  justify-content:flex-start}

.btn-toolbar .input-group{width:auto}

.btn-group{border-radius:.375rem}

html:not([dir="rtl"]) .btn-group>:not(.btn-check:first-child)+.btn,html:not([dir="rtl"]) .btn-group>.btn-group:not(:first-child){
margin-left:-1px}

*[dir="rtl"] .btn-group>:not(.btn-check:first-child)+.btn,*[dir="rtl"] .btn-group>.btn-group:not(:first-child){
margin-right:-1px}

html:not([dir="rtl"]) .btn-group>.btn:not(:last-child):not(.dropdown-toggle),html:not([dir="rtl"]) .btn-group>.btn.dropdown-toggle-split:first-child,html:not([dir="rtl"]) .btn-group>.btn-group:not(:last-child)>.btn{border-top-right-radius:0;  border-bottom-right-radius:0}

*[dir="rtl"] .btn-group>.btn:not(:last-child):not(.dropdown-toggle),*[dir="rtl"] .btn-group>.btn.dropdown-toggle-split:first-child,*[dir="rtl"] .btn-group>.btn-group:not(:last-child)>.btn{border-top-left-radius:0;  border-bottom-left-radius:0}

html:not([dir="rtl"]) .btn-group>.btn:nth-child(n+3),html:not([dir="rtl"]) .btn-group>:not(.btn-check)+.btn,html:not([dir="rtl"]) .btn-group>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;  border-bottom-left-radius:0}

*[dir="rtl"] .btn-group>.btn:nth-child(n+3),*[dir="rtl"] .btn-group>:not(.btn-check)+.btn,*[dir="rtl"] .btn-group>.btn-group:not(:first-child)>.btn{border-top-right-radius:0;  border-bottom-right-radius:0}

.dropdown-toggle-split{padding-right:.5625rem;  padding-left:.5625rem}

html:not([dir="rtl"]) .dropdown-toggle-split::after,html:not([dir="rtl"]) .dropup .dropdown-toggle-split::after,html:not([dir="rtl"]) .dropend .dropdown-toggle-split::after{margin-left:0}

*[dir="rtl"] .dropdown-toggle-split::after,*[dir="rtl"] .dropup .dropdown-toggle-split::after,*[dir="rtl"] .dropend .dropdown-toggle-split::after{margin-right:0}

html:not([dir="rtl"]) .dropstart .dropdown-toggle-split::before{margin-right:0}

*[dir="rtl"] .dropstart .dropdown-toggle-split::before{margin-left:0}

.btn-sm+.dropdown-toggle-split,.btn-group-sm>.btn+.dropdown-toggle-split{padding-right:.375rem;  padding-left:.375rem}

.btn-lg+.dropdown-toggle-split,.btn-group-lg>.btn+.dropdown-toggle-split{padding-right:.75rem;  padding-left:.75rem}

.btn-group-vertical{flex-direction:column;  align-items:flex-start;  justify-content:center}

.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}

.btn-group-vertical>.btn:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child){
margin-top:-1px}

.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),.btn-group-vertical>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;  border-bottom-left-radius:0}

.btn-group-vertical>.btn ~ .btn,.btn-group-vertical>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;  border-top-right-radius:0}

.nav{
	--cui-nav-link-padding-x:1rem;  
	--cui-nav-link-padding-y:.5rem;  
	--cui-nav-link-font-weight:;  
	--cui-nav-link-color:var(
	--cui-link-color);  
	--cui-nav-link-hover-color:var(
	--cui-link-hover-color);  
	--cui-nav-link-disabled-color:#8a93a2;  display:flex;  flex-wrap:wrap;  margin-bottom:0;  list-style:none;
}
html:not([dir="rtl"]) .nav{padding-left:0}

*[dir="rtl"] .nav{padding-right:0}

.nav-link{display:block;  padding:var(
	--cui-nav-link-padding-y) var(
	--cui-nav-link-padding-x);  font-size:var(
	--cui-nav-link-font-size);  font-weight:var(
	--cui-nav-link-font-weight);  color:var(
--cui-nav-link-color);  text-decoration:none;  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}



.nav-link:hover,.nav-link:focus{color:var(
--cui-nav-link-hover-color)}

.nav-link.disabled{color:var(
--cui-nav-link-disabled-color);  pointer-events:none;  cursor:default}

.nav-tabs{
	--cui-nav-tabs-border-width:1px;  
	--cui-nav-tabs-border-color:#c4c9d0;  
	--cui-nav-tabs-border-radius:.375rem;  
	--cui-nav-tabs-link-hover-border-color:#d8dbe0 #d8dbe0 #c4c9d0;  
	--cui-nav-tabs-link-active-color:#768192;  
	--cui-nav-tabs-link-active-bg:#fff;  
	--cui-nav-tabs-link-active-border-color:#c4c9d0 #c4c9d0 #fff;  border-bottom:var(
	--cui-nav-tabs-border-width) solid var(
--cui-nav-tabs-border-color)}

.nav-tabs .nav-link{margin-bottom:calc(-1 * var(
	--cui-nav-tabs-border-width));  background:0;  border:var(
	--cui-nav-tabs-border-width) solid transparent;  border-top-left-radius:var(
	--cui-nav-tabs-border-radius);  border-top-right-radius:var(
--cui-nav-tabs-border-radius)}

.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus{isolation:isolate;  border-color:var(
--cui-nav-tabs-link-hover-border-color)}

.nav-tabs .nav-link.disabled,.nav-tabs .nav-link:disabled{color:var(
--cui-nav-link-disabled-color);  background-color:transparent;  border-color:transparent}

.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{color:var(
	--cui-nav-tabs-link-active-color);  background-color:var(
	--cui-nav-tabs-link-active-bg);  border-color:var(
--cui-nav-tabs-link-active-border-color)}

.nav-tabs .dropdown-menu{margin-top:calc(-1 * var(
--cui-nav-tabs-border-width));  border-top-left-radius:0;  border-top-right-radius:0}

.nav-pills{
	--cui-nav-pills-border-radius:.375rem;  
	--cui-nav-pills-link-active-color:rgba(255,255,255,0.87);  
--cui-nav-pills-link-active-bg:rgba(77,84,96)}

.nav-pills .nav-link{background:0;  border:0;  border-radius:var(
--cui-nav-pills-border-radius)}

.nav-pills .nav-link:disabled{color:var(
--cui-nav-link-disabled-color);  background-color:transparent;  border-color:transparent}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(
	--cui-nav-pills-link-active-color);  background:var(
--cui-nav-pills-link-active-bg);  border-radius:.5rem .5rem 0 0}

.nav-underline{border-bottom:2px solid var(
--cui-nav-underline-border-color,#c4c9d0)}

.nav-underline .nav-item{margin-bottom:-2px}

.nav-underline .nav-link{color:var(
--cui-nav-underline-link-color,#768192);  border-bottom:2px solid transparent}

.nav-underline .nav-link:hover,.nav-underline .nav-link:focus{border-color:var(
--cui-header-nav-link-color)}

.nav-underline .nav-link.active,.nav-underline .show>.nav-link{color:var(
	--cui-header-nav-link-color);  background:transparent;  border-color:var(
--cui-header-nav-link-color)}

.nav-fill>.nav-link,.nav-fill .nav-item{flex:1 1 auto;  text-align:center}

.nav-justified>.nav-link,.nav-justified .nav-item{flex-basis:0;  flex-grow:1;  text-align:center}

.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}

.tab-content>.tab-pane{display:none}

.tab-content>.active{display:block}

.navbar{
	--cui-navbar-padding-x:0;  
	--cui-navbar-padding-y:.5rem;  
	--cui-navbar-color:rgba(44,56,74,0.681);  
	--cui-navbar-hover-color:rgba(44,56,74,0.95);  
	--cui-navbar-disabled-color:rgba(44,56,74,0.38);  
	--cui-navbar-active-color:rgba(44,56,74,0.95);  
	--cui-navbar-brand-padding-y:.3125rem;  
	--cui-navbar-brand-margin-end:1rem;  
	--cui-navbar-brand-font-size:1.25rem;  
	--cui-navbar-brand-color:rgba(44,56,74,0.95);  
	--cui-navbar-brand-hover-color:rgba(44,56,74,0.95);  
	--cui-navbar-nav-link-padding-x:.5rem;  
	--cui-navbar-toggler-padding-y:.25rem;  
	--cui-navbar-toggler-padding-x:.75rem;  
	--cui-navbar-toggler-font-size:1.25rem;  
	--cui-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2844, 56, 74, 0.681%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");  
	--cui-navbar-toggler-border-color:rgba(0,0,21,0.1);  
	--cui-navbar-toggler-border-radius:.375rem;  
	--cui-navbar-toggler-focus-width:.25rem;  
	--cui-navbar-toggler-transition:box-shadow .15s ease-in-out;  position:relative;  display:flex;  flex-wrap:wrap;  align-items:center;  justify-content:space-between;  padding:var(
	--cui-navbar-padding-y) var(
--cui-navbar-padding-x)}

.navbar .header>.container,.navbar .header>.container-fluid,.navbar .header>.container-sm,.navbar .header>.container-md,.navbar .header>.container-lg,.navbar .header>.container-xl,.navbar .header>.container-xxl,.navbar>.container,.navbar>.container-fluid,.navbar>.container-sm,.navbar>.container-md,.navbar>.container-lg,.navbar>.container-xl,.navbar>.container-xxl{display:flex;  flex-wrap:inherit;  align-items:center;  justify-content:space-between}

.navbar-brand{padding-top:var(
	--cui-navbar-brand-padding-y);  padding-bottom:var(
	--cui-navbar-brand-padding-y);  font-size:var(
	--cui-navbar-brand-font-size);  color:var(
--cui-navbar-brand-color);  text-decoration:none;  white-space:nowrap}

html:not([dir="rtl"]) .navbar-brand{margin-right:var(
--cui-navbar-brand-margin-end)}

*[dir="rtl"] .navbar-brand{margin-left:var(
--cui-navbar-brand-margin-end)}

.navbar-brand:hover,.navbar-brand:focus{color:var(
--cui-navbar-brand-hover-color)}

.navbar-nav{
	--cui-nav-link-padding-x:0;  
	--cui-nav-link-padding-y:.5rem;  
	--cui-nav-link-color:var(
	--cui-navbar-color);  
	--cui-nav-link-hover-color:var(
	--cui-navbar-hover-color);  
	--cui-nav-link-disabled-color:var(
--cui-navbar-disabled-color);  display:flex;  flex-direction:column;  margin-bottom:0;  list-style:none}

html:not([dir="rtl"]) .navbar-nav{padding-left:0}

*[dir="rtl"] .navbar-nav{padding-right:0}

.navbar-nav .show>.nav-link,.navbar-nav .nav-link.active{color:var(
--cui-navbar-active-color)}

.navbar-nav .dropdown-menu{position:static}

.navbar-text{padding-top:.5rem;  padding-bottom:.5rem;  color:var(
--cui-navbar-color)}

.navbar-text a,.navbar-text a:hover,.navbar-text a:focus{color:var(
--cui-navbar-active-color)}

.navbar-collapse{flex-basis:100%;  flex-grow:1;  align-items:center}

.navbar-toggler{padding:var(
	--cui-navbar-toggler-padding-y) var(
	--cui-navbar-toggler-padding-x);  font-size:var(
	--cui-navbar-toggler-font-size);  line-height:1;  color:var(
	--cui-navbar-color);  background-color:transparent;  border:var(
	--cui-border-width) solid var(
	--cui-navbar-toggler-border-color);  border-radius:var(
	--cui-navbar-toggler-border-radius);  transition:var(
--cui-navbar-toggler-transition)}



.navbar-toggler:hover{text-decoration:none}

.navbar-toggler:focus{text-decoration:none;  outline:0;  box-shadow:0 0 0 var(
--cui-navbar-toggler-focus-width)}

.navbar-toggler-icon{display:inline-block;  width:1.5em;  height:1.5em;  vertical-align:middle;  background-image:var(
--cui-navbar-toggler-icon-bg);  background-repeat:no-repeat;  background-position:center;  background-size:100%}

.navbar-nav-scroll{max-height:var(
--cui-scroll-height,75vh);  overflow-y:auto}



.navbar-expand{flex-wrap:nowrap;  justify-content:flex-start}

.navbar-expand .navbar-nav{flex-direction:row}

.navbar-expand .navbar-nav .dropdown-menu{position:absolute}

.navbar-expand .navbar-nav .nav-link{padding-right:var(
	--cui-navbar-nav-link-padding-x);  padding-left:var(
--cui-navbar-nav-link-padding-x)}

.navbar-expand .navbar-nav-scroll{overflow:visible}

.navbar-expand .navbar-collapse{display:flex !important;  flex-basis:auto}

.navbar-expand .navbar-toggler{display:none}

.navbar-expand .offcanvas{position:static;  z-index:auto;  flex-grow:1;  width:auto !important;  height:auto !important;  visibility:visible !important;  background-color:transparent !important;  border:0 !important;  transform:none !important;  transition:none}

.navbar-expand .offcanvas .offcanvas-header{display:none}

.navbar-expand .offcanvas .offcanvas-body{display:flex;  flex-grow:0;  padding:0;  overflow-y:visible}

.navbar-dark{
	--cui-navbar-color:rgba(255,255,255,0.6);  
	--cui-navbar-hover-color:rgba(255,255,255,0.87);  
	--cui-navbar-disabled-color:rgba(255,255,255,0.38);  
	--cui-navbar-active-color:rgba(255,255,255,0.87);  
	--cui-navbar-brand-color:rgba(255,255,255,0.87);  
	--cui-navbar-brand-hover-color:rgba(255,255,255,0.87);  
	--cui-navbar-toggler-border-color:rgba(255,255,255,0.1);  
--cui-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.6%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}

.card{
	--cui-card-spacer-y:1rem;  
	--cui-card-spacer-x:1rem;  
	--cui-card-title-spacer-y:.5rem;  
	--cui-card-border-width:1px;  
	--cui-card-border-color:var(
	--cui-border-color-translucent);  
	--cui-card-border-radius:.375rem;  
	--cui-card-box-shadow:;  
	--cui-card-inner-border-radius:calc(0.375rem - 1px);  
	--cui-card-cap-padding-y:.5rem;  
	--cui-card-cap-padding-x:1rem;  
	--cui-card-cap-bg:rgba(0,0,21,0.03);  
	--cui-card-cap-color:unset;  
	--cui-card-height:;  
	--cui-card-color:unset;  
	--cui-card-bg:#fff;  
	--cui-card-img-overlay-padding:1rem;  
	--cui-card-group-margin:.75rem;  position:relative;  display:flex;  flex-direction:column;  min-width:0;  height:var(
	--cui-card-height);  word-wrap:break-word;  background-color:var(
	--cui-card-bg);  background-clip:border-box;  border:var(
	--cui-card-border-width) solid var(
	--cui-card-border-color);  border-radius:var(
	--cui-card-border-radius);  box-shadow:0 1px 1px 0 rgba(var(
	--cui-elevation-base-color,60,75,100),0.14),0 2px 1px -1px rgba(var(
	--cui-elevation-base-color,60,75,100),0.12),0 1px 3px 0 rgba(var(
--cui-elevation-base-color,60,75,100),0.2)}

.card:not([class*="border"]){
border:0}

.card>hr{margin-right:0;  margin-left:0}

.card>.list-group{border-top:inherit;  border-bottom:inherit}

.card>.list-group:first-child{border-top-width:0;  border-top-left-radius:var(
	--cui-card-inner-border-radius);  border-top-right-radius:var(
--cui-card-inner-border-radius)}

.card>.list-group:last-child{border-bottom-width:0;  border-bottom-right-radius:var(
	--cui-card-inner-border-radius);  border-bottom-left-radius:var(
--cui-card-inner-border-radius)}

.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}

.card-body{flex:1 1 auto;  padding:var(
	--cui-card-spacer-y) var(
	--cui-card-spacer-x);  color:var(
--cui-card-color)}

.card-title{margin-bottom:var(
--cui-card-title-spacer-y)}

.card-subtitle{margin-top:calc(-0.5 * var(
--cui-card-title-spacer-y));  margin-bottom:0}

.card-text:last-child{margin-bottom:0}

html:not([dir="rtl"]) .card-link+.card-link{margin-left:var(
--cui-card-spacer-x)}

*[dir="rtl"] .card-link+.card-link{margin-right:var(
--cui-card-spacer-x)}

.card-header{padding:var(
	--cui-card-cap-padding-y) var(
	--cui-card-cap-padding-x);  margin-bottom:0;  color:var(
	--cui-card-cap-color);  background-color:var(
	--cui-card-cap-bg);  border-bottom:var(
	--cui-card-border-width) solid var(
--cui-card-border-color)}

.card-header:first-child{border-radius:var(
	--cui-card-inner-border-radius) var(
--cui-card-inner-border-radius) 0 0}

.card-footer{padding:var(
	--cui-card-cap-padding-y) var(
	--cui-card-cap-padding-x);  color:var(
	--cui-card-cap-color);  background-color:var(
	--cui-card-cap-bg);  border-top:var(
	--cui-card-border-width) solid var(
--cui-card-border-color)}

.card-footer:last-child{border-radius:0 0 var(
	--cui-card-inner-border-radius) var(
--cui-card-inner-border-radius)}

.card-header-tabs{margin-right:calc(-0.5 * var(
	--cui-card-cap-padding-x));  margin-bottom:calc(-1 * var(
	--cui-card-cap-padding-y));  margin-left:calc(-0.5 * var(
--cui-card-cap-padding-x));  border-bottom:0}

.card-header-tabs .nav-link.active{background-color:var(
	--cui-card-bg);  border-bottom-color:var(
--cui-card-bg)}

.card-header-pills{margin-right:calc(-0.5 * var(
	--cui-card-cap-padding-x));  margin-left:calc(-0.5 * var(
--cui-card-cap-padding-x))}

.card-img-overlay{position:absolute;  top:0;  right:0;  bottom:0;  left:0;  padding:var(
	--cui-card-img-overlay-padding);  border-radius:var(
--cui-card-inner-border-radius)}

.card-img,.card-img-top,.card-img-bottom{width:100%}

.card-img,.card-img-top{border-top-left-radius:var(
	--cui-card-inner-border-radius);  border-top-right-radius:var(
--cui-card-inner-border-radius)}

.card-img,.card-img-bottom{border-bottom-right-radius:var(
	--cui-card-inner-border-radius);  border-bottom-left-radius:var(
--cui-card-inner-border-radius)}

.card-group>.card{margin-bottom:var(
--cui-card-group-margin)}


.accordion{
	--cui-accordion-color:rgba(44,56,74,0.95);  
	--cui-accordion-bg:#fff;  
	--cui-accordion-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;  
	--cui-accordion-border-color:var(
	--cui-border-color);  
	--cui-accordion-border-width:1px;  
	--cui-accordion-border-radius:.375rem;  
	--cui-accordion-inner-border-radius:calc(0.375rem - 1px);  
	--cui-accordion-btn-padding-x:1.25rem;  
	--cui-accordion-btn-padding-y:1rem;  
	--cui-accordion-btn-color:rgba(44,56,74,0.95);  
	--cui-accordion-btn-color:rgba(44,56,74,0.95);  
	--cui-accordion-btn-bg:var(
	--cui-accordion-bg);  
	--cui-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba%2844, 56, 74, 0.95%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");  
	--cui-accordion-btn-icon-width:1.25rem;  
	--cui-accordion-btn-icon-transform:rotate(-180deg);  
	--cui-accordion-btn-icon-transition:transform .2s ease-in-out;  
	--cui-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232d1cc5'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");  
	--cui-accordion-btn-focus-border-color:#998fed;  
	--cui-accordion-btn-focus-box-shadow:0 0 0 .25rem rgba(50,31,219,0.25);  
	--cui-accordion-body-padding-x:1.25rem;  
	--cui-accordion-body-padding-y:1rem;  
	--cui-accordion-active-color:#2d1cc5;  
--cui-accordion-active-bg:#ebe9fb}

.accordion-button{position:relative;  display:flex;  align-items:center;  width:100%;  padding:var(
	--cui-accordion-btn-padding-y) var(
	--cui-accordion-btn-padding-x);  font-size:1rem;  color:var(
	--cui-accordion-btn-color);  text-align:left;  background-color:var(
	--cui-accordion-btn-bg);  border:0;  border-radius:0;  overflow-anchor:none;  transition:var(
--cui-accordion-transition)}



.accordion-button:not(.collapsed){
	color:var(
	--cui-accordion-active-color);  background-color:var(
	--cui-accordion-active-bg);  box-shadow:inset 0 calc(-1 * var(
	--cui-accordion-border-width)) 0 var(
--cui-accordion-border-color)}

.accordion-button:not(.collapsed)::after{background-image:var(
	--cui-accordion-btn-active-icon);  transform:var(
--cui-accordion-btn-icon-transform)}

.accordion-button::after{flex-shrink:0;  width:var(
	--cui-accordion-btn-icon-width);  height:var(
	--cui-accordion-btn-icon-width);  margin-left:auto;  content:"";  background-image:var(
	--cui-accordion-btn-icon);  background-repeat:no-repeat;  background-size:var(
	--cui-accordion-btn-icon-width);  transition:var(
--cui-accordion-btn-icon-transition)}


.accordion-button:hover{z-index:2}

.accordion-button:focus{z-index:3;  border-color:var(
	--cui-accordion-btn-focus-border-color);  outline:0;  box-shadow:var(
--cui-accordion-btn-focus-box-shadow)}

.accordion-header{margin-bottom:0}

.accordion-item{color:var(
	--cui-accordion-color);  background-color:var(
	--cui-accordion-bg);  border:var(
	--cui-accordion-border-width) solid var(
--cui-accordion-border-color)}

.accordion-item:first-of-type{border-top-left-radius:var(
	--cui-accordion-border-radius);  border-top-right-radius:var(
--cui-accordion-border-radius)}

.accordion-item:first-of-type .accordion-button{border-top-left-radius:var(
	--cui-accordion-inner-border-radius);  border-top-right-radius:var(
--cui-accordion-inner-border-radius)}

.accordion-item:not(:first-of-type){
border-top:0}

.accordion-item:last-of-type{border-bottom-right-radius:var(
	--cui-accordion-border-radius);  border-bottom-left-radius:var(
--cui-accordion-border-radius)}

.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:var(
	--cui-accordion-inner-border-radius);  border-bottom-left-radius:var(
--cui-accordion-inner-border-radius)}

.accordion-item:last-of-type .accordion-collapse{border-bottom-right-radius:var(
	--cui-accordion-border-radius);  border-bottom-left-radius:var(
--cui-accordion-border-radius)}

.accordion-body{padding:var(
	--cui-accordion-body-padding-y) var(
--cui-accordion-body-padding-x)}

.accordion-flush .accordion-collapse{border-width:0}

.accordion-flush .accordion-item{border-right:0;  border-left:0;  border-radius:0}

.accordion-flush .accordion-item:first-child{border-top:0}

.accordion-flush .accordion-item:last-child{border-bottom:0}

.accordion-flush .accordion-item .accordion-button,.accordion-flush .accordion-item .accordion-button.collapsed{border-radius:0}

.breadcrumb{
	--cui-breadcrumb-padding-x:0;  
	--cui-breadcrumb-padding-y:0;  
	--cui-breadcrumb-margin-bottom:1rem;  
	--cui-breadcrumb-bg:unset;  
	--cui-breadcrumb-border-radius:;  
	--cui-breadcrumb-divider-color:#8a93a2;  
	--cui-breadcrumb-item-padding-x:.5rem;  
	--cui-breadcrumb-item-active-color:#8a93a2;  display:flex;  flex-wrap:wrap;  padding:var(
	--cui-breadcrumb-padding-y) var(
	--cui-breadcrumb-padding-x);  margin-bottom:var(
	--cui-breadcrumb-margin-bottom);  font-size:var(
	--cui-breadcrumb-font-size);  list-style:none;  background-color:var(
	--cui-breadcrumb-bg);  border-radius:var(
--cui-breadcrumb-border-radius)}

html:not([dir="rtl"]) .breadcrumb-item+.breadcrumb-item{padding-left:var(
--cui-breadcrumb-item-padding-x)}

*[dir="rtl"] .breadcrumb-item+.breadcrumb-item{padding-right:var(
--cui-breadcrumb-item-padding-x)}

.breadcrumb-item+.breadcrumb-item::before{color:var(
--cui-breadcrumb-divider-color)}

html:not([dir="rtl"]) .breadcrumb-item+.breadcrumb-item::before{float:left;  padding-right:var(
	--cui-breadcrumb-item-padding-x);  content:var(
--cui-breadcrumb-divider,"/")}

*[dir="rtl"] .breadcrumb-item+.breadcrumb-item::before{float:right;  padding-left:var(
	--cui-breadcrumb-item-padding-x);  content:var(
--cui-breadcrumb-divider-flipped,"/")}

.breadcrumb-item.active{color:var(
--cui-breadcrumb-item-active-color)}

.pagination{
	--cui-pagination-padding-x:.75rem;  
	--cui-pagination-padding-y:.375rem;  
	--cui-pagination-font-size:1rem;  
	--cui-pagination-color:var(
	--cui-link-color);  
	--cui-pagination-bg:#fff;  
	--cui-pagination-border-width:1px;  
	--cui-pagination-border-color:#c4c9d0;  
	--cui-pagination-border-radius:.375rem;  
	--cui-pagination-hover-color:var(
	--cui-link-hover-color);  
	--cui-pagination-hover-bg:#d8dbe0;  
	--cui-pagination-hover-border-color:#c4c9d0;  
	--cui-pagination-focus-color:var(
	--cui-link-hover-color);  
	--cui-pagination-focus-bg:#d8dbe0;  
	--cui-pagination-focus-box-shadow:0 0 0 .25rem rgba(50,31,219,0.25);  
	--cui-pagination-active-color:rgba(255,255,255,0.87);  
	--cui-pagination-active-bg:#321fdb;  
	--cui-pagination-active-border-color:#321fdb;  
	--cui-pagination-disabled-color:#8a93a2;  
	--cui-pagination-disabled-bg:#fff;  
--cui-pagination-disabled-border-color:#c4c9d0;  display:flex;  list-style:none}

html:not([dir="rtl"]) .pagination{padding-left:0}

*[dir="rtl"] .pagination{padding-right:0}

.page-link{position:relative;  display:block;  padding:var(
	--cui-pagination-padding-y) var(
	--cui-pagination-padding-x);  font-size:var(
	--cui-pagination-font-size);  color:var(
	--cui-pagination-color);  text-decoration:none;  background-color:var(
	--cui-pagination-bg);  border:var(
	--cui-pagination-border-width) solid var(
--cui-pagination-border-color);  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}



.page-link:hover{z-index:2;  color:var(
	--cui-pagination-hover-color);  background-color:var(
	--cui-pagination-hover-bg);  border-color:var(
--cui-pagination-hover-border-color)}

.page-link:focus{z-index:3;  color:var(
	--cui-pagination-focus-color);  background-color:var(
	--cui-pagination-focus-bg);  outline:0;  box-shadow:var(
--cui-pagination-focus-box-shadow)}

.page-link.active,.active>.page-link{z-index:3;  color:var(
	--cui-pagination-active-color);  background-color:var(
	--cui-pagination-active-bg);  border-color:var(
--cui-pagination-active-border-color)}

.page-link.disabled,.disabled>.page-link{color:var(
	--cui-pagination-disabled-color);  pointer-events:none;  background-color:var(
	--cui-pagination-disabled-bg);  border-color:var(
--cui-pagination-disabled-border-color)}

html:not([dir="rtl"]) .page-item:not(:first-child) .page-link{margin-left:-1px}

*[dir="rtl"] .page-item:not(:first-child) .page-link{margin-right:-1px}

html:not([dir="rtl"]) .page-item:first-child .page-link{border-top-left-radius:var(
	--cui-pagination-border-radius);  border-bottom-left-radius:var(
--cui-pagination-border-radius)}

*[dir="rtl"] .page-item:first-child .page-link{border-top-right-radius:var(
	--cui-pagination-border-radius);  border-bottom-right-radius:var(
--cui-pagination-border-radius)}

html:not([dir="rtl"]) .page-item:last-child .page-link{border-top-right-radius:var(
	--cui-pagination-border-radius);  border-bottom-right-radius:var(
--cui-pagination-border-radius)}

*[dir="rtl"] .page-item:last-child .page-link{border-top-left-radius:var(
	--cui-pagination-border-radius);  border-bottom-left-radius:var(
--cui-pagination-border-radius)}

.pagination-lg{
	--cui-pagination-padding-x:1.5rem;  
	--cui-pagination-padding-y:.75rem;  
	--cui-pagination-font-size:1.25rem;  
--cui-pagination-border-radius:.5rem}

.pagination-sm{
	--cui-pagination-padding-x:.5rem;  
	--cui-pagination-padding-y:.25rem;  
	--cui-pagination-font-size:.875rem;  
--cui-pagination-border-radius:.25rem}

.badge{
    --cui-badge-padding-x: 0;
    --cui-badge-padding-y: 1px;
    --cui-badge-font-size: 0.9em;
    --cui-badge-font-weight: 700;
    --cui-badge-color: rgba(255,255,255,0.87);
    --cui-badge-border-radius: .375rem;
    display: inline-block;
    padding: var(--cui-badge-padding-y) var(--cui-badge-padding-x);
    font-size: var(--cui-badge-font-size);
    font-weight: var(--cui-badge-font-weight);
    line-height: 1;
    color: var(--cui-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--cui-badge-border-radius,0);
    height: 19px;
    line-height: 19px;
width: 25px;}
.dropdown-menu .dropdown-item .icon:not(.icon-c-s):not(.icon-custom-size).icon-xl  { margin: 0 0 3px;}
.badge:empty{display:none}

.btn .badge{position:relative;  top:-1px}

.badge-sm{padding:.3em .5em;  font-size:.65em}

.alert{
	--cui-alert-bg:transparent;  
	--cui-alert-padding-x:1rem;  
	--cui-alert-padding-y:1rem;  
	--cui-alert-margin-bottom:1rem;  
	--cui-alert-color:inherit;  
	--cui-alert-border-color:transparent;  
	--cui-alert-border:1px solid var(
	--cui-alert-border-color);  
	--cui-alert-border-radius:.375rem;  position:relative;  padding:var(
	--cui-alert-padding-y) var(
	--cui-alert-padding-x);  margin-bottom:var(
	--cui-alert-margin-bottom);  color:var(
	--cui-alert-color);  background-color:var(
	--cui-alert-bg);  border:var(
	--cui-alert-border);  border-radius:var(
--cui-alert-border-radius)}

.alert-heading{color:inherit}

.alert-link{font-weight:700;  color:var(
--cui-alert-link-color)}

html:not([dir="rtl"]) .alert-dismissible{padding-right:3rem}

*[dir="rtl"] .alert-dismissible{padding-left:3rem}

.alert-dismissible .btn-close{position:absolute;  top:0;  z-index:2;  padding:1.25rem 1rem}

html:not([dir="rtl"]) .alert-dismissible .btn-close{right:0}

*[dir="rtl"] .alert-dismissible .btn-close{left:0}

.alert-primary{
	--cui-alert-color:#1e1383;  
	--cui-alert-bg:#d6d2f8;  
--cui-alert-border-color:#c2bcf4}

.alert-primary .alert-link{color:#180f69}

.alert-secondary{
	--cui-alert-color:#5e636a;  
	--cui-alert-bg:#ebedef;  
--cui-alert-border-color:#e2e4e8}

.alert-secondary .alert-link{color:#4b4f55}

.alert-success{
	--cui-alert-color:#1c6e37;  
	--cui-alert-bg:#d5f1de;  
--cui-alert-border-color:#c0eace}

.alert-success .alert-link{color:#16582c}

.alert-info{
	--cui-alert-color:#1f5c99;  
	--cui-alert-bg:#d6ebff;  
--cui-alert-border-color:#c2e0ff}

.alert-info .alert-link{color:#194a7a}

.alert-warning{
	--cui-alert-color:rgba(131,107,52,0.97);  
	--cui-alert-bg:#feefd0;  
--cui-alert-border-color:#fde8b9}

.alert-warning .alert-link{color:rgba(104,85,41,0.976)}

.alert-danger{
	--cui-alert-color:#893232;  
	--cui-alert-bg:#fadddd;  
--cui-alert-border-color:#f7cbcb}

.alert-danger .alert-link{color:#6e2828}

.alert-light{
	--cui-alert-color:rgba(125,133,144,0.97);  
	--cui-alert-bg:#fbfbfc;  
--cui-alert-border-color:#f9fafa}

.alert-light .alert-link{color:rgba(99,105,114,0.976)}

.alert-dark{
	--cui-alert-color:#2f3845;  
	--cui-alert-bg:#dcdfe3;  
--cui-alert-border-color:#caced5}

.alert-dark .alert-link{color:#262d37}

@keyframes progress-bar-stripes{0%{background-position-x:1rem}
	
}

.progress{
	--cui-progress-height:1rem;  
	--cui-progress-font-size:.75rem;  
	--cui-progress-bg:#d8dbe0;  
	--cui-progress-border-radius:.375rem;  
	--cui-progress-box-shadow:inset 0 1px 2px rgba(0,0,21,0.075);  
	--cui-progress-bar-color:rgba(255,255,255,0.87);  
	--cui-progress-bar-bg:#321fdb;  
	--cui-progress-bar-transition:width .6s ease;  display:flex;  height:var(
	--cui-progress-height);  overflow:hidden;  font-size:var(
	--cui-progress-font-size);  background-color:var(
	--cui-progress-bg);  border-radius:var(
--cui-progress-border-radius)}

.progress-bar{display:flex;  flex-direction:column;  justify-content:center;  overflow:hidden;  color:var(
	--cui-progress-bar-color);  text-align:center;  white-space:nowrap;  background-color:var(
	--cui-progress-bar-bg);  transition:var(
--cui-progress-bar-transition)}



.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);  background-size:var(
	--cui-progress-height) var(
--cui-progress-height)}

.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}


.progress-thin{height:4px}

.progress.progress-white{background-color:rgba(255,255,255,0.2)}

.progress.progress-white .progress-bar{background-color:#fff}

.progress-group{display:flex;  flex-flow:row wrap;  margin-bottom:1rem}

.progress-group-prepend{flex:0 0 100px;  align-self:center}

.progress-group-header{display:flex;  flex-basis:100%;  align-items:center;  margin-bottom:.25rem}

.progress-group-bars{flex-grow:1;  align-self:center}

.progress-group-bars .progress:not(:last-child){
margin-bottom:2px}

.progress-group-header+.progress-group-bars{flex-basis:100%}

.list-group{
	--cui-list-group-color:unset;  
	--cui-list-group-bg:#fff;  
	--cui-list-group-border-color:rgba(0,0,21,0.125);  
	--cui-list-group-border-width:1px;  
	--cui-list-group-border-radius:.375rem;  
	--cui-list-group-item-padding-x:1rem;  
	--cui-list-group-item-padding-y:.5rem;  
	--cui-list-group-action-color:#768192;  
	--cui-list-group-action-hover-color:#768192;  
	--cui-list-group-action-hover-bg:#ebedef;  
	--cui-list-group-action-active-color:rgba(44,56,74,0.95);  
	--cui-list-group-action-active-bg:#d8dbe0;  
	--cui-list-group-disabled-color:#8a93a2;  
	--cui-list-group-disabled-bg:#fff;  
	--cui-list-group-active-color:rgba(255,255,255,0.87);  
	--cui-list-group-active-bg:#321fdb;  
	--cui-list-group-active-border-color:#321fdb;  display:flex;  flex-direction:column;  margin-bottom:0;  border-radius:var(
--cui-list-group-border-radius)}

html:not([dir="rtl"]) .list-group{padding-left:0}

*[dir="rtl"] .list-group{padding-right:0}

.list-group-numbered{list-style-type:none;  counter-reset:section}

.list-group-numbered>.list-group-item::before{content:counters(section,".") ". ";  counter-increment:section}

.list-group-item-action{width:100%;  color:var(
--cui-list-group-action-color);  text-align:inherit}

.list-group-item-action:hover,.list-group-item-action:focus{z-index:1;  color:var(
	--cui-list-group-action-hover-color);  text-decoration:none;  background-color:var(
--cui-list-group-action-hover-bg)}

.list-group-item-action:active{color:var(
	--cui-list-group-action-active-color);  background-color:var(
--cui-list-group-action-active-bg)}

.list-group-item{position:relative;  display:block;  padding:var(
	--cui-list-group-item-padding-y) var(
	--cui-list-group-item-padding-x);  color:var(
	--cui-list-group-color);  text-decoration:none;  background-color:var(
	--cui-list-group-bg);  border:var(
	--cui-list-group-border-width) solid var(
--cui-list-group-border-color)}

.list-group-item:first-child{border-top-left-radius:inherit;  border-top-right-radius:inherit}

.list-group-item:last-child{border-bottom-right-radius:inherit;  border-bottom-left-radius:inherit}

.list-group-item.disabled,.list-group-item:disabled{color:var(
	--cui-list-group-disabled-color);  pointer-events:none;  background-color:var(
--cui-list-group-disabled-bg)}

.list-group-item.active{z-index:2;  color:var(
	--cui-list-group-active-color);  background-color:var(
	--cui-list-group-active-bg);  border-color:var(
--cui-list-group-active-border-color)}

.list-group-item+.list-group-item{border-top-width:0}

.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(
	--cui-list-group-border-width));  border-top-width:var(
--cui-list-group-border-width)}

.list-group-horizontal{flex-direction:row}

html:not([dir="rtl"]) .list-group-horizontal>.list-group-item:first-child:not(:last-child){
	border-bottom-left-radius:var(
--cui-list-group-border-radius);  border-top-right-radius:0}

*[dir="rtl"] .list-group-horizontal>.list-group-item:first-child:not(:last-child){
	border-bottom-right-radius:var(
--cui-list-group-border-radius);  border-top-left-radius:0}

html:not([dir="rtl"]) .list-group-horizontal>.list-group-item:last-child:not(:first-child){
	border-top-right-radius:var(
--cui-list-group-border-radius);  border-bottom-left-radius:0}

*[dir="rtl"] .list-group-horizontal>.list-group-item:last-child:not(:first-child){
	border-top-left-radius:var(
--cui-list-group-border-radius);  border-bottom-right-radius:0}

.list-group-horizontal>.list-group-item.active{margin-top:0}

.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(
--cui-list-group-border-width)}

html:not([dir="rtl"]) .list-group-horizontal>.list-group-item+.list-group-item{border-left-width:0}

*[dir="rtl"] .list-group-horizontal>.list-group-item+.list-group-item{border-right-width:0}

html:not([dir="rtl"]) .list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(
	--cui-list-group-border-width));  border-left-width:var(
--cui-list-group-border-width)}

*[dir="rtl"] .list-group-horizontal>.list-group-item+.list-group-item.active{margin-right:calc(-1 * var(
	--cui-list-group-border-width));  border-right-width:var(
--cui-list-group-border-width)}


.list-group-flush{border-radius:0}

.list-group-flush>.list-group-item{border-width:0 0 var(
--cui-list-group-border-width)}

.list-group-flush>.list-group-item:last-child{border-bottom-width:0}

.list-group-item-primary{
	--cui-list-group-color:contrast-ratio-correction(#1e1383,#d6d2f8,40%,"primary");  
	--cui-list-group-bg:#d6d2f8;  
	--cui-list-group-hover-bg:#2d1cc5;  
	--cui-list-group-action-hover-color:contrast-ratio-correction(#1e1383,#d6d2f8,40%,"primary");  
	--cui-list-group-action-active-color:#fff;  
	--cui-list-group-action-active-bg:contrast-ratio-correction(#1e1383,#d6d2f8,40%,"primary");  
--cui-list-group-action-active-border-color:contrast-ratio-correction(#1e1383,#d6d2f8,40%,"primary")}

.list-group-item-secondary{
	--cui-list-group-color:contrast-ratio-correction(#5e636a,#ebedef,40%,"secondary");  
	--cui-list-group-bg:#ebedef;  
	--cui-list-group-hover-bg:#8d959f;  
	--cui-list-group-action-hover-color:contrast-ratio-correction(#5e636a,#ebedef,40%,"secondary");  
	--cui-list-group-action-active-color:#fff;  
	--cui-list-group-action-active-bg:contrast-ratio-correction(#5e636a,#ebedef,40%,"secondary");  
--cui-list-group-action-active-border-color:contrast-ratio-correction(#5e636a,#ebedef,40%,"secondary")}

.list-group-item-success{
	--cui-list-group-color:contrast-ratio-correction(#1c6e37,#d5f1de,40%,"success");  
	--cui-list-group-bg:#d5f1de;  
	--cui-list-group-hover-bg:#29a653;  
	--cui-list-group-action-hover-color:contrast-ratio-correction(#1c6e37,#d5f1de,40%,"success");  
	--cui-list-group-action-active-color:#fff;  
	--cui-list-group-action-active-bg:contrast-ratio-correction(#1c6e37,#d5f1de,40%,"success");  
--cui-list-group-action-active-border-color:contrast-ratio-correction(#1c6e37,#d5f1de,40%,"success")}

.list-group-item-danger{
	--cui-list-group-color:contrast-ratio-correction(#893232,#fadddd,40%,"danger");  
	--cui-list-group-bg:#fadddd;  
	--cui-list-group-hover-bg:#ce4b4b;  
	--cui-list-group-action-hover-color:contrast-ratio-correction(#893232,#fadddd,40%,"danger");  
	--cui-list-group-action-active-color:#fff;  
	--cui-list-group-action-active-bg:contrast-ratio-correction(#893232,#fadddd,40%,"danger");  
--cui-list-group-action-active-border-color:contrast-ratio-correction(#893232,#fadddd,40%,"danger")}

.list-group-item-warning{
	--cui-list-group-color:contrast-ratio-correction(#956a0d,#feefd0,40%,"warning");  
	--cui-list-group-bg:#feefd0;  
	--cui-list-group-hover-bg:#e09f13;  
	--cui-list-group-action-hover-color:contrast-ratio-correction(#956a0d,#feefd0,40%,"warning");  
	--cui-list-group-action-active-color:#fff;  
	--cui-list-group-action-active-bg:contrast-ratio-correction(#956a0d,#feefd0,40%,"warning");  
--cui-list-group-action-active-border-color:contrast-ratio-correction(#956a0d,#feefd0,40%,"warning")}

.list-group-item-info{
	--cui-list-group-color:contrast-ratio-correction(#1f5c99,#d6ebff,40%,"info");  
	--cui-list-group-bg:#d6ebff;  
	--cui-list-group-hover-bg:#2e8ae6;  
	--cui-list-group-action-hover-color:contrast-ratio-correction(#1f5c99,#d6ebff,40%,"info");  
	--cui-list-group-action-active-color:#fff;  
	--cui-list-group-action-active-bg:contrast-ratio-correction(#1f5c99,#d6ebff,40%,"info");  
--cui-list-group-action-active-border-color:contrast-ratio-correction(#1f5c99,#d6ebff,40%,"info")}

.list-group-item-light{
	--cui-list-group-color:contrast-ratio-correction(#8d8e8f,#fbfbfc,40%,"light");  
	--cui-list-group-bg:#fbfbfc;  
	--cui-list-group-hover-bg:#d4d5d7;  
	--cui-list-group-action-hover-color:contrast-ratio-correction(#8d8e8f,#fbfbfc,40%,"light");  
	--cui-list-group-action-active-color:#fff;  
	--cui-list-group-action-active-bg:contrast-ratio-correction(#8d8e8f,#fbfbfc,40%,"light");  
--cui-list-group-action-active-border-color:contrast-ratio-correction(#8d8e8f,#fbfbfc,40%,"light")}

.list-group-item-dark{
	--cui-list-group-color:contrast-ratio-correction(#2f3845,#dcdfe3,40%,"dark");  
	--cui-list-group-bg:#dcdfe3;  
	--cui-list-group-hover-bg:#475468;  
	--cui-list-group-action-hover-color:contrast-ratio-correction(#2f3845,#dcdfe3,40%,"dark");  
	--cui-list-group-action-active-color:#fff;  
	--cui-list-group-action-active-bg:contrast-ratio-correction(#2f3845,#dcdfe3,40%,"dark");  
--cui-list-group-action-active-border-color:contrast-ratio-correction(#2f3845,#dcdfe3,40%,"dark")}

.btn-close{box-sizing:content-box;  width:1em;  height:1em;  padding:.25em .25em;  color:var(
	--cui-btn-close-color,rgba(44,56,74,0.95));  background:transparent var(
--cui-btn-close-bg,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba%2844, 56, 74, 0.95%29'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")) center/1em auto no-repeat;  border:0;  border-radius:.375rem;  opacity:.5}

.btn-close:hover{color:var(
--cui-btn-close-color,rgba(44,56,74,0.95));  text-decoration:none;  opacity:.75}

.btn-close:focus{outline:0;  box-shadow:0 0 0 .25rem rgba(50,31,219,0.25);  opacity:1}

.btn-close:disabled,.btn-close.disabled{pointer-events:none;  -webkit-user-select:none;  -moz-user-select:none;  user-select:none;  opacity:.25}

.btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}

.toast{
	--cui-toast-zindex:1090;  
	--cui-toast-padding-x:.75rem;  
	--cui-toast-padding-y:.5rem;  
	--cui-toast-spacing:1.5rem;  
	--cui-toast-max-width:350px;  
	--cui-toast-font-size:.875rem;  
	--cui-toast-color:unset;  
	--cui-toast-bg:rgba(255,255,255,0.85);  
	--cui-toast-border-width:1px;  
	--cui-toast-border-color:var(
	--cui-border-color-translucent);  
	--cui-toast-border-radius:.375rem;  
	--cui-toast-box-shadow:0 .5rem 1rem rgba(0,0,21,0.15);  
	--cui-toast-header-color:#8a93a2;  
	--cui-toast-header-bg:rgba(255,255,255,0.85);  
	--cui-toast-header-border-color:rgba(0,0,21,0.05);  width:var(
	--cui-toast-max-width);  max-width:100%;  font-size:var(
	--cui-toast-font-size);  color:var(
	--cui-toast-color);  pointer-events:auto;  background-color:var(
	--cui-toast-bg);  background-clip:padding-box;  border:var(
	--cui-toast-border-width) solid var(
	--cui-toast-border-color);  box-shadow:var(
	--cui-toast-box-shadow);  border-radius:var(
--cui-toast-border-radius)}

.toast.showing{opacity:0}

.toast:not(.show){
display:none}

.toast-container{
	--cui-toast-zindex:1090;  position:absolute;  z-index:var(
--cui-toast-zindex);  width:-webkit-max-content;  width:-moz-max-content;  width:max-content;  max-width:100%;  pointer-events:none}

.toast-container>:not(:last-child){
	margin-bottom:var(
--cui-toast-spacing)}

.toast-header{display:flex;  align-items:center;  padding:var(
	--cui-toast-padding-y) var(
	--cui-toast-padding-x);  color:var(
	--cui-toast-header-color);  background-color:var(
	--cui-toast-header-bg);  background-clip:padding-box;  border-bottom:var(
	--cui-toast-border-width) solid var(
	--cui-toast-header-border-color);  border-top-left-radius:calc(var(
	--cui-toast-border-radius) - var(
	--cui-toast-border-width));  border-top-right-radius:calc(var(
	--cui-toast-border-radius) - var(
--cui-toast-border-width))}

html:not([dir="rtl"]) .toast-header .btn-close{margin-right:calc(-0.5 * var(
	--cui-toast-padding-x));  margin-left:var(
--cui-toast-padding-x)}

*[dir="rtl"] .toast-header .btn-close{margin-left:calc(-0.5 * var(
	--cui-toast-padding-x));  margin-right:var(
--cui-toast-padding-x)}

.toast-body{padding:var(
--cui-toast-padding-x);  word-wrap:break-word}

.modal{
	--cui-modal-zindex:1055;  
	--cui-modal-width:550px;  
	--cui-modal-padding:1rem;  
	--cui-modal-margin:.5rem;  
	--cui-modal-color:unset;  
	--cui-modal-bg:#fff;  
	--cui-modal-border-color:var(
	--cui-border-color-translucent);  
	--cui-modal-border-width:1px;  
	--cui-modal-border-radius:.5rem;  
	--cui-modal-box-shadow:0 .125rem .25rem rgba(0,0,21,0.075);  
	--cui-modal-inner-border-radius:calc(0.5rem - 1px);  
	--cui-modal-header-padding-x:1rem;  
	--cui-modal-header-padding-y:1rem;  
	--cui-modal-header-padding:1rem 1rem;  
	--cui-modal-header-border-color:var(
	--cui-border-color);  
	--cui-modal-header-border-width:1px;  
	--cui-modal-title-line-height:1.5;  
	--cui-modal-footer-gap:.5rem;  
	--cui-modal-footer-bg:;  
	--cui-modal-footer-border-color:var(
	--cui-border-color);  
	--cui-modal-footer-border-width:1px;  position:fixed;  top:0;  z-index:var(
--cui-modal-zindex);  display:none;  width:100%;  height:100%;  overflow-x:hidden;  overflow-y:auto;  outline:0;  backdrop-filter:blur(4px)}

html:not([dir="rtl"]) .modal{left:0}

*[dir="rtl"] .modal{right:0}

.modal-dialog{position:relative;  width:auto;  margin:var(
--cui-modal-margin);  pointer-events:none}

.modal.fade .modal-dialog{transition:transform .3s ease-out;  transform:translate(0,-50px)}

._confirm.el-dialog__wrapper .modal-dialog,._confirmlist.el-dialog__wrapper .modal-dialog{transition:transform .3s ease-out;  transform:translate(0,20px) !important}


.modal.show .modal-dialog{transform:none}

.modal.modal-static .modal-dialog{transform:scale(1.02)}

.modal-dialog-scrollable{height:calc(100% - var(
--cui-modal-margin) * 2)}

.modal-dialog-scrollable .modal-content{max-height:100%;  overflow:hidden}

.modal-dialog-scrollable .modal-body{overflow-y:auto}

.modal-dialog-centered{display:flex;  align-items:center;  min-height:calc(100% - var(
--cui-modal-margin) * 2)}

.modal-content{position:relative;  display:flex;  flex-direction:column;  width:100%;  color:var(
	--cui-modal-color);  pointer-events:auto;  background-color:var(
	--cui-modal-bg);  background-clip:padding-box;  border:var(
	--cui-modal-border-width) solid var(
	--cui-modal-border-color);  border-radius:var(
	--cui-modal-border-radius);  outline:0;  box-shadow:0 24px 38px 3px rgba(var(
	--cui-elevation-base-color,60,75,100),0.14),0 9px 46px 8px rgba(var(
	--cui-elevation-base-color,60,75,100),0.12),0 11px 15px -7px rgba(var(
--cui-elevation-base-color,60,75,100),0.2)}

.modal-content:not([class*="border"]){
border:0}

.modal-backdrop{
	--cui-backdrop-zindex:1050;  
	--cui-backdrop-bg:#000015;  
	--cui-backdrop-opacity:.5;  position:fixed;  top:0;  left:0;  z-index:var(
	--cui-backdrop-zindex);  width:100vw;  height:100vh;  background-color:var(
--cui-backdrop-bg)}

.modal-backdrop.fade{opacity:0}

.modal-backdrop.show{opacity:var(
--cui-backdrop-opacity)}

.modal-header{display:flex;  flex-shrink:0;  align-items:center;  justify-content:space-between;  padding:var(
	--cui-modal-header-padding);  border-bottom:var(
	--cui-modal-header-border-width) solid var(
	--cui-modal-header-border-color);  border-top-left-radius:var(
	--cui-modal-inner-border-radius);  border-top-right-radius:var(
--cui-modal-inner-border-radius)}

.modal-header .btn-close{padding:calc(var(
	--cui-modal-header-padding-y) * 0.5) calc(var(
--cui-modal-header-padding-x) * 0.5)}

html:not([dir="rtl"]) .modal-header .btn-close{margin:calc(-0.5 * var(
	--cui-modal-header-padding-y)) calc(-0.5 * var(
	--cui-modal-header-padding-x)) calc(-0.5 * var(
--cui-modal-header-padding-y)) auto}

*[dir="rtl"] .modal-header .btn-close{margin:calc(-0.5 * var(
	--cui-modal-header-padding-y)) auto calc(-0.5 * var(
	--cui-modal-header-padding-y)) calc(-0.5 * var(
--cui-modal-header-padding-x))}

.modal-title{margin-bottom:0;  line-height:var(
--cui-modal-title-line-height)}

.modal-body{position:relative;  flex:1 1 auto;  padding:var(
--cui-modal-padding)}

.modal-footer{display:flex;  flex-shrink:0;  flex-wrap:wrap;  align-items:center;  justify-content:flex-end;  padding:calc(var(
	--cui-modal-padding) - var(
	--cui-modal-footer-gap) * 0.5);  background-color:var(
	--cui-modal-footer-bg);  border-top:var(
	--cui-modal-footer-border-width) solid var(
	--cui-modal-footer-border-color);  border-bottom-right-radius:var(
	--cui-modal-inner-border-radius);  border-bottom-left-radius:var(
--cui-modal-inner-border-radius)}

.modal-footer>*{margin:calc(var(
--cui-modal-footer-gap) * 0.5)}


.modal-fullscreen{width:100vw;  max-width:none;  height:100%;  margin:0}

.modal-fullscreen .modal-content{height:100%;  border:0;  border-radius:0}

.modal-fullscreen .modal-header,.modal-fullscreen .modal-footer{border-radius:0}

.modal-fullscreen .modal-body{overflow-y:auto}


.tooltip{
	--cui-tooltip-zindex:1080;  
	--cui-tooltip-max-width:200px;  
	--cui-tooltip-padding-x:.5rem;  
	--cui-tooltip-padding-y:.25rem;  
	--cui-tooltip-margin:;  
	--cui-tooltip-font-size:.875rem;  
	--cui-tooltip-color:rgba(255,255,255,0.87);  
	--cui-tooltip-bg:#000015;  
	--cui-tooltip-border-radius:.375rem;  
	--cui-tooltip-opacity:.9;  
	--cui-tooltip-arrow-width:.8rem;  
	--cui-tooltip-arrow-height:.4rem;  z-index:var(
	--cui-tooltip-zindex);  display:block;  padding:var(
	--cui-tooltip-arrow-height);  margin:var(
	--cui-tooltip-margin);  font-family:var(
	--cui-font-sans-serif);  font-style:normal;  font-weight:400;  line-height:1.5;  text-align:left;  text-align:start;  text-decoration:none;  text-shadow:none;  text-transform:none;  letter-spacing:normal;  word-break:normal;  white-space:normal;  word-spacing:normal;  line-break:auto;  font-size:var(
--cui-tooltip-font-size);  word-wrap:break-word;  opacity:0}

.tooltip.show{opacity:var(
--cui-tooltip-opacity)}

.tooltip .tooltip-arrow{display:block;  width:var(
	--cui-tooltip-arrow-width);  height:var(
--cui-tooltip-arrow-height)}

.tooltip .tooltip-arrow::before{position:absolute;  content:"";  border-color:transparent;  border-style:solid}

.bs-tooltip-top .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow{bottom:0}

.bs-tooltip-top .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before{top:-1px;  border-width:var(
	--cui-tooltip-arrow-height) calc(var(
	--cui-tooltip-arrow-width) * 0.5) 0;  border-top-color:var(
--cui-tooltip-bg)}

.bs-tooltip-end .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow{left:0;  width:var(
	--cui-tooltip-arrow-height);  height:var(
--cui-tooltip-arrow-width)}

.bs-tooltip-end .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before{right:-1px;  border-width:calc(var(
	--cui-tooltip-arrow-width) * 0.5) var(
	--cui-tooltip-arrow-height) calc(var(
	--cui-tooltip-arrow-width) * 0.5) 0;  border-right-color:var(
--cui-tooltip-bg)}

.bs-tooltip-bottom .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow{top:0}

.bs-tooltip-bottom .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before{bottom:-1px;  border-width:0 calc(var(
	--cui-tooltip-arrow-width) * 0.5) var(
	--cui-tooltip-arrow-height);  border-bottom-color:var(
--cui-tooltip-bg)}

.bs-tooltip-start .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow{right:0;  width:var(
	--cui-tooltip-arrow-height);  height:var(
--cui-tooltip-arrow-width)}

.bs-tooltip-start .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before{left:-1px;  border-width:calc(var(
	--cui-tooltip-arrow-width) * 0.5) 0 calc(var(
	--cui-tooltip-arrow-width) * 0.5) var(
	--cui-tooltip-arrow-height);  border-left-color:var(
--cui-tooltip-bg)}

.tooltip-inner{max-width:var(
	--cui-tooltip-max-width);  padding:var(
	--cui-tooltip-padding-y) var(
	--cui-tooltip-padding-x);  color:var(
	--cui-tooltip-color);  text-align:center;  background-color:var(
	--cui-tooltip-bg);  border-radius:var(
--cui-tooltip-border-radius,0)}

.popover{
	--cui-popover-zindex:1070;  
	--cui-popover-max-width:276px;  
	--cui-popover-font-size:.875rem;  
	--cui-popover-bg:#fff;  
	--cui-popover-border-width:1px;  
	--cui-popover-border-color:var(
	--cui-border-color-translucent);  
	--cui-popover-border-radius:.5rem;  
	--cui-popover-inner-border-radius:calc(0.5rem - 1px);  
	--cui-popover-box-shadow:0 .5rem 1rem rgba(0,0,21,0.15);  
	--cui-popover-header-padding-x:1rem;  
	--cui-popover-header-padding-y:.5rem;  
	--cui-popover-header-font-size:1rem;  
	--cui-popover-header-color:unset;  
	--cui-popover-header-bg:#f0f0f0;  
	--cui-popover-body-padding-x:1rem;  
	--cui-popover-body-padding-y:1rem;  
	--cui-popover-body-color:rgba(44,56,74,0.95);  
	--cui-popover-arrow-width:1rem;  
	--cui-popover-arrow-height:.5rem;  
	--cui-popover-arrow-border:var(
	--cui-popover-border-color);  z-index:var(
	--cui-popover-zindex);  display:block;  max-width:var(
	--cui-popover-max-width);  font-family:var(
	--cui-font-sans-serif);  font-style:normal;  font-weight:400;  line-height:1.5;  text-align:left;  text-align:start;  text-decoration:none;  text-shadow:none;  text-transform:none;  letter-spacing:normal;  word-break:normal;  white-space:normal;  word-spacing:normal;  line-break:auto;  font-size:var(
	--cui-popover-font-size);  word-wrap:break-word;  background-color:var(
	--cui-popover-bg);  background-clip:padding-box;  border:var(
	--cui-popover-border-width) solid var(
	--cui-popover-border-color);  border-radius:var(
--cui-popover-border-radius)}

.popover .popover-arrow{display:block;  width:var(
	--cui-popover-arrow-width);  height:var(
--cui-popover-arrow-height)}

.popover .popover-arrow::before,.popover .popover-arrow::after{position:absolute;  display:block;  content:"";  border-color:transparent;  border-style:solid;  border-width:0}

.bs-popover-top>.popover-arrow,.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow{bottom:calc(-1 * (var(
	--cui-popover-arrow-height)) - var(
--cui-popover-border-width))}

.bs-popover-top>.popover-arrow::before,.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after{border-width:var(
	--cui-popover-arrow-height) calc(var(
--cui-popover-arrow-width) * 0.5) 0}

.bs-popover-top>.popover-arrow::before,.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before{bottom:0;  border-top-color:var(
--cui-popover-arrow-border)}

.bs-popover-top>.popover-arrow::after,.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after{bottom:var(
	--cui-popover-border-width);  border-top-color:var(
--cui-popover-bg)}

.bs-popover-end>.popover-arrow,.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow{left:calc(-1 * (var(
	--cui-popover-arrow-height)) - var(
	--cui-popover-border-width));  width:var(
	--cui-popover-arrow-height);  height:var(
--cui-popover-arrow-width)}

.bs-popover-end>.popover-arrow::before,.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after{border-width:calc(var(
	--cui-popover-arrow-width) * 0.5) var(
	--cui-popover-arrow-height) calc(var(
--cui-popover-arrow-width) * 0.5) 0}

.bs-popover-end>.popover-arrow::before,.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before{left:0;  border-right-color:var(
--cui-popover-arrow-border)}

.bs-popover-end>.popover-arrow::after,.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after{left:var(
	--cui-popover-border-width);  border-right-color:var(
--cui-popover-bg)}

.bs-popover-bottom>.popover-arrow,.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow{top:calc(-1 * (var(
	--cui-popover-arrow-height)) - var(
--cui-popover-border-width))}

.bs-popover-bottom>.popover-arrow::before,.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after{border-width:0 calc(var(
	--cui-popover-arrow-width) * 0.5) var(
--cui-popover-arrow-height)}

.bs-popover-bottom>.popover-arrow::before,.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before{top:0;  border-bottom-color:var(
--cui-popover-arrow-border)}

.bs-popover-bottom>.popover-arrow::after,.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after{top:var(
	--cui-popover-border-width);  border-bottom-color:var(
--cui-popover-bg)}

.bs-popover-bottom .popover-header::before,.bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before{position:absolute;  top:0;  left:50%;  display:block;  width:var(
	--cui-popover-arrow-width);  margin-left:calc(-0.5 * var(
	--cui-popover-arrow-width));  content:"";  border-bottom:var(
	--cui-popover-border-width) solid var(
--cui-popover-header-bg)}

.bs-popover-start>.popover-arrow,.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow{right:calc(-1 * (var(
	--cui-popover-arrow-height)) - var(
	--cui-popover-border-width));  width:var(
	--cui-popover-arrow-height);  height:var(
--cui-popover-arrow-width)}

.bs-popover-start>.popover-arrow::before,.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after{border-width:calc(var(
	--cui-popover-arrow-width) * 0.5) 0 calc(var(
	--cui-popover-arrow-width) * 0.5) var(
--cui-popover-arrow-height)}

.bs-popover-start>.popover-arrow::before,.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before{right:0;  border-left-color:var(
--cui-popover-arrow-border)}

.bs-popover-start>.popover-arrow::after,.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after{right:var(
	--cui-popover-border-width);  border-left-color:var(
--cui-popover-bg)}

.popover-header{padding:var(
	--cui-popover-header-padding-y) var(
	--cui-popover-header-padding-x);  margin-bottom:0;  font-size:var(
	--cui-popover-header-font-size);  color:var(
	--cui-popover-header-color);  background-color:var(
	--cui-popover-header-bg);  border-bottom:var(
	--cui-popover-border-width) solid var(
	--cui-popover-border-color);  border-top-left-radius:var(
	--cui-popover-inner-border-radius);  border-top-right-radius:var(
--cui-popover-inner-border-radius)}

.popover-header:empty{display:none}

.popover-body{padding:var(
	--cui-popover-body-padding-y) var(
	--cui-popover-body-padding-x);  color:var(
--cui-popover-body-color)}

.carousel{position:relative}

.carousel.pointer-event{touch-action:pan-y}

.carousel-inner{position:relative;  width:100%;  overflow:hidden}

.carousel-inner::after{display:block;  clear:both;  content:""}

.carousel-item{position:relative;  display:none;  float:left;  width:100%;  margin-right:-100%;  -webkit-backface-visibility:hidden;  backface-visibility:hidden;  transition:transform .6s ease-in-out}



.carousel-item.active,.carousel-item-next,.carousel-item-prev{display:block}

.carousel-item-next:not(.carousel-item-start),.active.carousel-item-end{transform:translateX(100%)}

.carousel-item-prev:not(.carousel-item-end),.active.carousel-item-start{transform:translateX(-100%)}

.carousel-fade .carousel-item{opacity:0;  transition-property:opacity;  transform:none}

.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end{z-index:1;  opacity:1}

.carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end{z-index:0;  opacity:0;  transition:opacity 0s .6s}


.carousel-control-prev,.carousel-control-next{position:absolute;  top:0;  bottom:0;  z-index:1;  display:flex;  align-items:center;  justify-content:center;  width:15%;  padding:0;  color:var(
--cui-carousel-control-color,rgba(255,255,255,0.87));  text-align:center;  background:0;  border:0;  opacity:.5;  transition:opacity .15s ease}



.carousel-control-prev:hover,.carousel-control-prev:focus,.carousel-control-next:hover,.carousel-control-next:focus{color:var(
--cui-carousel-control-color,rgba(255,255,255,0.87));  text-decoration:none;  outline:0;  opacity:.9}

.carousel-control-prev{left:0}

.carousel-control-next{right:0}

.carousel-control-prev-icon,.carousel-control-next-icon{display:inline-block;  width:2rem;  height:2rem;  background-repeat:no-repeat;  background-position:50%;  background-size:100% 100%}

.carousel-control-prev-icon{background-image:url("/css/web/svg/uicons_solidrounded/fi-sr-angle-circle-left.svg")}

.carousel-control-next-icon{background-image:url("/css/web/svg/uicons_solidrounded/fi-sr-angle-circle-right.svg")}

.carousel-indicators{position:absolute;  right:0;  bottom:0;  left:0;  z-index:2;  display:flex;  justify-content:center;  padding:0;  margin-right:15%;  margin-bottom:1rem;  margin-left:15%;  list-style:none}

.carousel-indicators [data-coreui-target]{box-sizing:content-box;  flex:0 1 auto;  width:30px;  height:3px;  padding:0;  margin-right:3px;  margin-left:3px;  text-indent:-999px;  cursor:pointer;  background-color:var(
--cui-carousel-indicator-active-bg,#fff);  background-clip:padding-box;  border:0;  border-top:10px solid transparent;  border-bottom:10px solid transparent;  opacity:.5;  transition:opacity .6s ease}



.carousel-indicators .active{opacity:1}

.carousel-caption{position:absolute;  right:15%;  bottom:1.25rem;  left:15%;  padding-top:1.25rem;  padding-bottom:1.25rem;  color:var(
--cui-carousel-caption-color,rgba(255,255,255,0.87));  text-align:center}

.carousel-dark{
	--cui-carousel-indicator-active-bg:#000015;  
--cui-carousel-caption-color:rgba(44,56,74,0.95)}

.carousel-dark .carousel-control-prev-icon,.carousel-dark .carousel-control-next-icon{filter:invert(1) grayscale(100)}

.carousel-dark .carousel-indicators [data-coreui-target]{background-color:#000015}

.carousel-dark .carousel-caption{color:rgba(44,56,74,0.95)}

.spinner-grow,.spinner-border{display:inline-block;  width:var(
	--cui-spinner-width);  height:var(
	--cui-spinner-height);  vertical-align:var(
	--cui-spinner-vertical-align);  border-radius:50%;  animation:var(
	--cui-spinner-animation-speed) linear infinite var(
--cui-spinner-animation-name)}

@keyframes spinner-border{to{transform:rotate(360deg)}
	
}

.spinner-border{
	--cui-spinner-width:2rem;  
	--cui-spinner-height:2rem;  
	--cui-spinner-vertical-align:-0.125em;  
	--cui-spinner-border-width:.25em;  
	--cui-spinner-animation-speed:.75s;  
	--cui-spinner-animation-name:spinner-border;  border:var(
--cui-spinner-border-width) solid currentcolor;  border-right-color:transparent}

.spinner-border-sm{
	--cui-spinner-width:1rem;  
	--cui-spinner-height:1rem;  
--cui-spinner-border-width:.2em}

@keyframes spinner-grow{0%{transform:scale(0)}
	
	50%{opacity:1;  transform:none}
	
}

.spinner-grow{
	--cui-spinner-width:2rem;  
	--cui-spinner-height:2rem;  
	--cui-spinner-vertical-align:-0.125em;  
	--cui-spinner-animation-speed:.75s;  
--cui-spinner-animation-name:spinner-grow;  background-color:currentcolor;  opacity:0}

.spinner-grow-sm{
	--cui-spinner-width:1rem;  
--cui-spinner-height:1rem}



.offcanvas,.offcanvas-xxl,.offcanvas-xl,.offcanvas-lg,.offcanvas-md,.offcanvas-sm{
	--cui-offcanvas-zindex:1045;  
	--cui-offcanvas-width:440px;  
	--cui-offcanvas-height:30vh;  
	--cui-offcanvas-padding-x:1rem;  
	--cui-offcanvas-padding-y:1rem;  
	--cui-offcanvas-color:unset;  
	--cui-offcanvas-bg:#fff;  
	--cui-offcanvas-border-width:1px;  
	--cui-offcanvas-border-color:var(
	--cui-border-color-translucent);  
--cui-offcanvas-box-shadow:0 .125rem .25rem rgba(0,0,21,0.075)}


.offcanvas{position:fixed;  bottom:0;  z-index:var(
	--cui-offcanvas-zindex);  display:flex;  flex-direction:column;  max-width:100%;  color:var(
	--cui-offcanvas-color);  visibility:hidden;  background-color:var(
--cui-offcanvas-bg);  background-clip:padding-box;  outline:0;  transition:transform .3s ease-in-out}



.offcanvas.offcanvas-start{top:0;  width:var(
--cui-offcanvas-width)}

html:not([dir="rtl"]) .offcanvas.offcanvas-start{left:0;  border-right:var(
	--cui-offcanvas-border-width) solid var(
--cui-offcanvas-border-color);  transform:translateX(-100%)}

*[dir="rtl"] .offcanvas.offcanvas-start{right:0;  border-left:var(
	--cui-offcanvas-border-width) solid var(
--cui-offcanvas-border-color);  transform:translateX(100%)}

.offcanvas.offcanvas-end{top:0;  width:var(
--cui-offcanvas-width);  transform:translateX(100%)}

html:not([dir="rtl"]) .offcanvas.offcanvas-end{right:0;  border-left:var(
	--cui-offcanvas-border-width) solid var(
--cui-offcanvas-border-color)}

*[dir="rtl"] .offcanvas.offcanvas-end{left:0;  border-right:var(
	--cui-offcanvas-border-width) solid var(
--cui-offcanvas-border-color)}

.offcanvas.offcanvas-top{top:0;  right:0;  left:0;  height:var(
	--cui-offcanvas-height);  max-height:100%;  border-bottom:var(
	--cui-offcanvas-border-width) solid var(
--cui-offcanvas-border-color);  transform:translateY(-100%)}

.offcanvas.offcanvas-bottom{right:0;  left:0;  height:var(
	--cui-offcanvas-height);  max-height:100%;  border-top:var(
	--cui-offcanvas-border-width) solid var(
--cui-offcanvas-border-color);  transform:translateY(100%)}

.offcanvas.showing,.offcanvas.show:not(.hiding){
transform:none !important}

.offcanvas.showing,.offcanvas.hiding,.offcanvas.show{visibility:visible}

.offcanvas-backdrop{position:fixed;  top:0;  left:0;  z-index:1040;  width:100vw;  height:100vh;  background-color:var(
--cui-offcanvas-backdrop-bg,#000015)}

.offcanvas-backdrop.fade{opacity:0}

.offcanvas-backdrop.show{opacity:.5}

.offcanvas-header{display:flex;  align-items:center;  justify-content:space-between;  padding:var(
	--cui-offcanvas-padding-y) var(
--cui-offcanvas-padding-x)}

.offcanvas-header .btn-close{padding:calc(var(
	--cui-offcanvas-padding-y) * 0.5) calc(var(
	--cui-offcanvas-padding-x) * 0.5);  margin-top:calc(-0.5 * var(
	--cui-offcanvas-padding-y));  margin-bottom:calc(-0.5 * var(
--cui-offcanvas-padding-y))}

html:not([dir="rtl"]) .offcanvas-header .btn-close{margin-right:calc(-0.5 * var(
--cui-offcanvas-padding-x))}

*[dir="rtl"] .offcanvas-header .btn-close{margin-left:calc(-0.5 * var(
--cui-offcanvas-padding-x))}

.offcanvas-title{margin-bottom:0;  line-height:1.5}

.offcanvas-body{flex-grow:1;  padding:var(
	--cui-offcanvas-padding-y) var(
--cui-offcanvas-padding-x);  overflow-y:auto}

.placeholder{display:inline-block;  min-height:1em;  vertical-align:middle;  cursor:wait;  background-color:currentcolor;  opacity:.5}

.placeholder.btn::before{display:inline-block;  content:""}

.placeholder-xs{min-height:.6em}

.placeholder-sm{min-height:.8em}

.placeholder-lg{min-height:1.2em}

.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}

@keyframes placeholder-glow{50%{opacity:.2}
	
}

.placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000015 55%,rgba(0,0,0,0.8) 75%,#000015 95%);  mask-image:linear-gradient(130deg,#000015 55%,rgba(0,0,0,0.8) 75%,#000015 95%);  -webkit-mask-size:200% 100%;  mask-size:200% 100%;  animation:placeholder-wave 2s linear infinite}

@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0;  mask-position:-200% 0}
	
}

.avatar{position:relative;  display:inline-flex;  align-items:center;  justify-content:center;  vertical-align:middle;  border-radius:50em;  transition:margin .15s;  width:2rem;  height:2rem;  font-size:.8rem}



.avatar .avatar-status{width:.5333333333rem;  height:.5333333333rem}

.avatar-img{width:100%;  height:auto;  border-radius:50em}

.avatar-status{position:absolute;  bottom:0;  display:block;  border:1px solid #fff;  border-radius:50em}

html:not([dir="rtl"]) .avatar-status{right:0}

*[dir="rtl"] .avatar-status{left:0}

.avatar-sm{width:1.5rem;  height:1.5rem;  font-size:.6rem}

.avatar-sm .avatar-status{width:.4rem;  height:.4rem}

.avatar-md{width:2.5rem;  height:2.5rem;  font-size:1rem}

.avatar-md .avatar-status{width:.6666666667rem;  height:.6666666667rem}

.avatar-lg{width:3rem;  height:3rem;  font-size:1.2rem}

.avatar-lg .avatar-status{width:.8rem;  height:.8rem}

.avatar-xl{width:4rem;  height:4rem;  font-size:1.6rem}

.avatar-xl .avatar-status{width:1.0666666667rem;  height:1.0666666667rem}

.avatars-stack{display:flex}

html:not([dir="rtl"]) .avatars-stack .avatar{margin-right:-0.8rem}

*[dir="rtl"] .avatars-stack .avatar{margin-left:-0.8rem}

html:not([dir="rtl"]) .avatars-stack .avatar:hover{margin-right:0}

*[dir="rtl"] .avatars-stack .avatar:hover{margin-left:0}

html:not([dir="rtl"]) .avatars-stack .avatar-sm{margin-right:-0.6rem}

*[dir="rtl"] .avatars-stack .avatar-sm{margin-left:-0.6rem}

html:not([dir="rtl"]) .avatars-stack .avatar-md{margin-right:-1rem}

*[dir="rtl"] .avatars-stack .avatar-md{margin-left:-1rem}

html:not([dir="rtl"]) .avatars-stack .avatar-lg{margin-right:-1.2rem}

*[dir="rtl"] .avatars-stack .avatar-lg{margin-left:-1.2rem}

html:not([dir="rtl"]) .avatars-stack .avatar-xl{margin-right:-1.6rem}

*[dir="rtl"] .avatars-stack .avatar-xl{margin-left:-1.6rem}

.calendar{
	--cui-calendar-table-margin:.5rem;  
	--cui-calendar-table-cell-size:2.75rem;  
	--cui-calendar-nav-padding:.5rem;  
	--cui-calendar-nav-border:1px solid #d8dbe0;  
	--cui-calendar-nav-date-color:rgba(44,56,74,0.95);  
	--cui-calendar-nav-date-hover-color:#321fdb;  
	--cui-calendar-nav-icon-width:1rem;  
	--cui-calendar-nav-icon-height:1rem;  
	--cui-calendar-cell-header-inner-color:rgba(44,56,74,0.681);  
	--cui-calendar-cell-hover-bg:#d8dbe0;  
	--cui-calendar-cell-disabled-color:rgba(44,56,74,0.38);  
	--cui-calendar-cell-selected-color:#fff;  
	--cui-calendar-cell-selected-bg:#321fdb;  
	--cui-calendar-cell-range-bg:rgba(50,31,219,0.125);  
	--cui-calendar-cell-range-hover-bg:rgba(50,31,219,0.25);  
	--cui-calendar-cell-range-hover-border-color:#321fdb;  
--cui-calendar-cell-today-color:#e55353;  font-weight:initial}

.calendar table{width:calc(var(
	--cui-calendar-table-cell-size) * 7);  margin:var(
--cui-calendar-table-margin)}

.calendar table th,.calendar table td{width:var(
--cui-calendar-table-cell-size)}

.calendar.months ~ .time-picker,.calendar.years ~ .time-picker{display:none}

.calendars{display:flex}

.calendar-nav{display:flex;  align-items:baseline;  padding:var(
	--cui-calendar-nav-padding);  border-bottom:var(
--cui-calendar-nav-border)}

.calendar-nav-date{flex:1;  text-align:center}

.calendar-nav-date .btn{font-weight:600;  color:var(
--cui-calendar-nav-date-color)}

.calendar-nav-date .btn:hover{color:var(
--cui-calendar-nav-date-hover-color)}

.calendar-nav-icon{display:block;  width:var(
	--cui-calendar-nav-icon-width);  height:var(
--cui-calendar-nav-icon-height);  transition:background-image .15s ease-in-out}



html:not([dir="rtl"]) .calendar-nav-icon-double-next{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' role='img'%3e%3cpolygon fill='%238a93a2' points='95.314 447.313 72.686 424.687 245.373 252 72.686 79.313 95.314 56.687 290.627 252 95.314 447.313'%3e%3c/polygon%3e%3cpolygon fill='%238a93a2' points='255.314 447.313 232.686 424.687 405.373 252 232.686 79.313 255.314 56.687 450.627 252 255.314 447.313'%3e%3c/polygon%3e%3c/svg%3e")}

*[dir="rtl"] .calendar-nav-icon-double-next{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' role='img'%3e%3cpolygon fill='%238a93a2' points='416.686 447.313 221.373 252 416.686 56.687 439.314 79.313 266.627 252 439.314 424.687 416.686 447.313'%3e%3c/polygon%3e%3cpolygon fill='%238a93a2' points='256.686 447.313 61.373 252 256.686 56.687 279.314 79.313 106.627 252 279.314 424.687 256.686 447.313'%3e%3c/polygon%3e%3c/svg%3e")}

html:not([dir="rtl"]) .calendar-nav-icon-double-next:hover{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' role='img'%3e%3cpolygon fill='rgba%2844, 56, 74, 0.95%29' points='95.314 447.313 72.686 424.687 245.373 252 72.686 79.313 95.314 56.687 290.627 252 95.314 447.313'%3e%3c/polygon%3e%3cpolygon fill='rgba%2844, 56, 74, 0.95%29' points='255.314 447.313 232.686 424.687 405.373 252 232.686 79.313 255.314 56.687 450.627 252 255.314 447.313'%3e%3c/polygon%3e%3c/svg%3e")}

*[dir="rtl"] .calendar-nav-icon-double-next:hover{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' role='img'%3e%3cpolygon fill='rgba%2844, 56, 74, 0.95%29' points='416.686 447.313 221.373 252 416.686 56.687 439.314 79.313 266.627 252 439.314 424.687 416.686 447.313'%3e%3c/polygon%3e%3cpolygon fill='rgba%2844, 56, 74, 0.95%29' points='256.686 447.313 61.373 252 256.686 56.687 279.314 79.313 106.627 252 279.314 424.687 256.686 447.313'%3e%3c/polygon%3e%3c/svg%3e")}

html:not([dir="rtl"]) .calendar-nav-icon-double-prev{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' role='img'%3e%3cpolygon fill='%238a93a2' points='416.686 447.313 221.373 252 416.686 56.687 439.314 79.313 266.627 252 439.314 424.687 416.686 447.313'%3e%3c/polygon%3e%3cpolygon fill='%238a93a2' points='256.686 447.313 61.373 252 256.686 56.687 279.314 79.313 106.627 252 279.314 424.687 256.686 447.313'%3e%3c/polygon%3e%3c/svg%3e")}

*[dir="rtl"] .calendar-nav-icon-double-prev{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' role='img'%3e%3cpolygon fill='%238a93a2' points='95.314 447.313 72.686 424.687 245.373 252 72.686 79.313 95.314 56.687 290.627 252 95.314 447.313'%3e%3c/polygon%3e%3cpolygon fill='%238a93a2' points='255.314 447.313 232.686 424.687 405.373 252 232.686 79.313 255.314 56.687 450.627 252 255.314 447.313'%3e%3c/polygon%3e%3c/svg%3e")}

html:not([dir="rtl"]) .calendar-nav-icon-double-prev:hover{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' role='img'%3e%3cpolygon fill='rgba%2844, 56, 74, 0.95%29' points='416.686 447.313 221.373 252 416.686 56.687 439.314 79.313 266.627 252 439.314 424.687 416.686 447.313'%3e%3c/polygon%3e%3cpolygon fill='rgba%2844, 56, 74, 0.95%29' points='256.686 447.313 61.373 252 256.686 56.687 279.314 79.313 106.627 252 279.314 424.687 256.686 447.313'%3e%3c/polygon%3e%3c/svg%3e")}

*[dir="rtl"] .calendar-nav-icon-double-prev:hover{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' role='img'%3e%3cpolygon fill='rgba%2844, 56, 74, 0.95%29' points='95.314 447.313 72.686 424.687 245.373 252 72.686 79.313 95.314 56.687 290.627 252 95.314 447.313'%3e%3c/polygon%3e%3cpolygon fill='rgba%2844, 56, 74, 0.95%29' points='255.314 447.313 232.686 424.687 405.373 252 232.686 79.313 255.314 56.687 450.627 252 255.314 447.313'%3e%3c/polygon%3e%3c/svg%3e")}

html:not([dir="rtl"]) .calendar-nav-icon-next{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' role='img'%3e%3cpolygon fill='%238a93a2' points='179.313 451.313 156.687 428.687 329.372 256 156.687 83.313 179.313 60.687 374.627 256 179.313 451.313'%3e%3c/polygon%3e%3c/svg%3e")}

*[dir="rtl"] .calendar-nav-icon-next{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' role='img'%3e%3cpolygon fill='%238a93a2' points='324.687 451.313 129.373 256 324.687 60.687 347.313 83.313 174.628 256 347.313 428.687 324.687 451.313'%3e%3c/polygon%3e%3c/svg%3e")}

html:not([dir="rtl"]) .calendar-nav-icon-next:hover{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' role='img'%3e%3cpolygon fill='rgba%2844, 56, 74, 0.95%29' points='179.313 451.313 156.687 428.687 329.372 256 156.687 83.313 179.313 60.687 374.627 256 179.313 451.313'%3e%3c/polygon%3e%3c/svg%3e")}

*[dir="rtl"] .calendar-nav-icon-next:hover{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' role='img'%3e%3cpolygon fill='rgba%2844, 56, 74, 0.95%29' points='324.687 451.313 129.373 256 324.687 60.687 347.313 83.313 174.628 256 347.313 428.687 324.687 451.313'%3e%3c/polygon%3e%3c/svg%3e")}

html:not([dir="rtl"]) .calendar-nav-icon-prev{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' role='img'%3e%3cpolygon fill='%238a93a2' points='324.687 451.313 129.373 256 324.687 60.687 347.313 83.313 174.628 256 347.313 428.687 324.687 451.313'%3e%3c/polygon%3e%3c/svg%3e")}

*[dir="rtl"] .calendar-nav-icon-prev{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' role='img'%3e%3cpolygon fill='%238a93a2' points='179.313 451.313 156.687 428.687 329.372 256 156.687 83.313 179.313 60.687 374.627 256 179.313 451.313'%3e%3c/polygon%3e%3c/svg%3e")}

html:not([dir="rtl"]) .calendar-nav-icon-prev:hover{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' role='img'%3e%3cpolygon fill='rgba%2844, 56, 74, 0.95%29' points='324.687 451.313 129.373 256 324.687 60.687 347.313 83.313 174.628 256 347.313 428.687 324.687 451.313'%3e%3c/polygon%3e%3c/svg%3e")}

*[dir="rtl"] .calendar-nav-icon-prev:hover{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' role='img'%3e%3cpolygon fill='rgba%2844, 56, 74, 0.95%29' points='179.313 451.313 156.687 428.687 329.372 256 156.687 83.313 179.313 60.687 374.627 256 179.313 451.313'%3e%3c/polygon%3e%3c/svg%3e")}

.calendar-header-cell-inner{display:flex;  align-items:center;  justify-content:center;  height:var(
	--cui-calendar-table-cell-size);  font-weight:600;  color:var(
--cui-calendar-cell-header-inner-color)}

.calendar-cell{padding:1px 0;  text-align:center}

.calendar-cell:not(.disabled) .calendar-cell-inner{cursor:pointer}

.calendar-cell:hover:not(.disabled) .calendar-cell-inner{background-color:var(
--cui-calendar-cell-hover-bg)}

.calendar-cell.today .calendar-cell-inner{color:var(
--cui-calendar-cell-today-color)}

.calendar-cell.disabled,.calendar-cell.next,.calendar-cell.previous .calendar-cell-inner{color:var(
--cui-calendar-cell-disabled-color)}

.calendar-cell.disabled .calendar-cell-inner{cursor:not-allowed}

.calendar-cell.range:not(.selected) .calendar-cell-inner{background:var(
--cui-calendar-cell-range-bg);  border-radius:0}

.calendar-cell.range:not(.selected):hover .calendar-cell-inner{position:relative}

.calendar-cell.range:not(.selected):hover .calendar-cell-inner::after{position:absolute;  width:100%;  height:100%;  content:"";  background:var(
--cui-calendar-cell-range-hover-bg);  border-radius:.375rem}

html:not([dir="rtl"]) .calendar-cell.range:not(.selected):first-child .calendar-cell-inner,html:not([dir="rtl"]) .calendar-cell:not(.range)+.range .calendar-cell-inner{border-top-left-radius:.375rem;  border-bottom-left-radius:.375rem}

*[dir="rtl"] .calendar-cell.range:not(.selected):first-child .calendar-cell-inner,*[dir="rtl"] .calendar-cell:not(.range)+.range .calendar-cell-inner{border-top-right-radius:.375rem;  border-bottom-right-radius:.375rem}

html:not([dir="rtl"]) .calendar-cell.range:not(.selected):last-child .calendar-cell-inner,html:not([dir="rtl"]) .calendar-cell.range:not(.selected).last .calendar-cell-inner{border-top-right-radius:.375rem;  border-bottom-right-radius:.375rem}

*[dir="rtl"] .calendar-cell.range:not(.selected):last-child .calendar-cell-inner,*[dir="rtl"] .calendar-cell.range:not(.selected).last .calendar-cell-inner{border-top-left-radius:.375rem;  border-bottom-left-radius:.375rem}

.calendar-cell.range-hover .calendar-cell-inner{position:relative}

.calendar-cell.range-hover .calendar-cell-inner::before{position:absolute;  width:100%;  height:100%;  content:""}

.calendar-cell.range-hover .calendar-cell-inner::before,.calendar-cell.range-hover.selected .calendar-cell-inner::before{border-top:1px dashed var(
	--cui-calendar-cell-selected-bg);  border-bottom:1px dashed var(
--cui-calendar-cell-selected-bg);  border-radius:0}

.calendar-cell.range-hover:first-child .calendar-cell-inner::before,.calendar-cell:not(.range-hover)+.range-hover .calendar-cell-inner::before{border-left:1px dashed var(
--cui-calendar-cell-selected-bg)}

html:not([dir="rtl"]) .calendar-cell.range-hover:first-child .calendar-cell-inner::before,html:not([dir="rtl"]) .calendar-cell:not(.range-hover)+.range-hover .calendar-cell-inner::before{border-top-left-radius:.375rem;  border-bottom-left-radius:.375rem}

*[dir="rtl"] .calendar-cell.range-hover:first-child .calendar-cell-inner::before,*[dir="rtl"] .calendar-cell:not(.range-hover)+.range-hover .calendar-cell-inner::before{border-top-right-radius:.375rem;  border-bottom-right-radius:.375rem}

.calendar-cell.range-hover:last-child .calendar-cell-inner::before,.calendar-cell.range-hover.last .calendar-cell-inner::before,.calendar-cell.range-hover+.range-hover:hover .calendar-cell-inner::before,.calendar-cell.range-hover:first-child:hover .calendar-cell-inner::before{border-right:1px dashed var(
--cui-calendar-cell-selected-bg)}

html:not([dir="rtl"]) .calendar-cell.range-hover:last-child .calendar-cell-inner::before,html:not([dir="rtl"]) .calendar-cell.range-hover.last .calendar-cell-inner::before,html:not([dir="rtl"]) .calendar-cell.range-hover+.range-hover:hover .calendar-cell-inner::before,html:not([dir="rtl"]) .calendar-cell.range-hover:first-child:hover .calendar-cell-inner::before{border-top-right-radius:.375rem;  border-bottom-right-radius:.375rem}

*[dir="rtl"] .calendar-cell.range-hover:last-child .calendar-cell-inner::before,*[dir="rtl"] .calendar-cell.range-hover.last .calendar-cell-inner::before,*[dir="rtl"] .calendar-cell.range-hover+.range-hover:hover .calendar-cell-inner::before,*[dir="rtl"] .calendar-cell.range-hover:first-child:hover .calendar-cell-inner::before{border-top-left-radius:.375rem;  border-bottom-left-radius:.375rem}

.calendar-cell.range-hover.selected:hover .calendar-cell-inner::before{border:0}

.calendar-cell.selected:not(.previous):not(.next) .calendar-cell-inner,.calendar-cell.selected:not(.previous):not(.next).start .calendar-cell-inner,.calendar-cell.selected:not(.previous):not(.next).end .calendar-cell-inner{position:relative;  color:var(
	--cui-calendar-cell-selected-color);  background:var(
--cui-calendar-cell-selected-bg)}

.calendar-cell.selected:not(.previous):not(.next).start .calendar-cell-inner::before,.calendar-cell.selected:not(.previous):not(.next).end .calendar-cell-inner::before{position:absolute;  top:0;  right:0;  bottom:0;  left:0;  z-index:-1;  content:"";  background:var(
--cui-calendar-cell-range-bg)}

html:not([dir="rtl"]) .calendar-cell.selected:not(.previous):not(.next).start .calendar-cell-inner::before{border-top-left-radius:.375rem;  border-bottom-left-radius:.375rem;  border-top-right-radius:0;  border-bottom-right-radius:0}

*[dir="rtl"] .calendar-cell.selected:not(.previous):not(.next).start .calendar-cell-inner::before{border-top-right-radius:.375rem;  border-bottom-right-radius:.375rem;  border-top-left-radius:0;  border-bottom-left-radius:0}

html:not([dir="rtl"]) .calendar-cell.selected:not(.previous):not(.next).end .calendar-cell-inner::before{border-top-left-radius:0;  border-bottom-left-radius:0;  border-top-right-radius:.375rem;  border-bottom-right-radius:.375rem}

*[dir="rtl"] .calendar-cell.selected:not(.previous):not(.next).end .calendar-cell-inner::before{border-top-right-radius:0;  border-bottom-right-radius:0;  border-top-left-radius:.375rem;  border-bottom-left-radius:.375rem}

.calendar-cell-inner{display:flex;  align-items:center;  justify-content:center;  height:var(
--cui-calendar-table-cell-size);  border-radius:.375rem}

.callout{
	--cui-callout-padding-x:0.5rem;  
	--cui-callout-padding-y:0.5rem;  
	--cui-callout-margin-x:0;  
	--cui-callout-margin-y:0.5rem;  
	--cui-callout-border-width:1px;  
	--cui-callout-border-left-width:4px;  
	--cui-callout-border-radius:.375rem;  
	padding:var(--cui-callout-padding-y) var(--cui-callout-padding-x);  
	margin:var(--cui-callout-margin-y) var(--cui-callout-margin-x); 
	border:var(--cui-callout-border-width) solid var(--cui-callout-border-color);  
	border-radius:var(--cui-callout-border-radius);
}

html:not([dir="rtl"]) .callout{border-left-width:var(
	--cui-callout-border-left-width);  border-left-color:var(
--cui-callout-border-left-color)}

*[dir="rtl"] .callout{border-right-width:var(
	--cui-callout-border-right-width);  border-right-color:var(
--cui-callout-border-right-color)}

.picker{
	--cui-picker-footer-border-top:1px solid #d8dbe0;  
--cui-picker-footer-padding:.5rem}

.picker .dropdown-menu{padding:0}

.picker.show .input-group{color:var(
	--cui-input-focus-color,rgba(44,56,74,0.95));  background-color:var(
	--cui-input-focus-bg,#fff);  border-color:var(
--cui-input-focus-border-color,#998fed);  outline:0;  box-shadow:0 0 0 .25rem rgba(50,31,219,0.25)}

.picker-input-group:hover .form-control:not(:-moz-placeholder-shown) ~ .input-group-text .picker-input-group-indicator:not(:last-child){
display:none}

.picker-input-group:hover .form-control:not(:placeholder-shown) ~ .input-group-text .picker-input-group-indicator:not(:last-child){
display:none}

.picker-input-group:hover .form-control:not(:-moz-placeholder-shown) ~ .input-group-text .picker-input-group-cleaner{display:initial}

.picker-input-group:hover .form-control:not(:placeholder-shown) ~ .input-group-text .picker-input-group-cleaner{display:initial}

.picker-input-group .form-control.hover{color:var(
--cui-gray-500)}

.picker-input-group .form-control:focus{border-color:var(
--cui-input-border-color,#b1b7c1);  outline:0;  box-shadow:none}

html:not([dir="rtl"]) .picker-input-group .form-control:not(:first-child){
border-left:0}

*[dir="rtl"] .picker-input-group .form-control:not(:first-child){
border-right:0}

html:not([dir="rtl"]) .picker-input-group .form-control:not(:last-child){
border-right:0}

*[dir="rtl"] .picker-input-group .form-control:not(:last-child){
border-left:0}

.picker-input-group .form-control[readonly]{background-color:var(
--cui-input-bg,#fff)}

.picker-input-group .form-control.form-control:disabled+.input-group-text{background-color:var(
--cui-input-disabled-bg,#d8dbe0)}

.picker-input-group.input-group{border-radius:.375rem}

.picker-input-group.input-group-lg{border-radius:.5rem}

.picker-input-group.input-group-lg .picker-input-group-icon{width:1.25rem;  height:1.25rem;  font-size:1.25rem}

.picker-input-group.input-group-sm{border-radius:.25rem}

.picker-input-group.input-group-sm .picker-input-group-icon{width:.875rem;  height:.875rem;  font-size:.875rem}

.picker-input-group .input-group-text{color:var(
	--cui-gray-400);  background-color:var(
--cui-input-bg,#fff)}

.picker-input-group-cleaner{display:none}

.picker-input-group-icon{display:block;  width:1rem;  height:1rem;  font-size:1rem;  transition:background-image .15s ease-in-out}


.picker-footer{display:flex;  justify-content:flex-end;  padding:var(
	--cui-picker-footer-padding);  border-top:var(
--cui-picker-footer-border-top)}

html:not([dir="rtl"]) .picker-footer .btn+.btn{margin-left:.5rem}

*[dir="rtl"] .picker-footer .btn+.btn{margin-right:.5rem}

.date-picker{
	--cui-date-picker-ranges-width:10rem;  
	--cui-date-picker-ranges-padding:.5rem;  
	--cui-date-picker-ranges-border:1px solid #d8dbe0;  
	--cui-date-picker-timepicker-width:20.25rem;  
--cui-date-picker-timepicker-border-top:1px solid #d8dbe0}

.date-picker .dropdown-menu{width:-webkit-min-content;  width:-moz-min-content;  width:min-content}

.date-picker.is-invalid .form-control{
--cui-input-border-color:#e55353}

.date-picker.is-invalid .input-group-text{
--cui-input-group-addon-border-color:#e55353}

.date-picker.is-invalid .picker-input-group-indicator{
--cui-input-group-addon-color:#e55353}

.date-picker.is-invalid .date-picker-input-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' role='img'%3e%3cpath fill='%23e55353' d='M472,96H384V40H352V96H160V40H128V96H40a24.028,24.028,0,0,0-24,24V456a24.028,24.028,0,0,0,24,24H472a24.028,24.028,0,0,0,24-24V120A24.028,24.028,0,0,0,472,96Zm-8,352H48V128h80v40h32V128H352v40h32V128h80Z'%3e%3c/path%3e%3crect width='32' height='32' x='112' y='224' fill='%23e55353'%3e%3c/rect%3e%3crect width='32' height='32' x='200' y='224' fill='%23e55353'%3e%3c/rect%3e%3crect width='32' height='32' x='280' y='224' fill='%23e55353'%3e%3c/rect%3e%3crect width='32' height='32' x='368' y='224' fill='%23e55353'%3e%3c/rect%3e%3crect width='32' height='32' x='112' y='296' fill='%23e55353'%3e%3c/rect%3e%3crect width='32' height='32' x='200' y='296' fill='%23e55353'%3e%3c/rect%3e%3crect width='32' height='32' x='280' y='296' fill='%23e55353'%3e%3c/rect%3e%3crect width='32' height='32' x='368' y='296' fill='%23e55353'%3e%3c/rect%3e%3crect width='32' height='32' x='112' y='368' fill='%23e55353'%3e%3c/rect%3e%3crect width='32' height='32' x='200' y='368' fill='%23e55353'%3e%3c/rect%3e%3crect width='32' height='32' x='280' y='368' fill='%23e55353'%3e%3c/rect%3e%3crect width='32' height='32' x='368' y='368' fill='%23e55353'%3e%3c/rect%3e%3c/svg%3e")}

.date-picker.is-valid .form-control{
--cui-input-border-color:#2eb85c}

.date-picker.is-valid .input-group-text{
--cui-input-group-addon-border-color:#2eb85c}

.date-picker.is-valid .picker-input-group-indicator{
--cui-input-group-addon-color:#2eb85c}

.date-picker.is-valid .date-picker-input-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' role='img'%3e%3cpath fill='%232eb85c' d='M472,96H384V40H352V96H160V40H128V96H40a24.028,24.028,0,0,0-24,24V456a24.028,24.028,0,0,0,24,24H472a24.028,24.028,0,0,0,24-24V120A24.028,24.028,0,0,0,472,96Zm-8,352H48V128h80v40h32V128H352v40h32V128h80Z'%3e%3c/path%3e%3crect width='32' height='32' x='112' y='224' fill='%232eb85c'%3e%3c/rect%3e%3crect width='32' height='32' x='200' y='224' fill='%232eb85c'%3e%3c/rect%3e%3crect width='32' height='32' x='280' y='224' fill='%232eb85c'%3e%3c/rect%3e%3crect width='32' height='32' x='368' y='224' fill='%232eb85c'%3e%3c/rect%3e%3crect width='32' height='32' x='112' y='296' fill='%232eb85c'%3e%3c/rect%3e%3crect width='32' height='32' x='200' y='296' fill='%232eb85c'%3e%3c/rect%3e%3crect width='32' height='32' x='280' y='296' fill='%232eb85c'%3e%3c/rect%3e%3crect width='32' height='32' x='368' y='296' fill='%232eb85c'%3e%3c/rect%3e%3crect width='32' height='32' x='112' y='368' fill='%232eb85c'%3e%3c/rect%3e%3crect width='32' height='32' x='200' y='368' fill='%232eb85c'%3e%3c/rect%3e%3crect width='32' height='32' x='280' y='368' fill='%232eb85c'%3e%3c/rect%3e%3crect width='32' height='32' x='368' y='368' fill='%232eb85c'%3e%3c/rect%3e%3c/svg%3e")}

.date-picker-body{display:grid;  grid-template-areas:"ranges calendars" "ranges timepickers";  grid-template-rows:auto;  grid-template-columns:auto auto}

.date-picker-ranges{grid-area:ranges;  width:var(
	--cui-date-picker-ranges-width);  padding:var(
	--cui-date-picker-ranges-padding);  border-right:var(
--cui-date-picker-ranges-border)}

.date-picker-calendars{display:flex;  grid-area:calendars}

.date-picker-calendars .date-picker-calendar:not(:last-child) .calendar-navigation-next{visibility:hidden}

.date-picker-calendars .date-picker-calendar:not(:first-child) .calendar-navigation-prev{visibility:hidden}

html:not([dir="rtl"]) .date-picker-arrow-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' role='img'%3e%3cpolygon fill='%238a93a2' points='359.873 121.377 337.246 144.004 433.243 240.001 16 240.001 16 240.002 16 272.001 16 272.002 433.24 272.002 337.246 367.996 359.873 390.623 494.498 256 359.873 121.377'%3e%3c/polygon%3e%3c/svg%3e")}

*[dir="rtl"] .date-picker-arrow-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' role='img'%3e%3cpolygon fill='%238a93a2' points='497.333 239.999 80.092 239.999 176.087 144.004 153.46 121.377 18.837 256 153.46 390.623 176.087 367.996 80.09 271.999 497.333 271.999 497.333 239.999'%3e%3c/polygon%3e%3c/svg%3e")}

.date-picker-cleaner-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' role='img'%3e%3cpolygon fill='%238a93a2' points='306.912 214.461 256 265.373 205.088 214.461 182.461 237.088 233.373 288 182.461 338.912 205.088 361.539 256 310.627 306.912 361.539 329.539 338.912 278.627 288 329.539 237.088 306.912 214.461'%3e%3c/polygon%3e%3cpath fill='%238a93a2' d='M472,96H384V40H352V96H160V40H128V96H40a24.028,24.028,0,0,0-24,24V456a24.028,24.028,0,0,0,24,24H472a24.028,24.028,0,0,0,24-24V120A24.028,24.028,0,0,0,472,96Zm-8,352H48V128h80v40h32V128H352v40h32V128h80Z'%3e%3c/path%3e%3c/svg%3e")}

.date-picker-cleaner-icon:hover{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' role='img'%3e%3cpolygon fill='rgba%2844, 56, 74, 0.95%29' points='306.912 214.461 256 265.373 205.088 214.461 182.461 237.088 233.373 288 182.461 338.912 205.088 361.539 256 310.627 306.912 361.539 329.539 338.912 278.627 288 329.539 237.088 306.912 214.461'%3e%3c/polygon%3e%3cpath fill='rgba%2844, 56, 74, 0.95%29%29' d='M472,96H384V40H352V96H160V40H128V96H40a24.028,24.028,0,0,0-24,24V456a24.028,24.028,0,0,0,24,24H472a24.028,24.028,0,0,0,24-24V120A24.028,24.028,0,0,0,472,96Zm-8,352H48V128h80v40h32V128H352v40h32V128h80Z'%3e%3c/path%3e%3c/svg%3e")}

.date-picker-input-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' role='img'%3e%3cpath fill='%238a93a2' d='M472,96H384V40H352V96H160V40H128V96H40a24.028,24.028,0,0,0-24,24V456a24.028,24.028,0,0,0,24,24H472a24.028,24.028,0,0,0,24-24V120A24.028,24.028,0,0,0,472,96Zm-8,352H48V128h80v40h32V128H352v40h32V128h80Z'%3e%3c/path%3e%3crect width='32' height='32' x='112' y='224' fill='%238a93a2'%3e%3c/rect%3e%3crect width='32' height='32' x='200' y='224' fill='%238a93a2'%3e%3c/rect%3e%3crect width='32' height='32' x='280' y='224' fill='%238a93a2'%3e%3c/rect%3e%3crect width='32' height='32' x='368' y='224' fill='%238a93a2'%3e%3c/rect%3e%3crect width='32' height='32' x='112' y='296' fill='%238a93a2'%3e%3c/rect%3e%3crect width='32' height='32' x='200' y='296' fill='%238a93a2'%3e%3c/rect%3e%3crect width='32' height='32' x='280' y='296' fill='%238a93a2'%3e%3c/rect%3e%3crect width='32' height='32' x='368' y='296' fill='%238a93a2'%3e%3c/rect%3e%3crect width='32' height='32' x='112' y='368' fill='%238a93a2'%3e%3c/rect%3e%3crect width='32' height='32' x='200' y='368' fill='%238a93a2'%3e%3c/rect%3e%3crect width='32' height='32' x='280' y='368' fill='%238a93a2'%3e%3c/rect%3e%3crect width='32' height='32' x='368' y='368' fill='%238a93a2'%3e%3c/rect%3e%3c/svg%3e")}

.date-picker-timepickers{display:flex;  flex-wrap:wrap;  grid-area:timepickers;  justify-content:space-between;  border-top:var(
--cui-date-picker-timepicker-border-top)}

.date-picker-timepickers .time-picker{width:var(
--cui-date-picker-timepicker-width)}

.date-picker-timepickers .time-picker .form-select{width:initial;  padding-right:.25rem;  padding-left:.25rem;  text-align:right;  background:0;  border:0}

.date-picker-timepickers .time-picker .form-select:disabled{color:rgba(44,56,74,0.38);  background-color:transparent}



.time-picker{
	--cui-time-picker-body-padding:.5rem;  
--cui-time-picker-roll-col-border:1px solid #d8dbe0}

.time-picker.is-invalid .form-control{
--cui-input-border-color:#e55353}

.time-picker.is-invalid .input-group-text{
--cui-input-group-addon-border-color:#e55353}

.time-picker.is-invalid .picker-input-group-indicator{
--cui-input-group-addon-color:#e55353}

.time-picker.is-invalid .time-picker-input-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' role='img'%3e%3cpolygon fill='%23e55353' points='271.514 95.5 239.514 95.5 239.514 273.611 355.127 328.559 368.864 299.657 271.514 253.389 271.514 95.5' class='ci-primary'%3e%3c/polygon%3e%3cpath fill='%23e55353' d='M256,16C123.452,16,16,123.452,16,256S123.452,496,256,496,496,388.548,496,256,388.548,16,256,16Zm0,448C141.125,464,48,370.875,48,256S141.125,48,256,48s208,93.125,208,208S370.875,464,256,464Z' class='ci-primary'%3e%3c/path%3e%3c/svg%3e")}

.time-picker.is-valid .form-control{
--cui-input-border-color:#2eb85c}

.time-picker.is-valid .input-group-text{
--cui-input-group-addon-border-color:#2eb85c}

.time-picker.is-valid .picker-input-group-indicator{
--cui-input-group-addon-color:#2eb85c}

.time-picker.is-valid .time-picker-input-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' role='img'%3e%3cpolygon fill='%232eb85c' points='271.514 95.5 239.514 95.5 239.514 273.611 355.127 328.559 368.864 299.657 271.514 253.389 271.514 95.5' class='ci-primary'%3e%3c/polygon%3e%3cpath fill='%232eb85c' d='M256,16C123.452,16,16,123.452,16,256S123.452,496,256,496,496,388.548,496,256,388.548,16,256,16Zm0,448C141.125,464,48,370.875,48,256S141.125,48,256,48s208,93.125,208,208S370.875,464,256,464Z' class='ci-primary'%3e%3c/path%3e%3c/svg%3e")}

.time-picker-body{display:flex;  align-items:center;  padding:var(
--cui-time-picker-body-padding)}

.time-picker-body .form-select{padding-right:1.25rem;  background-position:right .5rem center;  -ms-overflow-style:none;  scrollbar-width:none}

.time-picker-body .form-select+.form-select{margin-left:.5rem}

.time-picker-body .form-select::-webkit-scrollbar{width:10px}

.time-picker-body .time-picker-inline-icon{display:block;  width:40px;  height:1.25rem;  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' role='img'%3e%3cpolygon fill='%238a93a2' points='271.514 95.5 239.514 95.5 239.514 273.611 355.127 328.559 368.864 299.657 271.514 253.389 271.514 95.5' class='ci-primary'%3e%3c/polygon%3e%3cpath fill='%238a93a2' d='M256,16C123.452,16,16,123.452,16,256S123.452,496,256,496,496,388.548,496,256,388.548,16,256,16Zm0,448C141.125,464,48,370.875,48,256S141.125,48,256,48s208,93.125,208,208S370.875,464,256,464Z' class='ci-primary'%3e%3c/path%3e%3c/svg%3e");  background-repeat:no-repeat;  background-position:center}

.time-picker-cleaner-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' role='img'%3e%3cpolygon fill='%238a93a2' points='348.071 141.302 260.308 229.065 172.545 141.302 149.917 163.929 237.681 251.692 149.917 339.456 172.545 362.083 260.308 274.32 348.071 362.083 370.699 339.456 282.935 251.692 370.699 163.929 348.071 141.302' class='ci-primary'%3e%3c/polygon%3e%3cpath fill='%238a93a2' d='M425.706,86.294A240,240,0,0,0,86.294,425.706,240,240,0,0,0,425.706,86.294ZM256,464C141.309,464,48,370.691,48,256S141.309,48,256,48s208,93.309,208,208S370.691,464,256,464Z' class='ci-primary'%3e%3c/path%3e%3c/svg%3e")}

.time-picker-cleaner-icon:hover{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' role='img'%3e%3cpolygon fill='rgba%2844, 56, 74, 0.95%29' points='348.071 141.302 260.308 229.065 172.545 141.302 149.917 163.929 237.681 251.692 149.917 339.456 172.545 362.083 260.308 274.32 348.071 362.083 370.699 339.456 282.935 251.692 370.699 163.929 348.071 141.302' class='ci-primary'%3e%3c/polygon%3e%3cpath fill='rgba%2844, 56, 74, 0.95%29' d='M425.706,86.294A240,240,0,0,0,86.294,425.706,240,240,0,0,0,425.706,86.294ZM256,464C141.309,464,48,370.691,48,256S141.309,48,256,48s208,93.309,208,208S370.691,464,256,464Z' class='ci-primary'%3e%3c/path%3e%3c/svg%3e")}

.time-picker-input-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' role='img'%3e%3cpolygon fill='%238a93a2' points='271.514 95.5 239.514 95.5 239.514 273.611 355.127 328.559 368.864 299.657 271.514 253.389 271.514 95.5' class='ci-primary'%3e%3c/polygon%3e%3cpath fill='%238a93a2' d='M256,16C123.452,16,16,123.452,16,256S123.452,496,256,496,496,388.548,496,256,388.548,16,256,16Zm0,448C141.125,464,48,370.875,48,256S141.125,48,256,48s208,93.125,208,208S370.875,464,256,464Z' class='ci-primary'%3e%3c/path%3e%3c/svg%3e")}

.time-picker-roll{padding:0;  overflow:hidden;  border-radius:inherit}

.time-picker-roll-col{height:256px;  overflow:scroll;  border-right:var(
--cui-time-picker-roll-col-border);  -ms-overflow-style:none;  scrollbar-width:none}

.time-picker-roll-col::-webkit-scrollbar{display:none}

.time-picker-roll-cell{width:50px;  height:32px;  padding:0 1rem 0 .5rem;  line-height:32px}

.time-picker-roll-cell.selected{color:var(
	--cui-white);  background:var(
--cui-primary)}

.time-picker-roll-cell:last-child::after{display:block;  height:224px;  content:""}

.footer{
	--cui-footer-min-height:3rem;  
	--cui-footer-padding-x:1rem;  
	--cui-footer-padding-y:.5rem;  display:flex;  flex-wrap:wrap;  align-items:center;  justify-content:space-between;  min-height:var(
	--cui-footer-min-height);  padding:var(
	--cui-footer-padding-y) var(
--cui-footer-padding-x)}

.footer-sticky{position:-webkit-sticky;  position:sticky;  bottom:0;  z-index:1030}

.footer-sticky:not(.placeholder):not(top){
	border-color:transparent;  box-shadow:0 2px 2px 0 rgba(var(
	--cui-elevation-base-color,60,75,100),0.14),0 3px 1px -2px rgba(var(
	--cui-elevation-base-color,60,75,100),0.12),0 1px 5px 0 rgba(var(
--cui-elevation-base-color,60,75,100),0.2)}

.header{
	--cui-header-min-height:4rem;  
	--cui-header-padding-x:.5rem;  
	--cui-header-padding-y:.5rem;  
	--cui-header-border:1px solid var(--cui-header-border-color);  
	--cui-header-toggler-padding-x:.75rem;  
	--cui-header-toggler-padding-y:.25rem;  
	--cui-header-toggler-border-radius:.375rem;  
	--cui-header-toggler-icon-bg:url("data:image/svg+xml;  charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%2844, 56, 74, 0.681%29' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");  
	--cui-header-toggler-hover-icon-bg:url("data:image/svg+xml;  charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%2844, 56, 74, 0.95%29' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");  
	--cui-header-nav-link-padding-x:.5rem;  
	--cui-header-nav-link-padding-y:.5rem;  
	--cui-header-divider-border:1px solid var(--cui-header-divider-border-color);  
	--cui-subheader-min-height:3rem;  position:relative;  display:flex;  flex-wrap:wrap;  align-items:center;  justify-content:space-between;  min-height:var(--cui-header-min-height);  padding:var(--cui-header-padding-y) var(--cui-header-padding-x);  background:var(--cui-header-bg);  border-bottom:var(--cui-header-border)
}

.header>.container,.header>.container-fluid,.header>.container-sm,.header>.container-md,.header>.container-lg,.header>.container-xl,.header>.container-xxl,.header .navbar>.container,.header .navbar>.container-fluid,.header .navbar>.container-sm,.header .navbar>.container-md,.header .navbar>.container-lg,.header .navbar>.container-xl,.header .navbar>.container-xxl{display:flex;  flex-wrap:inherit;  align-items:center;  justify-content:space-between}

.header .container:first-child,.header .container-fluid:first-child,.header .container-sm:first-child,.header .container-md:first-child,.header .container-lg:first-child,.header .container-xl:first-child,.header .container-xxl:first-child{min-height:calc(var(
	--cui-header-min-height) - 2 * var(
--cui-header-padding-y))}

.header .container:nth-child(n+2),.header .container-fluid:nth-child(n+2),.header .container-sm:nth-child(n+2),.header .container-md:nth-child(n+2),.header .container-lg:nth-child(n+2),.header .container-xl:nth-child(n+2),.header .container-xxl:nth-child(n+2){
	min-height:calc(var(
	--cui-subheader-min-height) - 2 * var(
--cui-header-padding-y))}

.header.header-sticky{position:-webkit-sticky;  position:sticky;  top:-1px;  z-index:1029;  box-shadow:0 2px 2px 0 rgba(var(
	--cui-elevation-base-color,60,75,100),0.14),0 3px 1px -2px rgba(var(
	--cui-elevation-base-color,60,75,100),0.12),0 1px 5px 0 rgba(var(
--cui-elevation-base-color,60,75,100),0.2)}

.header.header-sticky:not([class*="border"]){
border:0}

.header-divider{flex-basis:calc(100% + 2 * var(
	--cui-header-padding-x));  height:0;  margin:var(
	--cui-header-padding-y) calc(var(
	--cui-header-padding-x) * -1);  border-top:var(
--cui-header-divider-border)}

.header-brand{padding-top:var(
	--cui-header-brand-padding-y);  padding-bottom:var(
	--cui-header-brand-padding-y);  font-size:1.25rem;  color:var(
--cui-header-brand-color);  text-decoration:none;  white-space:nowrap}

html:not([dir="rtl"]) .header-brand{margin-right:1rem}

*[dir="rtl"] .header-brand{margin-left:1rem}

.header-brand:hover,.header-brand:focus{color:var(
--cui-header-brand-hover-color)}

.header-nav{display:flex;  flex-direction:row;  margin-bottom:0;  list-style:none}

body:not(.dark-theme) .header-nav .nav-item{font-weight:bolder}

html:not([dir="rtl"]) .header-nav{padding-left:0}

*[dir="rtl"] .header-nav{padding-right:0}

.header-nav .nav-link{padding:var(
	--cui-header-nav-link-padding-y) var(
	--cui-header-nav-link-padding-x);  color:var(
--cui-header-color)}

.header-nav .nav-link:hover,.header-nav .nav-link:focus{color:var(
--cui-header-hover-color)}

.header-nav .nav-link.disabled{color:var(
--cui-header-disabled-color)}

.header-nav .show>.nav-link,.header-nav .nav-link.active{
	color:var(--cui-header-active-color)}

.header-nav .dropdown-menu{position:absolute;right: -43%;    top: 52px;}

.header-text{padding-top:var(
	--cui-header-nav-link-padding-y);  padding-bottom:var(
	--cui-header-nav-link-padding-y);  color:var(
--cui-header-color)}

.header-text a{color:var(
--cui-header-active-color)}

.header-text a:hover,.header-text a:focus{color:var(
--cui-header-active-color)}

.header-toggler{padding:var(
	--cui-header-toggler-padding-y) var(
	--cui-header-toggler-padding-x);  font-size:1.25rem;  color:var(
	--cui-header-toggler-color);  background-color:var(
	--cui-header-toggler-bg);  border:0;  border-radius:var(
--cui-header-toggler-border-radius)}

.header-toggler:hover{color:var(
--cui-header-toggler-hover-color);  text-decoration:none}

.header-toggler:focus{outline:0}

.header-toggler:not(:disabled){
cursor:pointer}

.header-toggler.prevent-hide{display:block !important}

.header-toggler-icon{display:block;  height:1.5625rem;  background-image:var(
--cui-header-toggler-icon-bg);  background-repeat:no-repeat;  background-position:center center;  background-size:100% 100%}

.header-toggler-icon:hover{background-image:var(
--cui-header-toggler-hover-icon-bg)}

.icon{display:inline-block;  color:inherit;  text-align:center;  vertical-align:-0.125rem;  fill:currentcolor}

.icon:not(.icon-c-s):not(.icon-custom-size){
width:1rem;  height:1rem;  font-size:1rem}

.icon:not(.icon-c-s):not(.icon-custom-size).icon-xxl{width:2rem;  height:2rem;  font-size:2rem}

.icon:not(.icon-c-s):not(.icon-custom-size).icon-xl{width:1.5rem;  height:1.5rem;  font-size:1.5rem}

.icon:not(.icon-c-s):not(.icon-custom-size).icon-lg{width:1.25rem;  height:1.25rem;  font-size:1.25rem}

.icon:not(.icon-c-s):not(.icon-custom-size).icon-sm{width:.875rem;  height:.875rem;  font-size:.875rem}

.icon:not(.icon-c-s):not(.icon-custom-size).icon-3xl{width:3rem;  height:3rem;  font-size:3rem}

.icon:not(.icon-c-s):not(.icon-custom-size).icon-4xl{width:4rem;  height:4rem;  font-size:4rem}

.icon:not(.icon-c-s):not(.icon-custom-size).icon-5xl{width:5rem;  height:5rem;  font-size:5rem}

.icon:not(.icon-c-s):not(.icon-custom-size).icon-6xl{width:6rem;  height:6rem;  font-size:6rem}

.icon:not(.icon-c-s):not(.icon-custom-size).icon-7xl{width:7rem;  height:7rem;  font-size:7rem}

.icon:not(.icon-c-s):not(.icon-custom-size).icon-8xl{width:8rem;  height:8rem;  font-size:8rem}

.icon:not(.icon-c-s):not(.icon-custom-size).icon-9xl{width:9rem;  height:9rem;  font-size:9rem}

.sidebar{
	--cui-sidebar-width:20rem;   
	--cui-sidebar-padding-x:0;  
	--cui-sidebar-padding-y:0;  
	--cui-sidebar-border-width:0;  
	--cui-sidebar-brand-height:4rem;   
	--cui-sidebar-close-button-width:2rem;  
	--cui-sidebar-close-button-height:4rem;  
	--cui-sidebar-header-height:4rem;  
	--cui-sidebar-header-padding-x:1rem;  
	--cui-sidebar-header-padding-y:.75rem;  
	--cui-sidebar-footer-height:auto;  
	--cui-sidebar-footer-padding-x:1rem;  
	--cui-sidebar-footer-padding-y:.75rem;  
	--cui-sidebar-toggler-height:3rem;  
	--cui-sidebar-toggler-indicator:url("data:image/svg+xml;  charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='%238a93a2' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");  
	--cui-sidebar-toggler-indicator-width:4rem;  
	--cui-sidebar-toggler-indicator-height:3rem;  
	--cui-sidebar-toggler-indicator-hover:url("data:image/svg+xml;  charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='rgba%28255, 255, 255, 0.87%29' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");  
	--cui-sidebar-narrow-width:4rem;  
	--cui-sidebar-nav-title-padding-x:1rem;  
	--cui-sidebar-nav-title-padding-y:.75rem;  
	--cui-sidebar-nav-title-margin-top:1rem;  
	--cui-sidebar-nav-link-padding-x:1rem;  
	--cui-sidebar-nav-link-padding-y:.7445rem;
	--cui-sidebar-nav-link-border-radius:0;  
	--cui-sidebar-nav-icon-width:4rem;  
	--cui-sidebar-nav-icon-height:1.25rem;  
	--cui-sidebar-nav-icon-font-size:1.25rem;   
	--cui-sidebar-nav-group-items-padding-y:0;  
	--cui-sidebar-nav-group-items-padding-x:0;  
	--cui-sidebar-nav-group-indicator:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba%28255, 255, 255, 0.6%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");  
	--cui-sidebar-nav-group-indicator-hover:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba%28255, 255, 255, 0.87%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	position:relative;  display:flex;  flex:0 0 var(
	--cui-sidebar-width);  flex-direction:column;  order:-1;  width:var(
	--cui-sidebar-width);  padding:var(--cui-sidebar-padding-y) var(--cui-sidebar-padding-x); transition:margin-left .15s,margin-right .15s,box-shadow .075s,transform .15s,width .15s,z-index 0s ease .15s;
}

html:not([dir="rtl"]) .sidebar{border-right:var(
	--cui-sidebar-border-width) solid var(
--cui-sidebar-border-color)}

*[dir="rtl"] .sidebar{border-left:var(
	--cui-sidebar-border-width) solid var(
--cui-sidebar-border-color)}



html:not([dir="rtl"]) .sidebar:not(.sidebar-end){
margin-left:0}

*[dir="rtl"] .sidebar:not(.sidebar-end){
margin-right:0}

.sidebar:not(.sidebar-end) ~ *{
--cui-sidebar-occupy-start:20rem}

.sidebar.sidebar-end{order:99}

html:not([dir="rtl"]) .sidebar.sidebar-end{margin-right:0}

*[dir="rtl"] .sidebar.sidebar-end{margin-left:0}

.sidebar.sidebar-end ~ *{
--cui-sidebar-occupy-end:16rem}

.sidebar[class*="bg-"]{border-color:rgba(0,0,21,0.1)}

.sidebar.sidebar-sm{
--cui-sidebar-width:12rem}



.sidebar.sidebar-lg{
--cui-sidebar-width:20rem}


.sidebar.sidebar-xl{
--cui-sidebar-width:24rem}




.sidebar.sidebar-overlaid{position:fixed;  top:0;  bottom:0;  z-index:1032}

.sidebar.sidebar-overlaid:not(.hide){
	box-shadow:0 3px 4px 0 rgba(var(
	--cui-elevation-base-color,60,75,100),0.14),0 3px 3px -2px rgba(var(
	--cui-elevation-base-color,60,75,100),0.12),0 1px 8px 0 rgba(var(
--cui-elevation-base-color,60,75,100),0.2)}

.sidebar.sidebar-overlaid:not(.hide):not([class*="border"]){
border:0}

html:not([dir="rtl"]) .sidebar.sidebar-overlaid:not(.sidebar-end){
left:0}

*[dir="rtl"] .sidebar.sidebar-overlaid:not(.sidebar-end){
right:0}

.sidebar.sidebar-overlaid:not(.sidebar-end) ~ *{
--cui-sidebar-occupy-start:0 !important}

html:not([dir="rtl"]) .sidebar.sidebar-overlaid.sidebar-end{right:0}

*[dir="rtl"] .sidebar.sidebar-overlaid.sidebar-end{left:0}

.sidebar.sidebar-overlaid.sidebar-end ~ *{
--cui-sidebar-occupy-end:0 !important}


.sidebar-close{position:absolute;  top:0;  width:var(--cui-sidebar-close-button-width);  height:var(--cui-sidebar-close-button-height);  color:var(--cui-sidebar-color);  background:transparent;  border:0}

html:not([dir="rtl"]) .sidebar-close{right:25px;}

*[dir="rtl"] .sidebar-close{left:0}

.sidebar-close:hover{text-decoration:none}

.sidebar-close:focus{outline:0}

.sidebar-brand{display:flex;  flex:0 0 var(
	--cui-sidebar-brand-height);  align-items:center;  justify-content:center;  color:var(
--cui-sidebar-brand-color);  background:var(--cui-sidebar-brand-bg)}

.sidebar-brand .sidebar-brand-narrow{display:none}

.sidebar-header{flex:0 0 var(
	--cui-sidebar-header-height);  padding:var(
	--cui-sidebar-header-padding-y) var(
	--cui-sidebar-header-padding-x);  text-align:center;  background:var(
--cui-sidebar-header-bg);  transition:height .15s,padding .15s}



.sidebar-header .nav-link{display:flex;  align-items:center;  min-height:var(
--cui-sidebar-header-height)}

.sidebar-footer{flex:0 0 var(
	--cui-sidebar-footer-height);  padding:var(
	--cui-sidebar-footer-padding-y) var(
	--cui-sidebar-footer-padding-x);  background:var(
--cui-sidebar-footer-bg);  transition:height .15s,padding .15s}


.sidebar-toggler{display:flex;  flex:0 0 var(
	--cui-sidebar-toggler-height);  justify-content:flex-end;  width:inherit;  padding:0;  cursor:pointer;  background-color:var(
--cui-sidebar-toggler-bg);  border:0}



.sidebar-toggler::before{display:block;  width:var(
	--cui-sidebar-toggler-indicator-width);  height:var(
	--cui-sidebar-toggler-indicator-height);  content:"";  background-image:var(
	--cui-sidebar-toggler-indicator);  background-repeat:no-repeat;  background-position:center;  background-size:calc(var(
--cui-sidebar-toggler-indicator-height) * 0.25);  transition:transform .15s}



*[dir="rtl"] .sidebar-toggler::before{transform:rotate(-180deg)}

.sidebar-toggler:focus{outline:0}
.sidebar-end .sidebar-toggler{justify-content:flex-start}
.sidebar-end .sidebar-toggler::before{transform:rotate(-180deg)}

.sidebar-backdrop{
	--cui-backdrop-zindex:1030;  
--cui-backdrop-opacity:.5}



.sidebar-light{
	--cui-sidebar-border-width:0;  
	--cui-sidebar-nav-group-indicator:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba(44, 56, 74, 0.681)'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");  
	--cui-sidebar-nav-group-indicator-hover:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba(44, 56, 74, 0.95)'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");  
	--cui-sidebar-toggler-indicator:url("data:image/svg+xml;  charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='rgba(44, 56, 74, 0.681)' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");  
--cui-sidebar-toggler-indicator-hover:url("data:image/svg+xml;  charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='rgba(44, 56, 74, 0.95)' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E")}

.sidebar-nav{position:relative;  display:flex;  flex:1;  flex-direction:column;  padding:0;  margin-bottom:0;  overflow-x:hidden;  overflow-y:auto;  list-style:none}

.sidebar-nav .nav-title{padding:var(
	--cui-sidebar-nav-title-padding-y) var(
	--cui-sidebar-nav-title-padding-x);  margin-top:var(
	--cui-sidebar-nav-title-margin-top);  font-size:80%;  font-weight:700;  color:var(
--cui-sidebar-nav-title-color);  text-transform:uppercase;  transition:height .15s,margin .15s}



.sidebar-nav .nav-link{display:flex;  flex:1;  align-items:center;  padding:var(
	--cui-sidebar-nav-link-padding-y) var(
	--cui-sidebar-nav-link-padding-x);  color:var(
	--cui-sidebar-nav-link-color);  text-decoration:none;  white-space:nowrap;  background:var(
	--cui-sidebar-nav-link-bg);  border:var(
	--cui-sidebar-nav-link-border);  border-radius:var(
	--cui-sidebar-nav-link-border-radius);  transition:background .15s ease,color .15s ease;
white-space: normal;}


.sidebar-nav .nav-link.active{color:var(
	--cui-sidebar-nav-link-active-color);  background:var(
--cui-sidebar-nav-link-active-bg)}

.sidebar-nav .nav-link.active .nav-icon{color:var(
--cui-sidebar-nav-link-active-icon-color)}

.sidebar-nav .nav-link.disabled{color:var(
--cui-sidebar-nav-link-disabled-color);  pointer-events:none;  cursor:not-allowed;  background:transparent}

.sidebar-nav .nav-link.disabled .nav-icon{color:var(
--cui-sidebar-nav-link-disabled-icon-color)}

.sidebar-nav .nav-link.disabled:hover{color:var(
--cui-sidebar-nav-link-disabled-color)}

.sidebar-nav .nav-link.disabled:hover .nav-icon{color:var(
--cui-sidebar-nav-link-disabled-icon-color)}

.sidebar-nav .nav-link.disabled:hover.nav-dropdown-toggle::after{background-image:var(
--cui-sidebar-nav-group-indicator-hover)}


.sidebar-nav .nav-icon{flex:0 0 var(
	--cui-sidebar-nav-icon-width);  height:var(
	--cui-sidebar-nav-icon-height);  font-size:var(
--cui-sidebar-nav-icon-font-size);  text-align:center;  pointer-events:none;  transition:inherit}



html:not([dir="rtl"]) .sidebar-nav .nav-icon:first-child{margin-left:calc(var(
--cui-sidebar-nav-link-padding-x) * -1)}

*[dir="rtl"] .sidebar-nav .nav-icon:first-child{margin-right:calc(var(
--cui-sidebar-nav-link-padding-x) * -1)}

.sidebar-nav svg.nav-icon{overflow:hidden}

.sidebar-nav .nav-group{position:relative;  transition:background .15s ease-in-out}


.sidebar-nav .nav-group .nav-group-items{padding:var(
	--cui-sidebar-nav-group-items-padding-y) var(
--cui-sidebar-nav-group-items-padding-x);  overflow:hidden;  transition:height .15s ease}



.sidebar-nav .nav-group:not(.show) .nav-group-items{display:none}

.sidebar-nav .nav-group.show{background:var(
--cui-sidebar-nav-group-bg)}

.sidebar-nav .nav-group.show .nav-group-toggle{color:var(
--cui-sidebar-nav-group-toggle-show-color)}

.sidebar-nav .nav-group.show>.nav-group-toggle::after{transform:rotate(180deg)}

.sidebar-nav .nav-group.show+.show{margin-top:1px}

.sidebar-nav .nav-group-toggle{cursor:pointer}

.sidebar-nav .nav-group-toggle::after{display:block;  flex:0 12px;  height:12px;  content:"";  background-image:var(
--cui-sidebar-nav-group-indicator);  background-repeat:no-repeat;  background-position:center;  transition:transform .15s;filter: invert(1);}
.dark-theme .sidebar-nav .nav-group-toggle::after{filter: invert(0);}

html:not([dir="rtl"]) .sidebar-nav .nav-group-toggle::after{margin-left:auto}

*[dir="rtl"] .sidebar-nav .nav-group-toggle::after{margin-right:auto}


.sidebar-nav .nav-group-items{padding:0;  list-style:none}

html:not([dir="rtl"]) .sidebar-nav .nav-group-items .nav-link{padding-left:var(
--cui-sidebar-nav-icon-width)}

*[dir="rtl"] .sidebar-nav .nav-group-items .nav-link{padding-right:var(
--cui-sidebar-nav-icon-width)}

html:not([dir="rtl"]) .sidebar-nav .nav-group-items .nav-link .nav-icon{margin-left:calc(var(
--cui-sidebar-nav-icon-width) * -1)}

*[dir="rtl"] .sidebar-nav .nav-group-items .nav-link .nav-icon{margin-right:calc(var(
--cui-sidebar-nav-icon-width) * -1)}

.sidebar-nav.compact .nav-link,.sidebar-nav .compact .nav-link{padding-top:calc(var(
	--cui-sidebar-nav-link-padding-y) * 0.5);  padding-bottom:calc(var(
--cui-sidebar-nav-link-padding-y) * 0.5)}



.sidebar-narrow:not(.sidebar-end) ~ *{
--cui-sidebar-occupy-start:4rem}

.sidebar-narrow.sidebar-end ~ *{
--cui-sidebar-occupy-end:4rem}

.sidebar-narrow-unfoldable{position:fixed;  z-index:1031}

.sidebar-narrow-unfoldable:not(.sidebar-end) ~ *{
--cui-sidebar-occupy-start:4rem}

.sidebar-narrow-unfoldable.sidebar-end ~ *{
--cui-sidebar-occupy-end:4rem}

html:not([dir="rtl"]) .sidebar-narrow-unfoldable:hover .sidebar-toggler::before{transform:rotate(-180deg)}

*[dir="rtl"] .sidebar-narrow-unfoldable:hover .sidebar-toggler::before{transform:rotate(0)}

.sidebar-narrow-unfoldable:hover.sidebar-end .sidebar-toggler::before{transform:rotate(0)}

html:not([dir="rtl"]) .sidebar:not(.vshow).sidebar-self-hiding.sidebar-narrow:not(.sidebar-end),html:not([dir="rtl"]) .sidebar:not(.vshow).sidebar-self-hiding.sidebar-narrow-unfoldable:not(.sidebar-end){
	margin-left:calc(var(
--cui-sidebar-narrow-width) * -1)}

*[dir="rtl"] .sidebar:not(.vshow).sidebar-self-hiding.sidebar-narrow:not(.sidebar-end),*[dir="rtl"] .sidebar:not(.vshow).sidebar-self-hiding.sidebar-narrow-unfoldable:not(.sidebar-end){
	margin-right:calc(var(
--cui-sidebar-narrow-width) * -1)}

html:not([dir="rtl"]) .sidebar:not(.vshow).sidebar-self-hiding.sidebar-narrow.sidebar-end,html:not([dir="rtl"]) .sidebar:not(.vshow).sidebar-self-hiding.sidebar-narrow-unfoldable.sidebar-end{margin-right:calc(var(
--cui-sidebar-narrow-width) * -1)}

*[dir="rtl"] .sidebar:not(.vshow).sidebar-self-hiding.sidebar-narrow.sidebar-end,*[dir="rtl"] .sidebar:not(.vshow).sidebar-self-hiding.sidebar-narrow-unfoldable.sidebar-end{margin-left:calc(var(
--cui-sidebar-narrow-width) * -1)}

.subheader{position:relative;  display:flex;  flex-wrap:wrap;  align-items:center;  justify-content:space-between;  min-height:3rem;  padding:.5rem 1rem;  background:var(
	--cui-subheader-bg,#fff);  border-bottom:var(
	--cui-subheader-border-width,1px) solid var(
--cui-subheader-border-color,#d8dbe0)}

.subheader-sticky{position:-webkit-sticky;  position:sticky;  top:0;  z-index:1029;  box-shadow:0 2px 2px 0 rgba(var(
	--cui-elevation-base-color,60,75,100),0.14),0 3px 1px -2px rgba(var(
	--cui-elevation-base-color,60,75,100),0.12),0 1px 5px 0 rgba(var(
--cui-elevation-base-color,60,75,100),0.2)}

.subheader-sticky:not([class*="border"]){
border:0}

.subheader-nav{display:flex;  flex-direction:row;  margin-bottom:0;  list-style:none}

html:not([dir="rtl"]) .subheader-nav{padding-left:0}

*[dir="rtl"] .subheader-nav{padding-right:0}

.subheader-nav .nav-link{padding-right:.5rem;  padding-left:.5rem;  color:var(
--cui-subheader-color,rgba(44,56,74,0.681))}

.subheader-nav .nav-link:hover,.subheader-nav .nav-link:focus{color:var(
--cui-subheader-hover-color,rgba(44,56,74,0.95))}

.subheader-nav .nav-link.disabled{color:var(
--cui-subheader-disabled-color,rgba(44,56,74,0.38))}

.subheader-nav .show>.nav-link,.subheader-nav .nav-link.active{color:var(
--cui-subheader-active-color,rgba(44,56,74,0.95))}

.subheader-nav .dropdown-menu{position:absolute}

.subheader-text{padding-top:.5rem;  padding-bottom:.5rem;  color:var(
--cui-subheader-color,rgba(44,56,74,0.681))}

.subheader-text a{color:var(
--cui-subheader-active-color,rgba(44,56,74,0.95))}

.subheader-text a:hover,.subheader-text a:focus{color:var(
--cui-subheader-active-color,rgba(44,56,74,0.95))}

.clearfix::after{display:block;  clear:both;  content:""}

.text-bg-primary{color:rgba(255,255,255,0.87) !important;  background-color:rgba(50,31,219,var(
--cui-bg-opacity,1)) !important}

.text-bg-secondary{color:#000015 !important;  background-color:rgba(157,165,177,var(
--cui-bg-opacity,1)) !important}

.text-bg-success{color:#000015 !important;  background-color:rgba(46,184,92,var(
--cui-bg-opacity,1)) !important}

.text-bg-info{color:#000015 !important;  background-color:rgba(51,153,255,var(
--cui-bg-opacity,1)) !important}

.text-bg-warning{color:rgba(44,56,74,0.95) !important;  background-color:rgba(249,177,21,var(
--cui-bg-opacity,1)) !important}

.text-bg-danger{color:#000015 !important;  background-color:rgba(229,83,83,var(
--cui-bg-opacity,1)) !important}

.text-bg-light{color:rgba(44,56,74,0.95) !important;  background-color:rgba(235,237,239,var(
--cui-bg-opacity,1)) !important}

.text-bg-dark{color:rgba(255,255,255,0.87) !important;  background-color:rgba(79,93,115,var(
--cui-bg-opacity,1)) !important}

.link-primary{color:#321fdb !important}

.link-primary:hover,.link-primary:focus{color:#5b4ce2 !important}

.link-secondary{color:#9da5b1 !important}

.link-secondary:hover,.link-secondary:focus{color:#b1b7c1 !important}

.link-success{color:#2eb85c !important}

.link-success:hover,.link-success:focus{color:#58c67d !important}

.link-info{color:#39f !important}

.link-info:hover,.link-info:focus{color:#5cadff !important}

.link-warning{color:#f9b115 !important}

.link-warning:hover,.link-warning:focus{color:#c78e11 !important}

.link-danger{color:#e55353 !important}

.link-danger:hover,.link-danger:focus{color:#ea7575 !important}

.link-light{color:#ebedef !important}

.link-light:hover,.link-light:focus{color:#bcbebf !important}

.link-dark{color:#4f5d73 !important}

.link-dark:hover,.link-dark:focus{color:#727d8f !important}

.ratio{position:relative;  width:100%}

.ratio::before{display:block;  padding-top:var(
--cui-aspect-ratio);  content:""}

.ratio>*{position:absolute;  top:0;  width:100%;  height:100%}

html:not([dir="rtl"]) .ratio>*{left:0}

*[dir="rtl"] .ratio>*{right:0}

.ratio-1x1{
--cui-aspect-ratio:100%}

.ratio-4x3{
--cui-aspect-ratio:75%}

.ratio-16x9{
--cui-aspect-ratio:56.25%}

.ratio-21x9{
--cui-aspect-ratio:42.8571428571%}

.fixed-top{position:fixed;  top:0;  right:0;  left:0;  z-index:1030}

.fixed-bottom{position:fixed;  right:0;  bottom:0;  left:0;  z-index:1030}

.sticky-top{position:-webkit-sticky;  position:sticky;  top:0;  z-index:1020}

.sticky-bottom{position:-webkit-sticky;  position:sticky;  bottom:0;  z-index:1020}



.hstack{display:flex;  flex-direction:row;  align-items:center;  align-self:stretch}

.vstack{display:flex;  flex:1 1 auto;  flex-direction:column;  align-self:stretch}

.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){
position:absolute !important;  width:1px !important;  height:1px !important;  padding:0 !important;  margin:-1px !important;  overflow:hidden !important;  clip:rect(0,0,0,0) !important;  white-space:nowrap !important;  border:0 !important}

.stretched-link::after{position:absolute;  top:0;  right:0;  bottom:0;  left:0;  z-index:1;  content:""}

.text-truncate{overflow:hidden;  text-overflow:ellipsis;  white-space:nowrap}

.vr{display:inline-block;  align-self:stretch;  width:1px;  min-height:1em;  padding:0;  background-color:currentcolor;  opacity:.25}

.align-baseline{vertical-align:baseline !important}

.align-top{vertical-align:top !important}

.align-middle{vertical-align:middle !important}

.align-bottom{vertical-align:bottom !important}

.align-text-bottom{vertical-align:text-bottom !important}

.align-text-top{vertical-align:text-top !important}

html:not([dir="rtl"]) .float-start{float:left !important}

*[dir="rtl"] .float-start{float:right !important}

html:not([dir="rtl"]) .float-end{float:right !important}

*[dir="rtl"] .float-end{float:left !important}

html:not([dir="rtl"]) .float-none{float:none !important}

*[dir="rtl"] .float-none{float:none !important}

.opacity-0{opacity:0 !important}

.opacity-25{opacity:.25 !important}

.opacity-50{opacity:.5 !important}

.opacity-75{opacity:.75 !important}

.opacity-100{opacity:1 !important}

.overflow-auto{overflow:auto !important}

.overflow-hidden{overflow:hidden !important}

.overflow-visible{overflow:visible !important}

.overflow-scroll{overflow:scroll !important}

.d-inline{display:inline !important}

.d-inline-block{display:inline-block !important}

.d-block{display:block !important}

.d-grid{display:grid !important}

.d-table{display:table !important}

.d-table-row{display:table-row !important}

.d-table-cell{display:table-cell !important}

.d-flex{display:flex !important}

.d-inline-flex{display:inline-flex !important}

.d-none{display:none !important}

.shadow{box-shadow:0 .5rem 1rem rgba(0,0,21,0.15) !important}

.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,21,0.075) !important}

.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,21,0.175) !important}

.shadow-none{box-shadow:none !important}

.elevation-0{box-shadow:none !important}

.elevation-1{box-shadow:0 1px 1px 0 rgba(var(
	--cui-elevation-base-color,60,75,100),0.14),0 2px 1px -1px rgba(var(
	--cui-elevation-base-color,60,75,100),0.12),0 1px 3px 0 rgba(var(
--cui-elevation-base-color,60,75,100),0.2) !important}

.elevation-2{box-shadow:0 2px 2px 0 rgba(var(
	--cui-elevation-base-color,60,75,100),0.14),0 3px 1px -2px rgba(var(
	--cui-elevation-base-color,60,75,100),0.12),0 1px 5px 0 rgba(var(
--cui-elevation-base-color,60,75,100),0.2) !important}

.elevation-3{box-shadow:0 3px 4px 0 rgba(var(
	--cui-elevation-base-color,60,75,100),0.14),0 3px 3px -2px rgba(var(
	--cui-elevation-base-color,60,75,100),0.12),0 1px 8px 0 rgba(var(
--cui-elevation-base-color,60,75,100),0.2) !important}

.elevation-4{box-shadow:0 4px 5px 0 rgba(var(
	--cui-elevation-base-color,60,75,100),0.14),0 1px 10px 0 rgba(var(
	--cui-elevation-base-color,60,75,100),0.12),0 2px 4px -1px rgba(var(
--cui-elevation-base-color,60,75,100),0.2) !important}

.elevation-6{box-shadow:0 6px 10px 0 rgba(var(
	--cui-elevation-base-color,60,75,100),0.14),0 1px 18px 0 rgba(var(
	--cui-elevation-base-color,60,75,100),0.12),0 3px 5px -1px rgba(var(
--cui-elevation-base-color,60,75,100),0.2) !important}

.elevation-8{box-shadow:0 8px 10px 1px rgba(var(
	--cui-elevation-base-color,60,75,100),0.14),0 3px 14px 2px rgba(var(
	--cui-elevation-base-color,60,75,100),0.12),0 5px 5px -3px rgba(var(
--cui-elevation-base-color,60,75,100),0.2) !important}

.elevation-9{box-shadow:0 9px 12px 1px rgba(var(
	--cui-elevation-base-color,60,75,100),0.14),0 3px 16px 2px rgba(var(
	--cui-elevation-base-color,60,75,100),0.12),0 5px 6px -3px rgba(var(
--cui-elevation-base-color,60,75,100),0.2) !important}

.elevation-12{box-shadow:0 12px 17px 2px rgba(var(
	--cui-elevation-base-color,60,75,100),0.14),0 5px 22px 4px rgba(var(
	--cui-elevation-base-color,60,75,100),0.12),0 7px 8px -4px rgba(var(
--cui-elevation-base-color,60,75,100),0.2) !important}

.elevation-16{box-shadow:0 16px 24px 2px rgba(var(
	--cui-elevation-base-color,60,75,100),0.14),0 6px 30px 5px rgba(var(
	--cui-elevation-base-color,60,75,100),0.12),0 8px 10px -5px rgba(var(
--cui-elevation-base-color,60,75,100),0.2) !important}

.elevation-24{box-shadow:0 24px 38px 3px rgba(var(
	--cui-elevation-base-color,60,75,100),0.14),0 9px 46px 8px rgba(var(
	--cui-elevation-base-color,60,75,100),0.12),0 11px 15px -7px rgba(var(
--cui-elevation-base-color,60,75,100),0.2) !important}

.position-static{position:static !important}

.position-relative{position:relative !important}

.position-absolute{position:absolute !important}

.position-fixed{position:fixed !important}

.position-sticky{position:-webkit-sticky !important;  position:sticky !important}

.top-0{top:0 !important}
.top-10{top:10% !important}
.top-20{top:20% !important}
.top-30{top:30% !important}
.top-40{top:40% !important}
.top-50{top:50% !important}
.top-60{top:60% !important}
.top-70{top:70% !important}
.top-80{top:80% !important}
.top-90{top:90% !important}
.top-100{top:100% !important}

.bottom-0{bottom:0 !important}

.bottom-50{bottom:50% !important}

.bottom-100{bottom:100% !important}

.start-0{left:0 !important}
.start-10{left:10% !important}
.start-20{left:20% !important}
.start-30{left:30% !important}
.start-40{left:40% !important}
.start-50{left:50% !important}
.start-60{left:60% !important}
.start-70{left:70% !important}
.start-80{left:80% !important}
.start-90{left:90% !important}
.start-100{left:100% !important}

.end-20-less{right:-16px}

.end-0{right:0 !important}
.end-10{right:10% !important}
.end-20{right:20% !important}
.end-30{right:30% !important}
.end-40{right:40% !important}
.end-50{right:50% !important}
.end-60{right:60% !important}
.end-70{right:70% !important}
.end-80{right:80% !important}
.end-90{right:90% !important}
.end-100{right:100% !important}

.translate-middle{transform:translate(-50%,-50%) !important}

.translate-middle-x{transform:translateX(-50%) !important}

.translate-middle-y{transform:translateY(-50%) !important}

.border{border:var(
	--cui-border-width) var(
	--cui-border-style) var(
--cui-border-color) !important}

.border-0{border:0 !important}

.border-top{border-top:var(
	--cui-border-width) var(
	--cui-border-style) var(
--cui-border-color) !important}

.border-top-0{border-top:0 !important}

html:not([dir="rtl"]) .border-end{border-right:var(
	--cui-border-width) var(
	--cui-border-style) var(
--cui-border-color) !important}

*[dir="rtl"] .border-end{border-left:var(
	--cui-border-width) var(
	--cui-border-style) var(
--cui-border-color) !important}

html:not([dir="rtl"]) .border-end-0{border-right:0 !important}

*[dir="rtl"] .border-end-0{border-left:0 !important}

.border-bottom{border-bottom:var(
	--cui-border-width) var(
	--cui-border-style) var(
--cui-border-color) !important}

.border-bottom-0{border-bottom:0 !important}

html:not([dir="rtl"]) .border-start{border-left:var(
	--cui-border-width) var(
	--cui-border-style) var(
--cui-border-color) !important}

*[dir="rtl"] .border-start{border-right:var(
	--cui-border-width) var(
	--cui-border-style) var(
--cui-border-color) !important}

html:not([dir="rtl"]) .border-start-0{border-left:0 !important}

*[dir="rtl"] .border-start-0{border-right:0 !important}

.border-primary{
	--cui-border-opacity:1;  border-color:rgba(var(
	--cui-primary-rgb),var(
--cui-border-opacity)) !important}

.border-secondary{
	--cui-border-opacity:1;  border-color:rgba(var(
	--cui-secondary-rgb),var(
--cui-border-opacity)) !important}

.border-success{
	--cui-border-opacity:1;  border-color:rgba(var(
	--cui-success-rgb),var(
--cui-border-opacity)) !important}

.border-info{
	--cui-border-opacity:1;  border-color:rgba(var(
	--cui-info-rgb),var(
--cui-border-opacity)) !important}

.border-warning{
	--cui-border-opacity:1;  border-color:rgba(var(
	--cui-warning-rgb),var(
--cui-border-opacity)) !important}

.border-danger{
	--cui-border-opacity:1;  border-color:rgba(var(
	--cui-danger-rgb),var(
--cui-border-opacity)) !important}

.border-light{
	--cui-border-opacity:1;  border-color:rgba(var(
	--cui-light-rgb),var(
--cui-border-opacity)) !important}

.border-dark{
	--cui-border-opacity:1;  border-color:rgba(var(
	--cui-dark-rgb),var(
--cui-border-opacity)) !important}

.border-white{
	--cui-border-opacity:1;  border-color:rgba(var(
	--cui-white-rgb),var(
--cui-border-opacity)) !important}

.border-top-primary{border-top-color:#321fdb !important}

.border-top-secondary{border-top-color:#9da5b1 !important}

.border-top-success{border-top-color:#2eb85c !important}

.border-top-info{border-top-color:#39f !important}

.border-top-warning{border-top-color:#f9b115 !important}

.border-top-danger{border-top-color:#e55353 !important}

.border-top-light{border-top-color:#ebedef !important}

.border-top-dark{border-top-color:#4f5d73 !important}

.border-top-white{border-top-color:#fff !important}

html:not([dir="rtl"]) .border-end-primary{border-right-color:#321fdb !important}

*[dir="rtl"] .border-end-primary{border-left-color:#321fdb !important}

html:not([dir="rtl"]) .border-end-secondary{border-right-color:#9da5b1 !important}

*[dir="rtl"] .border-end-secondary{border-left-color:#9da5b1 !important}

html:not([dir="rtl"]) .border-end-success{border-right-color:#2eb85c !important}

*[dir="rtl"] .border-end-success{border-left-color:#2eb85c !important}

html:not([dir="rtl"]) .border-end-info{border-right-color:#39f !important}

*[dir="rtl"] .border-end-info{border-left-color:#39f !important}

html:not([dir="rtl"]) .border-end-warning{border-right-color:#f9b115 !important}

*[dir="rtl"] .border-end-warning{border-left-color:#f9b115 !important}

html:not([dir="rtl"]) .border-end-danger{border-right-color:#e55353 !important}

*[dir="rtl"] .border-end-danger{border-left-color:#e55353 !important}

html:not([dir="rtl"]) .border-end-light{border-right-color:#ebedef !important}

*[dir="rtl"] .border-end-light{border-left-color:#ebedef !important}

html:not([dir="rtl"]) .border-end-dark{border-right-color:#4f5d73 !important}

*[dir="rtl"] .border-end-dark{border-left-color:#4f5d73 !important}

html:not([dir="rtl"]) .border-end-white{border-right-color:#fff !important}

*[dir="rtl"] .border-end-white{border-left-color:#fff !important}

.border-bottom-primary{border-bottom-color:#321fdb !important}

.border-bottom-secondary{border-bottom-color:#9da5b1 !important}

.border-bottom-success{border-bottom-color:#2eb85c !important}

.border-bottom-info{border-bottom-color:#39f !important}

.border-bottom-warning{border-bottom-color:#f9b115 !important}

.border-bottom-danger{border-bottom-color:#e55353 !important}

.border-bottom-light{border-bottom-color:#ebedef !important}

.border-bottom-dark{border-bottom-color:#4f5d73 !important}

.border-bottom-white{border-bottom-color:#fff !important}

html:not([dir="rtl"]) .border-start-primary{border-left-color:#321fdb !important}

*[dir="rtl"] .border-start-primary{border-right-color:#321fdb !important}

html:not([dir="rtl"]) .border-start-secondary{border-left-color:#9da5b1 !important}

*[dir="rtl"] .border-start-secondary{border-right-color:#9da5b1 !important}

html:not([dir="rtl"]) .border-start-success{border-left-color:#2eb85c !important}

*[dir="rtl"] .border-start-success{border-right-color:#2eb85c !important}

html:not([dir="rtl"]) .border-start-info{border-left-color:#39f !important}

*[dir="rtl"] .border-start-info{border-right-color:#39f !important}

html:not([dir="rtl"]) .border-start-warning{border-left-color:#f9b115 !important}

*[dir="rtl"] .border-start-warning{border-right-color:#f9b115 !important}

html:not([dir="rtl"]) .border-start-danger{border-left-color:#e55353 !important}

*[dir="rtl"] .border-start-danger{border-right-color:#e55353 !important}

html:not([dir="rtl"]) .border-start-light{border-left-color:#ebedef !important}

*[dir="rtl"] .border-start-light{border-right-color:#ebedef !important}

html:not([dir="rtl"]) .border-start-dark{border-left-color:#4f5d73 !important}

*[dir="rtl"] .border-start-dark{border-right-color:#4f5d73 !important}

html:not([dir="rtl"]) .border-start-white{border-left-color:#fff !important}

*[dir="rtl"] .border-start-white{border-right-color:#fff !important}

.border-1{
--cui-border-width:1px}

.border-2{
--cui-border-width:2px}

.border-3{
--cui-border-width:3px}

.border-4{
--cui-border-width:4px}

.border-5{
--cui-border-width:5px}

.border-top-1{border-top-width:1px !important}

.border-top-2{border-top-width:2px !important}

.border-top-3{border-top-width:3px !important}

.border-top-4{border-top-width:4px !important}

.border-top-5{border-top-width:5px !important}

html:not([dir="rtl"]) .border-end-1{border-right-width:1px !important}

*[dir="rtl"] .border-end-1{border-left-width:1px !important}

html:not([dir="rtl"]) .border-end-2{border-right-width:2px !important}

*[dir="rtl"] .border-end-2{border-left-width:2px !important}

html:not([dir="rtl"]) .border-end-3{border-right-width:3px !important}

*[dir="rtl"] .border-end-3{border-left-width:3px !important}

html:not([dir="rtl"]) .border-end-4{border-right-width:4px !important}

*[dir="rtl"] .border-end-4{border-left-width:4px !important}

html:not([dir="rtl"]) .border-end-5{border-right-width:5px !important}

*[dir="rtl"] .border-end-5{border-left-width:5px !important}

.border-bottom-1{border-bottom-width:1px !important}

.border-bottom-2{border-bottom-width:2px !important}

.border-bottom-3{border-bottom-width:3px !important}

.border-bottom-4{border-bottom-width:4px !important}

.border-bottom-5{border-bottom-width:5px !important}

html:not([dir="rtl"]) .border-start-1{border-left-width:1px !important}

*[dir="rtl"] .border-start-1{border-right-width:1px !important}

html:not([dir="rtl"]) .border-start-2{border-left-width:2px !important}

*[dir="rtl"] .border-start-2{border-right-width:2px !important}

html:not([dir="rtl"]) .border-start-3{border-left-width:3px !important}

*[dir="rtl"] .border-start-3{border-right-width:3px !important}

html:not([dir="rtl"]) .border-start-4{border-left-width:4px !important}

*[dir="rtl"] .border-start-4{border-right-width:4px !important}

html:not([dir="rtl"]) .border-start-5{border-left-width:5px !important}

*[dir="rtl"] .border-start-5{border-right-width:5px !important}

.border-opacity-10{
--cui-border-opacity:.1}

.border-opacity-25{
--cui-border-opacity:.25}

.border-opacity-50{
--cui-border-opacity:.5}

.border-opacity-75{
--cui-border-opacity:.75}

.border-opacity-100{
--cui-border-opacity:1}

.w-5,.wi-5{width:5% !important}

.w-10,.wi-10{width:10% !important}

.w-15,.wi-15{width:15% !important}

.w-20,.wi-20{width:20% !important}

.w-25,.wi-25{width:25% !important}

.w-30,.wi-30{width:30% !important}

.w-40,.wi-40{width:40% !important}

.w-45,.wi-45{width:45% !important}

.w-50,.wi-50{width:50% !important}

.w-60,.wi-60{width:60% !important}

.w-75,.wi-75{width:75% !important}

.w-80,.wi-80{width:80% !important}

.w-90,.wi-90{width:90% !important}

.w-100,.wi-100{width:100% !important}

.w-auto{width:auto !important}

.mw-100{max-width:100% !important}

.vw-100{width:100vw !important}

.min-vw-100{min-width:100vw !important}

.h-25{height:25% !important}

.h-50{height:50% !important}

.h-75{height:75% !important}

.h-100{height:100% !important}

.h-auto{height:auto !important}

.mh-100{max-height:100% !important}

.vh-100{height:100vh !important}

.min-vh-100{min-height:100vh !important}

.flex-fill{flex:1 1 auto !important}

.flex-row{flex-direction:row !important}

.flex-column{flex-direction:column !important}

.flex-row-reverse{flex-direction:row-reverse !important}

.flex-column-reverse{flex-direction:column-reverse !important}

.flex-grow-0{flex-grow:0 !important}

.flex-grow-1{flex-grow:1 !important}

.flex-shrink-0{flex-shrink:0 !important}

.flex-shrink-1{flex-shrink:1 !important}

.flex-wrap{flex-wrap:wrap !important}

.flex-nowrap{flex-wrap:nowrap !important}

.flex-wrap-reverse{flex-wrap:wrap-reverse !important}

.justify-content-start{justify-content:flex-start !important}

.justify-content-end{justify-content:flex-end !important}

.justify-content-center{justify-content:center !important}

.justify-content-between{justify-content:space-between !important}

.justify-content-around{justify-content:space-around !important}

.justify-content-evenly{justify-content:space-evenly !important}

.align-items-start{align-items:flex-start !important}

.align-items-end{align-items:flex-end !important}

.align-items-center{align-items:center !important}

.align-items-baseline{align-items:baseline !important}

.align-items-stretch{align-items:stretch !important}

.align-content-start{align-content:flex-start !important}

.align-content-end{align-content:flex-end !important}

.align-content-center{align-content:center !important}

.align-content-between{align-content:space-between !important}

.align-content-around{align-content:space-around !important}

.align-content-stretch{align-content:stretch !important}

.align-self-auto{align-self:auto !important}

.align-self-start{align-self:flex-start !important}

.align-self-end{align-self:flex-end !important}

.align-self-center{align-self:center !important}

.align-self-baseline{align-self:baseline !important}

.align-self-stretch{align-self:stretch !important}

.order-first{order:-1 !important}

.order-0{order:0 !important}

.order-1{order:1 !important}

.order-2{order:2 !important}

.order-3{order:3 !important}

.order-4{order:4 !important}

.order-5{order:5 !important}

.order-last{order:6 !important}

.m-0{margin:0 !important}

.m-1{margin:.25rem !important}

.m-2{margin:.5rem !important}

.m-3{margin:1rem !important}

.m-4{margin:1.5rem !important}

.m-5{margin:3rem !important}

.m-auto{margin:auto !important}

.mx-0{margin-right:0 !important;  margin-left:0 !important}

.mx-1{margin-right:.25rem !important;  margin-left:.25rem !important}

.mx-2{margin-right:.5rem !important;  margin-left:.5rem !important}

.mx-3{margin-right:1rem !important;  margin-left:1rem !important}

.mx-4{margin-right:1.5rem !important;  margin-left:1.5rem !important}

.mx-5{margin-right:3rem !important;  margin-left:3rem !important}

.mx-auto{margin-right:auto !important;  margin-left:auto !important}

.my-0{margin-top:0 !important;  margin-bottom:0 !important}

.my-1{margin-top:.25rem !important;  margin-bottom:.25rem !important}

.my-2{margin-top:.5rem !important;  margin-bottom:.5rem !important}

.my-3{margin-top:1rem !important;  margin-bottom:1rem !important}

.my-4{margin-top:1.5rem !important;  margin-bottom:1.5rem !important}

.my-5{margin-top:3rem !important;  margin-bottom:3rem !important}

.my-6{margin-top:4rem !important;  margin-bottom:4rem !important}

.my-auto{margin-top:auto !important;  margin-bottom:auto !important}

.mt-0{margin-top:0 !important}

.mt-1{margin-top:.25rem !important}

.mt-2{margin-top:.5rem !important}

.mt-3{margin-top:1rem !important}

.mt-4{margin-top:1.5rem !important}

.mt-5{margin-top:3rem !important}

.mt-auto{margin-top:auto !important}

html:not([dir="rtl"]) .me-0{margin-right:0 !important}

*[dir="rtl"] .me-0{margin-left:0 !important}

html:not([dir="rtl"]) .me-1{margin-right:.25rem !important}

*[dir="rtl"] .me-1{margin-left:.25rem !important}

html:not([dir="rtl"]) .me-2{margin-right:.5rem !important}

*[dir="rtl"] .me-2{margin-left:.5rem !important}

html:not([dir="rtl"]) .me-3{margin-right:1rem !important}

*[dir="rtl"] .me-3{margin-left:1rem !important}

html:not([dir="rtl"]) .me-4{margin-right:1.5rem !important}

*[dir="rtl"] .me-4{margin-left:1.5rem !important}

html:not([dir="rtl"]) .me-5{margin-right:3rem !important}

*[dir="rtl"] .me-5{margin-left:3rem !important}

html:not([dir="rtl"]) .me-auto{margin-right:auto !important}

*[dir="rtl"] .me-auto{margin-left:auto !important}

.mb-0{margin-bottom:0 !important}

.mb-1{margin-bottom:.25rem !important}

.mb-2{margin-bottom:.5rem !important}

.mb-3{margin-bottom:1rem !important}

.mb-4{margin-bottom:1.5rem !important}

.mb-5{margin-bottom:3rem !important}

.mb-auto{margin-bottom:auto !important}

html:not([dir="rtl"]) .ms-0{margin-left:0 !important}

*[dir="rtl"] .ms-0{margin-right:0 !important}

html:not([dir="rtl"]) .ms-1{margin-left:.25rem !important}

*[dir="rtl"] .ms-1{margin-right:.25rem !important}

html:not([dir="rtl"]) .ms-2{margin-left:.5rem !important}

*[dir="rtl"] .ms-2{margin-right:.5rem !important}

html:not([dir="rtl"]) .ms-3{margin-left:1rem !important}

*[dir="rtl"] .ms-3{margin-right:1rem !important}

html:not([dir="rtl"]) .ms-4{margin-left:1.5rem !important}

*[dir="rtl"] .ms-4{margin-right:1.5rem !important}

html:not([dir="rtl"]) .ms-5{margin-left:3rem !important}

*[dir="rtl"] .ms-5{margin-right:3rem !important}

html:not([dir="rtl"]) .ms-auto{margin-left:auto !important}

*[dir="rtl"] .ms-auto{margin-right:auto !important}

.p-0{padding:0 !important}

.p-1{padding:.25rem !important}

.p-2{padding:.5rem !important}

.p-3{padding:1rem !important}

.p-4{padding:1.5rem !important}

.p-5{padding:3rem !important}

.px-0{padding-right:0 !important;  padding-left:0 !important}

.px-1{padding-right:.25rem !important;  padding-left:.25rem !important}

.px-2{padding-right:.5rem !important;  padding-left:.5rem !important}

.px-3{padding-right:1rem !important;  padding-left:1rem !important}

.px-4{padding-right:1.5rem !important;  padding-left:1.5rem !important}

.px-5{padding-right:3rem !important;  padding-left:3rem !important}

.py-0{padding-top:0 !important;  padding-bottom:0 !important}

.py-1{padding-top:.25rem !important;  padding-bottom:.25rem !important}

.py-2{padding-top:.5rem !important;  padding-bottom:.5rem !important}

.py-3{padding-top:1rem !important;  padding-bottom:1rem !important}

.py-4{padding-top:1.5rem !important;  padding-bottom:1.5rem !important}

.py-5{padding-top:3rem !important;  padding-bottom:3rem !important}

.pt-0{padding-top:0 !important}

.pt-1{padding-top:.25rem !important}

.pt-2{padding-top:.5rem !important}

.pt-3{padding-top:1rem !important}

.pt-4{padding-top:1.5rem !important}

.pt-5{padding-top:3rem !important}

html:not([dir="rtl"]) .pe-0{padding-right:0 !important}

*[dir="rtl"] .pe-0{padding-left:0 !important}

html:not([dir="rtl"]) .pe-1{padding-right:.25rem !important}

*[dir="rtl"] .pe-1{padding-left:.25rem !important}

html:not([dir="rtl"]) .pe-2{padding-right:.5rem !important}

*[dir="rtl"] .pe-2{padding-left:.5rem !important}

html:not([dir="rtl"]) .pe-3{padding-right:1rem !important}

*[dir="rtl"] .pe-3{padding-left:1rem !important}

html:not([dir="rtl"]) .pe-4{padding-right:1.5rem !important}

*[dir="rtl"] .pe-4{padding-left:1.5rem !important}

html:not([dir="rtl"]) .pe-5{padding-right:3rem !important}

*[dir="rtl"] .pe-5{padding-left:3rem !important}

.pb-0{padding-bottom:0 !important}

.pb-1{padding-bottom:.25rem !important}

.pb-2{padding-bottom:.5rem !important}

.pb-3{padding-bottom:1rem !important}

.pb-4{padding-bottom:1.5rem !important}

.pb-5{padding-bottom:3rem !important}

html:not([dir="rtl"]) .ps-0{padding-left:0 !important}

*[dir="rtl"] .ps-0{padding-right:0 !important}

html:not([dir="rtl"]) .ps-1{padding-left:.25rem !important}

*[dir="rtl"] .ps-1{padding-right:.25rem !important}

html:not([dir="rtl"]) .ps-2{padding-left:.5rem !important}

*[dir="rtl"] .ps-2{padding-right:.5rem !important}

html:not([dir="rtl"]) .ps-3{padding-left:1rem !important}

*[dir="rtl"] .ps-3{padding-right:1rem !important}

html:not([dir="rtl"]) .ps-4{padding-left:1.5rem !important}

*[dir="rtl"] .ps-4{padding-right:1.5rem !important}

html:not([dir="rtl"]) .ps-5{padding-left:3rem !important}

*[dir="rtl"] .ps-5{padding-right:3rem !important}

.gap-0{gap:0 !important}

.gap-1{gap:.25rem !important}

.gap-2{gap:.5rem !important}

.gap-3{gap:1rem !important}

.gap-4{gap:1.5rem !important}

.gap-5{gap:3rem !important}

.font-monospace{font-family:var(
--cui-font-monospace) !important}

.fs-1{font-size:calc(1.375rem + 1.5vw) !important}

.fs-2{font-size:calc(1.325rem + 0.9vw) !important}

.fs-3{font-size:calc(1.3rem + 0.6vw) !important}

.fs-4{font-size:calc(1.275rem + 0.3vw) !important}

.fs-5{font-size:1.25rem !important}

.fs-6{font-size:1rem !important}

.fs-sm{font-size:.8rem !important}

.fs-xs{font-size:.5rem !important}

.fst-italic{font-style:italic !important}

.fst-normal{font-style:normal !important}

.fw-light{font-weight:300 !important}

.fw-lighter{font-weight:lighter !important}

.fw-normal{font-weight:400 !important}

.fw-medium{font-weight:500 !important}

.fw-semibold{font-weight:600 !important}

.fw-bold{font-weight:700 !important}

.fw-bolder{font-weight:bolder !important}

.lh-1{line-height:1 !important}

.lh-sm{line-height:1.25 !important}

.lh-base{line-height:1.5 !important}

.lh-lg{line-height:2 !important}

html:not([dir="rtl"]) .text-start{text-align:left !important}

*[dir="rtl"] .text-start{text-align:right !important}

html:not([dir="rtl"]) .text-end{text-align:right !important}

*[dir="rtl"] .text-end{text-align:left !important}

html:not([dir="rtl"]) .text-center{text-align:center !important}

*[dir="rtl"] .text-center{text-align:center !important}

.text-decoration-none{text-decoration:none !important}

.text-decoration-underline{text-decoration:underline !important}

.text-decoration-line-through{text-decoration:line-through !important}

.text-lowercase{text-transform:lowercase !important}

.text-uppercase{text-transform:uppercase !important}

.text-capitalize{text-transform:capitalize !important}

.text-wrap{white-space:normal !important}

.text-nowrap{white-space:nowrap !important}

.text-break{word-wrap:break-word !important;  word-break:break-word !important}

.text-primary{
	--cui-text-opacity:1;  color:rgba(var(
	--cui-primary-rgb),var(
--cui-text-opacity)) !important}

.text-secondary{
	--cui-text-opacity:1;  color:rgba(var(
	--cui-secondary-rgb),var(
--cui-text-opacity)) !important}

.text-success{
	--cui-text-opacity:1;  color:rgba(var(
	--cui-success-rgb),var(
--cui-text-opacity)) !important}

.text-info{
	--cui-text-opacity:1;  color:rgba(var(
	--cui-info-rgb),var(
--cui-text-opacity)) !important}

.text-warning{
	--cui-text-opacity:1;  color:rgba(var(
	--cui-warning-rgb),var(
--cui-text-opacity)) !important}

.text-danger{
	--cui-text-opacity:1;  color:rgba(var(
	--cui-danger-rgb),var(
--cui-text-opacity)) !important}

.text-light{
	--cui-text-opacity:1;  color:rgba(var(
	--cui-light-rgb),var(
--cui-text-opacity)) !important}

.text-dark{
	--cui-text-opacity:1;  color:rgba(var(
	--cui-dark-rgb),var(
--cui-text-opacity)) !important}

.text-black{
	--cui-text-opacity:1;  color:rgba(var(
	--cui-black-rgb),var(
--cui-text-opacity)) !important}

.text-white{
	--cui-text-opacity:1;  color:rgba(var(
	--cui-white-rgb),var(
--cui-text-opacity)) !important}

.text-body{
	--cui-text-opacity:1;  color:rgba(var(
	--cui-body-color-rgb),var(
--cui-text-opacity)) !important}

.text-muted{
--cui-text-opacity:1;  color:rgba(44,56,74,0.38) !important}

.text-black-50{
--cui-text-opacity:1;  color:rgba(0,0,21,0.5) !important}

.text-white-50{
--cui-text-opacity:1;  color:rgba(255,255,255,0.5) !important}

.text-reset{
--cui-text-opacity:1;  color:inherit !important}

.text-high-emphasis-inverse{
--cui-text-opacity:1;  color:rgba(255,255,255,0.87) !important}

.text-medium-emphasis-inverse{
--cui-text-opacity:1;  color:rgba(255,255,255,0.6) !important}

.text-disabled-inverse{
--cui-text-opacity:1;  color:rgba(255,255,255,0.38) !important}

.text-high-emphasis{
--cui-text-opacity:1;  color:rgba(44,56,74,0.95) !important}

.text-medium-emphasis{
--cui-text-opacity:1;  color:rgba(44,56,74,0.681) !important}

.text-disabled{
--cui-text-opacity:1;  color:rgba(44,56,74,0.38) !important}

.text-opacity-25{
--cui-text-opacity:.25}

.text-opacity-50{
--cui-text-opacity:.5}

.text-opacity-75{
--cui-text-opacity:.75}

.text-opacity-100{
--cui-text-opacity:1}

.bg-primary{
	--cui-bg-opacity:1;  background-color:rgba(var(
	--cui-primary-rgb),var(
--cui-bg-opacity)) !important}

.bg-secondary{
	--cui-bg-opacity:1;  background-color:rgba(var(
	--cui-secondary-rgb),var(
--cui-bg-opacity)) !important}

.bg-success{
	--cui-bg-opacity:1;  background-color:rgba(var(
	--cui-success-rgb),var(
--cui-bg-opacity)) !important}

.bg-info{
	--cui-bg-opacity:1;  background-color:rgba(var(
	--cui-info-rgb),var(
--cui-bg-opacity)) !important}

.bg-warning{
	--cui-bg-opacity:1;  background-color:rgba(var(
	--cui-warning-rgb),var(
--cui-bg-opacity)) !important}

.bg-danger{
	--cui-bg-opacity:1;  background-color:rgba(var(
	--cui-danger-rgb),var(
--cui-bg-opacity)) !important}

.bg-light{
	--cui-bg-opacity:1;  background-color:rgba(var(
	--cui-light-rgb),var(
--cui-bg-opacity)) !important}

.bg-dark{
	--cui-bg-opacity:1;  background-color:rgba(var(
	--cui-dark-rgb),var(
--cui-bg-opacity)) !important}

.bg-black{
	--cui-bg-opacity:1;  background-color:rgba(var(
	--cui-black-rgb),var(
--cui-bg-opacity)) !important}

.bg-white{
	--cui-bg-opacity:1;  background-color:rgba(var(
	--cui-white-rgb),var(
--cui-bg-opacity)) !important}

.bg-body{
	--cui-bg-opacity:1;  background-color:rgba(var(
	--cui-body-bg-rgb),var(
--cui-bg-opacity)) !important}

.bg-transparent{
--cui-bg-opacity:1;  background-color:transparent !important}

.bg-opacity-10{
--cui-bg-opacity:.1}

.bg-opacity-15{
--cui-bg-opacity:.15}

.bg-opacity-25{
--cui-bg-opacity:.25}

.bg-opacity-50{
--cui-bg-opacity:.5}

.bg-opacity-75{
--cui-bg-opacity:.75}

.bg-opacity-100{
--cui-bg-opacity:1}

.bg-gradient{background-image:var(
--cui-gradient) !important}

.user-select-all{-webkit-user-select:all !important;  -moz-user-select:all !important;  user-select:all !important}

.user-select-auto{-webkit-user-select:auto !important;  -moz-user-select:auto !important;  user-select:auto !important}

.user-select-none{-webkit-user-select:none !important;  -moz-user-select:none !important;  user-select:none !important}

.pe-none{pointer-events:none !important}

.pe-auto{pointer-events:auto !important}

.rounded{border-radius:var(
--cui-border-radius) !important}

.rounded-0{border-radius:0 !important}

.rounded-1{border-radius:var(
--cui-border-radius-sm) !important}

.rounded-2{border-radius:var(
--cui-border-radius) !important}

.rounded-3{border-radius:var(
--cui-border-radius-lg) !important}

.rounded-4{border-radius:var(
--cui-border-radius-xl) !important}

.rounded-5{border-radius:var(
--cui-border-radius-2xl) !important}

.rounded-circle{border-radius:50% !important}

.rounded-pill{border-radius:var(
--cui-border-radius-pill) !important}

.rounded-top{border-top-left-radius:var(
	--cui-border-radius) !important;  border-top-right-radius:var(
--cui-border-radius) !important}

html:not([dir="rtl"]) .rounded-end{border-top-right-radius:var(
	--cui-border-radius) !important;  border-bottom-right-radius:var(
--cui-border-radius) !important}

*[dir="rtl"] .rounded-end{border-top-left-radius:var(
	--cui-border-radius) !important;  border-bottom-left-radius:var(
--cui-border-radius) !important}

.rounded-bottom{border-bottom-right-radius:var(
	--cui-border-radius) !important;  border-bottom-left-radius:var(
--cui-border-radius) !important}

html:not([dir="rtl"]) .rounded-start{border-bottom-left-radius:var(
	--cui-border-radius) !important;  border-top-left-radius:var(
--cui-border-radius) !important}

*[dir="rtl"] .rounded-start{border-bottom-right-radius:var(
	--cui-border-radius) !important;  border-top-right-radius:var(
--cui-border-radius) !important}

.visible{visibility:visible !important}

.invisible{visibility:hidden !important}

.height-full{height:100% !important}

.dark-theme .dark\:table-primary,.dark-theme .table-primary:not([class*="dark:"]){
	
	--cui-table-bg:#e7e5f5;  
	--cui-table-color:rgba(44,56,74,0.95);  
	--cui-table-border-color:rgba(214,213,229,0.995);  
	--cui-table-striped-bg:rgba(223,221,237,0.9975);  
	--cui-table-striped-color:rgba(44,56,74,0.95);  
	--cui-table-active-bg:rgba(214,213,229,0.995);  
	--cui-table-active-color:rgba(44,56,74,0.95);  
	--cui-table-hover-bg:rgba(218,217,233,0.99625);  
--cui-table-hover-color:rgba(44,56,74,0.95)}

.dark-theme .dark\:table-secondary,.dark-theme .table-secondary:not([class*="dark:"]){
	
	--cui-table-bg:#ededed;  
	--cui-table-color:rgba(44,56,74,0.95);  
	--cui-table-border-color:rgba(219,220,222,0.995);  
	--cui-table-striped-bg:rgba(228,229,230,0.9975);  
	--cui-table-striped-color:rgba(44,56,74,0.95);  
	--cui-table-active-bg:rgba(219,220,222,0.995);  
	--cui-table-active-color:rgba(44,56,74,0.95);  
	--cui-table-hover-bg:rgba(224,225,226,0.99625);  
--cui-table-hover-color:rgba(44,56,74,0.95)}

.dark-theme .dark\:table-success,.dark-theme .table-success:not([class*="dark:"]){
	
	--cui-table-bg:#dceae1;  
	--cui-table-color:rgba(44,56,74,0.95);  
	--cui-table-border-color:rgba(204,218,211,0.995);  
	--cui-table-striped-bg:rgba(212,226,218,0.9975);  
	--cui-table-striped-color:rgba(44,56,74,0.95);  
	--cui-table-active-bg:rgba(204,218,211,0.995);  
	--cui-table-active-color:rgba(44,56,74,0.95);  
	--cui-table-hover-bg:rgba(208,222,215,0.99625);  
--cui-table-hover-color:rgba(44,56,74,0.95)}

.dark-theme .dark\:table-info,.dark-theme .table-info:not([class*="dark:"]){
	
	--cui-table-bg:#dcebf9;  
	--cui-table-color:rgba(44,56,74,0.95);  
	--cui-table-border-color:rgba(204,219,233,0.995);  
	--cui-table-striped-bg:rgba(212,227,241,0.9975);  
	--cui-table-striped-color:rgba(44,56,74,0.95);  
	--cui-table-active-bg:rgba(204,219,233,0.995);  
	--cui-table-active-color:rgba(44,56,74,0.95);  
	--cui-table-hover-bg:rgba(208,223,237,0.99625);  
--cui-table-hover-color:rgba(44,56,74,0.95)}

.dark-theme .dark\:table-warning,.dark-theme .table-warning:not([class*="dark:"]){
	
	--cui-table-bg:#f7edd7;  
	--cui-table-color:rgba(44,56,74,0.95);  
	--cui-table-border-color:rgba(228,220,202,0.995);  
	--cui-table-striped-bg:rgba(238,229,209,0.9975);  
	--cui-table-striped-color:rgba(44,56,74,0.95);  
	--cui-table-active-bg:rgba(228,220,202,0.995);  
	--cui-table-active-color:rgba(44,56,74,0.95);  
	--cui-table-hover-bg:rgba(233,225,205,0.99625);  
--cui-table-hover-color:rgba(44,56,74,0.95)}

.dark-theme .dark\:table-danger,.dark-theme .table-danger:not([class*="dark:"]){
	
	--cui-table-bg:#f4e3e3;  
	--cui-table-color:rgba(44,56,74,0.95);  
	--cui-table-border-color:rgba(226,211,213,0.995);  
	--cui-table-striped-bg:rgba(235,219,220,0.9975);  
	--cui-table-striped-color:rgba(44,56,74,0.95);  
	--cui-table-active-bg:rgba(226,211,213,0.995);  
	--cui-table-active-color:rgba(44,56,74,0.95);  
	--cui-table-hover-bg:rgba(230,215,217,0.99625);  
--cui-table-hover-color:rgba(44,56,74,0.95)}

.dark-theme .dark\:table-light,.dark-theme .table-light:not([class*="dark:"]){
	
	--cui-table-bg:rgba(255,255,255,0.1);  
	--cui-table-color:rgba(255,255,255,0.87);  
	--cui-table-border-color:rgba(255,255,255,0.177);  
	--cui-table-striped-bg:rgba(255,255,255,0.1385);  
	--cui-table-striped-color:rgba(44,56,74,0.95);  
	--cui-table-active-bg:rgba(255,255,255,0.177);  
	--cui-table-active-color:rgba(44,56,74,0.95);  
	--cui-table-hover-bg:rgba(255,255,255,0.15775);  
--cui-table-hover-color:rgba(44,56,74,0.95)}

.dark-theme .dark\:table-dark,.dark-theme .table-dark:not([class*="dark:"]){
	
	--cui-table-bg:rgba(0,0,21,0.1);  
	--cui-table-color:rgba(255,255,255,0.87);  
	--cui-table-border-color:rgba(118,118,129,0.177);  
	--cui-table-striped-bg:rgba(74,74,88,0.1385);  
	--cui-table-striped-color:rgba(255,255,255,0.87);  
	--cui-table-active-bg:rgba(118,118,129,0.177);  
	--cui-table-active-color:#000015;  
	--cui-table-hover-bg:rgba(98,98,111,0.15775);  
--cui-table-hover-color:rgba(255,255,255,0.87)}

.dark-theme .time-picker{
--cui-time-picker-roll-col-border:1px solid rgba(255,255,255,0.075)}

.dark-theme .toast{
	--cui-toast-bg:#3b3c45;  
	--cui-toast-color:rgba(255,255,255,0.87);  
	--cui-toast-border-color:transparent;  
	--cui-toast-header-color:rgba(255,255,255,0.87);  
	--cui-toast-header-bg:#3d3e47;  
--cui-toast-header-border-color:rgba(0,0,21,0.2)}

.dark-theme .alert-primary{
	--cui-alert-color:#1e1383;  
	--cui-alert-bg:#d6d2f8;  
--cui-alert-border-color:#c2bcf4}

.dark-theme .alert-primary .alert-link{color:#180f69}

.dark-theme .alert-secondary{
	--cui-alert-color:#5e636a;  
	--cui-alert-bg:#ebedef;  
--cui-alert-border-color:#e2e4e8}

.dark-theme .alert-secondary .alert-link{color:#4b4f55}

.dark-theme .alert-success{
	--cui-alert-color:#1c6e37;  
	--cui-alert-bg:#d5f1de;  
--cui-alert-border-color:#c0eace}

.dark-theme .alert-success .alert-link{color:#16582c}

.dark-theme .alert-danger{
	--cui-alert-color:#893232;  
	--cui-alert-bg:#fadddd;  
--cui-alert-border-color:#f7cbcb}

.dark-theme .alert-danger .alert-link{color:#6e2828}

.dark-theme .alert-warning{
	--cui-alert-color:rgba(131,107,52,0.97);  
	--cui-alert-bg:#feefd0;  
--cui-alert-border-color:#fde8b9}

.dark-theme .alert-warning .alert-link{color:rgba(104,85,41,0.976)}

.dark-theme .alert-info{
	--cui-alert-color:#1f5c99;  
	--cui-alert-bg:#d6ebff;  
--cui-alert-border-color:#c2e0ff}

.dark-theme .alert-info .alert-link{color:#194a7a}

.dark-theme .btn-primary{
	--cui-btn-color:#000015;  
	--cui-btn-bg:#857dcc;  
	--cui-btn-border-color:#857dcc;  
	--cui-btn-hover-color:#000015;  
	--cui-btn-hover-bg:#9791d4;  
	--cui-btn-hover-border-color:#918ad1;  
	--cui-btn-focus-shadow-rgb:113,106,177;  
	--cui-btn-active-color:#000015;  
	--cui-btn-active-bg:#9d97d6;  
	--cui-btn-active-border-color:#918ad1;  
	--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,0.125);  
	--cui-btn-disabled-color:#000015;  
	--cui-btn-disabled-bg:#857dcc;  
--cui-btn-disabled-border-color:#857dcc}

.dark-theme .btn-secondary{
	--cui-btn-color:rgba(44,56,74,0.95);  
	--cui-btn-bg:#a7a7a7;  
	--cui-btn-border-color:#a7a7a7;  
	--cui-btn-hover-color:#000015;  
	--cui-btn-hover-bg:#8e8e8e;  
	--cui-btn-hover-border-color:#868686;  
	--cui-btn-focus-shadow-rgb:150,152,154;  
	--cui-btn-active-color:#000015;  
	--cui-btn-active-bg:#868686;  
	--cui-btn-active-border-color:#7d7d7d;  
	--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,0.125);  
	--cui-btn-disabled-color:rgba(44,56,74,0.95);  
	--cui-btn-disabled-bg:#a7a7a7;  
--cui-btn-disabled-border-color:#a7a7a7}

.dark-theme .btn-success{
	--cui-btn-color:#000015;  
	--cui-btn-bg:#519668;  
	--cui-btn-border-color:#519668;  
	--cui-btn-hover-color:#000015;  
	--cui-btn-hover-bg:#6ba67f;  
	--cui-btn-hover-border-color:#62a177;  
	--cui-btn-focus-shadow-rgb:69,128,92;  
	--cui-btn-active-color:#000015;  
	--cui-btn-active-bg:#74ab86;  
	--cui-btn-active-border-color:#62a177;  
	--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,0.125);  
	--cui-btn-disabled-color:#000015;  
	--cui-btn-disabled-bg:#519668;  
--cui-btn-disabled-border-color:#519668}

.dark-theme .btn-danger{
	--cui-btn-color:#000015;  
	--cui-btn-bg:#c77171;  
	--cui-btn-border-color:#c77171;  
	--cui-btn-hover-color:#000015;  
	--cui-btn-hover-bg:#cf8686;  
	--cui-btn-hover-border-color:#cd7f7f;  
	--cui-btn-focus-shadow-rgb:169,96,99;  
	--cui-btn-active-color:#000015;  
	--cui-btn-active-bg:#d28d8d;  
	--cui-btn-active-border-color:#cd7f7f;  
	--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,0.125);  
	--cui-btn-disabled-color:#000015;  
	--cui-btn-disabled-bg:#c77171;  
--cui-btn-disabled-border-color:#c77171}

.dark-theme .btn-warning{
	--cui-btn-color:rgba(44,56,74,0.95);  
	--cui-btn-bg:#d5a439;  
	--cui-btn-border-color:#d5a439;  
	--cui-btn-hover-color:#000015;  
	--cui-btn-hover-bg:#b58b30;  
	--cui-btn-hover-border-color:#aa832e;  
	--cui-btn-focus-shadow-rgb:190,149,59;  
	--cui-btn-active-color:#000015;  
	--cui-btn-active-bg:#aa832e;  
	--cui-btn-active-border-color:#a07b2b;  
	--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,0.125);  
	--cui-btn-disabled-color:rgba(44,56,74,0.95);  
	--cui-btn-disabled-bg:#d5a439;  
--cui-btn-disabled-border-color:#d5a439}

.dark-theme .btn-outline-primary{
	--cui-btn-color:#857dcc;  
	--cui-btn-border-color:#857dcc;  
	--cui-btn-hover-color:#000015;  
	--cui-btn-hover-bg:#9d97d6;  
	--cui-btn-hover-border-color:#918ad1;  
	--cui-btn-focus-shadow-rgb:133,125,204;  
	--cui-btn-active-color:#000015;  
	--cui-btn-active-bg:#9d97d6;  
	--cui-btn-active-border-color:#918ad1;  
	--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,0.125);  
	--cui-btn-disabled-color:#857dcc;  
	--cui-btn-disabled-bg:transparent;  
--cui-gradient:none}

.dark-theme .btn-outline-secondary{
	--cui-btn-color:#a7a7a7;  
	--cui-btn-border-color:#a7a7a7;  
	--cui-btn-hover-color:#000015;  
	--cui-btn-hover-bg:#868686;  
	--cui-btn-hover-border-color:#7d7d7d;  
	--cui-btn-focus-shadow-rgb:167,167,167;  
	--cui-btn-active-color:#000015;  
	--cui-btn-active-bg:#868686;  
	--cui-btn-active-border-color:#7d7d7d;  
	--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,0.125);  
	--cui-btn-disabled-color:#a7a7a7;  
	--cui-btn-disabled-bg:transparent;  
--cui-gradient:none}

.dark-theme .btn-outline-success{
	--cui-btn-color:#519668;  
	--cui-btn-border-color:#519668;  
	--cui-btn-hover-color:#000015;  
	--cui-btn-hover-bg:#74ab86;  
	--cui-btn-hover-border-color:#62a177;  
	--cui-btn-focus-shadow-rgb:81,150,104;  
	--cui-btn-active-color:#000015;  
	--cui-btn-active-bg:#74ab86;  
	--cui-btn-active-border-color:#62a177;  
	--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,0.125);  
	--cui-btn-disabled-color:#519668;  
	--cui-btn-disabled-bg:transparent;  
--cui-gradient:none}

.dark-theme .btn-outline-danger{
	--cui-btn-color:#c77171;  
	--cui-btn-border-color:#c77171;  
	--cui-btn-hover-color:#000015;  
	--cui-btn-hover-bg:#d28d8d;  
	--cui-btn-hover-border-color:#cd7f7f;  
	--cui-btn-focus-shadow-rgb:199,113,113;  
	--cui-btn-active-color:#000015;  
	--cui-btn-active-bg:#d28d8d;  
	--cui-btn-active-border-color:#cd7f7f;  
	--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,0.125);  
	--cui-btn-disabled-color:#c77171;  
	--cui-btn-disabled-bg:transparent;  
--cui-gradient:none}

.dark-theme .btn-outline-warning{
	--cui-btn-color:#d5a439;  
	--cui-btn-border-color:#d5a439;  
	--cui-btn-hover-color:#000015;  
	--cui-btn-hover-bg:#aa832e;  
	--cui-btn-hover-border-color:#a07b2b;  
	--cui-btn-focus-shadow-rgb:213,164,57;  
	--cui-btn-active-color:#000015;  
	--cui-btn-active-bg:#aa832e;  
	--cui-btn-active-border-color:#a07b2b;  
	--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,0.125);  
	--cui-btn-disabled-color:#d5a439;  
	--cui-btn-disabled-bg:transparent;  
--cui-gradient:none}

.dark-theme .btn-outline-info{
	--cui-btn-color:#5299e0;  
	--cui-btn-border-color:#5299e0;  
	--cui-btn-hover-color:#000015;  
	--cui-btn-hover-bg:#75ade6;  
	--cui-btn-hover-border-color:#63a3e3;  
	--cui-btn-focus-shadow-rgb:82,153,224;  
	--cui-btn-active-color:#000015;  
	--cui-btn-active-bg:#75ade6;  
	--cui-btn-active-border-color:#63a3e3;  
	--cui-btn-active-shadow:inset 0 3px 5px rgba(0,0,21,0.125);  
	--cui-btn-disabled-color:#5299e0;  
	--cui-btn-disabled-bg:transparent;  
--cui-gradient:none}

.dark-theme .btn-ghost-primary{
	--cui-btn-color:#857dcc;  
	--cui-btn-hover-bg:#9791d4;  
	--cui-btn-hover-border-color:#918ad1;  
	--cui-btn-hover-color:#000015;  
	--cui-btn-active-bg:#9d97d6;  
	--cui-btn-active-border-color:#918ad1;  
	--cui-btn-active-color:#000015;  
	--cui-btn-disabled-color:#857dcc;  
--cui-btn-shadow:rgba(133,125,204,0.5)}

.dark-theme .btn-ghost-secondary{
	--cui-btn-color:#a7a7a7;  
	--cui-btn-hover-bg:#8e8e8e;  
	--cui-btn-hover-border-color:#868686;  
	--cui-btn-hover-color:#000015;  
	--cui-btn-active-bg:#868686;  
	--cui-btn-active-border-color:#7d7d7d;  
	--cui-btn-active-color:#000015;  
	--cui-btn-disabled-color:#a7a7a7;  
--cui-btn-shadow:rgba(167,167,167,0.5)}

.dark-theme .btn-ghost-success{
	--cui-btn-color:#519668;  
	--cui-btn-hover-bg:#6ba67f;  
	--cui-btn-hover-border-color:#62a177;  
	--cui-btn-hover-color:#000015;  
	--cui-btn-active-bg:#74ab86;  
	--cui-btn-active-border-color:#62a177;  
	--cui-btn-active-color:#000015;  
	--cui-btn-disabled-color:#519668;  
--cui-btn-shadow:rgba(81,150,104,0.5)}

.dark-theme .btn-ghost-danger{
	--cui-btn-color:#c77171;  
	--cui-btn-hover-bg:#cf8686;  
	--cui-btn-hover-border-color:#cd7f7f;  
	--cui-btn-hover-color:#000015;  
	--cui-btn-active-bg:#d28d8d;  
	--cui-btn-active-border-color:#cd7f7f;  
	--cui-btn-active-color:#000015;  
	--cui-btn-disabled-color:#c77171;  
--cui-btn-shadow:rgba(199,113,113,0.5)}

.dark-theme .btn-ghost-warning{
	--cui-btn-color:#d5a439;  
	--cui-btn-hover-bg:#b58b30;  
	--cui-btn-hover-border-color:#aa832e;  
	--cui-btn-hover-color:#000015;  
	--cui-btn-active-bg:#aa832e;  
	--cui-btn-active-border-color:#a07b2b;  
	--cui-btn-active-color:#000015;  
	--cui-btn-disabled-color:#d5a439;  
--cui-btn-shadow:rgba(213,164,57,0.5)}

.dark-theme .btn-ghost-info{
	--cui-btn-color:#5299e0;  
	--cui-btn-hover-bg:#6ca8e5;  
	--cui-btn-hover-border-color:#63a3e3;  
	--cui-btn-hover-color:#000015;  
	--cui-btn-active-bg:#75ade6;  
	--cui-btn-active-border-color:#63a3e3;  
	--cui-btn-active-color:#000015;  
	--cui-btn-disabled-color:#5299e0;  
--cui-btn-shadow:rgba(82,153,224,0.5)}

.dark-theme .list-group-item-primary{
	--cui-list-group-color:contrast-ratio-correction(#504b7a,#e7e5f5,40%,"primary");  
	--cui-list-group-bg:#e7e5f5;  
	--cui-list-group-hover-bg:#7871b8;  
	--cui-list-group-action-hover-color:contrast-ratio-correction(#504b7a,#e7e5f5,40%,"primary");  
	--cui-list-group-action-active-color:#fff;  
	--cui-list-group-action-active-bg:contrast-ratio-correction(#504b7a,#e7e5f5,40%,"primary");  
--cui-list-group-action-active-border-color:contrast-ratio-correction(#504b7a,#e7e5f5,40%,"primary")}

.dark-theme .list-group-item-secondary{
	--cui-list-group-color:contrast-ratio-correction(#646464,#ededed,40%,"secondary");  
	--cui-list-group-bg:#ededed;  
	--cui-list-group-hover-bg:#969696;  
	--cui-list-group-action-hover-color:contrast-ratio-correction(#646464,#ededed,40%,"secondary");  
	--cui-list-group-action-active-color:#fff;  
	--cui-list-group-action-active-bg:contrast-ratio-correction(#646464,#ededed,40%,"secondary");  
--cui-list-group-action-active-border-color:contrast-ratio-correction(#646464,#ededed,40%,"secondary")}

.dark-theme .list-group-item-success{
	--cui-list-group-color:contrast-ratio-correction(#315a3e,#dceae1,40%,"success");  
	--cui-list-group-bg:#dceae1;  
	--cui-list-group-hover-bg:#49875e;  
	--cui-list-group-action-hover-color:contrast-ratio-correction(#315a3e,#dceae1,40%,"success");  
	--cui-list-group-action-active-color:#fff;  
	--cui-list-group-action-active-bg:contrast-ratio-correction(#315a3e,#dceae1,40%,"success");  
--cui-list-group-action-active-border-color:contrast-ratio-correction(#315a3e,#dceae1,40%,"success")}

.dark-theme .list-group-item-danger{
	--cui-list-group-color:contrast-ratio-correction(#744,#f4e3e3,40%,"danger");  
	--cui-list-group-bg:#f4e3e3;  
	--cui-list-group-hover-bg:#b36666;  
	--cui-list-group-action-hover-color:contrast-ratio-correction(#744,#f4e3e3,40%,"danger");  
	--cui-list-group-action-active-color:#fff;  
	--cui-list-group-action-active-bg:contrast-ratio-correction(#744,#f4e3e3,40%,"danger");  
--cui-list-group-action-active-border-color:contrast-ratio-correction(#744,#f4e3e3,40%,"danger")}

.dark-theme .list-group-item-warning{
	--cui-list-group-color:contrast-ratio-correction(#806222,#f7edd7,40%,"warning");  
	--cui-list-group-bg:#f7edd7;  
	--cui-list-group-hover-bg:#c09433;  
	--cui-list-group-action-hover-color:contrast-ratio-correction(#806222,#f7edd7,40%,"warning");  
	--cui-list-group-action-active-color:#fff;  
	--cui-list-group-action-active-bg:contrast-ratio-correction(#806222,#f7edd7,40%,"warning");  
--cui-list-group-action-active-border-color:contrast-ratio-correction(#806222,#f7edd7,40%,"warning")}

.dark-theme .list-group-item-info{
	--cui-list-group-color:contrast-ratio-correction(#315c86,#dcebf9,40%,"info");  
	--cui-list-group-bg:#dcebf9;  
	--cui-list-group-hover-bg:#4a8aca;  
	--cui-list-group-action-hover-color:contrast-ratio-correction(#315c86,#dcebf9,40%,"info");  
	--cui-list-group-action-active-color:#fff;  
	--cui-list-group-action-active-bg:contrast-ratio-correction(#315c86,#dcebf9,40%,"info");  
--cui-list-group-action-active-border-color:contrast-ratio-correction(#315c86,#dcebf9,40%,"info")}

@-moz-document url-prefix(""){
	.dark-theme select:not([multiple]) option,.dark-theme select optgroup{color:initial}
}

.dark-theme .dark\:bg-opacity-10,.dark-theme .bg-opacity-10:not([class*="dark:"]){
	
--cui-bg-opacity:.1}

.dark-theme .dark\:bg-opacity-25,.dark-theme .bg-opacity-25:not([class*="dark:"]){
	
--cui-bg-opacity:.25}

.dark-theme .dark\:bg-opacity-50,.dark-theme .bg-opacity-50:not([class*="dark:"]){
	
--cui-bg-opacity:.5}

.dark-theme .dark\:bg-opacity-75,.dark-theme .bg-opacity-75:not([class*="dark:"]){
	
--cui-bg-opacity:.75}

.dark-theme .dark\:bg-opacity-100,.dark-theme .bg-opacity-100:not([class*="dark:"]){
	
--cui-bg-opacity:1}

.wrapper{width:100%;  will-change:auto;  transition:padding .15s}

html:not([dir="rtl"]) .wrapper{padding-left:var(
	--cui-sidebar-occupy-start,0);  padding-right:var(
--cui-sidebar-occupy-end,0)}

*[dir="rtl"] .wrapper{padding-right:var(
	--cui-sidebar-occupy-start,0);  padding-left:var(
--cui-sidebar-occupy-end,0)}



.fc{
	--fc-small-font-size:.85em;  
	--fc-page-bg-color:#fff;  
	--fc-neutral-bg-color:rgba(208,208,208,0.3);  
	--fc-neutral-text-color:gray;  
	--fc-border-color:var(
	--cui-border-color,#d8dbe0);  
	--fc-button-text-color:#fff;  
	--fc-button-bg-color:#2c3e50;  
	--fc-button-border-color:#2c3e50;  
	--fc-button-hover-bg-color:#1e2b37;  
	--fc-button-hover-border-color:#1a252f;  
	--fc-button-active-bg-color:#1a252f;  
	--fc-button-active-border-color:#151e27;  
	--fc-event-bg-color:#3788d8;  
	--fc-event-border-color:#3788d8;  
	--fc-event-text-color:#fff;  
	--fc-event-selected-overlay-color:rgba(0,0,0,0.25);  
	--fc-event-resizer-thickness:8px;  
	--fc-event-resizer-dot-total-width:8px;  
	--fc-event-resizer-dot-border-width:1px;  
	--fc-non-business-color:rgba(215,215,215,0.3);  
	--fc-bg-event-color:#8fdf82;  
	--fc-bg-event-opacity:.3;  
	--fc-highlight-color:rgba(188,232,241,0.3);  
	--fc-today-bg-color:rgba(255,220,40,0.15);  
	--fc-now-indicator-color:var(
--cui-danger)}

.example:not(:first-child){
margin-top:1.5rem}

.example .tab-content{background-color:#f9fafa !important}

.dark-theme .example .tab-content{background-color:rgba(255,255,255,0.1) !important}

.example+p{margin-top:1.5rem}

.example .preview+p{margin-top:2rem}

.example .preview>.form-control+.form-control{margin-top:.5rem}

.example .preview>.nav+.nav,.example .preview>.alert+.alert,.example .preview>.navbar+.navbar,.example .preview>.progress+.progress{margin-top:1rem}

.example .preview>.dropdown-menu{position:static;  display:block}

.example .preview>:last-child{margin-bottom:0}

.example .preview>svg+svg,.example .preview>img+img{margin-left:.5rem}

.example .preview>.btn,.example .preview>.btn-group{margin:.25rem .125rem}

.example .preview>.btn-toolbar+.btn-toolbar{margin-top:.5rem}

.example .preview>.list-group{max-width:400px}

.example .preview>[class*="list-group-horizontal"]{max-width:100%}

.example .preview .fixed-top,.example .preview .sticky-top{position:static;  margin:-1rem -1rem 1rem}

.example .preview .fixed-bottom{position:static;  margin:1rem -1rem -1rem}



.example .preview .pagination{margin-top:.5rem;  margin-bottom:.5rem}

.example .preview .docs-example-modal .modal{position:static;  display:block}

#menuBottom .accordion-body.row{padding:0 !important}

.quickmenu-header{position:absolute;  height:0;  z-index:3}

.quickmenu-btn{
	
    transform: translateY(-70%);
    color: #fff;
    position: relative;
    top: 70%;
    font-size: 34px;
    height: 50px;
    width: 50px;
    line-height: 25px;
	
}

.quickmenu-btn:after{content:"\f107";  font-family:"Font Awesome 5 Free";  font-weight:900;  color:#fff}

.quickmenu-btn.collapsed{transform:translateY(6%);  top:0}

.quickmenu-btn.collapsed:after{content:"\f106";  color:#fff}

.nav-item.quickmenu-bottom .nav-link{display:flex;  flex-direction:column;  justify-content:center;  align-items:center}

/* .nav-item.quickmenu-bottom .nav-link:hover{animation:neon .08s ease-in-out infinite alternate} */

@keyframes neon{from{text-shadow:0 0 6px rgba(202,228,225,0.92),0 0 30px rgba(202,228,225,0.34),0 0 12px rgba(30,132,242,0.52),0 0 21px rgba(30,132,242,0.92),0 0 34px rgba(30,132,242,0.78),0 0 54px rgba(30,132,242,0.92)}
	
	to{text-shadow:0 0 6px rgba(202,228,225,0.98),0 0 30px rgba(202,228,225,0.42),0 0 12px rgba(30,132,242,0.58),0 0 22px rgba(30,132,242,0.84),0 0 38px rgba(30,132,242,0.88),0 0 60px rgba(30,132,242,1)}
	
}

.dropdown-menu.show{padding-top:5px !important}



.sq-banner-img{opacity:1;  display:block;  width:100%;  height:auto;  transition:.5s ease;  backface-visibility:hidden}

.crd-info{transition:.5s ease;  opacity:0;  position:absolute;  top:50%;  left:50%;  transform:translate(-50%,-50%);  -ms-transform:translate(-50%,-50%);  text-align:center}

.sq-banner:hover .sq-banner-img{opacity:.2}

.sq-banner:hover .crd-info{opacity:1}

.crd-heading,.crd-text{ color:white;  font-size:28px}

#horizontal-container.top_sports_wrapper::-webkit-scrollbar{display:none}

#horizontal-container.top_sports_wrapper{-ms-overflow-style:none;  overflow:-moz-scrollbars-none}

.sp_nav_top .sel-row{margin-top:1rem}

.sp_nav_top .top_sports_nav .title_{font-family:"Koaroo"; font-size: 1.3rem;
    text-transform: uppercase;
    letter-spacing: 4px;
    border-bottom: 1px solid;
padding: 0 10px;}


.top_sports_nav{display:flex;  justify-content:center;  align-items:center}

.top_sports_nav .btn-arrow-circle{height:40px}

.sports_nav_item{display:flex;  justify-content:center;  align-items:center}

.sports_nav_item.sportsbtn{position:relative; width:60px;  height:50px}

.sports_nav_item.sportsbtn:has(.topsp_wrap.sp_cat.on) {
	background: #85611e;
	border-radius: 6px;
}

.sequence_.bet-side.away-side .snip.para-sp{padding-right:10px}

.btn.btn-primary.view-display-options{background:var(
--bg-panel);  border:0}

.btn.btn-refresh-holds{background:var(
	--bg-panel);  border:1px solid var(
--cui-text-primary) !important}

.dark-theme .btn.btn-primary.view-display-options{background:#242629;  color:#fff;  border:1px solid var(--cui-info) !important}

.dark-theme .btn.btn-refresh-holds{background:#242629;  color:#fff;  border:1px solid var(
--cui-text-primary) !important}

.btn-sports-bet.btn-dark{border-width:1px;  border-radius:6px}

.asian-wrapper .row-wideView{font-size:.8rem}

.league-box .asian-wrapper{padding:10px;  border-radius:5px}

.league-box .row.asian-league-card .league-card-left{display:flex;  align-items:center}

.league-box .row.asian-league-card .league-card-left .match_info-mid{display:flex;  justify-content:center;  align-items:center}

.league-name .league i:first-child{margin-right:.5rem}

.league-name .league i:last-child{margin-left:.5rem}

.league-card-left{display:flex;  align-items:center}

.mutiple_box.match-info{display:flex;  align-items:center;  /*justify-content:center;*/  font-weight:bold;}


.mutiple_box .match_info02-vs{  margin:0 5px}

.league-name .round-box.matchtime,.mutiple_box small.match_info01{
	font-size: .8rem;
    line-height: 12px;
    font-weight: 700;
    margin-left: 1rem;
    border-radius: 50rem;
    text-align: center;
    padding: 0.2rem;
    width: 66px;
}

.footer{padding:30px 0;  font-family:"Play",sans-serif !important;  text-align:center}

.footer .row{width:100%;  margin:1% 0;  padding:.6% 0;  font-size:.8em;align-items: self-end;}

.footer .row a{text-decoration:none;  color:gray;  font-size:1.3em;  transition:.5s; display: flex; align-items: center;}

.footer .row a:hover{color:#fff}

.footer .row ul{width:100%}

.footer .row ul li{display:flex;  align-items:center;  margin:0 30px}

.footer .row a i{font-size:2em;  margin:0 1%}

.social-img{vertical-align:middle;  height:40px}

.social-text{margin-left:5px}

.footer-partner{display:inline-block;  border-radius:var(
--border-radius-m);  width:150px;  margin:3px}


.footer-partner img{padding:5px 20px;  width:100%;  height:auto;  margin:0 auto}

.footer-logo{display:inline-block;  width:200px;  margin:20px 5px 30px 5px}

.footer-logo img{padding:2px 20px;  max-width: 100%;
    max-height: 50px;  margin:0 auto}

.copyright{font-family:"Play",sans-serif !important;  font-size:1.2em;  color:grey !important;  text-align:center}

hr.style1{margin:1.5em 0;  text-align:center;  border:0}

hr.style1:before{content:"";  display:inline-block;  width:10px;  height:10px;  border-radius:50%;  background:#b9b9b9;  margin:0 .4em}

hr.style1:after{content:"";  display:inline-block;  width:10px;  height:10px;  border-radius:50%;  background:#b9b9b9;  margin:0 .4em}

hr.style2{border:0;  height:1px;  width:95%;  background-image:linear-gradient(to right,transparent,#818078,transparent);  margin:30px 0}

.social-footer{display:flex;  justify-content:center;  align-items:center}

.social{display:flex;  justify-content:center;  align-items:center}

.sports_nav_top{overflow:auto;  white-space:nowrap}

.sports_nav_top .sports_nav_item{background-color:#333;  display:inline-block;  color:white;  text-align:center;  padding:14px;  text-decoration:none;  width:60px;  inline-size:60px;  overflow-wrap:break-word;  height:80px;  word-break:break-all}

.sports_nav_top .sports_nav_item:hover{background-color:#777}

.inner._title{display:flex;  justify-content:center;  align-items:center;  background:var(
	--cui-yellow);  padding:.5rem;  color:var(
--cui-white);  border-radius:10px}

.sequence_.bet-side.btn-sports-bet.left.bonusodds.btn.btn-bonus{display:flex;  background:transparent;  color:white;  border:1px solid var(
--color-border-light-blue);  padding:.5rem}

.sequence_.bet-side.btn-sports-bet.left.bonusodds.btn.btn-bonus:hover{border:2px solid var(
--cui-yellow)}

.odds._tobonus{text-align:right !important;  color:var(
--cui-code-color)}

.snip.para-bonus .star-icon .fa-gem{color:aquamarine}

.asian-wrapper .asian-league-panel .league-name .first-row .mutiple_box{font-size:1rem !important}

.asian-wrapper .asian-league-panel .league-name .first-row .mutiple_box .match_info02-vs{color:goldenrod}

.asian-wrapper .league-name .matchtime .match_info01{font-size:.8rem;  color:var(
--cui-gray)}

#asian-container .league-box .row.asian-league-card,.row.wide-league-card{padding:10px 0}

.asian-league-panel .league-name .league i{display:flex;  align-items:center}

.asian_slide_box .league_head .league-name .league,.asian-league-panel .league-name .league.top-league-name{display:flex;  align-items:center;  font-weight:bold;line-height: 12px;}

.sequence_.btn-sports-bet{display:flex;  align-items:center}

.league-card-round,.league-card-round .round-box.count-side{display:flex;  justify-content:center;  align-items:center}

.league-card-round{border:1px solid var(
--cui-body-bg)}

.round-box.count-side{display:flex;  justify-content:center;  align-items:center;  cursor:pointer}

.col-1.league-card-left,.col-1.league-card-round{border-top:1px solid var(
	--cui-body-bg);  border-bottom:1px solid var(
--cui-body-bg)}

.sports_box .time_line,.sports_box .time_line div,.sports_box .time_line span,.sports_box .time_line center{margin:0 !important;  padding:0 !important;  display:block}

.league-card-round .round-box.count-side{
	height:100%;
	width: calc(100% - 4px);
    display: block;
    overflow: hidden;
    margin: 2px !important;
    border-radius: 0 !important;
}



.matchtime-fav{border:1px solid var(
--cui-body-bg)}

@keyframes fading-down{from{opacity:0;  transform:translateY(0)}
	
	to{opacity:100%;  transform:translateY(7px)}
	
}

@keyframes fading-up{from{opacity:0;  transform:translateY(0)}
	
	to{opacity:100%;  transform:translateY(-7px)}
	
}

@keyframes bounce{50%{transform:translateY(-7px)}
	
}

.arrow{font-size:14px}

.arrow.down{color:red}

.arrow.down::before{position:relative;  left:0;  right:0;  top:-0}

.arrow.up{color:limegreen}

.arrow.up::before{position:relative;  right:0;  left:0;  top:-0}

.match-odds .match-oddslist .arrow.down::before,.match-odds .match-oddslist .arrow.up::before{left:-5px}

@-webkit-keyframes uparrow{0%{-webkit-transform:translateY(0);  opacity:0}
	
	100%{-webkit-transform:translateY(-7px);  opacity:1}
	
}

@-webkit-keyframes downarrow{0%{-webkit-transform:translateY(0);  opacity:0}
	
	100%{-webkit-transform:translateY(7px);  opacity:1}
	
}

.scoller_horizon.sp_nav_top .provider-item{background:transparent !important}

.scoller_horizon.sp_nav_top .provider-item .sports_nav_item i:hover,.scoller_horizon.sp_nav_top .provider-item .sports_nav_item .topsp_wrap:hover svg,.scoller_horizon.sp_nav_top .provider-item .sports_nav_item .topsp_wrap.on svg{transform:translateY(-5px);  transition:.3s;  fill:var(
--cui-info)}

.header-title-sticky{justify-content:initial;  float:left;  width:100%;  max-width:100%;  margin:0}

.header-title-sticky{background:transparent}

#match-detail #detail-header #inner-header{display:flex}

#match-detail #detail-container .odds-find #odds_search{border-bottom:1px solid var(
--cui-yellow)}

#match-detail #detail-container .odds-find #odds_search .odds_search,#match-detail #detail-container .odds-find #odds_search .time_search,#match-container .odds-find #odds_search .odds_search,#match-container .odds-find #odds_search .time_search{font-weight:600;  color:#141414}

.dark-theme #match-detail #detail-container .odds-find #odds_search .odds_search,.dark-theme #match-detail #detail-container .odds-find #odds_search .time_search,.dark-theme #match-container .odds-find #odds_search .odds_search,.dark-theme #match-container .odds-find #odds_search .time_search{font-weight:400;  color:#d4d4df}

#match-detail #detail-container .odds-find #odds_search .odds_search:hover,#match-detail #detail-container .odds-find #odds_search .time_search:hover,#match-container .odds-find #odds_search .odds_search:hover,#match-container .odds-find #odds_search .time_search:hover{font-weight:bolder;  color:var(
--cui-warning)}

.prematch-event-block{width:100% !important;  display:grid;  justify-items:center;  align-items:center;  grid-template-columns:40% 20% 40%;  grid-template-rows:auto;  column-gap:0;  row-gap:0;  word-break:keep-all; }

.border-gradient.sportsbook_content,#match-detail{border:4px solid;  border-image-slice:1}



#rightbox .match_tab.odds-find>.tab_item{width:100%}

#rightbox .match_tab.odds-find>.tab_item>.item_title{text-align:center}

#rightbox .match_tab.odds-find>.tab_item.on,#rightbox .match_tab.odds-find>.tab_item:hover{font-weight:bolder}

#match-detail #detail-header #inner-header .name-header .detail-home,#match-detail #detail-header #inner-header .name-header .detail-away{font-size:1.5rem;  display:flex;  align-items:center}



#detail-header #inner-header .name-header .detail-vs{font-size:0;  text-shadow:unset;  height:70px;  width:70px}



.detail-odds table.match-oddslist{margin-top:.5rem}

.match-oddslist .type-name, .match_list .match_item .market_name {color:var(
--cui-info) !important;  font-weight:bolder;  text-align:center}

.multi-tabs_wrapper{width:100%}

.tab_content{display:none}

#game-bet .game-bet ._gamebet_,#game-bet .game-bet-center ._gamebet_{position:relative;  width:100%;  display:flex;  flex-direction:column;  align-items:center}


#game-bet ._gamebet_ {
	font-weight: bold;
}
#game-bet ._gamebet_ p,
#game-bet ._gamebet_ div {
	font-weight: 400;
}

#game-bet .game-bet ._gamebet_ p{
	display:flex
}

#game-bet .game-bet-center ._gamebet_ .game-odds,
#game-bet .game-bet ._gamebet_ .game-odds{
	padding:.2rem 1rem;  
	border-radius:1rem;  
	max-width:5rem; 
	margin:.5rem 0
}

#game-bet .game-bet ._gamebet_ .circle-7 .game-odds,.full_row ._gamebet_ p,.full_row ._gamebet_ .game-odds{border:none !important;  padding:0 !important;  margin:0 !important}

.full_row ._betside4._bet{padding-bottom:1rem}

._gamebet_ > p:has(span:nth-child(2)) > i.block {
	flex-basis: 100%;
	text-align: center;
}

#mini_wrap #game-bet ._gamebet_ .circle-L,
#mini_wrap #game-bet ._gamebet_ .circle-m,
#mini_wrap #game-bet ._gamebet_ .circle-s,
#mini_wrap #game-bet ._gamebet_ .circle {
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 1.2rem;
	font-weight:500;
}



#mini_wrap #game-bet.eos_frame ._gamebet_ .circle,#mini_wrap #game-bet.pball_frame ._gamebet_ .circle {
	width:3rem;  
	height:3rem
}

#mini_wrap #game-bet ._gamebet_ .circle-1{background:radial-gradient(circle at 50% 120%,#508dfd,#60b5ff 10%,#263e83 80%,#0e2f60 100%)}

#mini_wrap #game-bet ._gamebet_ .circle-2{background:radial-gradient(circle at 50% 120%,#c75764,#e98c97 10%,#791723 80%,#4e040d 100%)}

#mini_wrap #game-bet ._gamebet_ .circle-3{background:radial-gradient(circle at 50% 120%,#739af1,#8ca9e9 10%,#6b6b78 80%,#c8c8e3 100%);  border:1px solid #080876;  color:#080876}

#mini_wrap #game-bet ._gamebet_ .circle-4{background:radial-gradient(circle at 50% 120%,#f7e4e6,#95464f 10%,#9b9b9b 80%,#896e71 100%);  border:1px solid #ff4d4d;  color:#b30000}

#mini_wrap #game-bet ._gamebet_ .circle-5{background:radial-gradient(circle at 50% 120%,#f7e4e6,#efedbe 10%,#897e44 80%,#ede47c 100%);  border:1px solid #fff039;  color:#ffdf00}

#mini_wrap #game-bet ._gamebet_ .circle-6{background:radial-gradient(circle at 50% 120%,#f7e4e6,#649546 10%,#8c8f80 80%,#fff 100%);  border:1px solid #17c935;  color:#4ce960}

#mini_wrap #game-bet ._gamebet_ .circle-7{background:radial-gradient(circle at 50% 120%,#4a4a4a,#767676 10%,#000 80%,#000 100%);    text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #f00, 0 0 10px #ff8d00, 0 0 98px red;
color: #fff6a9;}

#mini_wrap #game-bet ._gamebet_ .circle-8{background:radial-gradient(circle at 50% 120%,#139511,#a3ff40 10%,#4b7c15 80%,#44e150 100%)}

#mini_wrap #game-bet ._gamebet_ .circle-9{background:radial-gradient(circle at 50% 120%,#4a4a4a,#767676 10%,#1a1a1a 80%,#423f3f 100%)}

#mini_wrap #game-bet ._gamebet_ .circle-10{background:radial-gradient(circle at 50% 120%,#ff57b4,#ff66e5 10%,#6a1157 80%,#9f0376 100%)}

#mini_wrap #game-bet ._gamebet_ .circle-11{background:radial-gradient(circle at 50% 120%,#4bff51,#8ee39c 10%,#066200 80%,#00661b 100%)}

#mini_wrap #game-bet ._gamebet_ .circle-red{background:radial-gradient(circle at 50% 120%,#f14d4d,#e3b5b5 10%,#b90b0b 80%,#8b0505 100%)}

#mini_wrap #game-bet ._gamebet_ .circle-blue{background:radial-gradient(circle at 50% 120%,#81e8f6,#76deef 10%,#055194 80%,#062745 100%)}

#mini_wrap #game-bet ._gamebet_ .circle-yellow{background:radial-gradient(circle at 50% 120%,#f6ed81,#feffa3 10%,#877000 80%,#777e04 100%)}

#mini_wrap #game-bet ._gamebet_ .circle-darkblue{background:radial-gradient(circle at 50% 120%,#81dbf6,#76b7ef 10%,#000c64 80%,#033b6e 100%)}

#mini_wrap #game-bet ._gamebet_ .circle-darkred{background:radial-gradient(circle at 50% 120%,#d99d9d,#c38181 10%,#540000 80%,#100000 100%)}

#mini_wrap #game-bet ._gamebet_ .circle-black{background:radial-gradient(circle at 50% 120%,#d3d3d3,#8d8d8d 10%,#101010 80%,#0a0a0a 100%)}

#mini_wrap #game-bet ._gamebet_ .circle-white{background:radial-gradient(circle at 50% 120%,#5c5c5c,#fff 10%,#9b9b9b 80%,#fff 100%)}

#mini_wrap #game-bet ._gamebet_ .circle-pear{background:radial-gradient(circle at 50% 120%,#40a700,#e2ed8a 10%,#497c10 80%,#94c51e 100%)}

#mini_wrap #game-bet ._gamebet_ .circle-orange{background:radial-gradient(circle at 50% 120%,#ff9557,#ffc55a 10%,#973100 80%,#bb6c34 100%)}

#mini_wrap #game-bet ._gamebet_ .circle-blueturqoise{background:radial-gradient(circle at 50% 120%,#5fc3d1,#a3ced5 10%,#1bafc7 80%,#074852 100%)}

#mini_wrap #game-bet ._gamebet_ .circle-aquagreen{background:radial-gradient(circle at 50% 120%,#5fc3d1,#c1cfd7 10%,#00a999 80%,#bbfbf9 100%)}

#mini_wrap #game-bet ._gamebet_ .circle-tran-red{background:radial-gradient(circle at 50% 120%,#ffb0b0,#d77878 10%,#8d8d8d 80%,#fdfdfd 100%);  border:1px solid red;  color:#ff4949}

#mini_wrap #game-bet ._gamebet_ .circle-tran-blue{background:radial-gradient(circle at 50% 120%,#b0d3ff,#a6e2ff 10%,#4f6d87 80%,#dfe5e9 100%);  border:1px solid #2f75df;  color:#437dff}

#mini_wrap #game-bet ._gamebet_ .circle-tran-green{background:radial-gradient(circle at 50% 120%,#c3ffb0,#92e5ac 10%,#6f856d 80%,#e1ffc9 100%);  border:1px solid #159330;  color:#44ff4a}

#mini_wrap #game-bet ._gamebet_ .circle-tran-blueturqoise{background:radial-gradient(circle at 50% 120%,#c9ffff,#4bb9b4 10%,#718081 80%,#f7f7f7 100%);  border:1px solid #17c1c9;  color:#0df4ff}

#game-bet .game-bet li._betside3 .triangle,#game-bet .game-bet .triangle,#game-bet .game-bet-center .triangle{position:absolute;  left:0;  bottom:0}

.color-3{border-bottom:solid 15px #f8485e;  border-left:solid 15px #f8485e}

.color-2{border-bottom:solid 15px #3381f6;  border-left:solid 15px #3381f6}

.color-1{border-bottom:solid 15px #9ae66e;  border-left:solid 15px #9ae66e}

.triangle{display:inline-block;  margin:0;  vertical-align:middle}

.triangle-1{width:30px;  height:30px;  border-right:solid 15px transparent;  border-top:solid 15px transparent}

#game-bet .game-bet ._gamebet_ .bold{font-size:2rem; }

#game-bet.betBOX_gameCROWN .game-bet-center li._betside2._bet>div._gamebet_{font-size:1.2rem;}

#game-bet.betBOX_gameCROWN .game-bet-center li._betside2._bet>div._gamebet_>div.game-odds{font-size:1rem;  text-shadow:none}

#game-bet .game-bet-center ._betside2,#game-bet .game-bet-center ._betside3,#game-bet .game-bet-center ._betside4,#game-bet .game-bet ._betside2,#game-bet .game-bet ._betside3,#game-bet .game-bet ._betside4{
	display:flex;  justify-content:space-evenly;  align-items:center;  flex-direction:column;
}


#game-bet .game-bet-center ._gamebet_ p,#game-bet .game-bet ._gamebet_ p{display:flex;  align-items:center;justify-content: center;flex-wrap: wrap;  margin-bottom:0;  margin-top:1rem}



#game-bet .game-bet-center ._gamebet_ i.el-icon-plus::before,#game-bet .game-bet ._gamebet_ i.el-icon-plus::before{font-family:"Font Awesome 6 Free";  font-weight:900;  content:"\2b";  margin:0 0.3rem}

#game-bet #game-rules-container ._game_rules {
	padding-top: 4rem;
}
.tabs ul{list-style:none;  padding:0;  margin:0;  white-space:nowrap;  display:table;  width:100%;  border:none !important}

#new_tabs_content .tab_content,.tabs .main_tabs{border-radius:25px}

.tabs ul li{display:inline-block;  float:left}

.tabs ul li:first-child:last-child,.tabs ul li:first-child:last-child~li{width:calc(100% / 1)}
.tabs ul li:first-child:nth-last-child(2),.tabs ul li:first-child:nth-last-child(2)~li{width:calc(100% / 2)}
.tabs ul li:first-child:nth-last-child(3),.tabs ul li:first-child:nth-last-child(3)~li{width:calc(100% / 3)}
.tabs ul li:first-child:nth-last-child(4),.tabs ul li:first-child:nth-last-child(4)~li{width:calc(100% / 4)}
.tabs ul li:first-child:nth-last-child(5),.tabs ul li:first-child:nth-last-child(5)~li{width:calc(100% / 5)}
.tabs ul li:first-child:nth-last-child(6),.tabs ul li:first-child:nth-last-child(6)~li{width:calc(100% / 6)}
.tabs ul li:first-child:nth-last-child(7),.tabs ul li:first-child:nth-last-child(7)~li{width:calc(100% / 7)}
.tabs ul li:first-child:nth-last-child(8),.tabs ul li:first-child:nth-last-child(8)~li{width:calc(100% / 8)}
.tabs ul li:first-child:nth-last-child(9),.tabs ul li:first-child:nth-last-child(9)~li{width:calc(100% / 9)}
.tabs ul li:first-child:nth-last-child(10),.tabs ul li:first-child:nth-last-child(10)~li{width:calc(100% / 10)}
.tabs ul li:first-child:nth-last-child(11),.tabs ul li:first-child:nth-last-child(11)~li{width:calc(100% / 11)}
.tabs ul li:first-child:nth-last-child(12),.tabs ul li:first-child:nth-last-child(12)~li{width:calc(100% / 12)}
.tabs ul li:first-child:nth-last-child(13),.tabs ul li:first-child:nth-last-child(13)~li{width:calc(100% / 13)}



.tabs .main_tabs{padding:5px 10px}

#new_tabs_content .tabs ul{width:95%;  margin:0 auto;  overflow:hidden}


.tabs .main_tabs .tmain{padding:13px 15px;  text-decoration:none;  text-align:center;  cursor:pointer;  font-weight:700;  font-size:.9rem;  border-radius:25px}

.tabs .main_tabs .tmain a:hover,.tabs ul li.active a:hover,.tabs ul li.tlayer a:hover{color:var(
--cui-warning);  font-weight:600}

.tabs .main_tabs .tmain a,.tabs ul .tlayer a,.tabs_content .tabs .tlayer a{text-decoration:none}

.tabs ul .tlayer{padding:4px 7px;  outline:0;  height:50px;  font-size:13px;  text-align:center;  vertical-align:middle;  box-shadow:0 0 1px rgb(0 0 0 / 0);  position:relative;  -webkit-transition-property:color;  transition-property:color;  -webkit-transition-duration:.3s;  transition-duration:.3s;  cursor:pointer;  font-weight:600}

.mini_opentab .tabs ul .tlayer {
	width: calc(100% / 7);
}


#user-container .collection-box .tab_content .multi-tabs_wrapper .tabs ul .tlayer{display:flex;  justify-content:center;  align-items:center}

.dark-theme .tabs ul .tlayer{border-width:2px 1px;  font-weight:400}

.tabs ul .tlayer:hover:before{-webkit-transform:scaleY(1);  transform:scaleY(1)}

.tabs ul .tlayer:before{content:"";  position:absolute;  z-index:-1;  top:0;  left:0;  right:0;  bottom:0;  background:#565656;  -webkit-transform:scaleY(0);  transform:scaleY(0);  -webkit-transform-origin:50% 100%;  transform-origin:50% 100%;  -webkit-transition-property:transform;  transition-property:transform;  -webkit-transition-duration:.3s;  transition-duration:.3s;  -webkit-transition-timing-function:ease-out;  transition-timing-function:ease-out}

.tabs_content,li.tlayer.mini_menu.game-header{position:relative}

.tabs ul .tlayer .game-header-time{position:absolute;  height:42px;  width:100%;  top:0;  padding-top:25px;  left:50%;  transform:translateX(-50%)}

.tabs_content{float:left;  width:100%;  z-index:1}

#mini_wrap #game-bet .game-header{padding:10px 16px;  position:absolute;  width:100%;  height:4rem;  font-size:1.5rem;  display:flex;  justify-content:space-between; align-items:center;  left:50%; top:0;  transform:translateX(-50%);z-index:1;}

#mini_wrap #game-bet .game-header .game-round-time{max-width:6rem}

#mini_wrap #game-bet .game-header .remaining-time{max-width:calc(38% - 4rem);  padding-left:calc(27% - 6rem)}

#mini_wrap #game-bet .game-header #MATCHID,#mini_wrap #game-bet .game-header .game-round-time{margin:0 .5rem;  text-shadow:1px 1px #000;  border-radius:.375rem;  padding:0 1rem;  background-color:rgba(var(
	--cui-warning-rgb),var(
--cui-bg-opacity))}

#mini_wrap #game-bet .game-header #MATCHTIME{margin-right:auto}


#mini_wrap #game-frame.eos_frame{
	width:100%;  
	display:flex;  
	flex-direction:column;  
	align-items:center;
	float: unset;
    text-align: initial;
}

#mini_wrap #game-bet.eos_frame,#mini_wrap #game-bet.width-full,#mini_wrap #game-frame.width-full,#mini_wrap .sip_lotus_frame .lotusoe-ana .trends .analysiscon{width:100%;}
#mini_wrap .sip_lotus_frame .lotusoe-ana .trends .analysiscon{overflow: auto;}

#mini_wrap #game-bet.pball_frame,#mini_wrap #game-frame.pball_frame,#mini_wrap .pladder_frame #game-bet,#mini_wrap .pladder_frame #game-frame{width:50%}

#mini_wrap #game-frame iframe {margin:0 auto;display:block}

#mini_wrap #game-frame.full-width-frame{width:100%;  display:flex;  justify-content:center;}

#mini_wrap #game-bet{width:30%;display:inline-block;}
#mini_wrap #game-frame.frameBOX_mgm.mgm_bc {margin-top: 3rem;}
#mini_wrap #game-bet.betBOX_mgm {margin-top: 3.3rem;}
#mini_wrap #game-bet:has(div.game-bet-center.twoside) {width: 40%;height: 100%;}
#mini_wrap #game-frame.frameBOX_mgm  iframe {
    /* width: 100%; */
}

#mini_wrap #game-frame{width:70%;  float:left; overflow:hidden;position:relative;}
#mini_wrap #game-frame:has(.pladder_frame_one) {width: 60%;}
#mini_wrap #game-frame.pball_frame {
    text-align: initial;
    width: 58%;
}
#mini_wrap #game-bet.fifty_short,#mini_wrap #game-frame.fifty_short {width: 100%;}
#mini_wrap .pball_frame#game-bet {
    width: 42%;
}
#mini_wrap #game-bet .game-bet-center{width:100%;  padding:1rem 0}
#mini_wrap #game-frame.frameBOX_mgm {
    margin-top: 3rem !important;
}

#mini_wrap #game-bet .game-header>span{width:100%;  display:flex;  align-items:center}

#mini_wrap .sip_lotus_frame #game-bet .game-bet-center ul{display:inline}

#mini_wrap .sip_lotus_frame #game-bet .game-bet-center ul ._betside2._bet{float:left}

#mini_wrap .sip_lotus_frame #game-bet .game-bet-center{position:absolute;  width:30%;  top:8rem}

#mini_wrap .sip_lotus_frame #game-frame ._view_rules{position:absolute;  right:0;  top:0}

#mini_wrap .sip_lotus_frame .lotusoe-ana{float:left;  width:70%}


#mini_wrap .sip_lotus_frame .lotusoe-ana .table_tittle{display:flex;  justify-content:center;  align-items:center;  border-color:inherit;  font-weight:700;  background-image:linear-gradient(180deg,#343434,#000);  color:#fff;  line-height:2rem;  font-size:1.2rem;  float:right;  width:100%}

#mini_wrap .sip_lotus_frame .lotusoe-ana .table_tittle p{margin-bottom:0}

#mini_wrap .sip_lotus_frame .lotusoe-ana .trends table.tbl{width:100%;  background:#333;  border-color:#000}

#mini_wrap .sip_lotus_frame .lotusoe-ana .trends table.tbl .tbl-red{border-color:inherit;  color:#fd6864;  text-align:center;  vertical-align:middle}

#mini_wrap .sip_lotus_frame .lotusoe-ana .trends table.tbl .tbl-blue{border-color:inherit;  color:#3ab2fa;  text-align:center;  vertical-align:middle}

#mini_wrap .sip_lotus_frame .lotusoe-ana .trends table.tbl .digit-in-circle{border-radius:50%;  display:flex;  justify-content:center;  height:2rem;  width:2rem;  align-items:center}


#mini_wrap .sip_lotus_frame .lotusoe-ana .trends table.tbl .digit-in-circle._blue{background-color:#2e7de5}

#mini_wrap .sip_lotus_frame .lotusoe-ana .trends table.tbl .digit-in-circle._red{background-color:#e52e2e}

#mini_wrap .sip_lotus_frame .lotusoe-ana .trends table.tbl thead tr:nth-last-child(2),#mini_wrap .sip_lotus_frame .lotusoe-ana .trends table.tbl thead tr:last-child{text-align:center}

#mini_wrap .sip_lotus_frame .lotusoe-ana .trends table.tbl thead tr:last-child{color:var(
--cui-warning)}

#mini_wrap #game-bet .game-header .btcladder-ex,#mini_wrap #game-bet .game-header .ethladder-ex,#mini_wrap #game-bet .game-header .xrpladder-ex,#mini_wrap #game-bet .game-header .btcgame-ex{position:absolute;  right:116px;  top:3px;  font-weight: bold;  font-size:11px}



#mini_wrap #game-bet .game-header .remaining-time{word-break:keep-all; white-space: nowrap;}

#game-bet .game-bet-center ul,#game-bet .game-bet ul{width:100%;display:flex;flex-wrap:wrap;}

#game-bet .game-bet li._betside4,#game-bet .game-bet-center li._betside4{width:25%}

#game-bet .game-bet li._betside3,#game-bet .game-bet-center li._betside3{width:33.33%}

#game-bet .game-bet li._betside2,#game-bet .game-bet-center li._betside2{width:50%}

#game-bet .game-bet li._betside1,#game-bet .game-bet-center li._betside1{width:100%}

#game-bet .game-bet-center > ul:has(li._betside4._bet:nth-child(1)) > li {width: 100%;}
#game-bet .game-bet-center > ul:has(li._betside4._bet:nth-child(2)) > li {width: 50%;}
#game-bet .game-bet-center > ul:has(li._betside4._bet:nth-child(3)) > li {width: calc(100% / 3);}
#game-bet .game-bet-center > ul:has(li._betside4._bet:nth-child(4)) > li {width: 25%;}
#game-bet .game-bet-center > ul:has(li._betside4._bet:nth-child(5)) > li {width: 20%;}

#game-bet.betBOX_gameCROWN .game-bet-center{padding-top:3rem}

.sky-baca2 #game-bet .game-bet-center ul ._betside2,.sky-baca2 #game-bet .game-bet-center ul ._betside3,#game-bet.width-full .game-bet-center.ng-baccarat ul ._betside3{float:left}

.sky-baca2 #game-bet .game-bet-center ul,#game-bet.width-full .game-bet-center.ng-baccarat ul,#game-bet.betBOX_gameCROWN .game-bet-center ul{display:unset}

#game-bet.betBOX_gameCROWN .game-bet-center ul:has(li._bet) {display: flex; flex-wrap: wrap;}

#game-bet.betBOX_gameCROWN .game-bet-center ._betside2,#game-bet.betBOX_gameCROWN .game-bet-center ._betside3{float:left}

.el-table__header thead tr{display:flex}

.bet_list_wrap .is-leaf,#game-bet .game-title,#game-bet .game-bet .game-title,.bet_list_wrap .mini-history-tab{padding:.5rem;  display:inline-block;  width:100%;  text-align:center}

.bet_list_wrap .mini-history-tab{margin-top:2rem}

#content-wrapper .width-full #game-box{display:flex;  justify-content:center}

.dark-theme #content-wrapper .width-full #game-box{background:#2a2a2e url(/image/bg/futuristic.jpg?v=02) top center no-repeat !important;  background-blend-mode:overlay;  background-size:cover !important}

#game-box{margin-top:2rem}

#game-box #game-frame{display:flex;  flex-direction:column;  overflow:hidden;  align-items:center}

#game-frame.width-full .nav-tabs ul{display:flex;  justify-content:center;  margin:1rem}

#game-frame.frameBOX_mgm.mgm_bc{float:right;  width:70%;  position:relative;  padding-top:0rem}



.mg-btn{position:relative;  border:0;  background:transparent;  padding:0;  cursor:pointer;  outline-offset:4px;  transition:filter 250ms;  margin:1rem}

.mg-btn-shadow{position:absolute;  top:0;  left:0;  width:100%;  height:100%;  border-radius:12px;  background:hsl(0 0 0 / .25);  will-change:transform;  transform:translateY(2px);  transition:transform 600ms cubic-bezier(.3,.7,.4,1)}

.mg-btn-edge{position:absolute;  top:0;  left:0;  width:100%;  height:100%;  border-radius:12px;  background:linear-gradient(to left,hsl(340deg 100% 16%) 0,hsl(340deg 100% 32%) 8%,hsl(340deg 100% 32%) 92%,hsl(340deg 100% 16%) 100%)}

.mg-btn-face{display:block;  position:relative;  padding:12px 42px;  border-radius:12px;  font-size:1.25rem;  color:#fff;  background:hsl(345deg 100% 47%);  will-change:transform;  transform:translateY(-4px);  transition:transform 600ms cubic-bezier(.3,.7,.4,1)}

.mg-btn:hover{filter:brightness(110%)}

.mg-btn:hover .mg-btn-face{transform:translateY(-6px);  transition:transform 250ms cubic-bezier(.3,.7,.4,1.5)}

.mg-btn:active .mg-btn-face{transform:translateY(-2px);  transition:transform 34ms}

.mg-btn:hover .mg-btn-shadow{transform:translateY(4px);  transition:transform 250ms cubic-bezier(.3,.7,.4,1.5)}

.mg-btn:active .mg-btn-shadow{transform:translateY(1px);  transition:transform 34ms}

.mg-btn:focus:not(:focus-visible){
outline:0}

.mg-btn .mg-btn-face.selected{transform:translateY(-2px);  background:hsl(22.15deg 61.11% 41.05%);  color:#7a1313;  font-weight:bolder}


#game-frame .nav-tabs{display:flex;  justify-content:center;  border:0;  margin-bottom:1rem}

li.btn.btn-link{text-decoration:none}

.width-full.el-row.m_mini.mt-3{display:block}

#game-bet .game-header-v2 h3.widget-title{display:flex;  align-items:center;  justify-content:space-between;  background:var(
--bg-panel)}

/* #game-bet .game-bet{padding:1rem 0} */

._gamebet_ .pball-odd{font-size:1.8rem;  color:var(
--cui-info);  margin:0 !important}

._gamebet_ .pball-even{font-size:1.8rem;  color:var(
--cui-danger);  margin:0 !important}

._gamebet_ .pball-over{font-size:1.8rem;  color:var(
--cui-danger);  margin:0 !important}

._gamebet_ .pball-under{font-size:1.8rem;  color:var(
--cui-info);  margin:0 !important}

._gamebet_ .pball-small{font-size:1.8rem;  color:var(
--cui-danger);  margin:0 !important}

._gamebet_ .pball-medium{font-size:1.8rem;  color:var(
--cui-info);  margin:0 !important}

._gamebet_ .pball-big{font-size:1.8rem;  color:var(
--cui-success);  margin:0 !important}

._gamebet_.pballsm{border:.1rem solid rgb(var(
--cui-danger-rgb)) !important}

._gamebet_.pballmd{border:.1rem solid rgb(var(
--cui-info-rgb)) !important}

._gamebet_.pballbig{border:.1rem solid rgb(var(
--cui-success-rgb)) !important}

._gamebet_.pballsm:hover{border-width:.2rem !important}

._gamebet_.pballmd:hover{border-width:.2rem !important}

._gamebet_.pballbig:hover{border-width:.2rem !important}

#game-bet .game-header-v2 .widget-title .title-right,#game-bet .game-header-v2 .widget-title .title-text{background:transparent !important}

#game-bet .game-header-v2 h3 .title-right .gameInfo{margin-top:0 !important}

#game-bet .game-header-v2 .widget-title .gameInfo span#MATCHTIME{color:var(
--cui-info-start)}



._info2 .roundnumber{font-size:1.2rem}

._info2 .game-round-time{font-size:1.3rem;  text-shadow:0 0 5px #ffa500,0 0 15px #ffa500,0 0 20px #ffa500,0 0 40px #ffa500,0 0 60px #f00,0 0 10px #ff8d00,0 0 98px red;  color:#fff6a9;  animation:text-blink 5s infinite;  -webkit-animation:text-blink 5s infinite}

@-webkit-keyframes text-blink{20%,24%,55%{color:#111;  text-shadow:none}
	
	0%,19%,21%,23%,25%,54%,56%,100%{text-shadow:0 0 5px #ffa500,0 0 15px #ffa500,0 0 20px #ffa500,0 0 40px #ffa500,0 0 60px #f00,0 0 10px #ff8d00,0 0 98px red;  color:#fff6a9}
	
}

@keyframes text-blink{20%,24%,55%{color:#111;  text-shadow:none}
	
	0%,19%,21%,23%,25%,54%,56%,100%{text-shadow:0 0 5px #ffa500,0 0 15px #ffa500,0 0 20px #ffa500,0 0 40px #ffa500,0 0 60px #f00,0 0 10px #ff8d00,0 0 98px red;  color:#fff6a9}
	
}

.gameInfo .gameInfo-title{background:-webkit-linear-gradient(#eee,#f1a700);  -webkit-background-clip:text;  -webkit-text-fill-color:transparent}

li.button-minigame_betting ._gamebet_{align-items:center;  background-color:rgba(var(
	--cui-info-rgb),var(
	--hud-opacity-secondary));  border:.1rem solid #fff;  border-radius:var(
	--default-border-radius);  color:rgb(var(
	--cui-info-rgb));  cursor:pointer;  display:grid;  grid-gap:.25rem;  grid-template-columns:auto max-content;  font-size:1rem;  margin:.5rem;  outline:0;  text-align:center;  transition:all var(
--default-animation-duration) ease;  user-select:none}

li.button-minigame_betting ._gamebet_:hover{border-width:.2rem;  transition:.3s ease-in-out}

li.button-minigame_betting ._gamebet_ .active{filter:brightness(.5);  transition:all var(
--default-animation-duration) ease}

li.button-minigame_betting ._gamebet_{display:contents}

li.button-minigame_betting ._gamebet_ font{margin:.5rem 0 0 1rem}

li.button-minigame_betting ._gamebet_{color:#0e0e0e;  display:grid;  font-size:1rem;  grid-auto-flow:column;  grid-row:2;  transition:all var(
--default-animation-duration) ease;  padding-left:1rem;  font-weight:600}

.dark-theme li.button-minigame_betting ._gamebet_{color:#fff;  font-weight:400}

li.button-minigame_betting ._gamebet_ .game-odds{align-items:center;  background-color:#000;  border-radius:var(
--default-border-radius);  color:#fff;  display:flex;  grid-row:span 2;  height:100%;  justify-content:center;  margin:0 0 0 .5rem;  width:4ch}

li.game-title{color:var(
--cui-warning);  font-weight:bolder}

.calendar-container table.checkin-event{border-collapse:separate;  border-spacing:1rem}

.calendar-container table.checkin-event thead td{font-size:1.5rem;  text-align:center;  color:var(
	--bg-panel);  padding:3px 6px;  background:var(
--cui-yellow);  border-radius:5rem}

.dark-theme .calendar-container table.checkin-event thead td{color:var(
	--cui-yellow);  background:var(
--bg-panel)}

.calendar-container table.checkin-event tbody td{font-size:1.3rem}

.calendar-container table.checkin-event tbody td .date{display:flex;  justify-content:center;  align-items:center;  height:5rem;  width:5rem;  margin:4px;  border-radius:50%;  box-shadow:0 3px 8px #365172,inset 0 2px 3px #4c4c4c;  border:solid 1px transparent}

.dark-theme .calendar-container table.checkin-event tbody td .date{box-shadow:0 3px 8px #aaa,inset 0 2px 3px #fff}

.calendar-container table.checkin-event tbody td.stamped,.deposit_calendar.stamped{background-image:url(/image/icon/stamped-checked.png);  background-size:80%;  background-position:center;  content:"";  background-repeat:no-repeat;  margin:0 auto}

.blockV-content .helpcenter_view.memo_wrap{width:100% !important}

.dark-theme .newTemp-cal h4.stylus_dateitem,.dark-theme .calendar-container h2#loginevent_ym{animation:neon .08s ease-in-out infinite alternate}

.sp_title button._calander_day.cmnbtn{margin:0 .5rem;  color:#fff}

.sp_title button._calander_day.cmnbtn,.calendar_points .cmnbtn.event_btn{background-image:linear-gradient(to right,#006175 0,#00a950 100%);  border-radius:40px;  box-sizing:border-box;  display:block;  height:30px;  padding:2px;  position:relative;  text-decoration:none;  width:7em;  z-index:2;  font-size:1rem}


.calendar_points .point_section .event_btn{align-items:center;  border-radius:40px;  display:flex;  justify-content:center;  cursor:pointer;  color:#fff}

.sp_title button._calander_day.cmnbtn:hover,.calendar_points .cmnbtn.event_btn:hover,.calendar_points .cmnbtn.event_btn.done{color:var(
--cui-warning);  font-weight:600;  text-shadow:1px 1px #000}

.newTemp-cal ._calander_month.btnnext{background-image:linear-gradient(to right,#006175 0,#00a950 100%)}

.calendar_points .cmnbtn.event_btn .btntxt{align-items:center;  background:#0e0e10;  border-radius:40px;  display:flex;  justify-content:center;  height:100%;  transition:background .5s ease;  width:100%}

.calendar_points .cmnbtn.event_btn:hover .btntxt,.calendar_points .cmnbtn.event_btn.done .btntxt{background:transparent}

.calendar_points .point_section{text-align:center;  margin:0 1rem}



.calendar_points .point_section .event_text{font-size:1rem}

span.calendar_event_warn{color:var(
--cui-danger);  font-weight:bolder;  font-size:1.2rem}

.dark-theme span.calendar_event_warn{text-shadow:rgb(255 0 0 / 90%) 0 0 12px}

table.deposit-event.deposit_calendar{border-collapse:separate;  border-spacing:1rem}

.sp_title div.wb-right.p-lh{display:flex;  justify-content:center;  margin:2rem 0;  flex-wrap: wrap;}

.calendar.deposit_calendar.style_two tbody td.deposit_calendar,.deposit-event.deposit_calendar tbody td.deposit_calendar{height:6rem;  width:6rem;  margin:4px;  border-radius:1rem;  text-align:center}



table.calendar.deposit_calendar.style_two{border-collapse:separate;  border-spacing:1rem}

table.calendar.deposit_calendar.style_two thead tr th{text-align:center}

.calendar.deposit_calendar.style_two tbody td.deposit_calendar{box-shadow:0 3px 8px #aaa,inset 0 2px 3px #fff;  border:solid 1px transparent;  border-radius:13px;  font-size:.9rem}

.deposit_calendar .wrapper_stamped .day_text{box-shadow:0 3px 8px #aaa,inset 0 2px 3px #fff;  border:solid 1px transparent;  width:100%;  display:flex;  height:6rem;  justify-content:center;  align-items:center;  border-radius:13px}
td.deposit_calendar:not(:has(> div.wrapper_stamped)) {
	box-shadow:0 3px 8px #aaa,inset 0 2px 3px #fff;  border:solid 1px transparent;  width:100%;  height:6rem;  border-radius:13px;
}


.deposit-event.deposit_calendar tbody td.deposit_calendar .wrapper_stamped{display:flex;  justify-content:center;  align-items:center}

.checkin-event tbody td.date{height:5rem;  width:5rem;  margin:4px;  border-radius:50%;  box-shadow:0 3px 8px #aaa,inset 0 2px 3px #fff;  border:solid 1px transparent;  text-align:center}

.deposit-event.deposit_calendar thead th.deposit-points{text-align:center}

.dark-theme .deposit-event.deposit_calendar thead th.deposit-points{animation:neon .08s ease-in-out infinite alternate}

.bl-container{border:0;  border-collapse:collapse;  margin:0;  padding:0;  width:100%;  white-space:nowrap}

#bl-container .bl-container,#bl-container1 .bl-container{background:var(
--color-table-bg-1)}

.paging .btn.cmnbtn.pageset,.bl-container .btn.cmnbtn._del_lc,.bl-container .btn.cmnbtn._del_lp{box-shadow:none !important}

.bl-container .btn.cmnbtn._del_lc i,.bl-container .btn.cmnbtn._del_lp i{color:rgb(var(
--cui-danger-rgb))}

.cmnbtn._del_memo{cursor:pointer}

.nav-link #top_memo+.memobadge {opacity: 0}
.nav-link #top_memo.blinking+.memobadge {opacity: 1}

.bl-container thead{text-align:center;  color:rgb(var(
--cui-info-rgb))}

span.tab-title{font-size:1.3rem}

.nav-link.active span.tab-title{font-weight:700;  color:rgba(var(
	--cui-warning-rgb),var(
--cui-bg-opacity))}

#loadingScreen .icon-loader{position:absolute;  top:50%;  left:50%;  height:200px;  color:azure}

.switch{position:relative}

.switch input{position:absolute;  top:0;  z-index:2;  opacity:0;  cursor:pointer}

.switch input:checked{z-index:1}

.switch input:checked+label{opacity:1;  cursor:default}

.switch input:not(:checked)+label:hover{opacity:.5}

.switch label{ opacity:.33;  transition:opacity .25s ease;  cursor:pointer}

.switch .toggle-outside{height:100%;  border-radius:2rem;  padding:.25rem;  overflow:hidden;  transition:.25s ease all}

.switch .toggle-inside{border-radius:5rem; position:absolute;  transition:.25s ease all}

.switch-horizontal{width:8rem;  height:2rem;  margin:0 auto;  font-size:0}
.sidebar-nav .nav-group .switch-horizontal {width: 8rem;}
.switch-horizontal input{height:3rem;  width:4rem;  left:2rem;  margin:0}

.switch-horizontal label{font-size:1.5rem;  line-height:2rem;  display:inline-block;  width:2rem;  height:100%;  margin:0;  text-align:center}

.switch-horizontal label:last-of-type{margin-left:4rem}

.switch-horizontal .toggle-outside{ position:absolute;  width:4rem;  left:2rem}

.switch-horizontal .toggle-inside{height:1.8rem;  width:1.8rem}

.switch-horizontal input:checked~.toggle-outside .toggle-inside{left:.1rem;  top:.1rem}

.switch-horizontal input~input:checked~.toggle-outside .toggle-inside{left:2.1rem;  top:.1rem}



.modeapp .switch-row{font-size:1rem}

#switch[type="checkbox"]:checked+.modeapp .toggle{transform:translateX(100%);  opacity:1}

.switch-row .toggle_mode{position:relative;  z-index:2;  width:304px;  height:100%;  background-color:inherit;  box-shadow:0 4px 35px rgba(0,0,0,.1);  border-radius:40px;  margin:0 auto}



.switch-row .toggle_mode .toggle-content{display:flex;  flex-direction:row;  margin:auto;  text-align:center;  width:100%;  justify-content:center;  align-items:center}

.switch-row .toggle_mode .toggle-content label{width:100%;  background:var(
--dpswitches-bg-color);  border-radius:50rem;  position:relative;  cursor:pointer}

.switch-row .toggle_mode .toggle-content .names .mode_type{font-weight:bolder;  width:50%;  user-select:none;  float:left;  position:relative;  z-index:1;  padding:6px;  }


.switch-row .toggle_mode .toggle-content .toggle{position:absolute;  width:calc(50% - 2px);  background-color:var(
--dpswitch-bg-color);  box-shadow:0 2px 15px rgba(0,0,0,.15);  transition:transform .3s cubic-bezier(.25,.46,.45,.94);  margin:2px;  border-radius:50rem;  height:calc(100% - 4px)}

.ptr--ptr{font-size:1rem; }

/* Swipe Animation for Mobile */
.menu-indicator {
	display: none;
	position: absolute;
	top: -16px;
	left: 25%;
	margin-left: -150px;
	z-index: 4;
	width: 300px;
	text-align: center;
}
.menu-indicator .indicator-wrapper {
	transform: translate3d(0, 0, 0);
	width: 150px;
	margin: 0 auto;
}
.menu-indicator .indicator-wrapper .indicator-cursor {
	width: 25px;
	position: absolute;
	top: 1.75em;
	z-index: 5;
	animation: cursor-animation 1.2s cubic-bezier(0.23, 1, 0.72, 1) infinite;
}
@keyframes cursor-animation {
	0% {
		left: 100px;
		transform: rotate(30deg);
	}
	100% {
		left: 40px;
		transform: rotate(0deg);
	}
}
.menu-indicator .indicator-wrapper .box-wrapper {
	width: 150px;
	overflow: hidden;
	height: 50px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
.menu-indicator .indicator-wrapper .box-wrapper:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: none;
	background: radial-gradient(ellipse at center, rgba(247, 246, 243, 0) 0%, #fff0 70%);
	z-index: 2;
}
.menu-indicator .indicator-wrapper .box-wrapper .box-outer {
	position: relative;
	top: calc(50% - 1em);
	animation: box-animation 1.2s cubic-bezier(0.23, 1, 0.72, 1) infinite;
}
@keyframes box-animation {
	0% {
		left: 0px;
	}
	100% {
		left: -5em;
	}
}
.menu-indicator .indicator-wrapper .box-wrapper .box {
	position: absolute;
	width: 3em;
	height: 2em;
	border-radius: 3px;
	border: 1px solid #555;
}
.menu-indicator .indicator-wrapper .box-wrapper .box:nth-of-type(0) {
	left: 0em;
}
.menu-indicator .indicator-wrapper .box-wrapper .box:nth-of-type(1) {
	left: 4.25em;
}
.menu-indicator .indicator-wrapper .box-wrapper .box:nth-of-type(2) {
	left: 8.5em;
}
.menu-indicator .indicator-wrapper .box-wrapper .box:nth-of-type(3) {
	left: 12.75em;
}




.sidebar-brand-full .img-fluid {
    height: 55px;
}

.holder_level-image .memlevel.icon {
	width: 50px !important;
	height: 71px !important;
}

.holder_level-image .memlevel.icon > img#memberlevel {
	scale: 0.65;
}

.header-nav.mobile_central > ul.header-nav > li.nav-item > a.nav-link {
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow:hidden;
}

.m_mini #new_tabs .main_tabs:before, .m_mini #new_tabs .main_tabs:after {
    color: #fff;
}

#sidebar > button.sidebar-toggler {
	display: none;
}




/* end coreui style */













[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit;
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0;
}

.simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
    width: auto;
    max-width: 100%;
    /* Not required for horizontal scroll to trigger */
    max-height: 100%;
    /* Needed for vertical scroll to trigger */
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
    content: ' ';
    display: table;
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0;
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all;
}

.simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px;
}

.simplebar-scrollbar:before {
    position: absolute;
    content: '';
    background: black;
    border-radius: 7px;
    left: 2px;
    right: 2px;
    opacity: 0;
    transition: opacity 0.2s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
    /* When hovered, remove all transitions from drag handle */
    opacity: 0.5;
    transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto;
}

/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0;
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
}

.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.simplebar-content {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}






/* ------------------------------------- */
/* *. 2 - main Styles ............... */
/* ------------------------------------- */
* {
  box-sizing: border-box;
}
html:not([dir="rtl"]) .text-center {
  word-break: keep-all;
}
html,
body {
  height: calc(100% - 0px);
  overflow-x: hidden;
}

.display-center {
  margin: 0 auto;
}

html {
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: var(--fa-style-family);
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--fa-style-family);
}

h5 {
  font-size: 1.6rem;
}

h6 {
  font-size: 1.2rem;
}

.clear_fix:after,
.clear_fix:before {
  content: "";
  display: block;
  clear: both;
}

i {
  font-style: unset;
}

/* .p-tb-1{padding:1rem 0} */

/* .p-tb-2{padding:2rem 0} */

/* .p-tb-3{padding:3rem 0} */

/* .p-b-1{padding-bottom:1rem} */

/* .p-b-2{padding-bottom:2rem} */

/* .p-b-3{padding-bottom:3rem} */

/* .p-t-1{padding-top:1rem} */

/* .p-t-2{padding-top:2rem} */

/* .p-t-3{padding-top:3rem} */

/* .m-tb-1{margin:1rem 0} */

/* .m-tb-2{margin:2rem 0} */

/* .m-tb-3{margin:3rem 0} */

/* .m-b-1{margin-bottom:1rem} */

/* .m-b-2{margin-bottom:2rem} */

/* .m-b-3{margin-bottom:3rem} */

/* .m-t-1{margin-top:1rem} */

/* .m-t-2{margin-top:2rem} */

/* .m-t-3{margin-top:3rem} */

a,
li,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

::-webkit-scrollbar {
  width: 2px;
  height: 10px !important;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--scrollbar-bg-color);
}

::-webkit-scrollbar-track {
  display: none;
}

.tab-content > .tab-pane::-webkit-scrollbar {
  height: 0;
  width: 15px;
}
iframe#betradar-iframe {
  border: 0;
}

.color0,
.color3,
.color4,
.color5,
.color6,
.color7,
.color8,
.color9 {
  color: red;
  font-weight: 700;
}

.color1 {
  color: #3da9ff;
  font-weight: 700;
}

.color2 {
  color: #4fc453;
  font-weight: 700;
}

.text-center-pack {
  text-align: center;
  text-align: -moz-center;
  text-align: -webkit-center;
}

.reflection-text {
  position: relative;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-weight: 500;
}

.reflection-text::after {
  content: "";
  bottom: 0;
  position: absolute;
  width: 150px;
  left: calc(50% - 75px);
  height: 20px;
}

.reflection-text-white::after {
  background: url(../images/line-break/line-break-white.svg) no-repeat;
}

.reflection-text:not(.reflection-text-white)::after {
  background: url(../images/line-break/line-break-10.svg) no-repeat;
}

.main-section {
  padding: 5rem 0;
}

.very_small_hamburger {
  padding-top: 1.5rem;
}

.very_small_hamburger svg {
  width: 80px;
  height: 50px;
  cursor: pointer;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.very_small_hamburger path {
  -webkit-transition: stroke-dashoffset 0.5s
      cubic-bezier(0.25, -0.25, 0.75, 1.25),
    stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25),
    stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  stroke-width: 40px;
  stroke-linecap: round;
  stroke-dashoffset: 0;
}

.very_small_hamburger path.top,
.very_small_hamburger path.bottom {
  stroke-dasharray: 240px 950px;
}

.very_small_hamburger path.middle {
  stroke-dasharray: 240px 240px;
}

.very_small_hamburger.open path.top,
.very_small_hamburger.open path.bottom {
  stroke-dashoffset: -650px;
}

.very_small_hamburger.open path.middle {
  stroke-dashoffset: -115px;
  stroke-dasharray: 1px 220px;
}

.ham-cont {
  margin-left: -11px;
  margin-top: -2px;
}

.ham-cont .very_small_hamburger {
  padding-top: 0;
}

.ham-cont svg {
  width: 60px;
  height: 40px;
}

.title-link {
  position: relative;
  overflow: hidden;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.5rem;
}

.title-link::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  border-width: 2px 0;
  border-style: solid;
  left: 0;
  -webkit-transform: translate3d(-101%, 0, 0);
  transform: translate3d(-101%, 0, 0);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.title-link:hover::before {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.title-link span {
  display: inline-block;
  position: relative;
  -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, 0deg);
  transform: perspective(1000px) rotate3d(0, 1, 0, 0deg);
  -webkit-transition: color 0.5s, -webkit-transform 0.5s;
  transition: color 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, color 0.5s;
  transition: transform 0.5s, color 0.5s, -webkit-transform 0.5s;
}

.title-link:hover span {
  -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, 360deg);
  transform: perspective(1000px) rotate3d(0, 1, 0, 360deg);
}

.title-link span:nth-child(7),
.title-link:hover span:first-child {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.title-link span:nth-child(6),
.title-link:hover span:nth-child(2) {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}

.title-link span:nth-child(5),
.title-link:hover span:nth-child(3) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.title-link span:nth-child(4),
.title-link:hover span:nth-child(4) {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.title-link span:nth-child(3),
.title-link:hover span:nth-child(5) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.title-link span:nth-child(2),
.title-link:hover span:nth-child(6) {
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.title-link span:first-child,
.title-link:hover span:nth-child(7) {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.shadow-button {
  margin-top: 2rem;
  border-radius: 30px;
  box-shadow: 0 6px 5px 0 rgba(0, 0, 0, 0.18), 0 1px 9px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  display: inline-block;
}

.shadow-button .fa-arrow-right {
  opacity: 0;
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
  -webkit-transition: opacity 0.3s ease-out,
    -webkit-transform 0.2s ease-out 0.1s;
  transition: opacity 0.3s ease-out, -webkit-transform 0.2s ease-out 0.1s;
  transition: transform 0.2s ease-out 0.1s, opacity 0.3s ease-out;
  transition: transform 0.2s ease-out 0.1s, opacity 0.3s ease-out,
    -webkit-transform 0.2s ease-out 0.1s;
}

.shadow-button:hover {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.28), 0 4px 15px 0 rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

.shadow-button:hover .fa-arrow-right {
  opacity: 1;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}

.desc {
  max-width: 650px;
  margin: 0 auto;
  text-align: center;
}
.live-desc,
.result-desc {
  max-width: 650px;
  margin: 5px;
  text-align: left;
  padding-left: 30px;
}

.owl-nav {
  z-index: -1;
  position: absolute;
  top: 30%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  left: 0;
  margin: 0;
}

.owl-nav i {
  font-size: 3rem;
  padding: 1rem;
}

.owl-nav .disabled {
  opacity: 0.3;
  cursor: default !important;
}

.owl-nav .owl-prev {
  position: absolute;
  left: -70px;
}

.owl-nav .owl-next {
  position: absolute;
  right: -70px;
}

.owl-dots {
  padding-top: 1rem;
  margin-top: 0.5rem;
  text-align: center;
}

.owl-dots .owl-dot {
  display: inline-block;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.owl-dots .owl-dot:hover {
  opacity: 0.7;
}

.owl-dots .owl-dot span {
  display: inline-block;
  height: 2px;
  margin: 5px 7px;
  opacity: 1;
  width: 22px;
}

i:focus,
a:focus,
a:visited {
  outline: none;
}

.hidden {
  display: none;
}

.btn {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  word-break: keep-all;
}
[role="button"] {
  cursor: pointer;
  outline: 0;
}

.paging {
  text-align: -webkit-center;
  margin-left: 6px;
  height: 47px;
  white-space: nowrap;
}

.paging,
.page-find {
  overflow-x: auto;
  overflow-y: hidden;
}

#right-betslip .betslip table .slip-btn > button,
._menu-bet button,
._bet,
[type="button"],
a,
button,
.btn {
  cursor: pointer;
}

.right {
  float: right !important;
}

.UserMenu_ li {
  height: 35px;
  line-height: 34px;
  font-size: 14px;
  padding: 0 15px;
}

.quickLink ._left_ {
  float: left;
}

#swift-links .quickLink .info-item {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}

#swift-links .quickLink .info-item .justbox {
  position: relative;
  transform: skew(30deg);
  padding-right: 10px;
  float: left;
  width: calc(100% - 70px);
}

#swift-links .quickLink .info-item .justbox .sm-icon {
  font-size: 25px;
  position: absolute;
  left: 12px;
  width: 35px;
  text-align: center;
  transform: skew(-30deg);
  z-index: 2;
}

.quickLink .dep_btn,
.quickLink .p_btn {
  width: 66px;
  float: right;
  margin-left: 4px;
  z-index: 1;
  vertical-align: super;
  height: 20px;
}

#page-topbar,
.btn-group,
.quickLink .btnname,
.quickLink .dep_btn,
.quickLink .p_btn,
body {
  position: relative;
}

.quickLink .dep_btn .fa,
.quickLink .p_btn .fa {
  position: absolute;
  transform: translate(45%, 45%);
  left: 10px;
}

.rectangle- {
  transform: skew(30deg, 0deg);
  position: absolute;
  z-index: -1;
  height: 30px;
  width: 47px;
  left: 0;
}

#swift-links .quickLink .info-item .justbox .thisname {
  margin: 0 0 0 20px;
  text-align: left;
  box-shadow: inset 0 -2px 0 #66b300;
  line-height: 30px;
  display: inline-block;
  vertical-align: bottom;
  padding: 0 16px 0 30px;
  width: calc(100% - 20px);
  font-size: 13px;
  transform: skew(-30deg);
  position: relative;
  z-index: 1;
}

#sports-header #inner-header .name-header,
#sports-wrapper #asian-container .asian-league-panel .space,
#sports-wrapper #asian-container .league-box .bonusodd-title,
#sports-wrapper #asian-container .league-box .row-wideView .space,
#sports-wrapper #wide-container .asian-league-panel .space,
#sports-wrapper #wide-container .league-box .bonusodd-title {
  padding: 10px 10px 0 10px;
}

#sports-header #inner-header {
  width: calc(100% - 0px);
  padding: 0 0 10px 0;
  margin: 0 auto;
}

#sports-header #inner-header .name-header .nametag_ {
  display: inline-block;
  font-weight: 900;
  font-size: 20px;
}

#sports-header #inner-header .name-header .nametag_sub {
  display: inline-block;
  margin-top: 13px;
  margin-left: 14px;
  font-size: 12px;
  opacity: 0.5;
}

#sports-header .btn-drop {
  height: 50px;
  padding: 0 13px;
  border: 0;
}

#sports-header .btn-drop .mode_title {
  line-height: 50px;
  display: block;
  font-size: 14px;
  font-weight: 900;
}

#sports-header #inner-header .hidden {
  display: block;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
}

#sports-header .option-view-list {
  width: 300px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  float: right;
  transition: visibility 0.3s linear 1s, opacity 1s;
  position: absolute;
  right: 10px;
  top: 50px;
  padding: 10px;
  z-index: 3;
}

#sports-header .option-view-list ._h3txt {
  margin: 0 0 5px;
}

#sports-header #inner-header .name-header .groupbtn-container {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#sports-header
  #inner-header
  .name-header
  .groupbtn-container
  .btn-change-layout {
  width: calc(50% - 0px);
  float: left;
  text-align: center;
  padding: 5px;
  position: relative;
  z-index: 5;
}

#sports-header
  #inner-header
  .name-header
  .groupbtn-container
  .btn-change-layout:first-child {
  border-right: 1px solid;
}

#sports-header
  #inner-header
  .name-header
  .groupbtn-container
  .btn-change-layout
  .fa {
  display: block;
  font-size: 18px;
}

#split-container .odds-find #odds_search > div:first-child,
#sports-header
  #inner-header
  .name-header
  .groupbtn-container
  .btn-change-layout:last-child {
  border-left: 0;
}

#split-container {
  margin-left: 5px;
  margin-right: 5px;
}

.nolivegame {
  width: 100%;
  text-align: center;
  padding: 10px;
}

#live-container,
#split-container {
  float: left;
  overflow: auto;
  scrollbar-width: none;
}

#bl-container .bl-container > thead > tr > th,
#bl-container1 .bl-container > thead > tr > th {
  padding: 15px;
}

#bl-container .bl-container > tbody > tr > td,
#bl-container1 .bl-container > tbody > tr > td {
  padding: 7px;
  text-align: center;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: opacity 200ms;
  visibility: hidden;
  opacity: 0;
  z-index: 9;
}

.overlay .cancel {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: default;
}

.overlay:target {
  visibility: visible;
  opacity: 1;
}

.warning-box {
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 20px;
  width: 100%;
  position: relative;
  top: 15%;
  text-align: center;
}

.warning-box .title {
  padding: 6px 10px 10px 10px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  font-size: 1.3em;
  z-index: 0;
}

.warning-box .close {
  text-decoration: none;
}

.warning-box .close:hover {
  opacity: 1;
}

.warning-box .content {
  max-height: 400px;
  overflow: auto;
}

.warning-box p {
  margin: 0 0 1em;
}

.warning-box p:last-child {
  margin: 0;
  text-align: center;
}

.action {
  position: relative;
  display: inline-block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 5px;
  text-align: center;
  font-size: 1.2em;
  padding: 10px 20px;
  width: calc(50% - 42px);
  border: 0;
  transition: all 200ms;
}

.btn-ok:last-child {
  margin-bottom: 0;
}

.warn-icon {
  width: 60px;
  height: 60px;
  left: 0;
  right: 0;
  display: block;
  position: absolute;
  margin: 0 auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  top: -40px;
}

.warn-icon:before {
  content: "!";
  text-align: center;
  position: absolute;
  left: 20px;
  top: -30px;
  transform: rotate(20deg);
  font-size: 5em;
  top: -27px;
}

#button-to-top {
  display: inline-block;
  width: 38px;
  height: 38px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 60px;
  right: 330px;
  z-index: 1000;
  border-radius: 50%;
}

.word-keep {
  word-break: keep-all;
}

#button-to-top:hover {
  cursor: pointer;
}

#button-to-top.show {
  opacity: 1;
  visibility: visible;
}

#button-to-top .fa {
  padding-top: 9px;
  font-size: 20px;
}

.fullwidth .container-lg,
.mediumwidth .container-lg {
  max-width: 100%;
}

.sidebar-nav #menu_sports .nav-link i {
  margin: 4px -16px 4px 5px !important;
}

.quad-banner {
  background-image: unset !important;
}
#register-container .result_r_div {
  width: 100%;
}

#register-container .result_r_div .result_r_table {
  display: table;
  margin-bottom: 10px;
  margin: 0 auto;
  border-collapse: separate;
  width: 100%;
}

#register-container .result_r_div .result_r_table thead tr th,
#register-container .result_r_div .result_r_td {
  padding: 0.5rem;
  padding-left: 1rem;
}

.dark-theme #register-container .result_r_h2 {
  animation: neon 0.08s ease-in-out infinite alternate;
}

/* ------------------------------------- */
/* *. 3 - Pre Loader Styles ............ */
/* ------------------------------------- */

.loader {
  position: relative;
  width: 60px;
  height: 60px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 75px;
  display: inline-block;
  vertical-align: middle;
}

.loader-1 .loader-outter {
  position: absolute;
  border-bottom: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  animation: loader-1-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
}

.loader-1 .loader-inner {
  position: absolute;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  animation: loader-1-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
}

.pre-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-align-items: center;
  -ms-flex-item-align: center;
  -ms-flex-item-align: center;
  align-self: center;
  align-items: center;
  z-index: 10000;
}

#content-wrapper .pre-loader {
  z-index: 1;
}

/* .pre-loader .loader { 
    width: 2.5em; 
    height: 2.5em; 
    position: absolute; 
    top: calc(50% - 1.25em); 
    left: calc(50% - 1.25em); 
    -webkit-transform: rotate(165deg); 
    transform: rotate(165deg); 
    }
    
    .pre-loader .loader:before,
    .pre-loader .loader:after {
    content: ""; 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    display: block; 
    width: 0.5em; 
    height: 0.5em; 
    border-radius: 0.25em; 
    -webkit-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%); 
    }
    
    .pre-loader .loader:before {
    -webkit-animation: before 2s infinite; 
    animation: before 2s infinite; 
    }
    
    .pre-loader .loader:after {
    -webkit-animation: after 2s infinite; 
    animation: after 2s infinite; 
    }
*/
