/* CUSTOM */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700&family=Poppins:wght@100;200;300;400;600;700;800&display=swap');
* {
    font-family: 'Poppins', sans-serif;
    /* font-family: 'Nunito', sans-serif; */
}
.min-w-100 { min-width: 100%!important;}
.content { direction: ltr; flex: 1; max-width: 100vw; padding: 1rem 1rem .75rem; width: 100vw } @media(min-width: 768px) { .content { max-width:auto; width: auto } } @media(min-width: 992px) { .content { padding:1.5rem 1.5rem 1.5rem } } 
.card { border: unset; box-shadow: 0 .125rem .25rem #00000013!important; }

/* NAVBAR */
.navbar { --bs-navbar-padding-x: 1.375rem; --bs-navbar-padding-y: 0.875rem; --bs-navbar-color: rgba(0,0,0,.55); --bs-navbar-hover-color: rgba(0,0,0,.7); --bs-navbar-disabled-color: rgba(0,0,0,.3); --bs-navbar-active-color: rgba(0,0,0,.9); --bs-navbar-brand-padding-y: 0.875rem; --bs-navbar-brand-margin-end: 1rem; --bs-navbar-brand-font-size: 1.15rem; --bs-navbar-brand-color: rgba(0,0,0,.9); --bs-navbar-brand-hover-color: rgba(0,0,0,.9); --bs-navbar-nav-link-padding-x: 0.5rem; --bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-x: 0.75rem; --bs-navbar-toggler-font-size: 0.925rem; --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); --bs-navbar-toggler-border-color: rgba(0,0,0,.1); --bs-navbar-toggler-border-radius: 0.2rem; --bs-navbar-toggler-focus-width: 0.2rem; --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between; padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); position: relative } .navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl { align-items: center; display: flex; flex-wrap: inherit; justify-content: space-between } .navbar-brand { color: var(--bs-navbar-brand-color); font-size: var(--bs-navbar-brand-font-size); margin-right: var(--bs-navbar-brand-margin-end); padding-bottom: var(--bs-navbar-brand-padding-y); padding-top: var(--bs-navbar-brand-padding-y); white-space: nowrap } .navbar-brand:focus,.navbar-brand:hover { color: var(--bs-navbar-brand-hover-color); text-decoration: none } .navbar-nav { --bs-nav-link-padding-x: 0; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-navbar-color); --bs-nav-link-hover-color: var(--bs-navbar-hover-color); --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); display: flex; flex-direction: column; list-style: none; margin-bottom: 0; padding-left: 0 } .navbar-nav .nav-link.active,.navbar-nav .show>.nav-link { color: var(--bs-navbar-active-color) } .navbar-nav .dropdown-menu { position: static } .navbar-text { color: var(--bs-navbar-color); padding-bottom: .5rem; padding-top: .5rem } .navbar-text a,.navbar-text a:focus,.navbar-text a:hover { color: var(--bs-navbar-active-color) } .navbar-collapse { align-items: center; flex-basis: 100%; flex-grow: 1 } .navbar-toggler { background-color: transparent; border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); border-radius: var(--bs-navbar-toggler-border-radius); color: var(--bs-navbar-color); font-size: var(--bs-navbar-toggler-font-size); line-height: 1; padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); transition: var(--bs-navbar-toggler-transition) } @media(prefers-reduced-motion:reduce) { .navbar-toggler { transition: none } } .navbar-toggler:hover { text-decoration: none } .navbar-toggler:focus { box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); outline: 0; text-decoration: none } .navbar-toggler-icon { background-image: var(--bs-navbar-toggler-icon-bg); background-position: 50%; background-repeat: no-repeat; background-size: 100%; display: inline-block; height: 1.5em; vertical-align: middle; width: 1.5em } .navbar-nav-scroll { max-height: var(--bs-scroll-height,75vh); overflow-y: auto } @media(min-width: 576px) { .navbar-expand-sm { flex-wrap:nowrap; justify-content: flex-start } .navbar-expand-sm .navbar-nav { flex-direction: row } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-sm .navbar-nav .nav-link { padding-left: var(--bs-navbar-nav-link-padding-x); padding-right: var(--bs-navbar-nav-link-padding-x) } .navbar-expand-sm .navbar-nav-scroll { overflow: visible } .navbar-expand-sm .navbar-collapse { display: flex!important; flex-basis: auto } .navbar-expand-sm .navbar-toggler { display: none } .navbar-expand-sm .offcanvas { background-color: transparent!important; border: 0!important; flex-grow: 1; height: auto!important; position: static; transform: none!important; transition: none; visibility: visible!important; width: auto!important; z-index: auto } .navbar-expand-sm .offcanvas .offcanvas-header { display: none } .navbar-expand-sm .offcanvas .offcanvas-body { display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } @media(min-width: 768px) { .navbar-expand-md { flex-wrap:nowrap; justify-content: flex-start } .navbar-expand-md .navbar-nav { flex-direction: row } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-md .navbar-nav .nav-link { padding-left: var(--bs-navbar-nav-link-padding-x); padding-right: var(--bs-navbar-nav-link-padding-x) } .navbar-expand-md .navbar-nav-scroll { overflow: visible } .navbar-expand-md .navbar-collapse { display: flex!important; flex-basis: auto } .navbar-expand-md .navbar-toggler { display: none } .navbar-expand-md .offcanvas { background-color: transparent!important; border: 0!important; flex-grow: 1; height: auto!important; position: static; transform: none!important; transition: none; visibility: visible!important; width: auto!important; z-index: auto } .navbar-expand-md .offcanvas .offcanvas-header { display: none } .navbar-expand-md .offcanvas .offcanvas-body { display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } @media(min-width: 992px) { .navbar-expand-lg { flex-wrap:nowrap; justify-content: flex-start } .navbar-expand-lg .navbar-nav { flex-direction: row } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-lg .navbar-nav .nav-link { padding-left: var(--bs-navbar-nav-link-padding-x); padding-right: var(--bs-navbar-nav-link-padding-x) } .navbar-expand-lg .navbar-nav-scroll { overflow: visible } .navbar-expand-lg .navbar-collapse { display: flex!important; flex-basis: auto } .navbar-expand-lg .navbar-toggler { display: none } .navbar-expand-lg .offcanvas { background-color: transparent!important; border: 0!important; flex-grow: 1; height: auto!important; position: static; transform: none!important; transition: none; visibility: visible!important; width: auto!important; z-index: auto } .navbar-expand-lg .offcanvas .offcanvas-header { display: none } .navbar-expand-lg .offcanvas .offcanvas-body { display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } @media(min-width: 1200px) { .navbar-expand-xl { flex-wrap:nowrap; justify-content: flex-start } .navbar-expand-xl .navbar-nav { flex-direction: row } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xl .navbar-nav .nav-link { padding-left: var(--bs-navbar-nav-link-padding-x); padding-right: var(--bs-navbar-nav-link-padding-x) } .navbar-expand-xl .navbar-nav-scroll { overflow: visible } .navbar-expand-xl .navbar-collapse { display: flex!important; flex-basis: auto } .navbar-expand-xl .navbar-toggler { display: none } .navbar-expand-xl .offcanvas { background-color: transparent!important; border: 0!important; flex-grow: 1; height: auto!important; position: static; transform: none!important; transition: none; visibility: visible!important; width: auto!important; z-index: auto } .navbar-expand-xl .offcanvas .offcanvas-header { display: none } .navbar-expand-xl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } @media(min-width: 1440px) { .navbar-expand-xxl { flex-wrap:nowrap; justify-content: flex-start } .navbar-expand-xxl .navbar-nav { flex-direction: row } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xxl .navbar-nav .nav-link { padding-left: var(--bs-navbar-nav-link-padding-x); padding-right: var(--bs-navbar-nav-link-padding-x) } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible } .navbar-expand-xxl .navbar-collapse { display: flex!important; flex-basis: auto } .navbar-expand-xxl .navbar-toggler { display: none } .navbar-expand-xxl .offcanvas { background-color: transparent!important; border: 0!important; flex-grow: 1; height: auto!important; position: static; transform: none!important; transition: none; visibility: visible!important; width: auto!important; z-index: auto } .navbar-expand-xxl .offcanvas .offcanvas-header { display: none } .navbar-expand-xxl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } } .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-left: var(--bs-navbar-nav-link-padding-x); padding-right: var(--bs-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 { background-color: transparent!important; border: 0!important; flex-grow: 1; height: auto!important; position: static; transform: none!important; transition: none; visibility: visible!important; width: auto!important; z-index: auto } .navbar-expand .offcanvas .offcanvas-header { display: none } .navbar-expand .offcanvas .offcanvas-body { display: flex; flex-grow: 0; overflow-y: visible; padding: 0 } .navbar-dark { --bs-navbar-color: hsla(0,0%,100%,.55); --bs-navbar-hover-color: hsla(0,0%,100%,.75); --bs-navbar-disabled-color: hsla(0,0%,100%,.25); --bs-navbar-active-color: #fff; --bs-navbar-brand-color: #fff; --bs-navbar-brand-hover-color: #fff; --bs-navbar-toggler-border-color: hsla(0,0%,100%,.1); --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") }


/*  */
.accordion .card:not(:last-child) { margin-bottom: 0 } .accordion .card-header { border-bottom: 0 } .accordion .card-body { border-top: 1px solid transparent } .accordion .card-title a { color: #495057 } .alert { display: flex; padding: 0 } .alert .close:focus,.alert .close:hover { opacity: 1 } .alert-outline,.alert-outline-coloured { background: #fff; color: #495057 } .alert-outline hr,.alert-outline-coloured hr { border-top-color: #ced4da } .alert-outline .close:focus,.alert-outline .close:hover,.alert-outline-coloured .close:focus,.alert-outline-coloured .close:hover { color: #343a40 } .alert-outline .alert-message,.alert-outline-coloured .alert-message { border: 1px solid #ced4da; border-bottom-left-radius: .2rem; border-bottom-right-radius: .2rem; border-top-left-radius: .2rem; border-top-right-radius: .2rem } .alert-outline .alert-message:not(:nth-child(2)),.alert-outline-coloured .alert-message:not(:nth-child(2)) { border-bottom-left-radius: 0; border-left: 0; border-top-left-radius: 0 } .alert-outline .alert-icon,.alert-outline-coloured .alert-icon { border-bottom-left-radius: .2rem; border-top-left-radius: .2rem; color: #fff } .alert-outline-coloured.alert-primary .alert-icon,.alert-outline.alert-primary .alert-icon { background-color: #3b7ddd } .alert-outline-coloured.alert-secondary .alert-icon,.alert-outline.alert-secondary .alert-icon { background-color: #6c757d } .alert-outline-coloured.alert-success .alert-icon,.alert-outline.alert-success .alert-icon { background-color: #1cbb8c } .alert-outline-coloured.alert-info .alert-icon,.alert-outline.alert-info .alert-icon { background-color: #17a2b8 } .alert-outline-coloured.alert-warning .alert-icon,.alert-outline.alert-warning .alert-icon { background-color: #fcb92c } .alert-outline-coloured.alert-danger .alert-icon,.alert-outline.alert-danger .alert-icon { background-color: #dc3545 } .alert-outline-coloured.alert-light .alert-icon,.alert-outline.alert-light .alert-icon { background-color: #f5f7fb } .alert-outline-coloured.alert-dark .alert-icon,.alert-outline.alert-dark .alert-icon { background-color: #212529 } .alert-outline-coloured.alert-primary .alert-message { border-color: #3b7ddd } .alert-outline-coloured.alert-secondary .alert-message { border-color: #6c757d } .alert-outline-coloured.alert-success .alert-message { border-color: #1cbb8c } .alert-outline-coloured.alert-info .alert-message { border-color: #17a2b8 } .alert-outline-coloured.alert-warning .alert-message { border-color: #fcb92c } .alert-outline-coloured.alert-danger .alert-message { border-color: #dc3545 } .alert-outline-coloured.alert-light .alert-message { border-color: #f5f7fb } .alert-outline-coloured.alert-dark .alert-message { border-color: #212529 } .alert-icon { background: rgba(0,0,0,.05); padding: .95rem } .alert-message { box-sizing: border-box; padding: .95rem; width: 100% } .avatar { height: 40px; width: 40px } .avatar-lg { height: 64px; width: 64px } .avatar-title { align-items: center; color: #3b7ddd; display: flex; height: 100%; justify-content: center; width: 100% } .badge,a.badge { color: #fff } .badge.bg-light,a.badge.bg-light { color: #212529 } .badge-primary-light,a.badge-primary-light { background-color: rgba(59,125,221,.15); color: color-yiq(rgba(59,125,221,.15)); color: #3b7ddd } .badge-primary-light:focus,.badge-primary-light:hover,aa.badge-primary-light:focus,aa.badge-primary-light:hover { background-color: rgba(34,100,195,.15); color: color-yiq(rgba(59,125,221,.15)) } .badge-primary-light.focus,.badge-primary-light:focus,aa.badge-primary-light.focus,aa.badge-primary-light:focus { box-shadow: 0 0 0 1px rgba(59,125,221,.5); outline: 0 } .badge-secondary-light,a.badge-secondary-light { background-color: hsla(208,7%,46%,.15); color: color-yiq(hsla(208,7%,46%,.15)); color: #6c757d } .badge-secondary-light:focus,.badge-secondary-light:hover,aa.badge-secondary-light:focus,aa.badge-secondary-light:hover { background-color: rgba(84,91,98,.15); color: color-yiq(hsla(208,7%,46%,.15)) } .badge-secondary-light.focus,.badge-secondary-light:focus,aa.badge-secondary-light.focus,aa.badge-secondary-light:focus { box-shadow: 0 0 0 1px hsla(208,7%,46%,.5); outline: 0 } .badge-success-light,a.badge-success-light { background-color: rgba(28,187,140,.15); color: color-yiq(rgba(28,187,140,.15)); color: #1cbb8c } .badge-success-light:focus,.badge-success-light:hover,aa.badge-success-light:focus,aa.badge-success-light:hover { background-color: rgba(21,143,107,.15); color: color-yiq(rgba(28,187,140,.15)) } .badge-success-light.focus,.badge-success-light:focus,aa.badge-success-light.focus,aa.badge-success-light:focus { box-shadow: 0 0 0 1px rgba(28,187,140,.5); outline: 0 } .badge-info-light,a.badge-info-light { background-color: rgba(23,162,184,.15); color: color-yiq(rgba(23,162,184,.15)); color: #17a2b8 } .badge-info-light:focus,.badge-info-light:hover,aa.badge-info-light:focus,aa.badge-info-light:hover { background-color: rgba(17,122,139,.15); color: color-yiq(rgba(23,162,184,.15)) } .badge-info-light.focus,.badge-info-light:focus,aa.badge-info-light.focus,aa.badge-info-light:focus { box-shadow: 0 0 0 1px rgba(23,162,184,.5); outline: 0 } .badge-warning-light,a.badge-warning-light { background-color: rgba(252,185,44,.15); color: color-yiq(rgba(252,185,44,.15)); color: #fcb92c } .badge-warning-light:focus,.badge-warning-light:hover,aa.badge-warning-light:focus,aa.badge-warning-light:hover { background-color: rgba(242,165,3,.15); color: color-yiq(rgba(252,185,44,.15)) } .badge-warning-light.focus,.badge-warning-light:focus,aa.badge-warning-light.focus,aa.badge-warning-light:focus { box-shadow: 0 0 0 1px rgba(252,185,44,.5); outline: 0 } .badge-danger-light,a.badge-danger-light { background-color: rgba(220,53,69,.15); color: color-yiq(rgba(220,53,69,.15)); color: #dc3545 } .badge-danger-light:focus,.badge-danger-light:hover,aa.badge-danger-light:focus,aa.badge-danger-light:hover { background-color: rgba(189,33,48,.15); color: color-yiq(rgba(220,53,69,.15)) } .badge-danger-light.focus,.badge-danger-light:focus,aa.badge-danger-light.focus,aa.badge-danger-light:focus { box-shadow: 0 0 0 1px rgba(220,53,69,.5); outline: 0 } .badge-light-light,a.badge-light-light { background-color: rgba(245,247,251,.15); color: color-yiq(rgba(245,247,251,.15)); color: #f5f7fb } .badge-light-light:focus,.badge-light-light:hover,aa.badge-light-light:focus,aa.badge-light-light:hover { background-color: rgba(209,218,236,.15); color: color-yiq(rgba(245,247,251,.15)) } .badge-light-light.focus,.badge-light-light:focus,aa.badge-light-light.focus,aa.badge-light-light:focus { box-shadow: 0 0 0 1px rgba(245,247,251,.5); outline: 0 } .badge-dark-light,a.badge-dark-light { background-color: rgba(33,37,41,.15); color: color-yiq(rgba(33,37,41,.15)); color: #212529 } .badge-dark-light:focus,.badge-dark-light:hover,aa.badge-dark-light:focus,aa.badge-dark-light:hover { background-color: rgba(10,12,13,.15); color: color-yiq(rgba(33,37,41,.15)) } .badge-dark-light.focus,.badge-dark-light:focus,aa.badge-dark-light.focus,aa.badge-dark-light:focus { box-shadow: 0 0 0 1px rgba(33,37,41,.5); outline: 0 } .btn-pill { border-radius: 10rem } .btn-square { border-radius: 0 } .btn .feather { height: 14px; width: 14px } .btn-danger,.btn-danger.disabled,.btn-danger.focus,.btn-danger.hover:not(:disabled):not(.disabled),.btn-danger:disabled,.btn-danger:focus,.btn-danger:hover:not(:disabled):not(.disabled),.btn-dark,.btn-dark.disabled,.btn-dark.focus,.btn-dark.hover:not(:disabled):not(.disabled),.btn-dark:disabled,.btn-dark:focus,.btn-dark:hover:not(:disabled):not(.disabled),.btn-info,.btn-info.disabled,.btn-info.focus,.btn-info.hover:not(:disabled):not(.disabled),.btn-info:disabled,.btn-info:focus,.btn-info:hover:not(:disabled):not(.disabled),.btn-light,.btn-light.disabled,.btn-light.focus,.btn-light.hover:not(:disabled):not(.disabled),.btn-light:disabled,.btn-light:focus,.btn-light:hover:not(:disabled):not(.disabled),.btn-outline-danger.hover:not(:disabled):not(.disabled),.btn-outline-danger:hover:not(:disabled):not(.disabled),.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.btn-outline-dark.hover:not(:disabled):not(.disabled),.btn-outline-dark:hover:not(:disabled):not(.disabled),.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.btn-outline-info.hover:not(:disabled):not(.disabled),.btn-outline-info:hover:not(:disabled):not(.disabled),.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.btn-outline-light.hover:not(:disabled):not(.disabled),.btn-outline-light:hover:not(:disabled):not(.disabled),.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.btn-outline-primary.hover:not(:disabled):not(.disabled),.btn-outline-primary:hover:not(:disabled):not(.disabled),.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-secondary.hover:not(:disabled):not(.disabled),.btn-outline-secondary:hover:not(:disabled):not(.disabled),.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-success.hover:not(:disabled):not(.disabled),.btn-outline-success:hover:not(:disabled):not(.disabled),.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.btn-outline-warning.hover:not(:disabled):not(.disabled),.btn-outline-warning:hover:not(:disabled):not(.disabled),.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.btn-primary,.btn-primary.disabled,.btn-primary.focus,.btn-primary.hover:not(:disabled):not(.disabled),.btn-primary:disabled,.btn-primary:focus,.btn-primary:hover:not(:disabled):not(.disabled),.btn-secondary,.btn-secondary.disabled,.btn-secondary.focus,.btn-secondary.hover:not(:disabled):not(.disabled),.btn-secondary:disabled,.btn-secondary:focus,.btn-secondary:hover:not(:disabled):not(.disabled),.btn-success,.btn-success.disabled,.btn-success.focus,.btn-success.hover:not(:disabled):not(.disabled),.btn-success:disabled,.btn-success:focus,.btn-success:hover:not(:disabled):not(.disabled),.btn-warning,.btn-warning.disabled,.btn-warning.focus,.btn-warning.hover:not(:disabled):not(.disabled),.btn-warning:disabled,.btn-warning:focus,.btn-warning:hover:not(:disabled):not(.disabled),.show>.btn-danger.dropdown-toggle,.show>.btn-dark.dropdown-toggle,.show>.btn-info.dropdown-toggle,.show>.btn-light.dropdown-toggle,.show>.btn-primary.dropdown-toggle,.show>.btn-secondary.dropdown-toggle,.show>.btn-success.dropdown-toggle,.show>.btn-warning.dropdown-toggle { color: #fff } .btn-facebook { --bs-btn-color: #fff; --bs-btn-bg: #3b5998; --bs-btn-border-color: #3b5998; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #324c81; --bs-btn-hover-border-color: #2f477a; --bs-btn-focus-shadow-rgb: 88,114,167; --bs-btn-active-color: #fff; --bs-btn-active-bg: #2f477a; --bs-btn-active-border-color: #2c4372; --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #3b5998; --bs-btn-disabled-border-color: #3b5998 } .btn-facebook,.btn-facebook.disabled,.btn-facebook.focus,.btn-facebook.hover:not(:disabled):not(.disabled),.btn-facebook:disabled,.btn-facebook:focus,.btn-facebook:hover:not(:disabled):not(.disabled),.show>.btn-facebook.dropdown-toggle { color: #fff } .btn-twitter { --bs-btn-color: #000; --bs-btn-bg: #1da1f2; --bs-btn-border-color: #1da1f2; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #3faff4; --bs-btn-hover-border-color: #34aaf3; --bs-btn-focus-shadow-rgb: 25,137,206; --bs-btn-active-color: #000; --bs-btn-active-bg: #4ab4f5; --bs-btn-active-border-color: #34aaf3; --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #1da1f2; --bs-btn-disabled-border-color: #1da1f2 } .btn-twitter,.btn-twitter.disabled,.btn-twitter.focus,.btn-twitter.hover:not(:disabled):not(.disabled),.btn-twitter:disabled,.btn-twitter:focus,.btn-twitter:hover:not(:disabled):not(.disabled),.show>.btn-twitter.dropdown-toggle { color: #fff } .btn-google { --bs-btn-color: #fff; --bs-btn-bg: #dc4e41; --bs-btn-border-color: #dc4e41; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #bb4237; --bs-btn-hover-border-color: #b03e34; --bs-btn-focus-shadow-rgb: 225,105,94; --bs-btn-active-color: #fff; --bs-btn-active-bg: #b03e34; --bs-btn-active-border-color: #a53b31; --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #dc4e41; --bs-btn-disabled-border-color: #dc4e41 } .btn-google,.btn-google.disabled,.btn-google.focus,.btn-google.hover:not(:disabled):not(.disabled),.btn-google:disabled,.btn-google:focus,.btn-google:hover:not(:disabled):not(.disabled),.show>.btn-google.dropdown-toggle { color: #fff } .btn-youtube { --bs-btn-color: #fff; --bs-btn-bg: red; --bs-btn-border-color: red; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #d90000; --bs-btn-hover-border-color: #c00; --bs-btn-focus-shadow-rgb: 255,38,38; --bs-btn-active-color: #fff; --bs-btn-active-bg: #c00; --bs-btn-active-border-color: #bf0000; --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: red; --bs-btn-disabled-border-color: red } .btn-youtube,.btn-youtube.disabled,.btn-youtube.focus,.btn-youtube.hover:not(:disabled):not(.disabled),.btn-youtube:disabled,.btn-youtube:focus,.btn-youtube:hover:not(:disabled):not(.disabled),.show>.btn-youtube.dropdown-toggle { color: #fff } .btn-vimeo { --bs-btn-color: #000; --bs-btn-bg: #1ab7ea; --bs-btn-border-color: #1ab7ea; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #3cc2ed; --bs-btn-hover-border-color: #31beec; --bs-btn-focus-shadow-rgb: 22,156,199; --bs-btn-active-color: #000; --bs-btn-active-bg: #48c5ee; --bs-btn-active-border-color: #31beec; --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #1ab7ea; --bs-btn-disabled-border-color: #1ab7ea } .btn-vimeo,.btn-vimeo.disabled,.btn-vimeo.focus,.btn-vimeo.hover:not(:disabled):not(.disabled),.btn-vimeo:disabled,.btn-vimeo:focus,.btn-vimeo:hover:not(:disabled):not(.disabled),.show>.btn-vimeo.dropdown-toggle { color: #fff } .btn-dribbble { --bs-btn-color: #fff; --bs-btn-bg: #ea4c89; --bs-btn-border-color: #ea4c89; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #c74174; --bs-btn-hover-border-color: #bb3d6e; --bs-btn-focus-shadow-rgb: 237,103,155; --bs-btn-active-color: #fff; --bs-btn-active-bg: #bb3d6e; --bs-btn-active-border-color: #b03967; --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #ea4c89; --bs-btn-disabled-border-color: #ea4c89 } .btn-dribbble,.btn-dribbble.disabled,.btn-dribbble.focus,.btn-dribbble.hover:not(:disabled):not(.disabled),.btn-dribbble:disabled,.btn-dribbble:focus,.btn-dribbble:hover:not(:disabled):not(.disabled),.show>.btn-dribbble.dropdown-toggle { color: #fff } .btn-github { --bs-btn-color: #fff; --bs-btn-bg: #181717; --bs-btn-border-color: #181717; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #141414; --bs-btn-hover-border-color: #131212; --bs-btn-focus-shadow-rgb: 59,58,58; --bs-btn-active-color: #fff; --bs-btn-active-bg: #131212; --bs-btn-active-border-color: #121111; --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #181717; --bs-btn-disabled-border-color: #181717 } .btn-github,.btn-github.disabled,.btn-github.focus,.btn-github.hover:not(:disabled):not(.disabled),.btn-github:disabled,.btn-github:focus,.btn-github:hover:not(:disabled):not(.disabled),.show>.btn-github.dropdown-toggle { color: #fff } .btn-instagram { --bs-btn-color: #fff; --bs-btn-bg: #e4405f; --bs-btn-border-color: #e4405f; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #c23651; --bs-btn-hover-border-color: #b6334c; --bs-btn-focus-shadow-rgb: 232,93,119; --bs-btn-active-color: #fff; --bs-btn-active-bg: #b6334c; --bs-btn-active-border-color: #ab3047; --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #e4405f; --bs-btn-disabled-border-color: #e4405f } .btn-instagram,.btn-instagram.disabled,.btn-instagram.focus,.btn-instagram.hover:not(:disabled):not(.disabled),.btn-instagram:disabled,.btn-instagram:focus,.btn-instagram:hover:not(:disabled):not(.disabled),.show>.btn-instagram.dropdown-toggle { color: #fff } .btn-pinterest { --bs-btn-color: #fff; --bs-btn-bg: #bd081c; --bs-btn-border-color: #bd081c; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #a10718; --bs-btn-hover-border-color: #970616; --bs-btn-focus-shadow-rgb: 199,45,62; --bs-btn-active-color: #fff; --bs-btn-active-bg: #970616; --bs-btn-active-border-color: #8e0615; --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #bd081c; --bs-btn-disabled-border-color: #bd081c } .btn-pinterest,.btn-pinterest.disabled,.btn-pinterest.focus,.btn-pinterest.hover:not(:disabled):not(.disabled),.btn-pinterest:disabled,.btn-pinterest:focus,.btn-pinterest:hover:not(:disabled):not(.disabled),.show>.btn-pinterest.dropdown-toggle { color: #fff } .btn-flickr { --bs-btn-color: #fff; --bs-btn-bg: #0063dc; --bs-btn-border-color: #0063dc; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0054bb; --bs-btn-hover-border-color: #004fb0; --bs-btn-focus-shadow-rgb: 38,122,225; --bs-btn-active-color: #fff; --bs-btn-active-bg: #004fb0; --bs-btn-active-border-color: #004aa5; --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #0063dc; --bs-btn-disabled-border-color: #0063dc } .btn-flickr,.btn-flickr.disabled,.btn-flickr.focus,.btn-flickr.hover:not(:disabled):not(.disabled),.btn-flickr:disabled,.btn-flickr:focus,.btn-flickr:hover:not(:disabled):not(.disabled),.show>.btn-flickr.dropdown-toggle { color: #fff } .btn-bitbucket { --bs-btn-color: #fff; --bs-btn-bg: #0052cc; --bs-btn-border-color: #0052cc; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0046ad; --bs-btn-hover-border-color: #0042a3; --bs-btn-focus-shadow-rgb: 38,108,212; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0042a3; --bs-btn-active-border-color: #003e99; --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #0052cc; --bs-btn-disabled-border-color: #0052cc } .btn-bitbucket,.btn-bitbucket.disabled,.btn-bitbucket.focus,.btn-bitbucket.hover:not(:disabled):not(.disabled),.btn-bitbucket:disabled,.btn-bitbucket:focus,.btn-bitbucket:hover:not(:disabled):not(.disabled),.show>.btn-bitbucket.dropdown-toggle { color: #fff } .btn-light,.btn-light.disabled,.btn-light.focus,.btn-light.hover:not(:disabled):not(.disabled),.btn-light:disabled,.btn-light:focus,.btn-light:hover:not(:disabled):not(.disabled),.btn-outline-light.hover:not(:disabled):not(.disabled),.btn-outline-light:hover:not(:disabled):not(.disabled),.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.btn-outline-white.hover:not(:disabled):not(.disabled),.btn-outline-white:hover:not(:disabled):not(.disabled),.btn-outline-white:not(:disabled):not(.disabled).active,.btn-outline-white:not(:disabled):not(.disabled):active,.btn-white,.btn-white.disabled,.btn-white.focus,.btn-white.hover:not(:disabled):not(.disabled),.btn-white:disabled,.btn-white:focus,.btn-white:hover:not(:disabled):not(.disabled),.show>.btn-light.dropdown-toggle,.show>.btn-white.dropdown-toggle { color: #343a40 } .card { box-shadow: 0 0 .875rem 0 rgba(33,37,41,.05); margin-bottom: 24px } .card-header { border-bottom-width: 1px } .card-actions a { color: #495057; text-decoration: none } .card-actions svg { height: 18px; width: 18px } .card-actions .dropdown { line-height: 1.4 } .card-title { color: #939ba2; font-size: .925rem; font-weight: 600 } .card-subtitle { font-weight: 400 } .card-img,.card-img-bottom,.card-img-top { height: auto; max-width: 100% } @media (-ms-high-contrast:none) { .card-img,.card-img-bottom,.card-img-top { height: 100% } } .card>.table>tbody tr:last-child td:first-child,.card>.table>tbody tr:last-child th:first-child { border-bottom-left-radius: .25rem } .card>.table>tbody tr:last-child td:last-child,.card>.table>tbody tr:last-child th:last-child { border-bottom-right-radius: .25rem } .chart { margin: auto; min-height: 300px; position: relative; width: 100% } .chart-xs { min-height: 150px } .chart-sm { min-height: 250px } .chart-lg { min-height: 350px } .chart-xl { min-height: 500px } .chart canvas { max-width: 100% } .chat-online { color: #2bdfaa } .chat-offline { color: #e4606d } .chat-messages { display: flex; flex-direction: column; max-height: 800px; overflow-y: scroll } .chat-message-left,.chat-message-right { display: flex; flex-shrink: 0 } .chat-message-left { margin-right: auto } .chat-message-right { flex-direction: row-reverse; margin-left: auto } .navbar-nav .dropdown-menu { box-shadow: 0 .1rem .2rem rgba(0,0,0,.05) } .dropdown .dropdown-menu.show { -webkit-animation-duration: .25s; animation-duration: .25s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-name: dropdownAnimation; animation-name: dropdownAnimation; -webkit-animation-timing-function: ease; animation-timing-function: ease } @-webkit-keyframes dropdownAnimation { 0% { opacity: 0; transform: translateY(-8px) } to { opacity: 1; transform: translate(0) } } @keyframes dropdownAnimation { 0% { opacity: 0; transform: translateY(-8px) } to { opacity: 1; transform: translate(0) } } .dropdown-toggle:after { border: solid; border-width: 0 2px 2px 0; display: inline-block; padding: 2px; transform: rotate(45deg) } .dropdown-item { transition: background .1s ease-in-out,color .1s ease-in-out } .dropdown-menu { top: auto } .dropdown-menu-lg { min-width: 20rem } .dropdown .list-group .list-group-item { border-width: 0 0 1px; margin-bottom: 0 } .dropdown .list-group .list-group-item:first-child,.dropdown .list-group .list-group-item:last-child { border-radius: 0 } .dropdown .list-group .list-group-item:hover { background: #f8f9fa } .dropdown-menu-header { border-bottom: 1px solid #dee2e6; font-weight: 600; padding: .75rem; text-align: center } .dropdown-menu-footer { display: block; font-size: .75rem; padding: .5rem; text-align: center } @media(min-width: 1200px) { .dropdown-mega-list { min-width:250px } } .feather { stroke-width: 2; height: 18px; width: 18px } .feather-sm { height: 14px; width: 14px } .feather-lg { height: 36px; width: 36px } footer.footer { background: #fff; direction: ltr; padding: 1rem .875rem } body[data-theme=light] footer.footer { background: linear-gradient(90deg,hsla(0,0%,100%,.5),#fff 3%,#fff) } body[data-theme=colored] footer.footer,body[data-theme=dark] footer.footer { background: #fff } footer.footer ul { margin-bottom: 0 } @media(max-width: 767.98px) { footer.footer { width:100vw } } .input-group-navbar { direction: ltr } .input-group-navbar .btn,.input-group-navbar .form-control { background: #f3f6fa; border: 0; border-radius: 20px; box-shadow: none; height: calc(2.1875rem + 2px); padding: .4rem 1rem } .input-group-navbar .btn:focus,.input-group-navbar .form-control:focus { background: #f3f6fa; box-shadow: none; outline: 0 } .input-group-navbar .btn { color: #6c757d } .input-group-navbar .btn .feather { height: 20px; width: 20px } .input-group-sm>.form-select { padding-right: 1.8rem } .hamburger,.hamburger:after,.hamburger:before { background: #495057; border-radius: 1px; content: ""; cursor: pointer; display: block; height: 3px; transition: background .1s ease-in-out,color .1s ease-in-out; width: 24px } .hamburger { position: relative } .hamburger:before { position: absolute; top: -7.5px; width: 24px } .hamburger:after { bottom: -7.5px; position: absolute; width: 16px } .sidebar-toggle:hover .hamburger,.sidebar-toggle:hover .hamburger:after,.sidebar-toggle:hover .hamburger:before { background: #3b7ddd } .hamburger-right,.hamburger-right:after,.hamburger-right:before { right: 0 } a.list-group-item { text-decoration: none } .main { background: #f5f7fb; border-bottom-left-radius: 0; border-top-left-radius: 0; display: flex; flex-direction: column; min-height: 100vh; min-width: 0; overflow: hidden; transition: margin-left .35s ease-in-out,left .35s ease-in-out,margin-right .35s ease-in-out,right .35s ease-in-out; width: 100% } .modal-primary .modal-content { background: #3b7ddd; color: color-yiq(#3b7ddd) } .modal-primary .h1,.modal-primary .h2,.modal-primary .h3,.modal-primary .h4,.modal-primary .h5,.modal-primary .h6,.modal-primary h1,.modal-primary h2,.modal-primary h3,.modal-primary h4,.modal-primary h5,.modal-primary h6 { color: #fff } .modal-secondary .modal-content { background: #6c757d; color: color-yiq(#6c757d) } .modal-secondary .h1,.modal-secondary .h2,.modal-secondary .h3,.modal-secondary .h4,.modal-secondary .h5,.modal-secondary .h6,.modal-secondary h1,.modal-secondary h2,.modal-secondary h3,.modal-secondary h4,.modal-secondary h5,.modal-secondary h6 { color: #fff } .modal-success .modal-content { background: #1cbb8c; color: color-yiq(#1cbb8c) } .modal-success .h1,.modal-success .h2,.modal-success .h3,.modal-success .h4,.modal-success .h5,.modal-success .h6,.modal-success h1,.modal-success h2,.modal-success h3,.modal-success h4,.modal-success h5,.modal-success h6 { color: #fff } .modal-info .modal-content { background: #17a2b8; color: color-yiq(#17a2b8) } .modal-info .h1,.modal-info .h2,.modal-info .h3,.modal-info .h4,.modal-info .h5,.modal-info .h6,.modal-info h1,.modal-info h2,.modal-info h3,.modal-info h4,.modal-info h5,.modal-info h6 { color: #fff } .modal-warning .modal-content { background: #fcb92c; color: color-yiq(#fcb92c) } .modal-warning .h1,.modal-warning .h2,.modal-warning .h3,.modal-warning .h4,.modal-warning .h5,.modal-warning .h6,.modal-warning h1,.modal-warning h2,.modal-warning h3,.modal-warning h4,.modal-warning h5,.modal-warning h6 { color: #fff } .modal-danger .modal-content { background: #dc3545; color: color-yiq(#dc3545) } .modal-danger .h1,.modal-danger .h2,.modal-danger .h3,.modal-danger .h4,.modal-danger .h5,.modal-danger .h6,.modal-danger h1,.modal-danger h2,.modal-danger h3,.modal-danger h4,.modal-danger h5,.modal-danger h6 { color: #fff } .modal-light .modal-content { background: #f5f7fb; color: color-yiq(#f5f7fb) } .modal-light .h1,.modal-light .h2,.modal-light .h3,.modal-light .h4,.modal-light .h5,.modal-light .h6,.modal-light h1,.modal-light h2,.modal-light h3,.modal-light h4,.modal-light h5,.modal-light h6 { color: #fff } .modal-dark .modal-content { background: #212529; color: color-yiq(#212529) } .modal-dark .h1,.modal-dark .h2,.modal-dark .h3,.modal-dark .h4,.modal-dark .h5,.modal-dark .h6,.modal-dark h1,.modal-dark h2,.modal-dark h3,.modal-dark h4,.modal-dark h5,.modal-dark h6 { color: #fff } .modal-colored .modal-footer,.modal-colored .modal-header { border-color: hsla(0,0%,100%,.33) } .navbar { border-bottom: 0; box-shadow: 0 0 2rem 0 rgba(33,37,41,.1) } @media(max-width: 767.98px) { .navbar { width:100vw } } .navbar .avatar { margin-bottom: -15px; margin-top: -15px } .navbar-nav { direction: ltr } body:not([data-sidebar-position=right]) .navbar-align { margin-left: auto } body[data-sidebar-position=right] .navbar-align { margin-right: auto } .navbar-bg,body[data-theme=dark] .navbar-bg { background: #fff } body[data-theme=light] .navbar-bg { background: linear-gradient(90deg,hsla(0,0%,100%,.5),#fff 3%,#fff) } body[data-theme=colored] .navbar-bg { background: #fff } .navbar-brand { color: #f8f9fa; display: block; font-size: 1.15rem; font-weight: 400; padding: .875rem 0 } .navbar-brand .feather,.navbar-brand svg { color: #3b7ddd; height: 24px; margin-left: -.15rem; margin-right: .375rem; margin-top: -.375rem; width: 24px } .nav-flag,.nav-icon { color: #6c757d; display: block; font-size: 1.5rem; line-height: 1.4; padding: .1rem .8rem; transition: background .1s ease-in-out,color .1s ease-in-out } .nav-flag:after,.nav-icon:after { display: none!important } .nav-flag.active,.nav-flag:hover,.nav-icon.active,.nav-icon:hover { color: #3b7ddd } .nav-flag .feather,.nav-flag svg,.nav-icon .feather,.nav-icon svg { height: 20px; width: 20px } .nav-item .indicator { background: #3b7ddd; border-radius: 50%; box-shadow: 0 .1rem .2rem rgba(0,0,0,.05); color: #fff; display: block; font-size: .675rem; height: 18px; padding: 1px; position: absolute; right: -8px; text-align: center; top: 0; transition: top .1s ease-out; width: 18px } .nav-item:hover .indicator { top: -4px } .nav-item a:focus { outline: 0 } @media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) { .navbar .avatar { max-height: 47px } } @media(max-width: 575.98px) { .navbar { padding:.75rem } .nav-icon { padding: .1rem .75rem } .dropdown,.dropleft,.dropright,.dropup { position: inherit } .navbar-expand .navbar-nav .dropdown-menu-lg { min-width: 100% } .nav-item .nav-link:after { display: none } } .nav-flag img { border-radius: 50%; height: 20px; -o-object-fit: cover; object-fit: cover; width: 20px } .navbar input { direction: ltr } .page-item.active .page-link { color: #fff } .progress-sm { height: .4rem } .progress-lg { height: 1.5rem } #root,body,html { height: 100% } body { opacity: 1!important; overflow-y: scroll } body[data-sidebar-position=right] { direction: rtl } @media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) { html { overflow-x: hidden } } .settings { direction: ltr; display: none } @media(min-width: 1200px) { .settings { display:block } } .settings-toggle { background: #3b7ddd; border-radius: 50%; bottom: 20px; color: #fff; cursor: pointer; height: 52px; padding: 1rem; position: fixed; right: 20px; width: 52px } .settings-toggle:hover { background: #2469ce } .settings-toggle svg { height: 20px; margin-top: -.25rem; width: 20px } .settings-panel { background: #fff; border-left: 0 solid transparent; bottom: 0; box-shadow: 0 .2rem .2rem rgba(0,0,0,.05); display: block; height: 100%; position: fixed; right: -350px; top: 0; transition: right .2s ease-in-out; width: 350px; z-index: 100 } .settings.open .settings-panel:before { background: rgba(0,0,0,.325); content: ""; height: 100%; left: 0; pointer-events: none; position: fixed; top: 0; width: 100%; z-index: -1 } .settings.open .settings-panel { right: 0 } .settings-content { background: #fff; display: flex; flex-direction: column; height: 100%; overflow: auto; position: relative } .settings-title { background: #fff; border-bottom: 1px solid #e9ecef; color: #000; font-size: .875rem; padding: 1.35rem 1.5rem } .settings-title .close,.settings-title .h4,.settings-title h4 { color: #000 } .settings-body { flex: 1 } .settings-body,.settings-footer { padding: 1rem 1.5rem } .settings-scheme-label { height: 0; opacity: 0; position: absolute; width: 0 } .settings-scheme-label+.settings-scheme { border: 2px solid #dee2e6 } .settings-scheme-label:checked+.settings-scheme { border: 2px solid #3b7ddd; color: #3b7ddd } .settings-scheme { align-items: center; background: #fff; border-radius: .3rem; cursor: pointer; display: flex; font-size: .875rem; height: 86px; justify-content: center; position: relative } .settings-scheme-theme { background: red; border-radius: 50%; box-shadow: 0 0 0 1px #fff; height: 50px; position: relative; width: 50px } .settings-scheme-theme-default { background-image: linear-gradient(-45deg,#222e3c 50%,#f2f4f6 0) } .settings-scheme-theme-colored { background-image: linear-gradient(-45deg,#3b7ddd 50%,#f2f4f6 0) } .settings-scheme-theme-dark { background: #222e3c } .settings-scheme-theme-light { background: #f2f4f6 } .settings-button-label { height: 0; opacity: 0; position: absolute; width: 0 } .settings-button-label+.settings-button { background: #e9ecef; border-radius: 5px; border-radius: .3rem; color: #212529; cursor: pointer; font-size: .875rem; padding: .4rem 1rem } .settings-button-label:checked+.settings-button { background: #3b7ddd; color: #fff } .settings-button-label:checked+.settings-button:after { opacity: 1 } .sidebar { direction: ltr; max-width: 264px; min-width: 264px; transition: margin-left .35s ease-in-out,left .35s ease-in-out,margin-right .35s ease-in-out,right .35s ease-in-out } .sidebar,body[data-theme=dark] .sidebar { background: #222e3c } body[data-theme=light] .sidebar { background: #fff } body[data-theme=colored] .sidebar { background: linear-gradient(135deg,#266fd9,#2359a8 40%,#2359a8) } .sidebar-content { display: flex; flex-direction: column; height: 100vh; transition: margin-left .35s ease-in-out,left .35s ease-in-out,margin-right .35s ease-in-out,right .35s ease-in-out } .sidebar-content,body[data-theme=dark] .sidebar-content { background: #222e3c } body[data-theme=light] .sidebar-content { background: #fff } body[data-theme=colored] .sidebar-content { background: linear-gradient(135deg,#266fd9,#2359a8 40%,#2359a8) } .sidebar-nav { flex-grow: 1; list-style: none; margin-bottom: 0; padding-left: 0 } .sidebar-link,a.sidebar-link { background: #222e3c; border-left: 3px solid transparent; color: rgba(233,236,239,.5); cursor: pointer; display: block; font-weight: 400; padding: .625rem 1.625rem; position: relative; text-decoration: none; transition: background .1s ease-in-out } body[data-theme=dark] .sidebar-link,body[data-theme=dark] a.sidebar-link { color: rgba(233,236,239,.5) } body[data-theme=light] .sidebar-link,body[data-theme=light] a.sidebar-link { color: #495057 } body[data-theme=colored] .sidebar-link,body[data-theme=colored] a.sidebar-link { color: rgba(248,249,250,.7) } body[data-theme=dark] .sidebar-link,body[data-theme=dark] a.sidebar-link { background: #222e3c } body[data-theme=colored] .sidebar-link,body[data-theme=colored] a.sidebar-link,body[data-theme=light] .sidebar-link,body[data-theme=light] a.sidebar-link { background: transparent } body[data-theme=colored] .sidebar-link,body[data-theme=colored] a.sidebar-link,body[data-theme=dark] .sidebar-link,body[data-theme=dark] a.sidebar-link,body[data-theme=light] .sidebar-link,body[data-theme=light] a.sidebar-link { border-left-color: transparent } .sidebar-link i,.sidebar-link svg,a.sidebar-link i,a.sidebar-link svg { color: rgba(233,236,239,.5); margin-right: .75rem } body[data-theme=dark] .sidebar-link i,body[data-theme=dark] .sidebar-link svg,body[data-theme=dark] a.sidebar-link i,body[data-theme=dark] a.sidebar-link svg { color: rgba(233,236,239,.5) } body[data-theme=light] .sidebar-link i,body[data-theme=light] .sidebar-link svg,body[data-theme=light] a.sidebar-link i,body[data-theme=light] a.sidebar-link svg { color: #495057 } body[data-theme=colored] .sidebar-link i,body[data-theme=colored] .sidebar-link svg,body[data-theme=colored] a.sidebar-link i,body[data-theme=colored] a.sidebar-link svg { color: rgba(233,236,239,.5) } .sidebar-dropdown .sidebar-dropdown .sidebar-link { padding: .625rem 1.5rem .625rem 4.5rem } .sidebar-dropdown .sidebar-dropdown .sidebar-dropdown .sidebar-link { padding: .625rem 1.5rem .625rem 5.75rem } .sidebar-link:focus { outline: 0 } .sidebar-link:hover { background: #222e3c; border-left-color: transparent } .sidebar-link:hover,body[data-theme=dark] .sidebar-link:hover { color: rgba(233,236,239,.75) } body[data-theme=light] .sidebar-link:hover { color: #518be1 } body[data-theme=colored] .sidebar-link:hover { color: rgba(248,249,250,.85) } body[data-theme=dark] .sidebar-link:hover { background: #222e3c } body[data-theme=colored] .sidebar-link:hover,body[data-theme=light] .sidebar-link:hover { background: transparent } body[data-theme=colored] .sidebar-link:hover,body[data-theme=dark] .sidebar-link:hover,body[data-theme=light] .sidebar-link:hover { border-left-color: transparent } .sidebar-link:hover i,.sidebar-link:hover svg,body[data-theme=dark] .sidebar-link:hover i,body[data-theme=dark] .sidebar-link:hover svg { color: rgba(233,236,239,.75) } body[data-theme=light] .sidebar-link:hover i,body[data-theme=light] .sidebar-link:hover svg { color: #518be1 } body[data-theme=colored] .sidebar-link:hover i,body[data-theme=colored] .sidebar-link:hover svg { color: rgba(233,236,239,.75) } .sidebar-item.active .sidebar-link:hover,.sidebar-item.active>.sidebar-link { background: linear-gradient(90deg,rgba(59,125,221,.1),rgba(59,125,221,.088) 50%,transparent); border-left-color: #3b7ddd; color: #e9ecef } body[data-theme=dark] .sidebar-item.active .sidebar-link:hover,body[data-theme=dark] .sidebar-item.active>.sidebar-link { color: #e9ecef } body[data-theme=light] .sidebar-item.active .sidebar-link:hover,body[data-theme=light] .sidebar-item.active>.sidebar-link { color: #518be1 } body[data-theme=colored] .sidebar-item.active .sidebar-link:hover,body[data-theme=colored] .sidebar-item.active>.sidebar-link { color: #fff } body[data-theme=dark] .sidebar-item.active .sidebar-link:hover,body[data-theme=dark] .sidebar-item.active>.sidebar-link { background: linear-gradient(90deg,rgba(59,125,221,.1),rgba(59,125,221,.088) 50%,transparent) } body[data-theme=light] .sidebar-item.active .sidebar-link:hover,body[data-theme=light] .sidebar-item.active>.sidebar-link { background: transparent } body[data-theme=colored] .sidebar-item.active .sidebar-link:hover,body[data-theme=colored] .sidebar-item.active>.sidebar-link { background: linear-gradient(90deg,rgba(59,125,221,.1),rgba(59,125,221,.088) 50%,transparent) } body[data-theme=dark] .sidebar-item.active .sidebar-link:hover,body[data-theme=dark] .sidebar-item.active>.sidebar-link,body[data-theme=light] .sidebar-item.active .sidebar-link:hover,body[data-theme=light] .sidebar-item.active>.sidebar-link { border-left-color: #3b7ddd } body[data-theme=colored] .sidebar-item.active .sidebar-link:hover,body[data-theme=colored] .sidebar-item.active>.sidebar-link { border-left-color: #a8c5f0 } .sidebar-item.active .sidebar-link:hover i,.sidebar-item.active .sidebar-link:hover svg,.sidebar-item.active>.sidebar-link i,.sidebar-item.active>.sidebar-link svg,body[data-theme=dark] .sidebar-item.active .sidebar-link:hover i,body[data-theme=dark] .sidebar-item.active .sidebar-link:hover svg,body[data-theme=dark] .sidebar-item.active>.sidebar-link i,body[data-theme=dark] .sidebar-item.active>.sidebar-link svg { color: #e9ecef } body[data-theme=light] .sidebar-item.active .sidebar-link:hover i,body[data-theme=light] .sidebar-item.active .sidebar-link:hover svg,body[data-theme=light] .sidebar-item.active>.sidebar-link i,body[data-theme=light] .sidebar-item.active>.sidebar-link svg { color: #518be1 } body[data-theme=colored] .sidebar-item.active .sidebar-link:hover i,body[data-theme=colored] .sidebar-item.active .sidebar-link:hover svg,body[data-theme=colored] .sidebar-item.active>.sidebar-link i,body[data-theme=colored] .sidebar-item.active>.sidebar-link svg { color: #e9ecef } .sidebar-dropdown .sidebar-link { background: transparent; border-left: 0; color: #adb5bd; font-size: 90%; font-weight: 400; padding: .625rem 1.5rem .625rem 3.25rem } body[data-theme=dark] .sidebar-dropdown .sidebar-link { color: #adb5bd } body[data-theme=light] .sidebar-dropdown .sidebar-link { color: #6c757d } body[data-theme=colored] .sidebar-dropdown .sidebar-link { color: #bbc2c8 } body[data-theme=colored] .sidebar-dropdown .sidebar-link,body[data-theme=dark] .sidebar-dropdown .sidebar-link,body[data-theme=light] .sidebar-dropdown .sidebar-link { background: transparent } .sidebar-dropdown .sidebar-link:before { content: "→"; display: inline-block; left: -14px; position: relative; transform: translateX(0); transition: all .1s ease } .sidebar-dropdown .sidebar-item .sidebar-link:hover { background: transparent; border-left: 0; color: #e9ecef; font-weight: 400 } body[data-theme=dark] .sidebar-dropdown .sidebar-item .sidebar-link:hover { color: #e9ecef } body[data-theme=light] .sidebar-dropdown .sidebar-item .sidebar-link:hover { color: #518be1 } body[data-theme=colored] .sidebar-dropdown .sidebar-item .sidebar-link:hover { color: #e9ecef } body[data-theme=colored] .sidebar-dropdown .sidebar-item .sidebar-link:hover,body[data-theme=dark] .sidebar-dropdown .sidebar-item .sidebar-link:hover,body[data-theme=light] .sidebar-dropdown .sidebar-item .sidebar-link:hover { background: transparent } .sidebar-dropdown .sidebar-item .sidebar-link:hover:hover:before { transform: translateX(4px) } .sidebar-dropdown .sidebar-item.active .sidebar-link { background: transparent; border-left: 0; color: #518be1; font-weight: 400 } body[data-theme=dark] .sidebar-dropdown .sidebar-item.active .sidebar-link,body[data-theme=light] .sidebar-dropdown .sidebar-item.active .sidebar-link { color: #518be1 } body[data-theme=colored] .sidebar-dropdown .sidebar-item.active .sidebar-link { color: #fff } body[data-theme=colored] .sidebar-dropdown .sidebar-item.active .sidebar-link,body[data-theme=dark] .sidebar-dropdown .sidebar-item.active .sidebar-link,body[data-theme=light] .sidebar-dropdown .sidebar-item.active .sidebar-link { background: transparent } .sidebar [data-bs-toggle=collapse] { position: relative } .sidebar [data-bs-toggle=collapse]:after { border: solid; border-width: 0 .075rem .075rem 0; content: " "; display: inline-block; padding: 2px; position: absolute; right: 1.5rem; top: 1.2rem; transform: rotate(45deg); transition: all .2s ease-out } .sidebar [aria-expanded=true]:after,.sidebar [data-bs-toggle=collapse]:not(.collapsed):after { top: 1.4rem; transform: rotate(-135deg) } .sidebar-dropdown [data-bs-toggle=collapse]:after { top: 1rem } .sidebar-dropdown [aria-expanded=true]:after,.sidebar-dropdown [data-bs-toggle=collapse]:not(.collapsed):after { top: 1.2rem } .sidebar-brand { color: #f8f9fa; display: block; font-size: 1.15rem; font-weight: 600; padding: 0.75rem 1.5rem } body[data-theme=dark] .sidebar-brand { color: #f8f9fa } body[data-theme=light] .sidebar-brand { color: #495057 } body[data-theme=colored] .sidebar-brand { color: #f8f9fa } .sidebar-brand:hover { color: #f8f9fa; text-decoration: none } body[data-theme=dark] .sidebar-brand:hover { color: #f8f9fa } body[data-theme=light] .sidebar-brand:hover { color: #495057 } body[data-theme=colored] .sidebar-brand:hover { color: #f8f9fa } .sidebar-brand:focus { outline: 0 } .sidebar-brand-text { display: block } .sidebar-brand-icon { display: none } .sidebar-toggle { cursor: pointer; display: flex; height: 26px; width: 26px } body:not([data-sidebar-position=right]) .sidebar.collapsed { margin-left: -264px } @media(max-width: 991.98px) { body:not([data-sidebar-position=right]) .sidebar { margin-left:-264px } body:not([data-sidebar-position=right]) .sidebar.collapsed { margin-left: 0 } } body:not([data-sidebar-position=right]) .sidebar-toggle { margin-right: 1rem } body[data-sidebar-position=right] .sidebar.collapsed { margin-right: -264px } @media(max-width: 991.98px) { body[data-sidebar-position=right] .sidebar { margin-right:-264px } body[data-sidebar-position=right] .sidebar.collapsed { margin-right: 0 } } body[data-sidebar-position=right] .sidebar-toggle { margin-left: 1rem } body[data-sidebar-position=right] .simplebar-track.simplebar-vertical { left: 0; right: auto } .sidebar-header { background: transparent; color: #ced4da; font-size: .75rem; padding: 1.5rem 1.5rem .375rem } body[data-theme=dark] .sidebar-header { color: #ced4da } body[data-theme=light] .sidebar-header { color: #495057 } body[data-theme=colored] .sidebar-header { color: #ced4da } .sidebar-badge { color: #fff; position: absolute; right: 15px; top: 14px; z-index: 1 } .sidebar-cta-content { background: #2b3947; border-radius: .3rem; color: #e9ecef; margin: 1.75rem; padding: 1.5rem } body[data-theme=dark] .sidebar-cta-content { background: #2b3947 } body[data-theme=light] .sidebar-cta-content { background: #f2f4f6 } body[data-theme=colored] .sidebar-cta-content { background: #18488d } body[data-theme=dark] .sidebar-cta-content { color: #e9ecef } body[data-theme=light] .sidebar-cta-content { color: #343a40 } body[data-theme=colored] .sidebar-cta-content { color: #e9ecef } .sidebar-user { padding: .75rem 1.5rem } .sidebar-user a { outline: 0; text-decoration: none } .sidebar-user-title,.sidebar-user-title:hover,body[data-theme=dark] .sidebar-user-title,body[data-theme=dark] .sidebar-user-title:hover { color: #e9ecef } body[data-theme=light] .sidebar-user-title,body[data-theme=light] .sidebar-user-title:hover { color: #020202 } body[data-theme=colored] .sidebar-user-title,body[data-theme=colored] .sidebar-user-title:hover { color: #e9ecef } .sidebar-user-subtitle,body[data-theme=dark] .sidebar-user-subtitle { color: #adb5bd } body[data-theme=light] .sidebar-user-subtitle { color: #6c757d } body[data-theme=colored] .sidebar-user-subtitle { color: #adb5bd } body[data-sidebar-layout=compact] [data-simplebar] { position: relative; width: 74px } body[data-sidebar-layout=compact] .sidebar-badge,body[data-sidebar-layout=compact] .sidebar-cta,body[data-sidebar-layout=compact] .sidebar-header,body[data-sidebar-layout=compact] .sidebar-nav>.sidebar-item .sidebar-link span,body[data-sidebar-layout=compact] .sidebar-nav>.sidebar-item>.sidebar-dropdown,body[data-sidebar-layout=compact] .sidebar-nav>.sidebar-item>.sidebar-link:after,body[data-sidebar-layout=compact] .sidebar-nav>.sidebar-item>.sidebar-link:before,body[data-sidebar-layout=compact] .sidebar-user { display: none } body[data-sidebar-layout=compact] .sidebar-brand { text-align: center } body[data-sidebar-layout=compact] .simplebar-horizontal,body[data-sidebar-layout=compact] .simplebar-vertical { visibility: hidden!important } body[data-sidebar-layout=compact] .simplebar-content-wrapper,body[data-sidebar-layout=compact] .simplebar-height-auto-observer-wrapper,body[data-sidebar-layout=compact] .simplebar-mask,body[data-sidebar-layout=compact] .simplebar-wrapper { overflow: visible!important } body[data-sidebar-layout=compact] .sidebar-dropdown.collapsing { height: auto; overflow: visible; transition: none } body[data-sidebar-layout=compact] .sidebar { max-width: 74px; min-width: 74px; z-index: 5 } body[data-sidebar-layout=compact] .sidebar-brand-text { display: none } body[data-sidebar-layout=compact] .sidebar-brand-icon { display: block } body[data-sidebar-layout=compact] .sidebar-item { position: relative } body[data-sidebar-layout=compact] .sidebar-nav>.sidebar-item>.sidebar-dropdown { background: #fff; border-radius: .3rem; box-shadow: 0 .5rem 3rem .5rem rgba(0,0,0,.05); display: none; overflow: visible; padding: .5rem 0; position: absolute; top: 0; width: 220px; z-index: 1 } body[data-sidebar-layout=compact] .sidebar-nav>.sidebar-item>.sidebar-dropdown:before { content: ""; height: 100%; position: absolute; top: 0; width: 16px } body[data-sidebar-layout=compact] .sidebar-nav>.sidebar-item>.sidebar-dropdown>.sidebar-item .sidebar-link { color: #6c757d; padding: .5rem 1.5rem } body[data-sidebar-layout=compact] .sidebar-nav>.sidebar-item>.sidebar-dropdown>.sidebar-item .sidebar-link:hover { color: #518be1 } body[data-sidebar-layout=compact] .sidebar-nav>.sidebar-item>.sidebar-dropdown>.sidebar-item .sidebar-link:before { left: -10px } body[data-sidebar-layout=compact] .sidebar-nav>.sidebar-item>.sidebar-dropdown>.sidebar-item .sidebar-item.active .sidebar-link,body[data-sidebar-layout=compact] .sidebar-nav>.sidebar-item>.sidebar-dropdown>.sidebar-item .sidebar-item.active .sidebar-link:hover { color: #518be1 } body[data-sidebar-layout=compact] .sidebar-nav>.sidebar-item>.sidebar-dropdown .sidebar-dropdown .sidebar-link { padding: .5rem 1.5rem .5rem 2.5rem } body[data-sidebar-layout=compact] .sidebar-nav>.sidebar-item>.sidebar-dropdown .sidebar-dropdown .sidebar-dropdown .sidebar-link { padding: .5rem 1.5rem .5rem 3.5rem } body[data-sidebar-layout=compact] .sidebar .sidebar-dropdown [data-bs-toggle=collapse]:after { top: .9rem } body[data-sidebar-layout=compact] .sidebar .sidebar-dropdown [aria-expanded=true]:after,body[data-sidebar-layout=compact] .sidebar .sidebar-dropdown [data-bs-toggle=collapse]:not(.collapsed):after { top: 1.1rem } body[data-sidebar-layout=compact] .sidebar-nav>.sidebar-item:hover>.sidebar-dropdown { display: block } body[data-sidebar-layout=compact]:not([data-sidebar-position=right]) .sidebar-nav>.sidebar-item>.sidebar-dropdown { left: 86px } body[data-sidebar-layout=compact]:not([data-sidebar-position=right]) .sidebar-nav>.sidebar-item>.sidebar-dropdown:before { left: -16px } body[data-sidebar-layout=compact]:not([data-sidebar-position=right]) .sidebar.collapsed { margin-left: -74px } @media(max-width: 991.98px) { body[data-sidebar-layout=compact]:not([data-sidebar-position=right]) .sidebar { margin-left:-74px } body[data-sidebar-layout=compact]:not([data-sidebar-position=right]) .sidebar.collapsed { margin-left: 0 } } body[data-sidebar-layout=compact][data-sidebar-position=right] .sidebar-nav>.sidebar-item>.sidebar-dropdown { right: 86px } body[data-sidebar-layout=compact][data-sidebar-position=right] .sidebar-nav>.sidebar-item>.sidebar-dropdown:before { right: -16px } body[data-sidebar-layout=compact][data-sidebar-position=right] .sidebar.collapsed { margin-right: -74px } @media(max-width: 991.98px) { body[data-sidebar-layout=compact][data-sidebar-position=right] .sidebar { margin-right:-74px } body[data-sidebar-layout=compact][data-sidebar-position=right] .sidebar.collapsed { margin-right: 0 } } .min-vw-50 { min-width: 50vw!important } .min-vh-50 { min-height: 50vh!important } .vw-50 { width: 50vw!important } .vh-50 { height: 50vh!important } .stat { align-items: center; background: #d3e2f7; border-radius: 50%; color: #3b7ddd; display: flex; height: 40px; justify-content: center; width: 40px } .stat svg { stroke-width: 1.5; color: inherit!important; height: 18px; width: 18px } .stat i { color: inherit; font-size: 18px } .table tbody,.table td,.table tfoot,.table th,.table thead,.table tr,.table>:not(:last-child)>:last-child>* { border-color: var(--bs-border-color) } .card>.dataTables_wrapper .table.dataTable,.card>.table,.card>.table-responsive .table,.card>.table-responsive-lg .table,.card>.table-responsive-md .table,.card>.table-responsive-sm .table,.card>.table-responsive-xl .table { border-bottom: 0; border-left: 0; border-right: 0; margin-bottom: 0 } .card>.dataTables_wrapper .table.dataTable td:first-child,.card>.dataTables_wrapper .table.dataTable th:first-child,.card>.table td:first-child,.card>.table th:first-child,.card>.table-responsive .table td:first-child,.card>.table-responsive .table th:first-child,.card>.table-responsive-lg .table td:first-child,.card>.table-responsive-lg .table th:first-child,.card>.table-responsive-md .table td:first-child,.card>.table-responsive-md .table th:first-child,.card>.table-responsive-sm .table td:first-child,.card>.table-responsive-sm .table th:first-child,.card>.table-responsive-xl .table td:first-child,.card>.table-responsive-xl .table th:first-child { border-left: 0; padding-left: 1.25rem } .card>.dataTables_wrapper .table.dataTable td:last-child,.card>.dataTables_wrapper .table.dataTable th:last-child,.card>.table td:last-child,.card>.table th:last-child,.card>.table-responsive .table td:last-child,.card>.table-responsive .table th:last-child,.card>.table-responsive-lg .table td:last-child,.card>.table-responsive-lg .table th:last-child,.card>.table-responsive-md .table td:last-child,.card>.table-responsive-md .table th:last-child,.card>.table-responsive-sm .table td:last-child,.card>.table-responsive-sm .table th:last-child,.card>.table-responsive-xl .table td:last-child,.card>.table-responsive-xl .table th:last-child { border-right: 0; padding-right: 1.25rem } .card>.dataTables_wrapper .table.dataTable tr:first-child td,.card>.dataTables_wrapper .table.dataTable tr:first-child th,.card>.table tr:first-child td,.card>.table tr:first-child th,.card>.table-responsive .table tr:first-child td,.card>.table-responsive .table tr:first-child th,.card>.table-responsive-lg .table tr:first-child td,.card>.table-responsive-lg .table tr:first-child th,.card>.table-responsive-md .table tr:first-child td,.card>.table-responsive-md .table tr:first-child th,.card>.table-responsive-sm .table tr:first-child td,.card>.table-responsive-sm .table tr:first-child th,.card>.table-responsive-xl .table tr:first-child td,.card>.table-responsive-xl .table tr:first-child th { border-top: 0 } .card>.dataTables_wrapper .table.dataTable tr:last-child td,.card>.table tr:last-child td,.card>.table-responsive .table tr:last-child td,.card>.table-responsive-lg .table tr:last-child td,.card>.table-responsive-md .table tr:last-child td,.card>.table-responsive-sm .table tr:last-child td,.card>.table-responsive-xl .table tr:last-child td { border-bottom: 0 } .card .card-header+.table { border-top: 0 } .table-action a { color: #6c757d } .table-action a:hover { color: #212529 } .table-action .feather { height: 18px; width: 18px } .table>tbody>tr>td { vertical-align: middle } .card>.dataTables_wrapper .table.dataTable { margin-bottom: 0!important; margin-top: 0!important } .card>.dataTables_wrapper .dataTables_info { padding: 1rem 1.25rem } .card>.dataTables_wrapper .dataTables_paginate { padding: .6rem 1.25rem } .dt-bootstrap4 { width: calc(100% - 2px) } .dt-bootstrap4 table.dataTable thead .sorting:before,.dt-bootstrap4 table.dataTable thead .sorting_asc:before,.dt-bootstrap4 table.dataTable thead .sorting_asc_disabled:before,.dt-bootstrap4 table.dataTable thead .sorting_desc:before,.dt-bootstrap4 table.dataTable thead .sorting_desc_disabled:before { right: 1.25em } table.dataTable tbody>tr.selected { background-color: #3b7ddd } table.dataTable.table-striped>tbody>tr.selected { --bs-table-striped-bg: var(--bs-primary); --bs-table-striped-color: var(--bs-white) } .tab { margin-bottom: 2rem } .tab .nav-tabs { border: 0 } .tab .nav-tabs .nav-link { background: transparent; border: 0; color: #343a40; padding: .75rem 1rem } .tab .nav-tabs .nav-link.active { background: #fff; color: #343a40 } .tab .nav-tabs .nav-link:hover:not(.active) { color: #3b7ddd } .tab .nav-tabs .nav-link svg { height: 20px; width: 20px } .tab .tab-content { background: #fff; border-radius: 0 0 .2rem .2rem; box-shadow: 0 .1rem .2rem rgba(0,0,0,.05); padding: 1.25rem } .tab .tab-content p:last-child { margin-bottom: 0 } .tab-primary .nav-tabs .nav-link.active { background: #3b7ddd; border-bottom-color: #3b7ddd; color: #fff } .tab-primary .tab-content { background: #3b7ddd; color: #fff } .tab-primary .h1,.tab-primary .h2,.tab-primary .h3,.tab-primary .h4,.tab-primary .h5,.tab-primary .h6,.tab-primary h1,.tab-primary h2,.tab-primary h3,.tab-primary h4,.tab-primary h5,.tab-primary h6 { color: #fff } .tab-secondary .nav-tabs .nav-link.active { background: #6c757d; border-bottom-color: #6c757d; color: #fff } .tab-secondary .tab-content { background: #6c757d; color: #fff } .tab-secondary .h1,.tab-secondary .h2,.tab-secondary .h3,.tab-secondary .h4,.tab-secondary .h5,.tab-secondary .h6,.tab-secondary h1,.tab-secondary h2,.tab-secondary h3,.tab-secondary h4,.tab-secondary h5,.tab-secondary h6 { color: #fff } .tab-success .nav-tabs .nav-link.active { background: #1cbb8c; border-bottom-color: #1cbb8c; color: #fff } .tab-success .tab-content { background: #1cbb8c; color: #fff } .tab-success .h1,.tab-success .h2,.tab-success .h3,.tab-success .h4,.tab-success .h5,.tab-success .h6,.tab-success h1,.tab-success h2,.tab-success h3,.tab-success h4,.tab-success h5,.tab-success h6 { color: #fff } .tab-info .nav-tabs .nav-link.active { background: #17a2b8; border-bottom-color: #17a2b8; color: #fff } .tab-info .tab-content { background: #17a2b8; color: #fff } .tab-info .h1,.tab-info .h2,.tab-info .h3,.tab-info .h4,.tab-info .h5,.tab-info .h6,.tab-info h1,.tab-info h2,.tab-info h3,.tab-info h4,.tab-info h5,.tab-info h6 { color: #fff } .tab-warning .nav-tabs .nav-link.active { background: #fcb92c; border-bottom-color: #fcb92c; color: #fff } .tab-warning .tab-content { background: #fcb92c; color: #fff } .tab-warning .h1,.tab-warning .h2,.tab-warning .h3,.tab-warning .h4,.tab-warning .h5,.tab-warning .h6,.tab-warning h1,.tab-warning h2,.tab-warning h3,.tab-warning h4,.tab-warning h5,.tab-warning h6 { color: #fff } .tab-danger .nav-tabs .nav-link.active { background: #dc3545; border-bottom-color: #dc3545; color: #fff } .tab-danger .tab-content { background: #dc3545; color: #fff } .tab-danger .h1,.tab-danger .h2,.tab-danger .h3,.tab-danger .h4,.tab-danger .h5,.tab-danger .h6,.tab-danger h1,.tab-danger h2,.tab-danger h3,.tab-danger h4,.tab-danger h5,.tab-danger h6 { color: #fff } .tab-light .nav-tabs .nav-link.active { background: #f5f7fb; border-bottom-color: #f5f7fb; color: #fff } .tab-light .tab-content { background: #f5f7fb; color: #fff } .tab-light .h1,.tab-light .h2,.tab-light .h3,.tab-light .h4,.tab-light .h5,.tab-light .h6,.tab-light h1,.tab-light h2,.tab-light h3,.tab-light h4,.tab-light h5,.tab-light h6 { color: #fff } .tab-dark .nav-tabs .nav-link.active { background: #212529; border-bottom-color: #212529; color: #fff } .tab-dark .tab-content { background: #212529; color: #fff } .tab-dark .h1,.tab-dark .h2,.tab-dark .h3,.tab-dark .h4,.tab-dark .h5,.tab-dark .h6,.tab-dark h1,.tab-dark h2,.tab-dark h3,.tab-dark h4,.tab-dark h5,.tab-dark h6 { color: #fff } .tab-title { font-size: .925rem } .tab-vertical .nav-tabs { flex-direction: column; float: left } .tab-vertical .nav-tabs .nav-link { border-bottom-left-radius: .2rem; border-bottom-right-radius: 0; border-top-left-radius: .2rem; border-top-right-radius: 0 } .tab-vertical .tab-content { overflow: auto } .timeline { list-style-type: none; position: relative } .timeline:before { background: #dee2e6; height: 100%; left: 9px; width: 2px } .timeline-item:before,.timeline:before { content: " "; display: inline-block; position: absolute; z-index: 1 } .timeline-item:before { background: #fff; border: 3px solid #3b7ddd; border-radius: 50%; height: 20px; left: 0; width: 20px } .text-sm { font-size: .75rem } .text-lg { font-size: .925rem } b,strong { font-weight: 600 } pre.snippet { word-wrap: break-word; text-align: justify; white-space: pre-wrap } a { cursor: pointer } .wrapper { align-items: stretch; display: flex; width: 100% } .wrapper,body[data-theme=dark] .wrapper { background: #222e3c } body[data-theme=light] .wrapper { background: #fff } body[data-theme=colored] .wrapper { background: linear-gradient(135deg,#266fd9,#2359a8 40%,#2359a8) } body[data-layout=boxed] .wrapper { border-left: 1px solid #dee2e6; border-right: 1px solid #dee2e6; margin: 0 auto; max-width: 1800px; overflow: hidden } @media(min-width: 1440px) { body[data-layout=boxed] .wrapper { width:90vw } } .bg-primary-light { background: #dee9f9 } .bg-secondary-light { background: #d1d4d7 } .bg-success-light { background: #a5f1db } .bg-info-light { background: #9ce7f3 } .bg-warning-light { background: #fff8e9 } .bg-danger-light { background: #f8d8db } .bg-light-light { background: #fff } .bg-dark-light { background: #778592 } .bg-primary-dark { background: #0d274c } .bg-secondary-dark { background: #131516 } .bg-success-dark { background: #03150f } .bg-info-dark { background: #020c0e } .bg-warning-dark { background: #674601 } .bg-danger-dark { background: #460c12 } .bg-light-dark { background: #6c8ac4 } .bg-dark-dark { background: #000 } .cursor-grab { cursor: move; cursor: grab; cursor: -webkit-grab } .cursor-pointer { cursor: pointer } .overflow-scroll { overflow: scroll } .overflow-hidden { overflow: hidden } .overflow-auto { overflow: auto } .overflow-visible { overflow: visible }.simplebar-scrollbar:before,body[data-theme=dark] .simplebar-scrollbar:before { background: #fff } body[data-theme=light] .simplebar-scrollbar:before { background: #adb5bd } body[data-theme=colored] .simplebar-scrollbar:before { background: #fff } .simplebar-content { display: flex; flex-direction: column; height: 100vh; padding-bottom: 0!important } [data-simplebar] { left: 0; position: -webkit-sticky; position: sticky; top: 0; width: 264px }