diff --git a/assets/asset-corporate-portal/css/sas.bundle.css b/assets/asset-corporate-portal/css/sas.bundle.css index dad9a39..4a6dafd 100644 --- a/assets/asset-corporate-portal/css/sas.bundle.css +++ b/assets/asset-corporate-portal/css/sas.bundle.css @@ -193,7 +193,7 @@ a.text-white:focus { background-color: var(--grey) !important; } .bg-header-table { - background-color: var(--text-header-table) !important; + background-color: var(--header-table-bg) !important; } .bg-primary { background-color: var(--primary) !important; @@ -565,6 +565,39 @@ a.text-white:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(54, 153, 255, 0.5); box-shadow: 0 0 0 0.2rem rgba(54, 153, 255, 0.5); } +/* ## BUTTON OUTLINE TOSCA*/ +.btn-outline-tosca { + color: var(--tosca) !important; + border-color: var(--tosca) !important; +} +.btn-outline-tosca:hover { + color: #ffffff !important; + background-color: var(--tosca) !important; + border-color: var(--tosca) !important; +} +.btn-outline-tosca:focus, +.btn-outline-tosca.focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(54, 153, 255, 0.5); + box-shadow: 0 0 0 0.2rem rgba(54, 153, 255, 0.5); +} +.btn-outline-tosca.disabled, +.btn-outline-tosca:disabled { + color: var(--tosca) !important; + background-color: transparent; +} +.btn-outline-tosca:not(:disabled):not(.disabled):active, +.btn-outline-tosca:not(:disabled):not(.disabled).active, +.show > .btn-outline-tosca.dropdown-toggle { + color: #ffffff !important; + background-color: var(--tosca) !important; + border-color: var(--tosca) !important; +} +.btn-outline-tosca:not(:disabled):not(.disabled):active:focus, +.btn-outline-tosca:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-tosca.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(54, 153, 255, 0.5); + box-shadow: 0 0 0 0.2rem rgba(54, 153, 255, 0.5); +} /* ## BUTTON OUTLINE SECONDARY*/ .btn-outline-secondary { @@ -919,6 +952,147 @@ a.text-white:focus { .show .btn.btn-light-primary.btn-dropdown.dropdown-toggle:after { color: #ffffff !important; } + +/* ## BUTTON LIGHT TOSCA*/ + +.btn.btn-light-tosca { + color: var(--tosca) !important; + background-color: var(--toscabg) !important; + border-color: transparent; +} +.btn.btn-light-tosca i { + color: var(--tosca) !important; +} +.btn.btn-light-tosca .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--tosca) !important; +} +.btn.btn-light-tosca .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-light-tosca.dropdown-toggle:after { + color: var(--tosca) !important; +} +.btn.btn-light-tosca:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-light-tosca:focus:not(.btn-text), +.btn.btn-light-tosca.focus:not(.btn-text) { + color: #ffffff !important; + background-color: var(--tosca) !important; + border-color: transparent; +} +.btn.btn-light-tosca:hover:not(.btn-text):not(:disabled):not(.disabled) i, +.btn.btn-light-tosca:focus:not(.btn-text) i, +.btn.btn-light-tosca.focus:not(.btn-text) i { + color: #ffffff !important; +} +.btn.btn-light-tosca:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg + g + [fill], +.btn.btn-light-tosca:focus:not(.btn-text) .svg-icon svg g [fill], +.btn.btn-light-tosca.focus:not(.btn-text) .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: #ffffff !important; +} +.btn.btn-light-tosca:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg:hover + g + [fill], +.btn.btn-light-tosca:focus:not(.btn-text) .svg-icon svg:hover g [fill], +.btn.btn-light-tosca.focus:not(.btn-text) .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-light-tosca:hover:not(.btn-text):not(:disabled):not( + .disabled + ).dropdown-toggle:after, +.btn.btn-light-tosca:focus:not(.btn-text).dropdown-toggle:after, +.btn.btn-light-tosca.focus:not(.btn-text).dropdown-toggle:after { + color: #ffffff !important; +} +.btn.btn-light-tosca.disabled, +.btn.btn-light-tosca:disabled { + color: var(--tosca) !important; + background-color: #e1f0ff; + border-color: transparent; +} +.btn.btn-light-tosca.disabled i, +.btn.btn-light-tosca:disabled i { + color: var(--tosca) !important; +} +.btn.btn-light-tosca.disabled .svg-icon svg g [fill], +.btn.btn-light-tosca:disabled .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--tosca) !important; +} +.btn.btn-light-tosca.disabled .svg-icon svg:hover g [fill], +.btn.btn-light-tosca:disabled .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-light-tosca.disabled.dropdown-toggle:after, +.btn.btn-light-tosca:disabled.dropdown-toggle:after { + color: var(--tosca) !important; +} +.btn.btn-light-tosca:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-light-tosca:not(:disabled):not(.disabled).active, +.show > .btn.btn-light-tosca.dropdown-toggle, +.show .btn.btn-light-tosca.btn-dropdown { + color: #ffffff !important; + background-color: var(--tosca) !important; + border-color: transparent; +} +.btn.btn-light-tosca:not(:disabled):not(.disabled):active:not(.btn-text) i, +.btn.btn-light-tosca:not(:disabled):not(.disabled).active i, +.show > .btn.btn-light-tosca.dropdown-toggle i, +.show .btn.btn-light-tosca.btn-dropdown i { + color: #ffffff !important; +} +.btn.btn-light-tosca:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg + g + [fill], +.btn.btn-light-tosca:not(:disabled):not(.disabled).active + .svg-icon + svg + g + [fill], +.show > .btn.btn-light-tosca.dropdown-toggle .svg-icon svg g [fill], +.show .btn.btn-light-tosca.btn-dropdown .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: #ffffff !important; +} +.btn.btn-light-tosca:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg:hover + g + [fill], +.btn.btn-light-tosca:not(:disabled):not(.disabled).active + .svg-icon + svg:hover + g + [fill], +.show > .btn.btn-light-tosca.dropdown-toggle .svg-icon svg:hover g [fill], +.show .btn.btn-light-tosca.btn-dropdown .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-light-tosca:not(:disabled):not(.disabled):active:not( + .btn-text + ).dropdown-toggle:after, +.btn.btn-light-tosca:not(:disabled):not(.disabled).active.dropdown-toggle:after, +.show > .btn.btn-light-tosca.dropdown-toggle.dropdown-toggle:after, +.show .btn.btn-light-tosca.btn-dropdown.dropdown-toggle:after { + color: #ffffff !important; +} /* ## BUTTON LIGHT SECONDARY*/ .btn.btn-light-secondary { @@ -1689,6 +1863,65 @@ a.text-white:focus { .show .btn.btn-hover-light-primary.btn-dropdown.dropdown-toggle:after { color: var(--primary) !important; } + +/* ## BUTTON HOVER LIGHT TOSCA*/ +.btn.btn-hover-light-tosca:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-hover-light-tosca:not(:disabled):not(.disabled).active, +.show > .btn.btn-hover-light-tosca.dropdown-toggle, +.show .btn.btn-hover-light-tosca.btn-dropdown { + color: var(--tosca) !important; + background-color: var(--toscabg) !important; + border-color: transparent; +} +.btn.btn-hover-light-tosca:not(:disabled):not(.disabled):active:not(.btn-text) + i, +.btn.btn-hover-light-tosca:not(:disabled):not(.disabled).active i, +.show > .btn.btn-hover-light-tosca.dropdown-toggle i, +.show .btn.btn-hover-light-tosca.btn-dropdown i { + color: var(--tosca) !important; +} +.btn.btn-hover-light-tosca:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg + g + [fill], +.btn.btn-hover-light-tosca:not(:disabled):not(.disabled).active + .svg-icon + svg + g + [fill], +.show > .btn.btn-hover-light-tosca.dropdown-toggle .svg-icon svg g [fill], +.show .btn.btn-hover-light-tosca.btn-dropdown .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--tosca) !important; +} +.btn.btn-hover-light-tosca:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg:hover + g + [fill], +.btn.btn-hover-light-tosca:not(:disabled):not(.disabled).active + .svg-icon + svg:hover + g + [fill], +.show > .btn.btn-hover-light-tosca.dropdown-toggle .svg-icon svg:hover g [fill], +.show .btn.btn-hover-light-tosca.btn-dropdown .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-hover-light-tosca:not(:disabled):not(.disabled):active:not( + .btn-text + ).dropdown-toggle:after, +.btn.btn-hover-light-tosca:not(:disabled):not( + .disabled + ).active.dropdown-toggle:after, +.show > .btn.btn-hover-light-tosca.dropdown-toggle.dropdown-toggle:after, +.show .btn.btn-hover-light-tosca.btn-dropdown.dropdown-toggle:after { + color: var(--tosca) !important; +} + /* ## BUTTON HOVER LIGHT SECONDARY*/ .btn.btn-hover-light-secondary:hover:not(.btn-text):not(:disabled):not( @@ -2286,6 +2519,15 @@ a.text-white:focus { color: var(--warning); } +/* ## BUTTON WARNING */ +.btn.btn-text-tosca { + color: var(--tosca); +} +.btn.btn-text-tosca.disabled, +.btn.btn-text-tosca:disabled { + color: var(--tosca); +} + /* ### BUTTON HOVER BG */ /* ## BUTTON HOVER BG PRIMARY */ .btn.btn-hover-bg-primary:hover:not(.btn-text):not(:disabled):not(.disabled), @@ -2378,6 +2620,23 @@ a.text-white:focus { background-color: var(--danger) !important; border-color: var(--danger) !important; } + +/* ## BUTTON HOVER BG TOSCA */ +.btn.btn-hover-bg-tosca:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-hover-bg-tosca:focus:not(.btn-text), +.btn.btn-hover-bg-tosca.focus:not(.btn-text) { + background-color: var(--tosca) !important; + border-color: var(--tosca) !important; +} + +.btn.btn-hover-bg-tosca:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-hover-bg-tosca:not(:disabled):not(.disabled).active, +.show > .btn.btn-hover-bg-tosca.dropdown-toggle, +.show .btn.btn-hover-bg-tosca.btn-dropdown { + background-color: var(--tosca) !important; + border-color: var(--tosca) !important; +} + /* ### BUTTON HOVER */ /* ## BUTTON HOVER PRIMARY */ .btn.btn-hover-primary:hover:not(.btn-text):not(:disabled):not(.disabled), @@ -2960,6 +3219,101 @@ a.text-white:focus { .show .btn.btn-hover-warning.btn-dropdown.dropdown-toggle:after { color: #ffffff !important; } +/* ## BUTTON HOVER TOSCA */ +.btn.btn-hover-tosca:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-hover-tosca:focus:not(.btn-text), +.btn.btn-hover-tosca.focus:not(.btn-text) { + color: #ffffff !important; + background-color: var(--tosca) !important; + border-color: var(--tosca) !important; +} +.btn.btn-hover-tosca:hover:not(.btn-text):not(:disabled):not(.disabled) i, +.btn.btn-hover-tosca:focus:not(.btn-text) i, +.btn.btn-hover-tosca.focus:not(.btn-text) i { + color: #ffffff !important; +} +.btn.btn-hover-tosca:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg + g + [fill], +.btn.btn-hover-tosca:focus:not(.btn-text) .svg-icon svg g [fill], +.btn.btn-hover-tosca.focus:not(.btn-text) .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: #ffffff !important; +} +.btn.btn-hover-tosca:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg:hover + g + [fill], +.btn.btn-hover-tosca:focus:not(.btn-text) .svg-icon svg:hover g [fill], +.btn.btn-hover-tosca.focus:not(.btn-text) .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-hover-tosca:hover:not(.btn-text):not(:disabled):not( + .disabled + ).dropdown-toggle:after, +.btn.btn-hover-tosca:focus:not(.btn-text).dropdown-toggle:after, +.btn.btn-hover-tosca.focus:not(.btn-text).dropdown-toggle:after { + color: #ffffff !important; +} + +.btn.btn-hover-tosca:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-hover-tosca:not(:disabled):not(.disabled).active, +.show > .btn.btn-hover-tosca.dropdown-toggle, +.show .btn.btn-hover-tosca.btn-dropdown { + color: #ffffff !important; + background-color: var(--tosca) !important; + border-color: var(--tosca) !important; +} +.btn.btn-hover-tosca:not(:disabled):not(.disabled):active:not(.btn-text) i, +.btn.btn-hover-tosca:not(:disabled):not(.disabled).active i, +.show > .btn.btn-hover-tosca.dropdown-toggle i, +.show .btn.btn-hover-tosca.btn-dropdown i { + color: #ffffff !important; +} +.btn.btn-hover-tosca:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg + g + [fill], +.btn.btn-hover-tosca:not(:disabled):not(.disabled).active + .svg-icon + svg + g + [fill], +.show > .btn.btn-hover-tosca.dropdown-toggle .svg-icon svg g [fill], +.show .btn.btn-hover-tosca.btn-dropdown .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: #ffffff !important; +} +.btn.btn-hover-tosca:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg:hover + g + [fill], +.btn.btn-hover-tosca:not(:disabled):not(.disabled).active + .svg-icon + svg:hover + g + [fill], +.show > .btn.btn-hover-tosca.dropdown-toggle .svg-icon svg:hover g [fill], +.show .btn.btn-hover-tosca.btn-dropdown .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-hover-tosca:not(:disabled):not(.disabled):active:not( + .btn-text + ).dropdown-toggle:after, +.btn.btn-hover-tosca:not(:disabled):not(.disabled).active.dropdown-toggle:after, +.show > .btn.btn-hover-tosca.dropdown-toggle.dropdown-toggle:after, +.show .btn.btn-hover-tosca.btn-dropdown.dropdown-toggle:after { + color: #ffffff !important; +} /* ### BUTTON LINK */ /* ## BUTTON LINK PRIMARY*/ @@ -3535,6 +3889,7 @@ a.text-white:focus { .show .btn.btn-link-info.btn-dropdown.dropdown-toggle:after { color: var(--info) !important; } + /* ## BUTTON LINK WARNING*/ .btn.btn-link-warning { border: 0; @@ -3679,6 +4034,7 @@ a.text-white:focus { .show .btn.btn-link-warning.btn-dropdown.dropdown-toggle:after { color: var(--warning) !important; } + /* ## BUTTON LINK DANGER*/ .btn.btn-link-danger { border: 0; @@ -3822,6 +4178,145 @@ a.text-white:focus { color: var(--danger) !important; } +/* ## BUTTON LINK TOSCA*/ +.btn.btn-link-tosca { + border: 0; + padding: 0 !important; + border-radius: 0 !important; + color: var(--tosca) !important; + background-color: transparent !important; + border-color: transparent !important; +} +.btn.btn-link-tosca i { + color: var(--tosca) !important; +} +.btn.btn-link-tosca .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--tosca) !important; +} +.btn.btn-link-tosca .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-link-tosca.dropdown-toggle:after { + color: var(--tosca) !important; +} +.btn.btn-link-tosca:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-link-tosca:focus:not(.btn-text), +.btn.btn-link-tosca.focus:not(.btn-text) { + color: var(--tosca) !important; + background-color: transparent !important; + border-color: transparent !important; +} +.btn.btn-link-tosca:hover:not(.btn-text):not(:disabled):not(.disabled) i, +.btn.btn-link-tosca:focus:not(.btn-text) i, +.btn.btn-link-tosca.focus:not(.btn-text) i { + color: var(--tosca) !important; +} +.btn.btn-link-tosca:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg + g + [fill], +.btn.btn-link-tosca:focus:not(.btn-text) .svg-icon svg g [fill], +.btn.btn-link-tosca.focus:not(.btn-text) .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--tosca) !important; +} +.btn.btn-link-tosca:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg:hover + g + [fill], +.btn.btn-link-tosca:focus:not(.btn-text) .svg-icon svg:hover g [fill], +.btn.btn-link-tosca.focus:not(.btn-text) .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-link-tosca:hover:not(.btn-text):not(:disabled):not( + .disabled + ).dropdown-toggle:after, +.btn.btn-link-tosca:focus:not(.btn-text).dropdown-toggle:after, +.btn.btn-link-tosca.focus:not(.btn-text).dropdown-toggle:after { + color: var(--tosca) !important; +} +.btn.btn-link-tosca.disabled, +.btn.btn-link-tosca:disabled { + color: var(--tosca) !important; + background-color: transparent !important; + border-color: transparent !important; +} +.btn.btn-link-tosca.disabled i, +.btn.btn-link-tosca:disabled i { + color: var(--tosca) !important; +} +.btn.btn-link-tosca.disabled .svg-icon svg g [fill], +.btn.btn-link-tosca:disabled .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--tosca) !important; +} +.btn.btn-link-tosca.disabled .svg-icon svg:hover g [fill], +.btn.btn-link-tosca:disabled .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-link-tosca.disabled.dropdown-toggle:after, +.btn.btn-link-tosca:disabled.dropdown-toggle:after { + color: var(--tosca) !important; +} +.btn.btn-link-tosca:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-link-tosca:not(:disabled):not(.disabled).active, +.show > .btn.btn-link-tosca.dropdown-toggle, +.show .btn.btn-link-tosca.btn-dropdown { + color: var(--tosca) !important; + background-color: transparent !important; + border-color: transparent !important; +} +.btn.btn-link-tosca:not(:disabled):not(.disabled):active:not(.btn-text) i, +.btn.btn-link-tosca:not(:disabled):not(.disabled).active i, +.show > .btn.btn-link-tosca.dropdown-toggle i, +.show .btn.btn-link-tosca.btn-dropdown i { + color: var(--tosca) !important; +} +.btn.btn-link-tosca:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg + g + [fill], +.btn.btn-link-tosca:not(:disabled):not(.disabled).active .svg-icon svg g [fill], +.show > .btn.btn-link-tosca.dropdown-toggle .svg-icon svg g [fill], +.show .btn.btn-link-tosca.btn-dropdown .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--tosca) !important; +} +.btn.btn-link-tosca:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg:hover + g + [fill], +.btn.btn-link-tosca:not(:disabled):not(.disabled).active + .svg-icon + svg:hover + g + [fill], +.show > .btn.btn-link-tosca.dropdown-toggle .svg-icon svg:hover g [fill], +.show .btn.btn-link-tosca.btn-dropdown .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-link-tosca:not(:disabled):not(.disabled):active:not( + .btn-text + ).dropdown-toggle:after, +.btn.btn-link-tosca:not(:disabled):not(.disabled).active.dropdown-toggle:after, +.show > .btn.btn-link-tosca.dropdown-toggle.dropdown-toggle:after, +.show .btn.btn-link-tosca.btn-dropdown.dropdown-toggle:after { + color: var(--tosca) !important; +} + /* ### BUTTON SHADOW */ /* ## BUTTON SHADOW PRIMARY */ .btn.btn-primary.btn-shadow { @@ -4002,6 +4497,41 @@ a.text-white:focus { -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--dangerrgb), var(--opacity03)) !important; box-shadow: 0px 9px 16px 0px rgba(var(--dangerrgb), var(--opacity03)) !important; } +/* ## BUTTON SHADOW TOSCA */ +.btn.btn-tosca.btn-shadow { + -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--toscargb), var(--opacity02)) !important; + box-shadow: 0px 9px 16px 0px rgba(var(--toscargb), var(--opacity02)) !important; +} +.btn.btn-tosca.btn-shadow:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-tosca.btn-shadow:focus:not(.btn-text), +.btn.btn-tosca.btn-shadow.focus:not(.btn-text) { + -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--toscargb), var(--opacity03)) !important; + box-shadow: 0px 9px 16px 0px rgba(var(--toscargb), var(--opacity03)) !important; +} +.btn.btn-tosca.btn-shadow:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-tosca.btn-shadow:not(:disabled):not(.disabled).active, +.show > .btn.btn-tosca.btn-shadow.dropdown-toggle { + -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--toscargb), var(--opacity03)) !important; + box-shadow: 0px 9px 16px 0px rgba(var(--toscargb), var(--opacity03)) !important; +} + +.btn.btn-tosca.btn-shadow-hover:hover:not(.btn-text):not(:disabled):not( + .disabled + ), +.btn.btn-tosca.btn-shadow-hover:focus:not(.btn-text), +.btn.btn-tosca.btn-shadow-hover.focus:not(.btn-text) { + -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--toscargb), var(--opacity03)) !important; + box-shadow: 0px 9px 16px 0px rgba(var(--toscargb), var(--opacity03)) !important; +} + +.btn.btn-tosca.btn-shadow-hover:not(:disabled):not(.disabled):active:not( + .btn-text + ), +.btn.btn-tosca.btn-shadow-hover:not(:disabled):not(.disabled).active, +.show > .btn.btn-tosca.btn-shadow-hover.dropdown-toggle { + -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--toscargb), var(--opacity03)) !important; + box-shadow: 0px 9px 16px 0px rgba(var(--toscargb), var(--opacity03)) !important; +} /* ## PRIMARY */ .btn.btn-hover-text-primary:not(:disabled):not(.disabled):active:not(.btn-text), @@ -4103,6 +4633,43 @@ a.text-white:focus { line-height: 22px !important; text-align: center !important; } +/* ### TABLE */ +/* ## BORDER RADIUS */ +table th { + background-color: var(--header-table-bg) !important; +} +th { + color: var(--text-header-table) !important; + font-family: Poppins !important; + font-size: 12px !important; + font-style: normal !important; + font-weight: 600 !important; + line-height: normal !important; + letter-spacing: 0.36px !important; +} +td { + color: var(--text-black) !important; + font-family: Poppins !important; + justify-content: center !important; + vertical-align: middle !important; + font-size: 14px !important; + font-style: normal !important; + font-weight: 600 !important; + line-height: normal !important; + padding-top: 20px !important; + padding-bottom: 20px !important; +} + +td:first-child, +th:first-child { + border-radius: 6px 0 0 6px !important; + padding-left: 20px !important; +} +td:last-child, +th:last-child { + border-radius: 0 6px 6px 0 !important; +} + /* ### BUTTON HOVER TEXT */ /* ### */ /* ## PRIMARY */