andy/corporate_portal_westerindo
1
0
Fork 0
Code Issues 13 Pull Requests Packages Projects Releases Wiki Activity

custom buton tosca

Browse Source
This commit is contained in:
Sas Andy
2024-05-03 16:45:58 +07:00
parent 80ff72e3b3
commit b278020911
1 changed files with 568 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

569
assets/asset-corporate-portal/css/sas.bundle.css
View File

@@ -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 */