diff --git a/assets/andy/coba.html b/assets/andy/coba.html new file mode 100644 index 0000000..ec82ff8 --- /dev/null +++ b/assets/andy/coba.html @@ -0,0 +1,586 @@ + + + + + + + + + Corporate portal | Landing Page + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + +
+
+ + + + + + + + +
+
+ + + + + + + +
+
+ Active state + Active state + Active state + Active state +
+
+ + + + +
+
+
+ + + +
+
+
+ Success + Primary + Danger + Warning + Dark +
+
+ Success + Primary + Danger + Warning + Dark +
+
+ Success + info + Primary + secondary + Danger + Warning + Dark +
+
+ info + secondary + Success + Primary + Danger + Warning + Dark +
+
+ Success + info + Primary + Danger + Warning + Dark +
+
+ Success + info + Primary + Danger + Warning + Dark +
+
+ Success + info + Primary + Danger + Warning + Dark +
+
+ Success + info + Primary + Danger + Warning + Dark +
+
+ Light + info + Success + Primary + Danger + Warning +
+
+ Light + info + Success + Primary + Danger + Warning +
+
+ +
+
+ +
...
+
+
+

.text-primary

+

.text-secondary

+

.text-success

+

.text-danger

+

.text-warning

+

.text-info

+

.text-light

+

.text-dark

+

.text-body

+

.text-muted

+

.text-white

+

.text-black-50

+

.text-white-50

+

text normal

+
+ +
+ + + + + + + + + + + + + + + + + + + diff --git a/assets/asset-corporate-portal/css/sas.bundle.css b/assets/asset-corporate-portal/css/sas.bundle.css new file mode 100644 index 0000000..9d3ddd3 --- /dev/null +++ b/assets/asset-corporate-portal/css/sas.bundle.css @@ -0,0 +1,4064 @@ +@charset "UTF-8"; + +/*! +SEARCH GROUP CSS KEYWORD "###" + * Bootstrap v4.5.0 (https://getbootstrap.com/) + * Copyright 2011-2020 The Bootstrap Authors + * Copyright 2011-2020 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ + +:root { + --blue: #0c518c; + --indigo: #6610f2; + --purple: #6f42c1; + --pink: #e83e8c; + --red: #c51b1b; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #28a745; + --teal: #20c997; + --cyan: #17a2b8; + --white: #ffffff; + + /* MAIN COLOR */ + --primary: #3b4f9f; + --secondary: #ffffff; + --success: #1bc522; + --info: #1890ff; + --warning: #ffd335; + --danger: #c51b1b; + --tosca: #1bc5bd; + --grey: #c3c4c5; + /* COLOR TO RGBA WITH OPACITY FOR BTN SHADOW */ + --opacity02: 0.25; + --opacity03: 0.3; + --primaryrgb: 12, 81, 140; + --secondaryrgb: 228, 230, 239; + --successrgb: 27, 197, 34; + --inforgb: 27, 197, 189; + --warningrgb: 255, 168, 0; + --dangerrgb: 197, 27, 27; + /* END */ + /* HOVER */ + --primary-hover: #2e3d7b; + --secondary-hover: #aaabac; + --success-hover: #15981a; + --info-hover: #0077e5; + --tosca-hover: #159892; + --warning-hover: #ffc700; + --danger-hover: #b11818; + /* END HOVER */ + /* BACKGROUND */ + --graybg: #dfe3e8; + --primarybg: #e6efff; + --secondarybg: #e4e6ef; + --successbg: #c9f7d0; + --infobg: #d8ebff; + --warningbg: #ffe4b2; + --dangerbg: #f7c9c9; + --toscabg: #c9f7f5; + --fieldbg: #f5f8fa; + /* END BACKGROUND */ + /* TEXT COLOR */ + --text-black: #0e1e28; + --text-disabled: #919eab; + --text-grey: #637381; + --text-header-table: #b5b5c3; + --header-table-bg: #f3f6f9; + --active-state: #637381; + /* END TEXT COLOR */ + --light: #f3f6f9; + --dark: #181c32; + --white: #ffffff; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --breakpoint-xxl: 1400px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", + Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, + "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, + "Liberation Mono", "Courier New", monospace; + --text-normal: #600cfc; +} + +/* ### TEXT */ +.text-black { + color: var(--text-black) !important; +} +.text-disabled { + color: var(--text-disabled) !important; +} +.text-grey { + color: var(--text-grey) !important; +} +.text-header-table { + color: var(--text-header-table) !important; +} +.text-primary { + color: var(--primary) !important; +} +.text-white { + color: var(--white) !important; +} +.text-secondary { + color: var(--secondary) !important; +} +.text-info { + color: var(--info) !important; +} +.text-warning { + color: var(--warning) !important; +} +.text-danger { + color: var(--danger) !important; +} +.text-success { + color: var(--success) !important; +} +.text-gray { + color: var(--gray) !important; +} +.text-white { + color: #ffffff !important; +} +.text-normal { + color: var(--text-normal) !important; +} +/* ### TAG A */ +a.text-primary:hover, +a.text-primary:focus { + color: var(--primary) !important; +} + +a.text-secondary:hover, +a.text-secondary:focus { + color: var(--secondary) !important; +} + +a.text-success:hover, +a.text-success:focus { + color: var(--success) !important; +} + +a.text-info:hover, +a.text-info:focus { + color: var(--info) !important; +} + +a.text-warning:hover, +a.text-warning:focus { + color: var(--warning) !important; +} + +a.text-danger:hover, +a.text-danger:focus { + color: var(--danger) !important; +} + +.text-light { + color: #f3f6f9 !important; +} + +a.text-light:hover, +a.text-light:focus { + color: #c0d0e0 !important; +} + +.text-dark { + color: #181c32 !important; +} + +a.text-dark:hover, +a.text-dark:focus { + color: black !important; +} + +.text-white { + color: #ffffff !important; +} + +a.text-white:hover, +a.text-white:focus { + color: #d9d9d9 !important; +} +/* ### BACKGROUND*/ +.bg-black { + background-color: var(--dark) !important; +} +.bg-header-table { + background-color: var(--text-header-table) !important; +} +.bg-primary { + background-color: var(--primary) !important; +} +.bg-white { + background-color: var(--white) !important; +} +.bg-secondary { + background-color: var(--secondary) !important; +} +.bg-info { + background-color: var(--info) !important; +} +.bg-warning { + background-color: var(--warning) !important; +} +.bg-danger { + background-color: var(--danger) !important; +} +.bg-success { + background-color: var(--success) !important; +} +.bg-gray { + background-color: var(--gray) !important; +} +/* ### BACKGROUND TRANSPARENT */ +.bg-black-transparent { + background-color: var(--dark) !important; +} +.bg-primary-transparent { + background-color: var(--primarybg) !important; +} +.bg-white-transparent { + background-color: var(--white) !important; +} +.bg-secondary-transparent { + background-color: var(--secondarybg) !important; +} +.bg-info-transparent { + background-color: var(--infobg) !important; +} +.bg-warning-transparent { + background-color: var(--warningbg) !important; +} +.bg-danger-transparent { + background-color: var(--dangerbg) !important; +} +.bg-success-transparent { + background-color: var(--successbg) !important; +} +.bg-gray-transparent { + background-color: var(--graybg) !important; +} + +/* ### BUTTON DEFAULT*/ +/* ## BUTTON DEFAULT PRIMARY*/ +.btn-primary { + color: #ffffff; + background-color: var(--primary) !important; + border-color: var(--primary) !important; +} +.btn-primary:hover { + color: #ffffff; + background-color: var(--primary-hover) !important; + border-color: var(--primary-hover) !important; +} +.btn-primary:focus, +.btn-primary.focus { + color: #ffffff; + background-color: var(--primary-hover) !important; + border-color: var(--primary-hover) !important; + -webkit-box-shadow: 0 0 0 0.2rem rgba(84, 168, 255, 0.5); + box-shadow: 0 0 0 0.2rem rgba(84, 168, 255, 0.5); +} +.btn-primary.disabled, +.btn-primary:disabled { + color: #ffffff; + background-color: var(--primary) !important; + border-color: var(--primary) !important; +} +.btn-primary:not(:disabled):not(.disabled):active, +.btn-primary:not(:disabled):not(.disabled).active, +.show > .btn-primary.dropdown-toggle { + color: #ffffff; + background-color: var(--primary-hover) !important; + border-color: var(--primary-hover) !important; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, +.btn-primary:not(:disabled):not(.disabled).active:focus, +.show > .btn-primary.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(84, 168, 255, 0.5); + box-shadow: 0 0 0 0.2rem rgba(84, 168, 255, 0.5); +} +/* COBA CUSTOM BTN */ +.btn-tosca { + color: #ffffff; + background-color: var(--tosca) !important; + border-color: var(--tosca) !important; +} +.btn-tosca:hover { + color: #ffffff; + background-color: var(--tosca) !important; + border-color: var(--tosca) !important; +} +.btn-tosca:focus, +.btn-tosca.focus { + color: #ffffff; + background-color: var(--tosca) !important; + border-color: var(--tosca) !important; + -webkit-box-shadow: 0 0 0 0.2rem rgba(84, 168, 255, 0.5); + box-shadow: 0 0 0 0.2rem rgba(84, 168, 255, 0.5); +} +.btn-tosca.disabled, +.btn-tosca:disabled { + color: #ffffff; + background-color: var(--tosca) !important; + border-color: var(--tosca) !important; +} +.btn-tosca:not(:disabled):not(.disabled):active, +.btn-tosca:not(:disabled):not(.disabled).active, +.show > .btn-tosca.dropdown-toggle { + color: #ffffff; + background-color: var(--tosca) !important; + border-color: var(--tosca) !important; +} +.btn-tosca:not(:disabled):not(.disabled):active:focus, +.btn-tosca:not(:disabled):not(.disabled).active:focus, +.show > .btn-tosca.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(84, 168, 255, 0.5); + box-shadow: 0 0 0 0.2rem rgba(84, 168, 255, 0.5); +} +/* ## BUTTON DEFAULT SECONDARY*/ +.btn-secondary { + color: #181c32; + background-color: var(--secondary) !important; + border-color: var(--secondary) !important; + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-secondary:hover { + color: #181c32; + background-color: var(--secondary-hover) !important; + border-color: var(--secondary-hover) !important; +} +.btn-secondary:focus, +.btn-secondary.focus { + color: #181c32; + background-color: var(--secondary-hover) !important; + border-color: var(--secondary-hover) !important; + -webkit-box-shadow: 0 0 0 0.2rem rgba(197, 200, 211, 0.5); + box-shadow: 0 0 0 0.2rem rgba(197, 200, 211, 0.5); +} +.btn-secondary.disabled, +.btn-secondary:disabled { + color: #181c32; + background-color: var(--secondary) !important; + border-color: var(--secondary) !important; +} +.btn-secondary:not(:disabled):not(.disabled):active, +.btn-secondary:not(:disabled):not(.disabled).active, +.show > .btn-secondary.dropdown-toggle { + color: #181c32; + background-color: var(--secondary-hover) !important; + border-color: var(--secondary-hover) !important; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, +.btn-secondary:not(:disabled):not(.disabled).active:focus, +.show > .btn-secondary.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(197, 200, 211, 0.5); + box-shadow: 0 0 0 0.2rem rgba(197, 200, 211, 0.5); +} +/* ## BUTTON DEFAULT SUCCESS*/ +.btn-success { + color: #ffffff; + background-color: var(--success) !important; + border-color: var(--success) !important; + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-success:hover { + color: #ffffff; + background-color: var(--success-hover) !important; + border-color: var(--success-hover) !important; +} +.btn-success:focus, +.btn-success.focus { + color: #ffffff; + background-color: var(--success-hover) !important; + border-color: var(--success-hover) !important; + -webkit-box-shadow: 0 0 0 0.2rem rgba(61, 206, 199, 0.5); + box-shadow: 0 0 0 0.2rem rgba(61, 206, 199, 0.5); +} +.btn-success.disabled, +.btn-success:disabled { + color: #ffffff; + background-color: var(--success) !important; + border-color: var(--success) !important; +} +.btn-success:not(:disabled):not(.disabled):active, +.btn-success:not(:disabled):not(.disabled).active, +.show > .btn-success.dropdown-toggle { + color: #ffffff; + background-color: var(--success-hover) !important; + border-color: var(--success-hover) !important; +} +.btn-success:not(:disabled):not(.disabled):active:focus, +.btn-success:not(:disabled):not(.disabled).active:focus, +.show > .btn-success.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(61, 206, 199, 0.5); + box-shadow: 0 0 0 0.2rem rgba(61, 206, 199, 0.5); +} +/* ## BUTTON DEFAULT INFO*/ +.btn-info { + color: #ffffff; + background-color: var(--info) !important; + border-color: var(--info) !important; + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-info:hover { + color: #ffffff; + background-color: var(--info-hover) !important; + border-color: var(--info-hover) !important; +} +.btn-info:focus, +.btn-info.focus { + color: #ffffff; + background-color: var(--info-hover) !important; + border-color: var(--info-hover) !important; + -webkit-box-shadow: 0 0 0 0.2rem rgba(155, 106, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(155, 106, 252, 0.5); +} +.btn-info.disabled, +.btn-info:disabled { + color: #ffffff; + background-color: var(--info) !important; + border-color: var(--info) !important; +} +.btn-info:not(:disabled):not(.disabled):active, +.btn-info:not(:disabled):not(.disabled).active, +.show > .btn-info.dropdown-toggle { + color: #ffffff; + background-color: var(--info-hover) !important; + border-color: var(--info-hover) !important; +} +.btn-info:not(:disabled):not(.disabled):active:focus, +.btn-info:not(:disabled):not(.disabled).active:focus, +.show > .btn-info.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(155, 106, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(155, 106, 252, 0.5); +} +/* ## BUTTON DEFAULT WARNING*/ + +.btn-warning { + color: #181c32; + background-color: var(--warning) !important; + border-color: var(--warning) !important; + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-warning:hover { + color: #ffffff; + background-color: var(--warning-hover) !important; + border-color: var(--warning-hover) !important; +} +.btn-warning:focus, +.btn-warning.focus { + color: #ffffff; + background-color: var(--warning-hover) !important; + border-color: var(--warning-hover) !important; + -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 147, 8, 0.5); + box-shadow: 0 0 0 0.2rem rgba(220, 147, 8, 0.5); +} +.btn-warning.disabled, +.btn-warning:disabled { + color: #181c32; + background-color: var(--warning) !important; + border-color: var(--warning) !important; +} +.btn-warning:not(:disabled):not(.disabled):active, +.btn-warning:not(:disabled):not(.disabled).active, +.show > .btn-warning.dropdown-toggle { + color: #ffffff; + background-color: var(--warning-hover) !important; + border-color: var(--warning-hover) !important; +} +.btn-warning:not(:disabled):not(.disabled):active:focus, +.btn-warning:not(:disabled):not(.disabled).active:focus, +.show > .btn-warning.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 147, 8, 0.5); + box-shadow: 0 0 0 0.2rem rgba(220, 147, 8, 0.5); +} +/* ## BUTTON DEFAULT DANGER*/ + +.btn-danger { + color: #ffffff; + background-color: var(--danger) !important; + border-color: var(--danger) !important; + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-danger:hover { + color: #ffffff; + background-color: var(--danger-hover) !important ; + border-color: var(--danger-hover) !important; +} +.btn-danger:focus, +.btn-danger.focus { + color: #ffffff; + background-color: var(--danger-hover) !important; + border-color: var(--danger-hover) !important; + -webkit-box-shadow: 0 0 0 0.2rem rgba(247, 105, 120, 0.5); + box-shadow: 0 0 0 0.2rem rgba(247, 105, 120, 0.5); +} +.btn-danger.disabled, +.btn-danger:disabled { + color: #ffffff; + background-color: var(--danger) !important; + border-color: var(--danger) !important; +} +.btn-danger:not(:disabled):not(.disabled):active, +.btn-danger:not(:disabled):not(.disabled).active, +.show > .btn-danger.dropdown-toggle { + color: #ffffff; + background-color: var(--danger-hover) !important; + border-color: var(--danger-hover) !important; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, +.btn-danger:not(:disabled):not(.disabled).active:focus, +.show > .btn-danger.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(247, 105, 120, 0.5); + box-shadow: 0 0 0 0.2rem rgba(247, 105, 120, 0.5); +} + +/* ### BUTTON OUTLINE */ +/* ## BUTTON OUTLINE PRIMARY*/ +.btn-outline-primary { + color: var(--primary) !important; + border-color: var(--primary) !important; +} +.btn-outline-primary:hover { + color: #ffffff !important; + background-color: var(--primary) !important; + border-color: var(--primary) !important; +} +.btn-outline-primary:focus, +.btn-outline-primary.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-primary.disabled, +.btn-outline-primary:disabled { + color: var(--primary) !important; + background-color: transparent; +} +.btn-outline-primary:not(:disabled):not(.disabled):active, +.btn-outline-primary:not(:disabled):not(.disabled).active, +.show > .btn-outline-primary.dropdown-toggle { + color: #ffffff !important; + background-color: var(--primary) !important; + border-color: var(--primary) !important; +} +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, +.btn-outline-primary:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-primary.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 { + color: var(--secondary) !important; + border-color: var(--secondary) !important; +} +.btn-outline-secondary:hover { + color: #181c32; + background-color: var(--secondary) !important; + border-color: var(--secondary) !important; +} +.btn-outline-secondary:focus, +.btn-outline-secondary.focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(228, 230, 239, 0.5); + box-shadow: 0 0 0 0.2rem rgba(228, 230, 239, 0.5); +} +.btn-outline-secondary.disabled, +.btn-outline-secondary:disabled { + color: var(--secondary) !important; + background-color: transparent; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active, +.btn-outline-secondary:not(:disabled):not(.disabled).active, +.show > .btn-outline-secondary.dropdown-toggle { + color: #181c32; + background-color: var(--secondary) !important; + border-color: var(--secondary) !important; +} +.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, +.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-secondary.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(228, 230, 239, 0.5); + box-shadow: 0 0 0 0.2rem rgba(228, 230, 239, 0.5); +} +/* ## BUTTON OUTLINE SUCCESS*/ + +.btn-outline-success { + color: var(--success) !important; + border-color: var(--success) !important; +} +.btn-outline-success:hover { + color: #ffffff !important; + background-color: var(--success) !important; + border-color: var(--success) !important; +} +.btn-outline-success:focus, +.btn-outline-success.focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(27, 197, 189, 0.5); + box-shadow: 0 0 0 0.2rem rgba(27, 197, 189, 0.5); +} +.btn-outline-success.disabled, +.btn-outline-success:disabled { + color: var(--success) !important; + background-color: transparent; +} +.btn-outline-success:not(:disabled):not(.disabled):active, +.btn-outline-success:not(:disabled):not(.disabled).active, +.show > .btn-outline-success.dropdown-toggle { + color: #ffffff !important; + background-color: var(--success) !important; + border-color: var(--success) !important; +} +.btn-outline-success:not(:disabled):not(.disabled):active:focus, +.btn-outline-success:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-success.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(27, 197, 189, 0.5); + box-shadow: 0 0 0 0.2rem rgba(27, 197, 189, 0.5); +} +/* ## BUTTON OUTLINE INFO*/ + +.btn-outline-info { + color: var(--info) !important; + border-color: var(--info) !important; +} +.btn-outline-info:hover { + color: #ffffff !important; + background-color: var(--info) !important; + border-color: var(--info) !important; +} +.btn-outline-info:focus, +.btn-outline-info.focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(137, 80, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(137, 80, 252, 0.5); +} +.btn-outline-info.disabled, +.btn-outline-info:disabled { + color: var(--info) !important; + background-color: transparent; +} +.btn-outline-info:not(:disabled):not(.disabled):active, +.btn-outline-info:not(:disabled):not(.disabled).active, +.show > .btn-outline-info.dropdown-toggle { + color: #ffffff !important; + background-color: var(--info) !important; + border-color: var(--info) !important; +} +.btn-outline-info:not(:disabled):not(.disabled):active:focus, +.btn-outline-info:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-info.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(137, 80, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(137, 80, 252, 0.5); +} +/* ## BUTTON OUTLINE WARNING*/ + +.btn-outline-warning { + color: var(--warning) !important; + border-color: var(--warning) !important; +} +.btn-outline-warning:hover { + color: #181c32 !important; + background-color: var(--warning) !important; + border-color: var(--warning) !important; +} +.btn-outline-warning:focus, +.btn-outline-warning.focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 168, 0, 0.5); + box-shadow: 0 0 0 0.2rem rgba(255, 168, 0, 0.5); +} +.btn-outline-warning.disabled, +.btn-outline-warning:disabled { + color: var(--warning) !important; + background-color: transparent; +} +.btn-outline-warning:not(:disabled):not(.disabled):active, +.btn-outline-warning:not(:disabled):not(.disabled).active, +.show > .btn-outline-warning.dropdown-toggle { + color: #181c32; + background-color: var(--warning) !important; + border-color: var(--warning) !important; +} +.btn-outline-warning:not(:disabled):not(.disabled):active:focus, +.btn-outline-warning:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-warning.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 168, 0, 0.5); + box-shadow: 0 0 0 0.2rem rgba(255, 168, 0, 0.5); +} +/* ## BUTTON OUTLINE DANGER*/ + +.btn-outline-danger { + color: var(--danger) !important; + border-color: var(--danger) !important; +} +.btn-outline-danger:hover { + color: #ffffff !important; + background-color: var(--danger) !important; + border-color: var(--danger) !important; +} +.btn-outline-danger:focus, +.btn-outline-danger.focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(246, 78, 96, 0.5); + box-shadow: 0 0 0 0.2rem rgba(246, 78, 96, 0.5); +} +.btn-outline-danger.disabled, +.btn-outline-danger:disabled { + color: var(--danger) !important; + background-color: transparent; +} +.btn-outline-danger:not(:disabled):not(.disabled):active, +.btn-outline-danger:not(:disabled):not(.disabled).active, +.show > .btn-outline-danger.dropdown-toggle { + color: #ffffff !important; + background-color: var(--danger) !important; + border-color: var(--danger) !important; +} +.btn-outline-danger:not(:disabled):not(.disabled):active:focus, +.btn-outline-danger:not(:disabled):not(.disabled).active:focus, +.show > .btn-outline-danger.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(246, 78, 96, 0.5); + box-shadow: 0 0 0 0.2rem rgba(246, 78, 96, 0.5); +} + +/* ### BUTTON LIGHT */ +/* ## BUTTON LIGHT DEFAULT*/ +.btn-light { + color: #181c32; + background-color: #f3f6f9; + border-color: #f3f6f9; + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-light:hover { + color: #181c32; + background-color: #dae3ec; + border-color: #d1dde8; +} +.btn-light:focus, +.btn-light.focus { + color: #181c32; + background-color: #dae3ec; + border-color: #d1dde8; + -webkit-box-shadow: 0 0 0 0.2rem rgba(210, 213, 219, 0.5); + box-shadow: 0 0 0 0.2rem rgba(210, 213, 219, 0.5); +} +.btn-light.disabled, +.btn-light:disabled { + color: #181c32; + background-color: #f3f6f9; + border-color: #f3f6f9; +} +.btn-light:not(:disabled):not(.disabled):active, +.btn-light:not(:disabled):not(.disabled).active, +.show > .btn-light.dropdown-toggle { + color: #181c32; + background-color: #d1dde8; + border-color: #c9d6e4; +} +.btn-light:not(:disabled):not(.disabled):active:focus, +.btn-light:not(:disabled):not(.disabled).active:focus, +.show > .btn-light.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0.2rem rgba(210, 213, 219, 0.5); + box-shadow: 0 0 0 0.2rem rgba(210, 213, 219, 0.5); +} +/* ## BUTTON LIGHT PRIMARY*/ + +.btn.btn-light-primary { + color: var(--primary) !important; + background-color: var(--primarybg) !important; + border-color: transparent; +} +.btn.btn-light-primary i { + color: var(--primary) !important; +} +.btn.btn-light-primary .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--primary) !important; +} +.btn.btn-light-primary .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-light-primary.dropdown-toggle:after { + color: var(--primary) !important; +} +.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-light-primary:focus:not(.btn-text), +.btn.btn-light-primary.focus:not(.btn-text) { + color: #ffffff !important; + background-color: var(--primary) !important; + border-color: transparent; +} +.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled) i, +.btn.btn-light-primary:focus:not(.btn-text) i, +.btn.btn-light-primary.focus:not(.btn-text) i { + color: #ffffff !important; +} +.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg + g + [fill], +.btn.btn-light-primary:focus:not(.btn-text) .svg-icon svg g [fill], +.btn.btn-light-primary.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-primary:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg:hover + g + [fill], +.btn.btn-light-primary:focus:not(.btn-text) .svg-icon svg:hover g [fill], +.btn.btn-light-primary.focus:not(.btn-text) .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not( + .disabled + ).dropdown-toggle:after, +.btn.btn-light-primary:focus:not(.btn-text).dropdown-toggle:after, +.btn.btn-light-primary.focus:not(.btn-text).dropdown-toggle:after { + color: #ffffff !important; +} +.btn.btn-light-primary.disabled, +.btn.btn-light-primary:disabled { + color: var(--primary) !important; + background-color: #e1f0ff; + border-color: transparent; +} +.btn.btn-light-primary.disabled i, +.btn.btn-light-primary:disabled i { + color: var(--primary) !important; +} +.btn.btn-light-primary.disabled .svg-icon svg g [fill], +.btn.btn-light-primary:disabled .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--primary) !important; +} +.btn.btn-light-primary.disabled .svg-icon svg:hover g [fill], +.btn.btn-light-primary:disabled .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-light-primary.disabled.dropdown-toggle:after, +.btn.btn-light-primary:disabled.dropdown-toggle:after { + color: var(--primary) !important; +} +.btn.btn-light-primary:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-light-primary:not(:disabled):not(.disabled).active, +.show > .btn.btn-light-primary.dropdown-toggle, +.show .btn.btn-light-primary.btn-dropdown { + color: #ffffff !important; + background-color: var(--primary) !important; + border-color: transparent; +} +.btn.btn-light-primary:not(:disabled):not(.disabled):active:not(.btn-text) i, +.btn.btn-light-primary:not(:disabled):not(.disabled).active i, +.show > .btn.btn-light-primary.dropdown-toggle i, +.show .btn.btn-light-primary.btn-dropdown i { + color: #ffffff !important; +} +.btn.btn-light-primary:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg + g + [fill], +.btn.btn-light-primary:not(:disabled):not(.disabled).active + .svg-icon + svg + g + [fill], +.show > .btn.btn-light-primary.dropdown-toggle .svg-icon svg g [fill], +.show .btn.btn-light-primary.btn-dropdown .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: #ffffff !important; +} +.btn.btn-light-primary:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg:hover + g + [fill], +.btn.btn-light-primary:not(:disabled):not(.disabled).active + .svg-icon + svg:hover + g + [fill], +.show > .btn.btn-light-primary.dropdown-toggle .svg-icon svg:hover g [fill], +.show .btn.btn-light-primary.btn-dropdown .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-light-primary:not(:disabled):not(.disabled):active:not( + .btn-text + ).dropdown-toggle:after, +.btn.btn-light-primary:not(:disabled):not( + .disabled + ).active.dropdown-toggle:after, +.show > .btn.btn-light-primary.dropdown-toggle.dropdown-toggle:after, +.show .btn.btn-light-primary.btn-dropdown.dropdown-toggle:after { + color: #ffffff !important; +} +/* ## BUTTON LIGHT SECONDARY*/ + +.btn.btn-light-secondary { + color: var(--secondary) !important; + background-color: var(--secondarybg) !important; + border-color: transparent; +} +.btn.btn-light-secondary i { + color: var(--secondary) !important; +} +.btn.btn-light-secondary .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--secondary) !important; +} +.btn.btn-light-secondary .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-light-secondary.dropdown-toggle:after { + color: var(--secondary) !important; +} +.btn.btn-light-secondary:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-light-secondary:focus:not(.btn-text), +.btn.btn-light-secondary.focus:not(.btn-text) { + color: #3f4254; + background-color: var(--secondary) !important; + border-color: transparent; +} +.btn.btn-light-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) i, +.btn.btn-light-secondary:focus:not(.btn-text) i, +.btn.btn-light-secondary.focus:not(.btn-text) i { + color: #3f4254; +} +.btn.btn-light-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg + g + [fill], +.btn.btn-light-secondary:focus:not(.btn-text) .svg-icon svg g [fill], +.btn.btn-light-secondary.focus:not(.btn-text) .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: #3f4254; +} +.btn.btn-light-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg:hover + g + [fill], +.btn.btn-light-secondary:focus:not(.btn-text) .svg-icon svg:hover g [fill], +.btn.btn-light-secondary.focus:not(.btn-text) .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-light-secondary:hover:not(.btn-text):not(:disabled):not( + .disabled + ).dropdown-toggle:after, +.btn.btn-light-secondary:focus:not(.btn-text).dropdown-toggle:after, +.btn.btn-light-secondary.focus:not(.btn-text).dropdown-toggle:after { + color: #3f4254; +} +.btn.btn-light-secondary.disabled, +.btn.btn-light-secondary:disabled { + color: var(--secondary) !important; + background-color: #ebedf3; + border-color: transparent; +} +.btn.btn-light-secondary.disabled i, +.btn.btn-light-secondary:disabled i { + color: var(--secondary) !important; +} +.btn.btn-light-secondary.disabled .svg-icon svg g [fill], +.btn.btn-light-secondary:disabled .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--secondary) !important; +} +.btn.btn-light-secondary.disabled .svg-icon svg:hover g [fill], +.btn.btn-light-secondary:disabled .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-light-secondary.disabled.dropdown-toggle:after, +.btn.btn-light-secondary:disabled.dropdown-toggle:after { + color: var(--secondary) !important; +} +.btn.btn-light-secondary:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-light-secondary:not(:disabled):not(.disabled).active, +.show > .btn.btn-light-secondary.dropdown-toggle, +.show .btn.btn-light-secondary.btn-dropdown { + color: #3f4254; + background-color: var(--secondary) !important; + border-color: transparent; +} +.btn.btn-light-secondary:not(:disabled):not(.disabled):active:not(.btn-text) i, +.btn.btn-light-secondary:not(:disabled):not(.disabled).active i, +.show > .btn.btn-light-secondary.dropdown-toggle i, +.show .btn.btn-light-secondary.btn-dropdown i { + color: #3f4254; +} +.btn.btn-light-secondary:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg + g + [fill], +.btn.btn-light-secondary:not(:disabled):not(.disabled).active + .svg-icon + svg + g + [fill], +.show > .btn.btn-light-secondary.dropdown-toggle .svg-icon svg g [fill], +.show .btn.btn-light-secondary.btn-dropdown .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: #3f4254; +} +.btn.btn-light-secondary:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg:hover + g + [fill], +.btn.btn-light-secondary:not(:disabled):not(.disabled).active + .svg-icon + svg:hover + g + [fill], +.show > .btn.btn-light-secondary.dropdown-toggle .svg-icon svg:hover g [fill], +.show .btn.btn-light-secondary.btn-dropdown .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-light-secondary:not(:disabled):not(.disabled):active:not( + .btn-text + ).dropdown-toggle:after, +.btn.btn-light-secondary:not(:disabled):not( + .disabled + ).active.dropdown-toggle:after, +.show > .btn.btn-light-secondary.dropdown-toggle.dropdown-toggle:after, +.show .btn.btn-light-secondary.btn-dropdown.dropdown-toggle:after { + color: #3f4254; +} +/* ## BUTTON LIGHT SUCCESS*/ + +.btn.btn-light-success { + color: var(--success) !important; + background-color: var(--successbg) !important; + border-color: transparent; +} +.btn.btn-light-success i { + color: var(--success) !important; +} +.btn.btn-light-success .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--success) !important; +} +.btn.btn-light-success .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-light-success.dropdown-toggle:after { + color: var(--success) !important; +} +.btn.btn-light-success:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-light-success:focus:not(.btn-text), +.btn.btn-light-success.focus:not(.btn-text) { + color: #ffffff !important; + background-color: var(--success) !important; + border-color: transparent; +} +.btn.btn-light-success:hover:not(.btn-text):not(:disabled):not(.disabled) i, +.btn.btn-light-success:focus:not(.btn-text) i, +.btn.btn-light-success.focus:not(.btn-text) i { + color: #ffffff !important; +} +.btn.btn-light-success:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg + g + [fill], +.btn.btn-light-success:focus:not(.btn-text) .svg-icon svg g [fill], +.btn.btn-light-success.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-success:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg:hover + g + [fill], +.btn.btn-light-success:focus:not(.btn-text) .svg-icon svg:hover g [fill], +.btn.btn-light-success.focus:not(.btn-text) .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-light-success:hover:not(.btn-text):not(:disabled):not( + .disabled + ).dropdown-toggle:after, +.btn.btn-light-success:focus:not(.btn-text).dropdown-toggle:after, +.btn.btn-light-success.focus:not(.btn-text).dropdown-toggle:after { + color: #ffffff !important; +} +.btn.btn-light-success.disabled, +.btn.btn-light-success:disabled { + color: var(--success) !important; + background-color: var(--successbg) !important; + border-color: transparent; +} +.btn.btn-light-success.disabled i, +.btn.btn-light-success:disabled i { + color: var(--success) !important; +} +.btn.btn-light-success.disabled .svg-icon svg g [fill], +.btn.btn-light-success:disabled .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--success) !important; +} +.btn.btn-light-success.disabled .svg-icon svg:hover g [fill], +.btn.btn-light-success:disabled .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-light-success.disabled.dropdown-toggle:after, +.btn.btn-light-success:disabled.dropdown-toggle:after { + color: var(--success) !important; +} +.btn.btn-light-success:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-light-success:not(:disabled):not(.disabled).active, +.show > .btn.btn-light-success.dropdown-toggle, +.show .btn.btn-light-success.btn-dropdown { + color: #ffffff !important; + background-color: var(--success) !important; + border-color: transparent; +} +.btn.btn-light-success:not(:disabled):not(.disabled):active:not(.btn-text) i, +.btn.btn-light-success:not(:disabled):not(.disabled).active i, +.show > .btn.btn-light-success.dropdown-toggle i, +.show .btn.btn-light-success.btn-dropdown i { + color: #ffffff !important; +} +.btn.btn-light-success:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg + g + [fill], +.btn.btn-light-success:not(:disabled):not(.disabled).active + .svg-icon + svg + g + [fill], +.show > .btn.btn-light-success.dropdown-toggle .svg-icon svg g [fill], +.show .btn.btn-light-success.btn-dropdown .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: #ffffff !important; +} +.btn.btn-light-success:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg:hover + g + [fill], +.btn.btn-light-success:not(:disabled):not(.disabled).active + .svg-icon + svg:hover + g + [fill], +.show > .btn.btn-light-success.dropdown-toggle .svg-icon svg:hover g [fill], +.show .btn.btn-light-success.btn-dropdown .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-light-success:not(:disabled):not(.disabled):active:not( + .btn-text + ).dropdown-toggle:after, +.btn.btn-light-success:not(:disabled):not( + .disabled + ).active.dropdown-toggle:after, +.show > .btn.btn-light-success.dropdown-toggle.dropdown-toggle:after, +.show .btn.btn-light-success.btn-dropdown.dropdown-toggle:after { + color: #ffffff !important; +} +/* ## BUTTON LIGHT DANGER*/ + +.btn.btn-light-danger { + color: var(--danger) !important; + background-color: var(--dangerbg) !important; + border-color: transparent; +} +.btn.btn-light-danger i { + color: var(--danger) !important; +} +.btn.btn-light-danger .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--danger) !important; +} +.btn.btn-light-danger .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-light-danger.dropdown-toggle:after { + color: var(--danger) !important; +} +.btn.btn-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-light-danger:focus:not(.btn-text), +.btn.btn-light-danger.focus:not(.btn-text) { + color: #ffffff !important; + background-color: var(--danger) !important; + border-color: transparent; +} +.btn.btn-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled) i, +.btn.btn-light-danger:focus:not(.btn-text) i, +.btn.btn-light-danger.focus:not(.btn-text) i { + color: #ffffff !important; +} +.btn.btn-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg + g + [fill], +.btn.btn-light-danger:focus:not(.btn-text) .svg-icon svg g [fill], +.btn.btn-light-danger.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-danger:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg:hover + g + [fill], +.btn.btn-light-danger:focus:not(.btn-text) .svg-icon svg:hover g [fill], +.btn.btn-light-danger.focus:not(.btn-text) .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-light-danger:hover:not(.btn-text):not(:disabled):not( + .disabled + ).dropdown-toggle:after, +.btn.btn-light-danger:focus:not(.btn-text).dropdown-toggle:after, +.btn.btn-light-danger.focus:not(.btn-text).dropdown-toggle:after { + color: #ffffff !important; +} +.btn.btn-light-danger.disabled, +.btn.btn-light-danger:disabled { + color: var(--danger) !important; + background-color: var(--dangerbg) !important; + border-color: transparent; +} +.btn.btn-light-danger.disabled i, +.btn.btn-light-danger:disabled i { + color: var(--danger) !important; +} +.btn.btn-light-danger.disabled .svg-icon svg g [fill], +.btn.btn-light-danger:disabled .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--danger) !important; +} +.btn.btn-light-danger.disabled .svg-icon svg:hover g [fill], +.btn.btn-light-danger:disabled .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-light-danger.disabled.dropdown-toggle:after, +.btn.btn-light-danger:disabled.dropdown-toggle:after { + color: var(--danger) !important; +} +.btn.btn-light-danger:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-light-danger:not(:disabled):not(.disabled).active, +.show > .btn.btn-light-danger.dropdown-toggle, +.show .btn.btn-light-danger.btn-dropdown { + color: #ffffff !important; + background-color: var(--danger) !important; + border-color: transparent; +} +.btn.btn-light-danger:not(:disabled):not(.disabled):active:not(.btn-text) i, +.btn.btn-light-danger:not(:disabled):not(.disabled).active i, +.show > .btn.btn-light-danger.dropdown-toggle i, +.show .btn.btn-light-danger.btn-dropdown i { + color: #ffffff !important; +} +.btn.btn-light-danger:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg + g + [fill], +.btn.btn-light-danger:not(:disabled):not(.disabled).active + .svg-icon + svg + g + [fill], +.show > .btn.btn-light-danger.dropdown-toggle .svg-icon svg g [fill], +.show .btn.btn-light-danger.btn-dropdown .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: #ffffff !important; +} +.btn.btn-light-danger:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg:hover + g + [fill], +.btn.btn-light-danger:not(:disabled):not(.disabled).active + .svg-icon + svg:hover + g + [fill], +.show > .btn.btn-light-danger.dropdown-toggle .svg-icon svg:hover g [fill], +.show .btn.btn-light-danger.btn-dropdown .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-light-danger:not(:disabled):not(.disabled):active:not( + .btn-text + ).dropdown-toggle:after, +.btn.btn-light-danger:not(:disabled):not( + .disabled + ).active.dropdown-toggle:after, +.show > .btn.btn-light-danger.dropdown-toggle.dropdown-toggle:after, +.show .btn.btn-light-danger.btn-dropdown.dropdown-toggle:after { + color: #ffffff !important; +} +/* ## BUTTON LIGHT INFO*/ + +.btn.btn-light-info { + color: var(--info) !important; + background-color: var(--infobg) !important; + border-color: transparent; +} +.btn.btn-light-info i { + color: var(--info) !important; +} +.btn.btn-light-info .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--info) !important; +} +.btn.btn-light-info .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-light-info.dropdown-toggle:after { + color: var(--info) !important; +} +.btn.btn-light-info:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-light-info:focus:not(.btn-text), +.btn.btn-light-info.focus:not(.btn-text) { + color: #ffffff !important; + background-color: var(--info) !important; + border-color: transparent; +} +.btn.btn-light-info:hover:not(.btn-text):not(:disabled):not(.disabled) i, +.btn.btn-light-info:focus:not(.btn-text) i, +.btn.btn-light-info.focus:not(.btn-text) i { + color: #ffffff !important; +} +.btn.btn-light-info:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg + g + [fill], +.btn.btn-light-info:focus:not(.btn-text) .svg-icon svg g [fill], +.btn.btn-light-info.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-info:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg:hover + g + [fill], +.btn.btn-light-info:focus:not(.btn-text) .svg-icon svg:hover g [fill], +.btn.btn-light-info.focus:not(.btn-text) .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-light-info:hover:not(.btn-text):not(:disabled):not( + .disabled + ).dropdown-toggle:after, +.btn.btn-light-info:focus:not(.btn-text).dropdown-toggle:after, +.btn.btn-light-info.focus:not(.btn-text).dropdown-toggle:after { + color: #ffffff !important; +} +.btn.btn-light-info.disabled, +.btn.btn-light-info:disabled { + color: var(--info) !important; + background-color: var(--infobg) !important; + border-color: transparent; +} +.btn.btn-light-info.disabled i, +.btn.btn-light-info:disabled i { + color: var(--info) !important; +} +.btn.btn-light-info.disabled .svg-icon svg g [fill], +.btn.btn-light-info:disabled .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--info) !important; +} +.btn.btn-light-info.disabled .svg-icon svg:hover g [fill], +.btn.btn-light-info:disabled .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-light-info.disabled.dropdown-toggle:after, +.btn.btn-light-info:disabled.dropdown-toggle:after { + color: var(--info) !important; +} +.btn.btn-light-info:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-light-info:not(:disabled):not(.disabled).active, +.show > .btn.btn-light-info.dropdown-toggle, +.show .btn.btn-light-info.btn-dropdown { + color: #ffffff !important; + background-color: var(--info) !important; + border-color: transparent; +} +.btn.btn-light-info:not(:disabled):not(.disabled):active:not(.btn-text) i, +.btn.btn-light-info:not(:disabled):not(.disabled).active i, +.show > .btn.btn-light-info.dropdown-toggle i, +.show .btn.btn-light-info.btn-dropdown i { + color: #ffffff !important; +} +.btn.btn-light-info:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg + g + [fill], +.btn.btn-light-info:not(:disabled):not(.disabled).active .svg-icon svg g [fill], +.show > .btn.btn-light-info.dropdown-toggle .svg-icon svg g [fill], +.show .btn.btn-light-info.btn-dropdown .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: #ffffff !important; +} +.btn.btn-light-info:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg:hover + g + [fill], +.btn.btn-light-info:not(:disabled):not(.disabled).active + .svg-icon + svg:hover + g + [fill], +.show > .btn.btn-light-info.dropdown-toggle .svg-icon svg:hover g [fill], +.show .btn.btn-light-info.btn-dropdown .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-light-info:not(:disabled):not(.disabled):active:not( + .btn-text + ).dropdown-toggle:after, +.btn.btn-light-info:not(:disabled):not(.disabled).active.dropdown-toggle:after, +.show > .btn.btn-light-info.dropdown-toggle.dropdown-toggle:after, +.show .btn.btn-light-info.btn-dropdown.dropdown-toggle:after { + color: #ffffff !important; +} +/* ## BUTTON LIGHT WARNING*/ + +.btn.btn-light-warning { + color: var(--white) !important; + background-color: var(--warningbg); + border-color: transparent; +} +.btn.btn-light-warning i { + color: var(--warning) !important; +} +.btn.btn-light-warning .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--warning) !important; +} +.btn.btn-light-warning .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-light-warning.dropdown-toggle:after { + color: var(--warning) !important; +} +.btn.btn-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-light-warning:focus:not(.btn-text), +.btn.btn-light-warning.focus:not(.btn-text) { + color: #ffffff !important; + background-color: var(--warning) !important; + border-color: transparent; +} +.btn.btn-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled) i, +.btn.btn-light-warning:focus:not(.btn-text) i, +.btn.btn-light-warning.focus:not(.btn-text) i { + color: #ffffff !important; +} +.btn.btn-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg + g + [fill], +.btn.btn-light-warning:focus:not(.btn-text) .svg-icon svg g [fill], +.btn.btn-light-warning.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-warning:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg:hover + g + [fill], +.btn.btn-light-warning:focus:not(.btn-text) .svg-icon svg:hover g [fill], +.btn.btn-light-warning.focus:not(.btn-text) .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-light-warning:hover:not(.btn-text):not(:disabled):not( + .disabled + ).dropdown-toggle:after, +.btn.btn-light-warning:focus:not(.btn-text).dropdown-toggle:after, +.btn.btn-light-warning.focus:not(.btn-text).dropdown-toggle:after { + color: #ffffff !important; +} +.btn.btn-light-warning.disabled, +.btn.btn-light-warning:disabled { + color: var(--warning) !important; + background-color: var(--warningbg); + border-color: transparent; +} +.btn.btn-light-warning.disabled i, +.btn.btn-light-warning:disabled i { + color: var(--warning) !important; +} +.btn.btn-light-warning.disabled .svg-icon svg g [fill], +.btn.btn-light-warning:disabled .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--warning) !important; +} +.btn.btn-light-warning.disabled .svg-icon svg:hover g [fill], +.btn.btn-light-warning:disabled .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-light-warning.disabled.dropdown-toggle:after, +.btn.btn-light-warning:disabled.dropdown-toggle:after { + color: var(--warning) !important; +} +.btn.btn-light-warning:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-light-warning:not(:disabled):not(.disabled).active, +.show > .btn.btn-light-warning.dropdown-toggle, +.show .btn.btn-light-warning.btn-dropdown { + color: #ffffff !important; + background-color: var(--warning) !important; + border-color: transparent; +} +.btn.btn-light-warning:not(:disabled):not(.disabled):active:not(.btn-text) i, +.btn.btn-light-warning:not(:disabled):not(.disabled).active i, +.show > .btn.btn-light-warning.dropdown-toggle i, +.show .btn.btn-light-warning.btn-dropdown i { + color: #ffffff !important; +} +.btn.btn-light-warning:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg + g + [fill], +.btn.btn-light-warning:not(:disabled):not(.disabled).active + .svg-icon + svg + g + [fill], +.show > .btn.btn-light-warning.dropdown-toggle .svg-icon svg g [fill], +.show .btn.btn-light-warning.btn-dropdown .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: #ffffff !important; +} +.btn.btn-light-warning:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg:hover + g + [fill], +.btn.btn-light-warning:not(:disabled):not(.disabled).active + .svg-icon + svg:hover + g + [fill], +.show > .btn.btn-light-warning.dropdown-toggle .svg-icon svg:hover g [fill], +.show .btn.btn-light-warning.btn-dropdown .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-light-warning:not(:disabled):not(.disabled):active:not( + .btn-text + ).dropdown-toggle:after, +.btn.btn-light-warning:not(:disabled):not( + .disabled + ).active.dropdown-toggle:after, +.show > .btn.btn-light-warning.dropdown-toggle.dropdown-toggle:after, +.show .btn.btn-light-warning.btn-dropdown.dropdown-toggle:after { + color: #ffffff !important; +} + +/* ### BUTTON HOVER LIGHT */ +/* ## BUTTON HOVER LIGHT PRIMARY*/ +.btn.btn-hover-light-primary:not(:disabled):not(.disabled):active:not( + .btn-text + ), +.btn.btn-hover-light-primary:not(:disabled):not(.disabled).active, +.show > .btn.btn-hover-light-primary.dropdown-toggle, +.show .btn.btn-hover-light-primary.btn-dropdown { + color: var(--primary) !important; + background-color: var(--primarybg) !important; + border-color: transparent; +} +.btn.btn-hover-light-primary:not(:disabled):not(.disabled):active:not(.btn-text) + i, +.btn.btn-hover-light-primary:not(:disabled):not(.disabled).active i, +.show > .btn.btn-hover-light-primary.dropdown-toggle i, +.show .btn.btn-hover-light-primary.btn-dropdown i { + color: var(--primary) !important; +} +.btn.btn-hover-light-primary:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg + g + [fill], +.btn.btn-hover-light-primary:not(:disabled):not(.disabled).active + .svg-icon + svg + g + [fill], +.show > .btn.btn-hover-light-primary.dropdown-toggle .svg-icon svg g [fill], +.show .btn.btn-hover-light-primary.btn-dropdown .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--primary) !important; +} +.btn.btn-hover-light-primary:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg:hover + g + [fill], +.btn.btn-hover-light-primary:not(:disabled):not(.disabled).active + .svg-icon + svg:hover + g + [fill], +.show + > .btn.btn-hover-light-primary.dropdown-toggle + .svg-icon + svg:hover + g + [fill], +.show .btn.btn-hover-light-primary.btn-dropdown .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-hover-light-primary:not(:disabled):not(.disabled):active:not( + .btn-text + ).dropdown-toggle:after, +.btn.btn-hover-light-primary:not(:disabled):not( + .disabled + ).active.dropdown-toggle:after, +.show > .btn.btn-hover-light-primary.dropdown-toggle.dropdown-toggle:after, +.show .btn.btn-hover-light-primary.btn-dropdown.dropdown-toggle:after { + color: var(--primary) !important; +} +/* ## BUTTON HOVER LIGHT SECONDARY*/ + +.btn.btn-hover-light-secondary:hover:not(.btn-text):not(:disabled):not( + .disabled + ), +.btn.btn-hover-light-secondary:focus:not(.btn-text), +.btn.btn-hover-light-secondary.focus:not(.btn-text) { + color: var(--secondary) !important; + background-color: var(--secondarybg) !important; + border-color: transparent; +} +.btn.btn-hover-light-secondary:hover:not(.btn-text):not(:disabled):not( + .disabled + ) + i, +.btn.btn-hover-light-secondary:focus:not(.btn-text) i, +.btn.btn-hover-light-secondary.focus:not(.btn-text) i { + color: var(--secondary) !important; +} +.btn.btn-hover-light-secondary:hover:not(.btn-text):not(:disabled):not( + .disabled + ) + .svg-icon + svg + g + [fill], +.btn.btn-hover-light-secondary:focus:not(.btn-text) .svg-icon svg g [fill], +.btn.btn-hover-light-secondary.focus:not(.btn-text) .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--secondary) !important; +} +.btn.btn-hover-light-secondary:hover:not(.btn-text):not(:disabled):not( + .disabled + ) + .svg-icon + svg:hover + g + [fill], +.btn.btn-hover-light-secondary:focus:not(.btn-text) + .svg-icon + svg:hover + g + [fill], +.btn.btn-hover-light-secondary.focus:not(.btn-text) + .svg-icon + svg:hover + g + [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-hover-light-secondary:hover:not(.btn-text):not(:disabled):not( + .disabled + ).dropdown-toggle:after, +.btn.btn-hover-light-secondary:focus:not(.btn-text).dropdown-toggle:after, +.btn.btn-hover-light-secondary.focus:not(.btn-text).dropdown-toggle:after { + color: var(--secondary) !important; +} + +.btn.btn-hover-light-secondary:not(:disabled):not(.disabled):active:not( + .btn-text + ), +.btn.btn-hover-light-secondary:not(:disabled):not(.disabled).active, +.show > .btn.btn-hover-light-secondary.dropdown-toggle, +.show .btn.btn-hover-light-secondary.btn-dropdown { + color: var(--secondary) !important; + background-color: var(--secondarybg) !important; + border-color: transparent; +} +.btn.btn-hover-light-secondary:not(:disabled):not(.disabled):active:not( + .btn-text + ) + i, +.btn.btn-hover-light-secondary:not(:disabled):not(.disabled).active i, +.show > .btn.btn-hover-light-secondary.dropdown-toggle i, +.show .btn.btn-hover-light-secondary.btn-dropdown i { + color: var(--secondary) !important; +} +.btn.btn-hover-light-secondary:not(:disabled):not(.disabled):active:not( + .btn-text + ) + .svg-icon + svg + g + [fill], +.btn.btn-hover-light-secondary:not(:disabled):not(.disabled).active + .svg-icon + svg + g + [fill], +.show > .btn.btn-hover-light-secondary.dropdown-toggle .svg-icon svg g [fill], +.show .btn.btn-hover-light-secondary.btn-dropdown .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--secondary) !important; +} +.btn.btn-hover-light-secondary:not(:disabled):not(.disabled):active:not( + .btn-text + ) + .svg-icon + svg:hover + g + [fill], +.btn.btn-hover-light-secondary:not(:disabled):not(.disabled).active + .svg-icon + svg:hover + g + [fill], +.show + > .btn.btn-hover-light-secondary.dropdown-toggle + .svg-icon + svg:hover + g + [fill], +.show .btn.btn-hover-light-secondary.btn-dropdown .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-hover-light-secondary:not(:disabled):not(.disabled):active:not( + .btn-text + ).dropdown-toggle:after, +.btn.btn-hover-light-secondary:not(:disabled):not( + .disabled + ).active.dropdown-toggle:after, +.show > .btn.btn-hover-light-secondary.dropdown-toggle.dropdown-toggle:after, +.show .btn.btn-hover-light-secondary.btn-dropdown.dropdown-toggle:after { + color: var(--secondary) !important; +} +/* ## BUTTON HOVER LIGHT INFO*/ + +.btn.btn-hover-light-info:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-hover-light-info:focus:not(.btn-text), +.btn.btn-hover-light-info.focus:not(.btn-text) { + color: var(--info) !important; + background-color: var(--infobg) !important; + border-color: transparent; +} +.btn.btn-hover-light-info:hover:not(.btn-text):not(:disabled):not(.disabled) i, +.btn.btn-hover-light-info:focus:not(.btn-text) i, +.btn.btn-hover-light-info.focus:not(.btn-text) i { + color: var(--info) !important; +} +.btn.btn-hover-light-info:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg + g + [fill], +.btn.btn-hover-light-info:focus:not(.btn-text) .svg-icon svg g [fill], +.btn.btn-hover-light-info.focus:not(.btn-text) .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--info) !important; +} +.btn.btn-hover-light-info:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg:hover + g + [fill], +.btn.btn-hover-light-info:focus:not(.btn-text) .svg-icon svg:hover g [fill], +.btn.btn-hover-light-info.focus:not(.btn-text) .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-hover-light-info:hover:not(.btn-text):not(:disabled):not( + .disabled + ).dropdown-toggle:after, +.btn.btn-hover-light-info:focus:not(.btn-text).dropdown-toggle:after, +.btn.btn-hover-light-info.focus:not(.btn-text).dropdown-toggle:after { + color: var(--info) !important; +} + +.btn.btn-hover-light-info:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-hover-light-info:not(:disabled):not(.disabled).active, +.show > .btn.btn-hover-light-info.dropdown-toggle, +.show .btn.btn-hover-light-info.btn-dropdown { + color: var(--info) !important; + background-color: var(--infobg) !important; + border-color: transparent; +} +.btn.btn-hover-light-info:not(:disabled):not(.disabled):active:not(.btn-text) i, +.btn.btn-hover-light-info:not(:disabled):not(.disabled).active i, +.show > .btn.btn-hover-light-info.dropdown-toggle i, +.show .btn.btn-hover-light-info.btn-dropdown i { + color: var(--info) !important; +} +.btn.btn-hover-light-info:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg + g + [fill], +.btn.btn-hover-light-info:not(:disabled):not(.disabled).active + .svg-icon + svg + g + [fill], +.show > .btn.btn-hover-light-info.dropdown-toggle .svg-icon svg g [fill], +.show .btn.btn-hover-light-info.btn-dropdown .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--info) !important; +} +.btn.btn-hover-light-info:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg:hover + g + [fill], +.btn.btn-hover-light-info:not(:disabled):not(.disabled).active + .svg-icon + svg:hover + g + [fill], +.show > .btn.btn-hover-light-info.dropdown-toggle .svg-icon svg:hover g [fill], +.show .btn.btn-hover-light-info.btn-dropdown .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-hover-light-info:not(:disabled):not(.disabled):active:not( + .btn-text + ).dropdown-toggle:after, +.btn.btn-hover-light-info:not(:disabled):not( + .disabled + ).active.dropdown-toggle:after, +.show > .btn.btn-hover-light-info.dropdown-toggle.dropdown-toggle:after, +.show .btn.btn-hover-light-info.btn-dropdown.dropdown-toggle:after { + color: var(--info) !important; +} +/* ## BUTTON HOVER LIGHT SUCCESS*/ + +.btn.btn-hover-light-success:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-hover-light-success:focus:not(.btn-text), +.btn.btn-hover-light-success.focus:not(.btn-text) { + color: var(--success) !important; + background-color: var(--successbg) !important; + border-color: transparent; +} +.btn.btn-hover-light-success:hover:not(.btn-text):not(:disabled):not(.disabled) + i, +.btn.btn-hover-light-success:focus:not(.btn-text) i, +.btn.btn-hover-light-success.focus:not(.btn-text) i { + color: var(--success) !important; +} +.btn.btn-hover-light-success:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg + g + [fill], +.btn.btn-hover-light-success:focus:not(.btn-text) .svg-icon svg g [fill], +.btn.btn-hover-light-success.focus:not(.btn-text) .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--success) !important; +} +.btn.btn-hover-light-success:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg:hover + g + [fill], +.btn.btn-hover-light-success:focus:not(.btn-text) .svg-icon svg:hover g [fill], +.btn.btn-hover-light-success.focus:not(.btn-text) .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-hover-light-success:hover:not(.btn-text):not(:disabled):not( + .disabled + ).dropdown-toggle:after, +.btn.btn-hover-light-success:focus:not(.btn-text).dropdown-toggle:after, +.btn.btn-hover-light-success.focus:not(.btn-text).dropdown-toggle:after { + color: var(--success) !important; +} + +.btn.btn-hover-light-success:not(:disabled):not(.disabled):active:not( + .btn-text + ), +.btn.btn-hover-light-success:not(:disabled):not(.disabled).active, +.show > .btn.btn-hover-light-success.dropdown-toggle, +.show .btn.btn-hover-light-success.btn-dropdown { + color: var(--success) !important; + background-color: var(--successbg) !important; + border-color: transparent; +} +.btn.btn-hover-light-success:not(:disabled):not(.disabled):active:not(.btn-text) + i, +.btn.btn-hover-light-success:not(:disabled):not(.disabled).active i, +.show > .btn.btn-hover-light-success.dropdown-toggle i, +.show .btn.btn-hover-light-success.btn-dropdown i { + color: var(--success) !important; +} +.btn.btn-hover-light-success:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg + g + [fill], +.btn.btn-hover-light-success:not(:disabled):not(.disabled).active + .svg-icon + svg + g + [fill], +.show > .btn.btn-hover-light-success.dropdown-toggle .svg-icon svg g [fill], +.show .btn.btn-hover-light-success.btn-dropdown .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--success) !important; +} +.btn.btn-hover-light-success:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg:hover + g + [fill], +.btn.btn-hover-light-success:not(:disabled):not(.disabled).active + .svg-icon + svg:hover + g + [fill], +.show + > .btn.btn-hover-light-success.dropdown-toggle + .svg-icon + svg:hover + g + [fill], +.show .btn.btn-hover-light-success.btn-dropdown .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-hover-light-success:not(:disabled):not(.disabled):active:not( + .btn-text + ).dropdown-toggle:after, +.btn.btn-hover-light-success:not(:disabled):not( + .disabled + ).active.dropdown-toggle:after, +.show > .btn.btn-hover-light-success.dropdown-toggle.dropdown-toggle:after, +.show .btn.btn-hover-light-success.btn-dropdown.dropdown-toggle:after { + color: var(--success) !important; +} +/* ## BUTTON HOVER LIGHT DANGER*/ + +.btn.btn-hover-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-hover-light-danger:focus:not(.btn-text), +.btn.btn-hover-light-danger.focus:not(.btn-text) { + color: var(--danger) !important; + background-color: var(--dangerbg) !important; + border-color: transparent; +} +.btn.btn-hover-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled) + i, +.btn.btn-hover-light-danger:focus:not(.btn-text) i, +.btn.btn-hover-light-danger.focus:not(.btn-text) i { + color: var(--danger) !important; +} +.btn.btn-hover-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg + g + [fill], +.btn.btn-hover-light-danger:focus:not(.btn-text) .svg-icon svg g [fill], +.btn.btn-hover-light-danger.focus:not(.btn-text) .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--danger) !important; +} +.btn.btn-hover-light-danger:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg:hover + g + [fill], +.btn.btn-hover-light-danger:focus:not(.btn-text) .svg-icon svg:hover g [fill], +.btn.btn-hover-light-danger.focus:not(.btn-text) .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-hover-light-danger:hover:not(.btn-text):not(:disabled):not( + .disabled + ).dropdown-toggle:after, +.btn.btn-hover-light-danger:focus:not(.btn-text).dropdown-toggle:after, +.btn.btn-hover-light-danger.focus:not(.btn-text).dropdown-toggle:after { + color: var(--danger) !important; +} + +.btn.btn-hover-light-danger:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-hover-light-danger:not(:disabled):not(.disabled).active, +.show > .btn.btn-hover-light-danger.dropdown-toggle, +.show .btn.btn-hover-light-danger.btn-dropdown { + color: var(--danger) !important; + background-color: var(--dangerbg) !important; + border-color: transparent; +} +.btn.btn-hover-light-danger:not(:disabled):not(.disabled):active:not(.btn-text) + i, +.btn.btn-hover-light-danger:not(:disabled):not(.disabled).active i, +.show > .btn.btn-hover-light-danger.dropdown-toggle i, +.show .btn.btn-hover-light-danger.btn-dropdown i { + color: var(--danger) !important; +} +.btn.btn-hover-light-danger:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg + g + [fill], +.btn.btn-hover-light-danger:not(:disabled):not(.disabled).active + .svg-icon + svg + g + [fill], +.show > .btn.btn-hover-light-danger.dropdown-toggle .svg-icon svg g [fill], +.show .btn.btn-hover-light-danger.btn-dropdown .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--danger) !important; +} +.btn.btn-hover-light-danger:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg:hover + g + [fill], +.btn.btn-hover-light-danger:not(:disabled):not(.disabled).active + .svg-icon + svg:hover + g + [fill], +.show + > .btn.btn-hover-light-danger.dropdown-toggle + .svg-icon + svg:hover + g + [fill], +.show .btn.btn-hover-light-danger.btn-dropdown .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-hover-light-danger:not(:disabled):not(.disabled):active:not( + .btn-text + ).dropdown-toggle:after, +.btn.btn-hover-light-danger:not(:disabled):not( + .disabled + ).active.dropdown-toggle:after, +.show > .btn.btn-hover-light-danger.dropdown-toggle.dropdown-toggle:after, +.show .btn.btn-hover-light-danger.btn-dropdown.dropdown-toggle:after { + color: var(--danger) !important; +} +/* ## BUTTON HOVER LIGHT WARNING*/ + +.btn.btn-hover-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-hover-light-warning:focus:not(.btn-text), +.btn.btn-hover-light-warning.focus:not(.btn-text) { + color: var(--warning) !important; + background-color: var(--warningbg) !important; + border-color: transparent; +} +.btn.btn-hover-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled) + i, +.btn.btn-hover-light-warning:focus:not(.btn-text) i, +.btn.btn-hover-light-warning.focus:not(.btn-text) i { + color: var(--warning) !important; +} +.btn.btn-hover-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg + g + [fill], +.btn.btn-hover-light-warning:focus:not(.btn-text) .svg-icon svg g [fill], +.btn.btn-hover-light-warning.focus:not(.btn-text) .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--warning) !important; +} +.btn.btn-hover-light-warning:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg:hover + g + [fill], +.btn.btn-hover-light-warning:focus:not(.btn-text) .svg-icon svg:hover g [fill], +.btn.btn-hover-light-warning.focus:not(.btn-text) .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-hover-light-warning:hover:not(.btn-text):not(:disabled):not( + .disabled + ).dropdown-toggle:after, +.btn.btn-hover-light-warning:focus:not(.btn-text).dropdown-toggle:after, +.btn.btn-hover-light-warning.focus:not(.btn-text).dropdown-toggle:after { + color: var(--warning) !important; +} + +.btn.btn-hover-light-warning:not(:disabled):not(.disabled):active:not( + .btn-text + ), +.btn.btn-hover-light-warning:not(:disabled):not(.disabled).active, +.show > .btn.btn-hover-light-warning.dropdown-toggle, +.show .btn.btn-hover-light-warning.btn-dropdown { + color: var(--warning) !important; + background-color: var(--warningbg) !important; + border-color: transparent; +} +.btn.btn-hover-light-warning:not(:disabled):not(.disabled):active:not(.btn-text) + i, +.btn.btn-hover-light-warning:not(:disabled):not(.disabled).active i, +.show > .btn.btn-hover-light-warning.dropdown-toggle i, +.show .btn.btn-hover-light-warning.btn-dropdown i { + color: var(--warning) !important; +} +.btn.btn-hover-light-warning:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg + g + [fill], +.btn.btn-hover-light-warning:not(:disabled):not(.disabled).active + .svg-icon + svg + g + [fill], +.show > .btn.btn-hover-light-warning.dropdown-toggle .svg-icon svg g [fill], +.show .btn.btn-hover-light-warning.btn-dropdown .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--warning) !important; +} +.btn.btn-hover-light-warning:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg:hover + g + [fill], +.btn.btn-hover-light-warning:not(:disabled):not(.disabled).active + .svg-icon + svg:hover + g + [fill], +.show + > .btn.btn-hover-light-warning.dropdown-toggle + .svg-icon + svg:hover + g + [fill], +.show .btn.btn-hover-light-warning.btn-dropdown .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-hover-light-warning:not(:disabled):not(.disabled):active:not( + .btn-text + ).dropdown-toggle:after, +.btn.btn-hover-light-warning:not(:disabled):not( + .disabled + ).active.dropdown-toggle:after, +.show > .btn.btn-hover-light-warning.dropdown-toggle.dropdown-toggle:after, +.show .btn.btn-hover-light-warning.btn-dropdown.dropdown-toggle:after { + color: var(--warning) !important; +} + +/* ### BUTTON TEXT */ +/* ## BUTTON PRIMARY */ +.btn.btn-text-primary { + color: var(--primary); +} +.btn.btn-text-primary.disabled, +.btn.btn-text-primary:disabled { + color: var(--primary); +} +/* ## BUTTON SECONDARY */ +.btn.btn-text-secondary { + color: var(--secondary); +} +.btn.btn-text-secondary.disabled, +.btn.btn-text-secondary:disabled { + color: var(--secondary); +} +/* ## BUTTON INFO */ +.btn.btn-text-info { + color: var(--info); +} +.btn.btn-text-info.disabled, +.btn.btn-text-info:disabled { + color: var(--info); +} +/* ## BUTTON SUCCESS */ +.btn.btn-text-success { + color: var(--success); +} +.btn.btn-text-success.disabled, +.btn.btn-text-success:disabled { + color: var(--success); +} +/* ## BUTTON DANGER */ +.btn.btn-text-danger { + color: var(--danger); +} +.btn.btn-text-danger.disabled, +.btn.btn-text-danger:disabled { + color: var(--danger); +} +/* ## BUTTON WARNING */ +.btn.btn-text-warning { + color: var(--warning); +} +.btn.btn-text-warning.disabled, +.btn.btn-text-warning:disabled { + color: var(--warning); +} + +/* ### BUTTON HOVER BG */ +/* ## BUTTON HOVER BG PRIMARY */ +.btn.btn-hover-bg-primary:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-hover-bg-primary:focus:not(.btn-text), +.btn.btn-hover-bg-primary.focus:not(.btn-text) { + background-color: var(--primary) !important; + border-color: var(--primary) !important; +} + +.btn.btn-hover-bg-primary:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-hover-bg-primary:not(:disabled):not(.disabled).active, +.show > .btn.btn-hover-bg-primary.dropdown-toggle, +.show .btn.btn-hover-bg-primary.btn-dropdown { + background-color: var(--primary) !important; + border-color: var(--primary) !important; +} + +/* ## BUTTON HOVER BG SECONDARY */ +.btn.btn-hover-bg-secondary:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-hover-bg-secondary:focus:not(.btn-text), +.btn.btn-hover-bg-secondary.focus:not(.btn-text) { + background-color: var(--secondary) !important; + border-color: var(--secondary) !important; +} + +.btn.btn-hover-bg-secondary:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-hover-bg-secondary:not(:disabled):not(.disabled).active, +.show > .btn.btn-hover-bg-secondary.dropdown-toggle, +.show .btn.btn-hover-bg-secondary.btn-dropdown { + background-color: var(--secondary) !important; + border-color: var(--secondary) !important; +} +/* ## BUTTON HOVER BG INFO */ +.btn.btn-hover-bg-info:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-hover-bg-info:focus:not(.btn-text), +.btn.btn-hover-bg-info.focus:not(.btn-text) { + background-color: var(--info) !important; + border-color: var(--info) !important; +} + +.btn.btn-hover-bg-info:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-hover-bg-info:not(:disabled):not(.disabled).active, +.show > .btn.btn-hover-bg-info.dropdown-toggle, +.show .btn.btn-hover-bg-info.btn-dropdown { + background-color: var(--info) !important; + border-color: var(--info) !important; +} +/* ## BUTTON HOVER BG SUCCESS */ +.btn.btn-hover-bg-success:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-hover-bg-success:focus:not(.btn-text), +.btn.btn-hover-bg-success.focus:not(.btn-text) { + background-color: var(--success) !important; + border-color: var(--success) !important; +} + +.btn.btn-hover-bg-success:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-hover-bg-success:not(:disabled):not(.disabled).active, +.show > .btn.btn-hover-bg-success.dropdown-toggle, +.show .btn.btn-hover-bg-success.btn-dropdown { + background-color: var(--success) !important; + border-color: var(--success) !important; +} +/* ## BUTTON HOVER BG WARNING */ +.btn.btn-hover-bg-warning:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-hover-bg-warning:focus:not(.btn-text), +.btn.btn-hover-bg-warning.focus:not(.btn-text) { + background-color: var(--warning) !important; + border-color: var(--warning) !important; +} + +.btn.btn-hover-bg-warning:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-hover-bg-warning:not(:disabled):not(.disabled).active, +.show > .btn.btn-hover-bg-warning.dropdown-toggle, +.show .btn.btn-hover-bg-warning.btn-dropdown { + background-color: var(--warning) !important; + border-color: var(--warning) !important; +} +/* ## BUTTON HOVER BG DANGER */ +.btn.btn-hover-bg-danger:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-hover-bg-danger:focus:not(.btn-text), +.btn.btn-hover-bg-danger.focus:not(.btn-text) { + background-color: var(--danger) !important; + border-color: var(--danger) !important; +} + +.btn.btn-hover-bg-danger:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-hover-bg-danger:not(:disabled):not(.disabled).active, +.show > .btn.btn-hover-bg-danger.dropdown-toggle, +.show .btn.btn-hover-bg-danger.btn-dropdown { + background-color: var(--danger) !important; + border-color: var(--danger) !important; +} +/* ### BUTTON HOVER */ +/* ## BUTTON HOVER PRIMARY */ +.btn.btn-hover-primary:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-hover-primary:focus:not(.btn-text), +.btn.btn-hover-primary.focus:not(.btn-text) { + color: #ffffff !important; + background-color: var(--primary) !important; + border-color: var(--primary) !important; +} +.btn.btn-hover-primary:hover:not(.btn-text):not(:disabled):not(.disabled) i, +.btn.btn-hover-primary:focus:not(.btn-text) i, +.btn.btn-hover-primary.focus:not(.btn-text) i { + color: #ffffff !important; +} +.btn.btn-hover-primary:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg + g + [fill], +.btn.btn-hover-primary:focus:not(.btn-text) .svg-icon svg g [fill], +.btn.btn-hover-primary.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-primary:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg:hover + g + [fill], +.btn.btn-hover-primary:focus:not(.btn-text) .svg-icon svg:hover g [fill], +.btn.btn-hover-primary.focus:not(.btn-text) .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-hover-primary:hover:not(.btn-text):not(:disabled):not( + .disabled + ).dropdown-toggle:after, +.btn.btn-hover-primary:focus:not(.btn-text).dropdown-toggle:after, +.btn.btn-hover-primary.focus:not(.btn-text).dropdown-toggle:after { + color: #ffffff !important; +} + +.btn.btn-hover-primary:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-hover-primary:not(:disabled):not(.disabled).active, +.show > .btn.btn-hover-primary.dropdown-toggle, +.show .btn.btn-hover-primary.btn-dropdown { + color: #ffffff !important; + background-color: var(--primary) !important; + border-color: var(--primary) !important; +} +.btn.btn-hover-primary:not(:disabled):not(.disabled):active:not(.btn-text) i, +.btn.btn-hover-primary:not(:disabled):not(.disabled).active i, +.show > .btn.btn-hover-primary.dropdown-toggle i, +.show .btn.btn-hover-primary.btn-dropdown i { + color: #ffffff !important; +} +.btn.btn-hover-primary:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg + g + [fill], +.btn.btn-hover-primary:not(:disabled):not(.disabled).active + .svg-icon + svg + g + [fill], +.show > .btn.btn-hover-primary.dropdown-toggle .svg-icon svg g [fill], +.show .btn.btn-hover-primary.btn-dropdown .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: #ffffff !important; +} +.btn.btn-hover-primary:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg:hover + g + [fill], +.btn.btn-hover-primary:not(:disabled):not(.disabled).active + .svg-icon + svg:hover + g + [fill], +.show > .btn.btn-hover-primary.dropdown-toggle .svg-icon svg:hover g [fill], +.show .btn.btn-hover-primary.btn-dropdown .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-hover-primary:not(:disabled):not(.disabled):active:not( + .btn-text + ).dropdown-toggle:after, +.btn.btn-hover-primary:not(:disabled):not( + .disabled + ).active.dropdown-toggle:after, +.show > .btn.btn-hover-primary.dropdown-toggle.dropdown-toggle:after, +.show .btn.btn-hover-primary.btn-dropdown.dropdown-toggle:after { + color: #ffffff !important; +} + +/* ## BUTTON HOVER SECONDARY */ +.btn.btn-hover-secondary:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-hover-secondary:focus:not(.btn-text), +.btn.btn-hover-secondary.focus:not(.btn-text) { + color: #ffffff !important; + background-color: var(--secondary) !important; + border-color: var(--secondary) !important; +} +.btn.btn-hover-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) i, +.btn.btn-hover-secondary:focus:not(.btn-text) i, +.btn.btn-hover-secondary.focus:not(.btn-text) i { + color: #ffffff !important; +} +.btn.btn-hover-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg + g + [fill], +.btn.btn-hover-secondary:focus:not(.btn-text) .svg-icon svg g [fill], +.btn.btn-hover-secondary.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-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg:hover + g + [fill], +.btn.btn-hover-secondary:focus:not(.btn-text) .svg-icon svg:hover g [fill], +.btn.btn-hover-secondary.focus:not(.btn-text) .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-hover-secondary:hover:not(.btn-text):not(:disabled):not( + .disabled + ).dropdown-toggle:after, +.btn.btn-hover-secondary:focus:not(.btn-text).dropdown-toggle:after, +.btn.btn-hover-secondary.focus:not(.btn-text).dropdown-toggle:after { + color: #ffffff !important; +} + +.btn.btn-hover-secondary:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-hover-secondary:not(:disabled):not(.disabled).active, +.show > .btn.btn-hover-secondary.dropdown-toggle, +.show .btn.btn-hover-secondary.btn-dropdown { + color: #ffffff !important; + background-color: var(--secondary) !important; + border-color: var(--secondary) !important; +} +.btn.btn-hover-secondary:not(:disabled):not(.disabled):active:not(.btn-text) i, +.btn.btn-hover-secondary:not(:disabled):not(.disabled).active i, +.show > .btn.btn-hover-secondary.dropdown-toggle i, +.show .btn.btn-hover-secondary.btn-dropdown i { + color: #ffffff !important; +} +.btn.btn-hover-secondary:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg + g + [fill], +.btn.btn-hover-secondary:not(:disabled):not(.disabled).active + .svg-icon + svg + g + [fill], +.show > .btn.btn-hover-secondary.dropdown-toggle .svg-icon svg g [fill], +.show .btn.btn-hover-secondary.btn-dropdown .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: #ffffff !important; +} +.btn.btn-hover-secondary:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg:hover + g + [fill], +.btn.btn-hover-secondary:not(:disabled):not(.disabled).active + .svg-icon + svg:hover + g + [fill], +.show > .btn.btn-hover-secondary.dropdown-toggle .svg-icon svg:hover g [fill], +.show .btn.btn-hover-secondary.btn-dropdown .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-hover-secondary:not(:disabled):not(.disabled):active:not( + .btn-text + ).dropdown-toggle:after, +.btn.btn-hover-secondary:not(:disabled):not( + .disabled + ).active.dropdown-toggle:after, +.show > .btn.btn-hover-secondary.dropdown-toggle.dropdown-toggle:after, +.show .btn.btn-hover-secondary.btn-dropdown.dropdown-toggle:after { + color: #ffffff !important; +} + +/* ## BUTTON HOVER SUCCESS */ +.btn.btn-hover-success:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-hover-success:focus:not(.btn-text), +.btn.btn-hover-success.focus:not(.btn-text) { + color: #ffffff !important; + background-color: var(--success) !important; + border-color: var(--success) !important; +} +.btn.btn-hover-success:hover:not(.btn-text):not(:disabled):not(.disabled) i, +.btn.btn-hover-success:focus:not(.btn-text) i, +.btn.btn-hover-success.focus:not(.btn-text) i { + color: #ffffff !important; +} +.btn.btn-hover-success:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg + g + [fill], +.btn.btn-hover-success:focus:not(.btn-text) .svg-icon svg g [fill], +.btn.btn-hover-success.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-success:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg:hover + g + [fill], +.btn.btn-hover-success:focus:not(.btn-text) .svg-icon svg:hover g [fill], +.btn.btn-hover-success.focus:not(.btn-text) .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-hover-success:hover:not(.btn-text):not(:disabled):not( + .disabled + ).dropdown-toggle:after, +.btn.btn-hover-success:focus:not(.btn-text).dropdown-toggle:after, +.btn.btn-hover-success.focus:not(.btn-text).dropdown-toggle:after { + color: #ffffff !important; +} + +.btn.btn-hover-success:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-hover-success:not(:disabled):not(.disabled).active, +.show > .btn.btn-hover-success.dropdown-toggle, +.show .btn.btn-hover-success.btn-dropdown { + color: #ffffff !important; + background-color: var(--success) !important; + border-color: var(--success) !important; +} +.btn.btn-hover-success:not(:disabled):not(.disabled):active:not(.btn-text) i, +.btn.btn-hover-success:not(:disabled):not(.disabled).active i, +.show > .btn.btn-hover-success.dropdown-toggle i, +.show .btn.btn-hover-success.btn-dropdown i { + color: #ffffff !important; +} +.btn.btn-hover-success:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg + g + [fill], +.btn.btn-hover-success:not(:disabled):not(.disabled).active + .svg-icon + svg + g + [fill], +.show > .btn.btn-hover-success.dropdown-toggle .svg-icon svg g [fill], +.show .btn.btn-hover-success.btn-dropdown .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: #ffffff !important; +} +.btn.btn-hover-success:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg:hover + g + [fill], +.btn.btn-hover-success:not(:disabled):not(.disabled).active + .svg-icon + svg:hover + g + [fill], +.show > .btn.btn-hover-success.dropdown-toggle .svg-icon svg:hover g [fill], +.show .btn.btn-hover-success.btn-dropdown .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-hover-success:not(:disabled):not(.disabled):active:not( + .btn-text + ).dropdown-toggle:after, +.btn.btn-hover-success:not(:disabled):not( + .disabled + ).active.dropdown-toggle:after, +.show > .btn.btn-hover-success.dropdown-toggle.dropdown-toggle:after, +.show .btn.btn-hover-success.btn-dropdown.dropdown-toggle:after { + color: #ffffff !important; +} + +/* ## BUTTON HOVER INFO */ +.btn.btn-hover-info:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-hover-info:focus:not(.btn-text), +.btn.btn-hover-info.focus:not(.btn-text) { + color: #ffffff !important; + background-color: var(--info) !important; + border-color: var(--info) !important; +} +.btn.btn-hover-info:hover:not(.btn-text):not(:disabled):not(.disabled) i, +.btn.btn-hover-info:focus:not(.btn-text) i, +.btn.btn-hover-info.focus:not(.btn-text) i { + color: #ffffff !important; +} +.btn.btn-hover-info:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg + g + [fill], +.btn.btn-hover-info:focus:not(.btn-text) .svg-icon svg g [fill], +.btn.btn-hover-info.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-info:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg:hover + g + [fill], +.btn.btn-hover-info:focus:not(.btn-text) .svg-icon svg:hover g [fill], +.btn.btn-hover-info.focus:not(.btn-text) .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-hover-info:hover:not(.btn-text):not(:disabled):not( + .disabled + ).dropdown-toggle:after, +.btn.btn-hover-info:focus:not(.btn-text).dropdown-toggle:after, +.btn.btn-hover-info.focus:not(.btn-text).dropdown-toggle:after { + color: #ffffff !important; +} + +.btn.btn-hover-info:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-hover-info:not(:disabled):not(.disabled).active, +.show > .btn.btn-hover-info.dropdown-toggle, +.show .btn.btn-hover-info.btn-dropdown { + color: #ffffff !important; + background-color: var(--info) !important; + border-color: var(--info) !important; +} +.btn.btn-hover-info:not(:disabled):not(.disabled):active:not(.btn-text) i, +.btn.btn-hover-info:not(:disabled):not(.disabled).active i, +.show > .btn.btn-hover-info.dropdown-toggle i, +.show .btn.btn-hover-info.btn-dropdown i { + color: #ffffff !important; +} +.btn.btn-hover-info:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg + g + [fill], +.btn.btn-hover-info:not(:disabled):not(.disabled).active .svg-icon svg g [fill], +.show > .btn.btn-hover-info.dropdown-toggle .svg-icon svg g [fill], +.show .btn.btn-hover-info.btn-dropdown .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: #ffffff !important; +} +.btn.btn-hover-info:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg:hover + g + [fill], +.btn.btn-hover-info:not(:disabled):not(.disabled).active + .svg-icon + svg:hover + g + [fill], +.show > .btn.btn-hover-info.dropdown-toggle .svg-icon svg:hover g [fill], +.show .btn.btn-hover-info.btn-dropdown .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-hover-info:not(:disabled):not(.disabled):active:not( + .btn-text + ).dropdown-toggle:after, +.btn.btn-hover-info:not(:disabled):not(.disabled).active.dropdown-toggle:after, +.show > .btn.btn-hover-info.dropdown-toggle.dropdown-toggle:after, +.show .btn.btn-hover-info.btn-dropdown.dropdown-toggle:after { + color: #ffffff !important; +} + +/* ## BUTTON HOVER DANGER */ +.btn.btn-hover-danger:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-hover-danger:focus:not(.btn-text), +.btn.btn-hover-danger.focus:not(.btn-text) { + color: #ffffff !important; + background-color: var(--danger) !important; + border-color: var(--danger) !important; +} +.btn.btn-hover-danger:hover:not(.btn-text):not(:disabled):not(.disabled) i, +.btn.btn-hover-danger:focus:not(.btn-text) i, +.btn.btn-hover-danger.focus:not(.btn-text) i { + color: #ffffff !important; +} +.btn.btn-hover-danger:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg + g + [fill], +.btn.btn-hover-danger:focus:not(.btn-text) .svg-icon svg g [fill], +.btn.btn-hover-danger.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-danger:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg:hover + g + [fill], +.btn.btn-hover-danger:focus:not(.btn-text) .svg-icon svg:hover g [fill], +.btn.btn-hover-danger.focus:not(.btn-text) .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-hover-danger:hover:not(.btn-text):not(:disabled):not( + .disabled + ).dropdown-toggle:after, +.btn.btn-hover-danger:focus:not(.btn-text).dropdown-toggle:after, +.btn.btn-hover-danger.focus:not(.btn-text).dropdown-toggle:after { + color: #ffffff !important; +} + +.btn.btn-hover-danger:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-hover-danger:not(:disabled):not(.disabled).active, +.show > .btn.btn-hover-danger.dropdown-toggle, +.show .btn.btn-hover-danger.btn-dropdown { + color: #ffffff !important; + background-color: var(--danger) !important; + border-color: var(--danger) !important; +} +.btn.btn-hover-danger:not(:disabled):not(.disabled):active:not(.btn-text) i, +.btn.btn-hover-danger:not(:disabled):not(.disabled).active i, +.show > .btn.btn-hover-danger.dropdown-toggle i, +.show .btn.btn-hover-danger.btn-dropdown i { + color: #ffffff !important; +} +.btn.btn-hover-danger:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg + g + [fill], +.btn.btn-hover-danger:not(:disabled):not(.disabled).active + .svg-icon + svg + g + [fill], +.show > .btn.btn-hover-danger.dropdown-toggle .svg-icon svg g [fill], +.show .btn.btn-hover-danger.btn-dropdown .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: #ffffff !important; +} +.btn.btn-hover-danger:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg:hover + g + [fill], +.btn.btn-hover-danger:not(:disabled):not(.disabled).active + .svg-icon + svg:hover + g + [fill], +.show > .btn.btn-hover-danger.dropdown-toggle .svg-icon svg:hover g [fill], +.show .btn.btn-hover-danger.btn-dropdown .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-hover-danger:not(:disabled):not(.disabled):active:not( + .btn-text + ).dropdown-toggle:after, +.btn.btn-hover-danger:not(:disabled):not( + .disabled + ).active.dropdown-toggle:after, +.show > .btn.btn-hover-danger.dropdown-toggle.dropdown-toggle:after, +.show .btn.btn-hover-danger.btn-dropdown.dropdown-toggle:after { + color: #ffffff !important; +} + +/* ## BUTTON HOVER WARNING */ +.btn.btn-hover-warning:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-hover-warning:focus:not(.btn-text), +.btn.btn-hover-warning.focus:not(.btn-text) { + color: #ffffff !important; + background-color: var(--warning) !important; + border-color: var(--warning) !important; +} +.btn.btn-hover-warning:hover:not(.btn-text):not(:disabled):not(.disabled) i, +.btn.btn-hover-warning:focus:not(.btn-text) i, +.btn.btn-hover-warning.focus:not(.btn-text) i { + color: #ffffff !important; +} +.btn.btn-hover-warning:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg + g + [fill], +.btn.btn-hover-warning:focus:not(.btn-text) .svg-icon svg g [fill], +.btn.btn-hover-warning.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-warning:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg:hover + g + [fill], +.btn.btn-hover-warning:focus:not(.btn-text) .svg-icon svg:hover g [fill], +.btn.btn-hover-warning.focus:not(.btn-text) .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-hover-warning:hover:not(.btn-text):not(:disabled):not( + .disabled + ).dropdown-toggle:after, +.btn.btn-hover-warning:focus:not(.btn-text).dropdown-toggle:after, +.btn.btn-hover-warning.focus:not(.btn-text).dropdown-toggle:after { + color: #ffffff !important; +} + +.btn.btn-hover-warning:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-hover-warning:not(:disabled):not(.disabled).active, +.show > .btn.btn-hover-warning.dropdown-toggle, +.show .btn.btn-hover-warning.btn-dropdown { + color: #ffffff !important; + background-color: var(--warning) !important; + border-color: var(--warning) !important; +} +.btn.btn-hover-warning:not(:disabled):not(.disabled):active:not(.btn-text) i, +.btn.btn-hover-warning:not(:disabled):not(.disabled).active i, +.show > .btn.btn-hover-warning.dropdown-toggle i, +.show .btn.btn-hover-warning.btn-dropdown i { + color: #ffffff !important; +} +.btn.btn-hover-warning:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg + g + [fill], +.btn.btn-hover-warning:not(:disabled):not(.disabled).active + .svg-icon + svg + g + [fill], +.show > .btn.btn-hover-warning.dropdown-toggle .svg-icon svg g [fill], +.show .btn.btn-hover-warning.btn-dropdown .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: #ffffff !important; +} +.btn.btn-hover-warning:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg:hover + g + [fill], +.btn.btn-hover-warning:not(:disabled):not(.disabled).active + .svg-icon + svg:hover + g + [fill], +.show > .btn.btn-hover-warning.dropdown-toggle .svg-icon svg:hover g [fill], +.show .btn.btn-hover-warning.btn-dropdown .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-hover-warning:not(:disabled):not(.disabled):active:not( + .btn-text + ).dropdown-toggle:after, +.btn.btn-hover-warning:not(:disabled):not( + .disabled + ).active.dropdown-toggle:after, +.show > .btn.btn-hover-warning.dropdown-toggle.dropdown-toggle:after, +.show .btn.btn-hover-warning.btn-dropdown.dropdown-toggle:after { + color: #ffffff !important; +} + +/* ### BUTTON LINK */ +/* ## BUTTON LINK PRIMARY*/ +.btn.btn-link-primary { + border: 0; + padding: 0 !important; + border-radius: 0 !important; + color: var(--primary) !important; + background-color: transparent !important; + border-color: transparent !important; +} +.btn.btn-link-primary i { + color: var(--primary) !important; +} +.btn.btn-link-primary .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--primary) !important; +} +.btn.btn-link-primary .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-link-primary.dropdown-toggle:after { + color: var(--primary) !important; +} +.btn.btn-link-primary:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-link-primary:focus:not(.btn-text), +.btn.btn-link-primary.focus:not(.btn-text) { + color: var(--primary) !important; + background-color: transparent !important; + border-color: transparent !important; +} +.btn.btn-link-primary:hover:not(.btn-text):not(:disabled):not(.disabled) i, +.btn.btn-link-primary:focus:not(.btn-text) i, +.btn.btn-link-primary.focus:not(.btn-text) i { + color: var(--primary) !important; +} +.btn.btn-link-primary:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg + g + [fill], +.btn.btn-link-primary:focus:not(.btn-text) .svg-icon svg g [fill], +.btn.btn-link-primary.focus:not(.btn-text) .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--primary) !important; +} +.btn.btn-link-primary:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg:hover + g + [fill], +.btn.btn-link-primary:focus:not(.btn-text) .svg-icon svg:hover g [fill], +.btn.btn-link-primary.focus:not(.btn-text) .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-link-primary:hover:not(.btn-text):not(:disabled):not( + .disabled + ).dropdown-toggle:after, +.btn.btn-link-primary:focus:not(.btn-text).dropdown-toggle:after, +.btn.btn-link-primary.focus:not(.btn-text).dropdown-toggle:after { + color: var(--primary) !important; +} +.btn.btn-link-primary.disabled, +.btn.btn-link-primary:disabled { + color: var(--primary) !important; + background-color: transparent !important; + border-color: transparent !important; +} +.btn.btn-link-primary.disabled i, +.btn.btn-link-primary:disabled i { + color: var(--primary) !important; +} +.btn.btn-link-primary.disabled .svg-icon svg g [fill], +.btn.btn-link-primary:disabled .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--primary) !important; +} +.btn.btn-link-primary.disabled .svg-icon svg:hover g [fill], +.btn.btn-link-primary:disabled .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-link-primary.disabled.dropdown-toggle:after, +.btn.btn-link-primary:disabled.dropdown-toggle:after { + color: var(--primary) !important; +} +.btn.btn-link-primary:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-link-primary:not(:disabled):not(.disabled).active, +.show > .btn.btn-link-primary.dropdown-toggle, +.show .btn.btn-link-primary.btn-dropdown { + color: var(--primary) !important; + background-color: transparent !important; + border-color: transparent !important; +} +.btn.btn-link-primary:not(:disabled):not(.disabled):active:not(.btn-text) i, +.btn.btn-link-primary:not(:disabled):not(.disabled).active i, +.show > .btn.btn-link-primary.dropdown-toggle i, +.show .btn.btn-link-primary.btn-dropdown i { + color: var(--primary) !important; +} +.btn.btn-link-primary:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg + g + [fill], +.btn.btn-link-primary:not(:disabled):not(.disabled).active + .svg-icon + svg + g + [fill], +.show > .btn.btn-link-primary.dropdown-toggle .svg-icon svg g [fill], +.show .btn.btn-link-primary.btn-dropdown .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--primary) !important; +} +.btn.btn-link-primary:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg:hover + g + [fill], +.btn.btn-link-primary:not(:disabled):not(.disabled).active + .svg-icon + svg:hover + g + [fill], +.show > .btn.btn-link-primary.dropdown-toggle .svg-icon svg:hover g [fill], +.show .btn.btn-link-primary.btn-dropdown .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-link-primary:not(:disabled):not(.disabled):active:not( + .btn-text + ).dropdown-toggle:after, +.btn.btn-link-primary:not(:disabled):not( + .disabled + ).active.dropdown-toggle:after, +.show > .btn.btn-link-primary.dropdown-toggle.dropdown-toggle:after, +.show .btn.btn-link-primary.btn-dropdown.dropdown-toggle:after { + color: var(--primary) !important; +} + +/* ## BUTTON LINK SECONDARY*/ +.btn.btn-link-secondary { + border: 0; + padding: 0 !important; + border-radius: 0 !important; + color: var(--secondary) !important; + background-color: transparent !important; + border-color: transparent !important; +} +.btn.btn-link-secondary i { + color: var(--secondary) !important; +} +.btn.btn-link-secondary .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--secondary) !important; +} +.btn.btn-link-secondary .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-link-secondary.dropdown-toggle:after { + color: var(--secondary) !important; +} +.btn.btn-link-secondary:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-link-secondary:focus:not(.btn-text), +.btn.btn-link-secondary.focus:not(.btn-text) { + color: var(--secondary) !important; + background-color: transparent !important; + border-color: transparent !important; +} +.btn.btn-link-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) i, +.btn.btn-link-secondary:focus:not(.btn-text) i, +.btn.btn-link-secondary.focus:not(.btn-text) i { + color: var(--secondary) !important; +} +.btn.btn-link-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg + g + [fill], +.btn.btn-link-secondary:focus:not(.btn-text) .svg-icon svg g [fill], +.btn.btn-link-secondary.focus:not(.btn-text) .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--secondary) !important; +} +.btn.btn-link-secondary:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg:hover + g + [fill], +.btn.btn-link-secondary:focus:not(.btn-text) .svg-icon svg:hover g [fill], +.btn.btn-link-secondary.focus:not(.btn-text) .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-link-secondary:hover:not(.btn-text):not(:disabled):not( + .disabled + ).dropdown-toggle:after, +.btn.btn-link-secondary:focus:not(.btn-text).dropdown-toggle:after, +.btn.btn-link-secondary.focus:not(.btn-text).dropdown-toggle:after { + color: var(--secondary) !important; +} +.btn.btn-link-secondary.disabled, +.btn.btn-link-secondary:disabled { + color: var(--secondary) !important; + background-color: transparent !important; + border-color: transparent !important; +} +.btn.btn-link-secondary.disabled i, +.btn.btn-link-secondary:disabled i { + color: var(--secondary) !important; +} +.btn.btn-link-secondary.disabled .svg-icon svg g [fill], +.btn.btn-link-secondary:disabled .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--secondary) !important; +} +.btn.btn-link-secondary.disabled .svg-icon svg:hover g [fill], +.btn.btn-link-secondary:disabled .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-link-secondary.disabled.dropdown-toggle:after, +.btn.btn-link-secondary:disabled.dropdown-toggle:after { + color: var(--secondary) !important; +} +.btn.btn-link-secondary:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-link-secondary:not(:disabled):not(.disabled).active, +.show > .btn.btn-link-secondary.dropdown-toggle, +.show .btn.btn-link-secondary.btn-dropdown { + color: var(--secondary) !important; + background-color: transparent !important; + border-color: transparent !important; +} +.btn.btn-link-secondary:not(:disabled):not(.disabled):active:not(.btn-text) i, +.btn.btn-link-secondary:not(:disabled):not(.disabled).active i, +.show > .btn.btn-link-secondary.dropdown-toggle i, +.show .btn.btn-link-secondary.btn-dropdown i { + color: var(--secondary) !important; +} +.btn.btn-link-secondary:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg + g + [fill], +.btn.btn-link-secondary:not(:disabled):not(.disabled).active + .svg-icon + svg + g + [fill], +.show > .btn.btn-link-secondary.dropdown-toggle .svg-icon svg g [fill], +.show .btn.btn-link-secondary.btn-dropdown .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--secondary) !important; +} +.btn.btn-link-secondary:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg:hover + g + [fill], +.btn.btn-link-secondary:not(:disabled):not(.disabled).active + .svg-icon + svg:hover + g + [fill], +.show > .btn.btn-link-secondary.dropdown-toggle .svg-icon svg:hover g [fill], +.show .btn.btn-link-secondary.btn-dropdown .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-link-secondary:not(:disabled):not(.disabled):active:not( + .btn-text + ).dropdown-toggle:after, +.btn.btn-link-secondary:not(:disabled):not( + .disabled + ).active.dropdown-toggle:after, +.show > .btn.btn-link-secondary.dropdown-toggle.dropdown-toggle:after, +.show .btn.btn-link-secondary.btn-dropdown.dropdown-toggle:after { + color: var(--secondary) !important; +} + +/* ## BUTTON LINK SUCCESS*/ +.btn.btn-link-success { + border: 0; + padding: 0 !important; + border-radius: 0 !important; + color: var(--success) !important; + background-color: transparent !important; + border-color: transparent !important; +} +.btn.btn-link-success i { + color: var(--success) !important; +} +.btn.btn-link-success .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--success) !important; +} +.btn.btn-link-success .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-link-success.dropdown-toggle:after { + color: var(--success) !important; +} +.btn.btn-link-success:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-link-success:focus:not(.btn-text), +.btn.btn-link-success.focus:not(.btn-text) { + color: var(--success) !important; + background-color: transparent !important; + border-color: transparent !important; +} +.btn.btn-link-success:hover:not(.btn-text):not(:disabled):not(.disabled) i, +.btn.btn-link-success:focus:not(.btn-text) i, +.btn.btn-link-success.focus:not(.btn-text) i { + color: var(--success) !important; +} +.btn.btn-link-success:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg + g + [fill], +.btn.btn-link-success:focus:not(.btn-text) .svg-icon svg g [fill], +.btn.btn-link-success.focus:not(.btn-text) .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--success) !important; +} +.btn.btn-link-success:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg:hover + g + [fill], +.btn.btn-link-success:focus:not(.btn-text) .svg-icon svg:hover g [fill], +.btn.btn-link-success.focus:not(.btn-text) .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-link-success:hover:not(.btn-text):not(:disabled):not( + .disabled + ).dropdown-toggle:after, +.btn.btn-link-success:focus:not(.btn-text).dropdown-toggle:after, +.btn.btn-link-success.focus:not(.btn-text).dropdown-toggle:after { + color: var(--success) !important; +} +.btn.btn-link-success.disabled, +.btn.btn-link-success:disabled { + color: var(--success) !important; + background-color: transparent !important; + border-color: transparent !important; +} +.btn.btn-link-success.disabled i, +.btn.btn-link-success:disabled i { + color: var(--success) !important; +} +.btn.btn-link-success.disabled .svg-icon svg g [fill], +.btn.btn-link-success:disabled .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--success) !important; +} +.btn.btn-link-success.disabled .svg-icon svg:hover g [fill], +.btn.btn-link-success:disabled .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-link-success.disabled.dropdown-toggle:after, +.btn.btn-link-success:disabled.dropdown-toggle:after { + color: var(--success) !important; +} +.btn.btn-link-success:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-link-success:not(:disabled):not(.disabled).active, +.show > .btn.btn-link-success.dropdown-toggle, +.show .btn.btn-link-success.btn-dropdown { + color: var(--success) !important; + background-color: transparent !important; + border-color: transparent !important; +} +.btn.btn-link-success:not(:disabled):not(.disabled):active:not(.btn-text) i, +.btn.btn-link-success:not(:disabled):not(.disabled).active i, +.show > .btn.btn-link-success.dropdown-toggle i, +.show .btn.btn-link-success.btn-dropdown i { + color: var(--success) !important; +} +.btn.btn-link-success:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg + g + [fill], +.btn.btn-link-success:not(:disabled):not(.disabled).active + .svg-icon + svg + g + [fill], +.show > .btn.btn-link-success.dropdown-toggle .svg-icon svg g [fill], +.show .btn.btn-link-success.btn-dropdown .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--success) !important; +} +.btn.btn-link-success:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg:hover + g + [fill], +.btn.btn-link-success:not(:disabled):not(.disabled).active + .svg-icon + svg:hover + g + [fill], +.show > .btn.btn-link-success.dropdown-toggle .svg-icon svg:hover g [fill], +.show .btn.btn-link-success.btn-dropdown .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-link-success:not(:disabled):not(.disabled):active:not( + .btn-text + ).dropdown-toggle:after, +.btn.btn-link-success:not(:disabled):not( + .disabled + ).active.dropdown-toggle:after, +.show > .btn.btn-link-success.dropdown-toggle.dropdown-toggle:after, +.show .btn.btn-link-success.btn-dropdown.dropdown-toggle:after { + color: var(--success) !important; +} + +/* ## BUTTON LINK INFO*/ +.btn.btn-link-info { + border: 0; + padding: 0 !important; + border-radius: 0 !important; + color: var(--info) !important; + background-color: transparent !important; + border-color: transparent !important; +} +.btn.btn-link-info i { + color: var(--info) !important; +} +.btn.btn-link-info .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--info) !important; +} +.btn.btn-link-info .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-link-info.dropdown-toggle:after { + color: var(--info) !important; +} +.btn.btn-link-info:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-link-info:focus:not(.btn-text), +.btn.btn-link-info.focus:not(.btn-text) { + color: var(--info) !important; + background-color: transparent !important; + border-color: transparent !important; +} +.btn.btn-link-info:hover:not(.btn-text):not(:disabled):not(.disabled) i, +.btn.btn-link-info:focus:not(.btn-text) i, +.btn.btn-link-info.focus:not(.btn-text) i { + color: var(--info) !important; +} +.btn.btn-link-info:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg + g + [fill], +.btn.btn-link-info:focus:not(.btn-text) .svg-icon svg g [fill], +.btn.btn-link-info.focus:not(.btn-text) .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--info) !important; +} +.btn.btn-link-info:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg:hover + g + [fill], +.btn.btn-link-info:focus:not(.btn-text) .svg-icon svg:hover g [fill], +.btn.btn-link-info.focus:not(.btn-text) .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-link-info:hover:not(.btn-text):not(:disabled):not( + .disabled + ).dropdown-toggle:after, +.btn.btn-link-info:focus:not(.btn-text).dropdown-toggle:after, +.btn.btn-link-info.focus:not(.btn-text).dropdown-toggle:after { + color: var(--info) !important; +} +.btn.btn-link-info.disabled, +.btn.btn-link-info:disabled { + color: var(--info) !important; + background-color: transparent !important; + border-color: transparent !important; +} +.btn.btn-link-info.disabled i, +.btn.btn-link-info:disabled i { + color: var(--info) !important; +} +.btn.btn-link-info.disabled .svg-icon svg g [fill], +.btn.btn-link-info:disabled .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--info) !important; +} +.btn.btn-link-info.disabled .svg-icon svg:hover g [fill], +.btn.btn-link-info:disabled .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-link-info.disabled.dropdown-toggle:after, +.btn.btn-link-info:disabled.dropdown-toggle:after { + color: var(--info) !important; +} +.btn.btn-link-info:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-link-info:not(:disabled):not(.disabled).active, +.show > .btn.btn-link-info.dropdown-toggle, +.show .btn.btn-link-info.btn-dropdown { + color: var(--info) !important; + background-color: transparent !important; + border-color: transparent !important; +} +.btn.btn-link-info:not(:disabled):not(.disabled):active:not(.btn-text) i, +.btn.btn-link-info:not(:disabled):not(.disabled).active i, +.show > .btn.btn-link-info.dropdown-toggle i, +.show .btn.btn-link-info.btn-dropdown i { + color: var(--info) !important; +} +.btn.btn-link-info:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg + g + [fill], +.btn.btn-link-info:not(:disabled):not(.disabled).active .svg-icon svg g [fill], +.show > .btn.btn-link-info.dropdown-toggle .svg-icon svg g [fill], +.show .btn.btn-link-info.btn-dropdown .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--info) !important; +} +.btn.btn-link-info:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg:hover + g + [fill], +.btn.btn-link-info:not(:disabled):not(.disabled).active + .svg-icon + svg:hover + g + [fill], +.show > .btn.btn-link-info.dropdown-toggle .svg-icon svg:hover g [fill], +.show .btn.btn-link-info.btn-dropdown .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-link-info:not(:disabled):not(.disabled):active:not( + .btn-text + ).dropdown-toggle:after, +.btn.btn-link-info:not(:disabled):not(.disabled).active.dropdown-toggle:after, +.show > .btn.btn-link-info.dropdown-toggle.dropdown-toggle:after, +.show .btn.btn-link-info.btn-dropdown.dropdown-toggle:after { + color: var(--info) !important; +} +/* ## BUTTON LINK WARNING*/ +.btn.btn-link-warning { + border: 0; + padding: 0 !important; + border-radius: 0 !important; + color: var(--warning) !important; + background-color: transparent !important; + border-color: transparent !important; +} +.btn.btn-link-warning i { + color: var(--warning) !important; +} +.btn.btn-link-warning .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--warning) !important; +} +.btn.btn-link-warning .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-link-warning.dropdown-toggle:after { + color: var(--warning) !important; +} +.btn.btn-link-warning:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-link-warning:focus:not(.btn-text), +.btn.btn-link-warning.focus:not(.btn-text) { + color: var(--warning) !important; + background-color: transparent !important; + border-color: transparent !important; +} +.btn.btn-link-warning:hover:not(.btn-text):not(:disabled):not(.disabled) i, +.btn.btn-link-warning:focus:not(.btn-text) i, +.btn.btn-link-warning.focus:not(.btn-text) i { + color: var(--warning) !important; +} +.btn.btn-link-warning:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg + g + [fill], +.btn.btn-link-warning:focus:not(.btn-text) .svg-icon svg g [fill], +.btn.btn-link-warning.focus:not(.btn-text) .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--warning) !important; +} +.btn.btn-link-warning:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg:hover + g + [fill], +.btn.btn-link-warning:focus:not(.btn-text) .svg-icon svg:hover g [fill], +.btn.btn-link-warning.focus:not(.btn-text) .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-link-warning:hover:not(.btn-text):not(:disabled):not( + .disabled + ).dropdown-toggle:after, +.btn.btn-link-warning:focus:not(.btn-text).dropdown-toggle:after, +.btn.btn-link-warning.focus:not(.btn-text).dropdown-toggle:after { + color: var(--warning) !important; +} +.btn.btn-link-warning.disabled, +.btn.btn-link-warning:disabled { + color: var(--warning) !important; + background-color: transparent !important; + border-color: transparent !important; +} +.btn.btn-link-warning.disabled i, +.btn.btn-link-warning:disabled i { + color: var(--warning) !important; +} +.btn.btn-link-warning.disabled .svg-icon svg g [fill], +.btn.btn-link-warning:disabled .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--warning) !important; +} +.btn.btn-link-warning.disabled .svg-icon svg:hover g [fill], +.btn.btn-link-warning:disabled .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-link-warning.disabled.dropdown-toggle:after, +.btn.btn-link-warning:disabled.dropdown-toggle:after { + color: var(--warning) !important; +} +.btn.btn-link-warning:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-link-warning:not(:disabled):not(.disabled).active, +.show > .btn.btn-link-warning.dropdown-toggle, +.show .btn.btn-link-warning.btn-dropdown { + color: var(--warning) !important; + background-color: transparent !important; + border-color: transparent !important; +} +.btn.btn-link-warning:not(:disabled):not(.disabled):active:not(.btn-text) i, +.btn.btn-link-warning:not(:disabled):not(.disabled).active i, +.show > .btn.btn-link-warning.dropdown-toggle i, +.show .btn.btn-link-warning.btn-dropdown i { + color: var(--warning) !important; +} +.btn.btn-link-warning:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg + g + [fill], +.btn.btn-link-warning:not(:disabled):not(.disabled).active + .svg-icon + svg + g + [fill], +.show > .btn.btn-link-warning.dropdown-toggle .svg-icon svg g [fill], +.show .btn.btn-link-warning.btn-dropdown .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--warning) !important; +} +.btn.btn-link-warning:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg:hover + g + [fill], +.btn.btn-link-warning:not(:disabled):not(.disabled).active + .svg-icon + svg:hover + g + [fill], +.show > .btn.btn-link-warning.dropdown-toggle .svg-icon svg:hover g [fill], +.show .btn.btn-link-warning.btn-dropdown .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-link-warning:not(:disabled):not(.disabled):active:not( + .btn-text + ).dropdown-toggle:after, +.btn.btn-link-warning:not(:disabled):not( + .disabled + ).active.dropdown-toggle:after, +.show > .btn.btn-link-warning.dropdown-toggle.dropdown-toggle:after, +.show .btn.btn-link-warning.btn-dropdown.dropdown-toggle:after { + color: var(--warning) !important; +} +/* ## BUTTON LINK DANGER*/ +.btn.btn-link-danger { + border: 0; + padding: 0 !important; + border-radius: 0 !important; + color: var(--danger) !important; + background-color: transparent !important; + border-color: transparent !important; +} +.btn.btn-link-danger i { + color: var(--danger) !important; +} +.btn.btn-link-danger .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--danger) !important; +} +.btn.btn-link-danger .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-link-danger.dropdown-toggle:after { + color: var(--danger) !important; +} +.btn.btn-link-danger:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-link-danger:focus:not(.btn-text), +.btn.btn-link-danger.focus:not(.btn-text) { + color: var(--danger) !important; + background-color: transparent !important; + border-color: transparent !important; +} +.btn.btn-link-danger:hover:not(.btn-text):not(:disabled):not(.disabled) i, +.btn.btn-link-danger:focus:not(.btn-text) i, +.btn.btn-link-danger.focus:not(.btn-text) i { + color: var(--danger) !important; +} +.btn.btn-link-danger:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg + g + [fill], +.btn.btn-link-danger:focus:not(.btn-text) .svg-icon svg g [fill], +.btn.btn-link-danger.focus:not(.btn-text) .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--danger) !important; +} +.btn.btn-link-danger:hover:not(.btn-text):not(:disabled):not(.disabled) + .svg-icon + svg:hover + g + [fill], +.btn.btn-link-danger:focus:not(.btn-text) .svg-icon svg:hover g [fill], +.btn.btn-link-danger.focus:not(.btn-text) .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-link-danger:hover:not(.btn-text):not(:disabled):not( + .disabled + ).dropdown-toggle:after, +.btn.btn-link-danger:focus:not(.btn-text).dropdown-toggle:after, +.btn.btn-link-danger.focus:not(.btn-text).dropdown-toggle:after { + color: var(--danger) !important; +} +.btn.btn-link-danger.disabled, +.btn.btn-link-danger:disabled { + color: var(--danger) !important; + background-color: transparent !important; + border-color: transparent !important; +} +.btn.btn-link-danger.disabled i, +.btn.btn-link-danger:disabled i { + color: var(--danger) !important; +} +.btn.btn-link-danger.disabled .svg-icon svg g [fill], +.btn.btn-link-danger:disabled .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--danger) !important; +} +.btn.btn-link-danger.disabled .svg-icon svg:hover g [fill], +.btn.btn-link-danger:disabled .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-link-danger.disabled.dropdown-toggle:after, +.btn.btn-link-danger:disabled.dropdown-toggle:after { + color: var(--danger) !important; +} +.btn.btn-link-danger:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-link-danger:not(:disabled):not(.disabled).active, +.show > .btn.btn-link-danger.dropdown-toggle, +.show .btn.btn-link-danger.btn-dropdown { + color: var(--danger) !important; + background-color: transparent !important; + border-color: transparent !important; +} +.btn.btn-link-danger:not(:disabled):not(.disabled):active:not(.btn-text) i, +.btn.btn-link-danger:not(:disabled):not(.disabled).active i, +.show > .btn.btn-link-danger.dropdown-toggle i, +.show .btn.btn-link-danger.btn-dropdown i { + color: var(--danger) !important; +} +.btn.btn-link-danger:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg + g + [fill], +.btn.btn-link-danger:not(:disabled):not(.disabled).active + .svg-icon + svg + g + [fill], +.show > .btn.btn-link-danger.dropdown-toggle .svg-icon svg g [fill], +.show .btn.btn-link-danger.btn-dropdown .svg-icon svg g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; + fill: var(--danger) !important; +} +.btn.btn-link-danger:not(:disabled):not(.disabled):active:not(.btn-text) + .svg-icon + svg:hover + g + [fill], +.btn.btn-link-danger:not(:disabled):not(.disabled).active + .svg-icon + svg:hover + g + [fill], +.show > .btn.btn-link-danger.dropdown-toggle .svg-icon svg:hover g [fill], +.show .btn.btn-link-danger.btn-dropdown .svg-icon svg:hover g [fill] { + -webkit-transition: fill 0.3s ease; + transition: fill 0.3s ease; +} +.btn.btn-link-danger:not(:disabled):not(.disabled):active:not( + .btn-text + ).dropdown-toggle:after, +.btn.btn-link-danger:not(:disabled):not(.disabled).active.dropdown-toggle:after, +.show > .btn.btn-link-danger.dropdown-toggle.dropdown-toggle:after, +.show .btn.btn-link-danger.btn-dropdown.dropdown-toggle:after { + color: var(--danger) !important; +} + +/* ### BUTTON SHADOW */ +/* ## BUTTON SHADOW PRIMARY */ +.btn.btn-primary.btn-shadow { + -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--primaryrgb), var(--opacity02)) !important; + box-shadow: 0px 9px 16px 0px rgba(var(--primaryrgb), var(--opacity02)) !important; +} +.btn.btn-primary.btn-shadow:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-primary.btn-shadow:focus:not(.btn-text), +.btn.btn-primary.btn-shadow.focus:not(.btn-text) { + -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--primaryrgb), var(--opacity03)) !important; + box-shadow: 0px 9px 16px 0px rgba(var(--primaryrgb), var(--opacity03)) !important; +} +.btn.btn-primary.btn-shadow:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-primary.btn-shadow:not(:disabled):not(.disabled).active, +.show > .btn.btn-primary.btn-shadow.dropdown-toggle { + -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--primaryrgb), var(--opacity03)) !important; + box-shadow: 0px 9px 16px 0px rgba(var(--primaryrgb), var(--opacity03)) !important; +} + +.btn.btn-primary.btn-shadow-hover:hover:not(.btn-text):not(:disabled):not( + .disabled + ), +.btn.btn-primary.btn-shadow-hover:focus:not(.btn-text), +.btn.btn-primary.btn-shadow-hover.focus:not(.btn-text) { + -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--primaryrgb), var(--opacity03)) !important; + box-shadow: 0px 9px 16px 0px rgba(var(--primaryrgb), var(--opacity03)) !important; +} + +.btn.btn-primary.btn-shadow-hover:not(:disabled):not(.disabled):active:not( + .btn-text + ), +.btn.btn-primary.btn-shadow-hover:not(:disabled):not(.disabled).active, +.show > .btn.btn-primary.btn-shadow-hover.dropdown-toggle { + -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--primaryrgb), var(--opacity03)) !important; + box-shadow: 0px 9px 16px 0px rgba(var(--primaryrgb), var(--opacity03)) !important; +} +/* ## BUTTON SHADOW SECONDARY */ +/* ## BUTTON SHADOW SUCCESS */ +.btn.btn-success.btn-shadow { + -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--successrgb), var(--opacity02)) !important; + box-shadow: 0px 9px 16px 0px rgba(var(--successrgb), var(--opacity02)) !important; +} +.btn.btn-success.btn-shadow:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-success.btn-shadow:focus:not(.btn-text), +.btn.btn-success.btn-shadow.focus:not(.btn-text) { + -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--successrgb), var(--opacity03)) !important; + box-shadow: 0px 9px 16px 0px rgba(var(--successrgb), var(--opacity03)) !important; +} +.btn.btn-success.btn-shadow:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-success.btn-shadow:not(:disabled):not(.disabled).active, +.show > .btn.btn-success.btn-shadow.dropdown-toggle { + -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--successrgb), var(--opacity03)) !important; + box-shadow: 0px 9px 16px 0px rgba(var(--successrgb), var(--opacity03)) !important; +} + +.btn.btn-success.btn-shadow-hover:hover:not(.btn-text):not(:disabled):not( + .disabled + ), +.btn.btn-success.btn-shadow-hover:focus:not(.btn-text), +.btn.btn-success.btn-shadow-hover.focus:not(.btn-text) { + -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--successrgb), var(--opacity03)) !important; + box-shadow: 0px 9px 16px 0px rgba(var(--successrgb), var(--opacity03)) !important; +} + +.btn.btn-success.btn-shadow-hover:not(:disabled):not(.disabled):active:not( + .btn-text + ), +.btn.btn-success.btn-shadow-hover:not(:disabled):not(.disabled).active, +.show > .btn.btn-success.btn-shadow-hover.dropdown-toggle { + -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--successrgb), var(--opacity03)) !important; + box-shadow: 0px 9px 16px 0px rgba(var(--successrgb), var(--opacity03)) !important; +} + +/* ## BUTTON SHADOW INFO */ +.btn.btn-info.btn-shadow { + -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--inforgb), var(--opacity02)) !important; + box-shadow: 0px 9px 16px 0px rgba(var(--inforgb), var(--opacity02)) !important; +} +.btn.btn-info.btn-shadow:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-info.btn-shadow:focus:not(.btn-text), +.btn.btn-info.btn-shadow.focus:not(.btn-text) { + -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--inforgb), var(--opacity03)) !important; + box-shadow: 0px 9px 16px 0px rgba(var(--inforgb), var(--opacity03)) !important; +} +.btn.btn-info.btn-shadow:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-info.btn-shadow:not(:disabled):not(.disabled).active, +.show > .btn.btn-info.btn-shadow.dropdown-toggle { + -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--inforgb), var(--opacity03)) !important; + box-shadow: 0px 9px 16px 0px rgba(var(--inforgb), var(--opacity03)) !important; +} + +.btn.btn-info.btn-shadow-hover:hover:not(.btn-text):not(:disabled):not( + .disabled + ), +.btn.btn-info.btn-shadow-hover:focus:not(.btn-text), +.btn.btn-info.btn-shadow-hover.focus:not(.btn-text) { + -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--inforgb), var(--opacity03)) !important; + box-shadow: 0px 9px 16px 0px rgba(var(--inforgb), var(--opacity03)) !important; +} + +.btn.btn-info.btn-shadow-hover:not(:disabled):not(.disabled):active:not( + .btn-text + ), +.btn.btn-info.btn-shadow-hover:not(:disabled):not(.disabled).active, +.show > .btn.btn-info.btn-shadow-hover.dropdown-toggle { + -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--inforgb), var(--opacity03)) !important; + box-shadow: 0px 9px 16px 0px rgba(var(--inforgb), var(--opacity03)) !important; +} + +/* ## BUTTON SHADOW WARNING */ +.btn.btn-warning.btn-shadow { + -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--warningrgb), var(--opacity02)) !important; + box-shadow: 0px 9px 16px 0px rgba(var(--warningrgb), var(--opacity02)) !important; +} +.btn.btn-warning.btn-shadow:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-warning.btn-shadow:focus:not(.btn-text), +.btn.btn-warning.btn-shadow.focus:not(.btn-text) { + -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--warningrgb), var(--opacity03)) !important; + box-shadow: 0px 9px 16px 0px rgba(var(--warningrgb), var(--opacity03)) !important; +} +.btn.btn-warning.btn-shadow:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-warning.btn-shadow:not(:disabled):not(.disabled).active, +.show > .btn.btn-warning.btn-shadow.dropdown-toggle { + -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--warningrgb), var(--opacity03)) !important; + box-shadow: 0px 9px 16px 0px rgba(var(--warningrgb), var(--opacity03)) !important; +} + +.btn.btn-warning.btn-shadow-hover:hover:not(.btn-text):not(:disabled):not( + .disabled + ), +.btn.btn-warning.btn-shadow-hover:focus:not(.btn-text), +.btn.btn-warning.btn-shadow-hover.focus:not(.btn-text) { + -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--warningrgb), var(--opacity03)) !important; + box-shadow: 0px 9px 16px 0px rgba(var(--warningrgb), var(--opacity03)) !important; +} + +.btn.btn-warning.btn-shadow-hover:not(:disabled):not(.disabled):active:not( + .btn-text + ), +.btn.btn-warning.btn-shadow-hover:not(:disabled):not(.disabled).active, +.show > .btn.btn-warning.btn-shadow-hover.dropdown-toggle { + -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--warningrgb), var(--opacity03)) !important; + box-shadow: 0px 9px 16px 0px rgba(var(--warningrgb), var(--opacity03)) !important; +} + +/* ## BUTTON SHADOW DANGER */ +.btn.btn-danger.btn-shadow { + -webkit-box-shadow: 0px 9px 16px 0px rgba(var(--dangerrgb), var(--opacity02)) !important; + box-shadow: 0px 9px 16px 0px rgba(var(--dangerrgb), var(--opacity02)) !important; +} +.btn.btn-danger.btn-shadow:hover:not(.btn-text):not(:disabled):not(.disabled), +.btn.btn-danger.btn-shadow:focus:not(.btn-text), +.btn.btn-danger.btn-shadow.focus:not(.btn-text) { + -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; +} +.btn.btn-danger.btn-shadow:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-danger.btn-shadow:not(:disabled):not(.disabled).active, +.show > .btn.btn-danger.btn-shadow.dropdown-toggle { + -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; +} + +.btn.btn-danger.btn-shadow-hover:hover:not(.btn-text):not(:disabled):not( + .disabled + ), +.btn.btn-danger.btn-shadow-hover:focus:not(.btn-text), +.btn.btn-danger.btn-shadow-hover.focus:not(.btn-text) { + -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; +} + +.btn.btn-danger.btn-shadow-hover:not(:disabled):not(.disabled):active:not( + .btn-text + ), +.btn.btn-danger.btn-shadow-hover:not(:disabled):not(.disabled).active, +.show > .btn.btn-danger.btn-shadow-hover.dropdown-toggle { + -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; +} + +/* ### NAV*/ +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: var(--primary) !important; + background-color: #ffffff; + border-color: #e4e6ef #e4e6ef #ffffff; +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #ffffff; + background-color: var(--primary) !important; +} +/* ### BUTTON HOVER TEXT */ +/* ## PRIMARY */ +.btn.btn-hover-text-primary:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-hover-text-primary:not(:disabled):not(.disabled).active, +.show > .btn.btn-hover-text-primary.dropdown-toggle, +.show .btn.btn-hover-text-primary.btn-dropdown { + color: var(--primary) !important; +} +/* ## SECONDARY */ +.btn.btn-hover-text-secondary:not(:disabled):not(.disabled):active:not( + .btn-text + ), +.btn.btn-hover-text-secondary:not(:disabled):not(.disabled).active, +.show > .btn.btn-hover-text-secondary.dropdown-toggle, +.show .btn.btn-hover-text-secondary.btn-dropdown { + color: var(--secondary) !important; +} +/* ## SUCCESS */ +.btn.btn-hover-text-success:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-hover-text-success:not(:disabled):not(.disabled).active, +.show > .btn.btn-hover-text-success.dropdown-toggle, +.show .btn.btn-hover-text-success.btn-dropdown { + color: var(--success) !important; +} +/* ## INFO */ +.btn.btn-hover-text-info:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-hover-text-info:not(:disabled):not(.disabled).active, +.show > .btn.btn-hover-text-info.dropdown-toggle, +.show .btn.btn-hover-text-info.btn-dropdown { + color: var(--info) !important; +} +/* ## WARNING */ +.btn.btn-hover-text-warning:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-hover-text-warning:not(:disabled):not(.disabled).active, +.show > .btn.btn-hover-text-warning.dropdown-toggle, +.show .btn.btn-hover-text-warning.btn-dropdown { + color: var(--warning) !important; +} +/* ## DANGER */ +.btn.btn-hover-text-danger:not(:disabled):not(.disabled):active:not(.btn-text), +.btn.btn-hover-text-danger:not(:disabled):not(.disabled).active, +.show > .btn.btn-hover-text-danger.dropdown-toggle, +.show .btn.btn-hover-text-danger.btn-dropdown { + color: var(--danger) !important; +} + +/* ### */ +/* ## PRIMARY */ +/* ## SECONDARY */ +/* ## SUCCESS */ +/* ## INFO */ +/* ## WARNING */ +/* ## DANGER */ diff --git a/cmd/main.go b/cmd/main.go index 598ccba..8bb5e65 100644 --- a/cmd/main.go +++ b/cmd/main.go @@ -38,6 +38,14 @@ func main() { handlers.SetupRoutes(app, h) + xStore, err := db.NewXsampleStore(dbName) + if err != nil { + app.Logger.Fatalf("failed to create store: %s", err) + } + xs := services.NewServicesXsample(services.Xsample{}, xStore) + xh := handlers.NewXsampleHandler(xs) + handlers.SetupRoutesXsample(app, xh) + app.Logger.Fatal(app.Start(":5000")) } diff --git a/db/xsample.store.go b/db/xsample.store.go new file mode 100644 index 0000000..adf1c4f --- /dev/null +++ b/db/xsample.store.go @@ -0,0 +1,26 @@ +package db + +import ( + "database/sql" + + _ "github.com/glebarez/go-sqlite" +) + +type XsampleStore struct { + Db *sql.DB +} + +func NewXsampleStore(dbName string) (XsampleStore, error) { + Db, err := getConnection(dbName) + if err != nil { + return XsampleStore{}, err + } + + if err := createMigrations(dbName, Db); err != nil { + return XsampleStore{}, err + } + + return XsampleStore{ + Db, + }, nil +} diff --git a/handlers/login.handlers.go b/handlers/login.handlers.go new file mode 100644 index 0000000..1a390ef --- /dev/null +++ b/handlers/login.handlers.go @@ -0,0 +1,21 @@ +package handlers + +import ( + "github.com/a-h/templ" + "github.com/emarifer/go-templ-project-structure/views/login" + + "github.com/labstack/echo/v4" +) + +func HandlerShowLoginCompany(c echo.Context) error { + + // si := user.ShowIndex("| Home", user.Show(udata)) + si := login.ShowLogin("Login ", login.DivLogin(), login.CssLogin(), login.JsLogin()) + + return ViewLoginCompany(c, si) +} +func ViewLoginCompany(c echo.Context, cmp templ.Component) error { + c.Response().Header().Set(echo.HeaderContentType, echo.MIMETextHTML) + + return cmp.Render(c.Request().Context(), c.Response().Writer) +} diff --git a/handlers/routes.go b/handlers/routes.go index 2e0ff0f..12c49af 100644 --- a/handlers/routes.go +++ b/handlers/routes.go @@ -7,6 +7,13 @@ func SetupRoutes(app *echo.Echo, h *UserHandler) { group.GET("", h.HandlerShowUsers) group.GET("/details/:id", h.HandlerShowUserById) + +} + +//PLAYGROUND TESTING +func SetupRoutesXsample(app *echo.Echo, h *XsampleHandler) { + xSample := app.Group("/xsample") + xSample.GET("/xsample01", h.Hello) } func SetupRoutesProject(app *echo.Echo) { diff --git a/handlers/xsample.handlers.go b/handlers/xsample.handlers.go new file mode 100644 index 0000000..9253c6b --- /dev/null +++ b/handlers/xsample.handlers.go @@ -0,0 +1,32 @@ +package handlers + +import ( + "github.com/a-h/templ" + "github.com/emarifer/go-templ-project-structure/views/xsample" + + "github.com/labstack/echo/v4" +) + +type XsampleService interface { +} + +func NewXsampleHandler(us XsampleService) *XsampleHandler { + return &XsampleHandler{ + XsampleService: us, + } +} + +type XsampleHandler struct { + XsampleService XsampleService +} + +func (uh *XsampleHandler) Hello(c echo.Context) error { + helo := xsample.ShowHelo("Hello World", xsample.HelloWorld("Hello World"), xsample.CssHelo(), xsample.JsHelo()) + return uh.View(c, helo) +} + +func (uh *XsampleHandler) View(c echo.Context, cmp templ.Component) error { + c.Response().Header().Set(echo.HeaderContentType, echo.MIMETextHTML) + + return cmp.Render(c.Request().Context(), c.Response().Writer) +} diff --git a/services/xsample.services.go b/services/xsample.services.go new file mode 100644 index 0000000..fc24081 --- /dev/null +++ b/services/xsample.services.go @@ -0,0 +1,80 @@ +package services + +import ( + "time" + + "github.com/emarifer/go-templ-project-structure/db" +) + +func NewServicesXsample(u Xsample, uStore db.XsampleStore) *ServicesXsample { + + return &ServicesXsample{ + Xsample: u, + XsampleStore: uStore, + } +} + +type Xsample struct { + ID int `json:"id"` + Xsamplename string `json:"Xsamplename"` + Email string `json:"email"` + CreatedAt time.Time `json:"created_at,omitempty"` +} + +type ServicesXsample struct { + Xsample Xsample + XsampleStore db.XsampleStore +} + +func (su *ServicesXsample) GetAllXsamples() ([]Xsample, error) { + query := `SELECT id, Xsamplename, email, created_at FROM Xsamples ORDER BY created_at DESC` + + rows, err := su.XsampleStore.Db.Query(query) + if err != nil { + return []Xsample{}, err + } + // We close the resource + defer rows.Close() + + Xsamples := []Xsample{} + for rows.Next() { + rows.Scan( + &su.Xsample.ID, + &su.Xsample.Xsamplename, + &su.Xsample.Email, + &su.Xsample.CreatedAt, + ) + + Xsamples = append(Xsamples, su.Xsample) + } + + return Xsamples, nil +} + +func (su *ServicesXsample) GetXsampleById(id int) (Xsample, error) { + + query := `SELECT id, Xsamplename, email, created_at FROM Xsamples + WHERE id = ?` + + stmt, err := su.XsampleStore.Db.Prepare(query) + if err != nil { + return Xsample{}, err + } + + defer stmt.Close() + + su.Xsample.ID = id + err = stmt.QueryRow( + su.Xsample.ID, + ).Scan( + &su.Xsample.ID, + &su.Xsample.Xsamplename, + &su.Xsample.Email, + &su.Xsample.CreatedAt, + ) + if err != nil { + return Xsample{}, err + } + + return su.Xsample, nil +} diff --git a/views/layout/canvas_layout.templ b/views/layout/canvas_layout.templ index 3ca72dc..735e60d 100644 --- a/views/layout/canvas_layout.templ +++ b/views/layout/canvas_layout.templ @@ -1,7 +1,6 @@ package layout -// loyoit for login/forgot password -templ AuthenticationLayout(title string, css templ.Component, js templ.Component) { +templ CanvasLayout(title string, css templ.Component, js templ.Component) { + @css diff --git a/views/layout/canvas_layout_templ.go b/views/layout/canvas_layout_templ.go index 443c248..1286ffe 100644 --- a/views/layout/canvas_layout_templ.go +++ b/views/layout/canvas_layout_templ.go @@ -10,8 +10,7 @@ import "context" import "io" import "bytes" -// loyoit for login/forgot password -func AuthenticationLayout(title string, css templ.Component, js templ.Component) templ.Component { +func CanvasLayout(title string, css templ.Component, js templ.Component) templ.Component { return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) { templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer) if !templ_7745c5c3_IsBuffer { @@ -24,20 +23,20 @@ func AuthenticationLayout(title string, css templ.Component, js templ.Component) templ_7745c5c3_Var1 = templ.NopComponent } ctx = templ.ClearChildren(ctx) - _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("Company Portal | ") + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!doctype html><!--\r\n\t\tTemplate Name: Metronic - Bootstrap 4 HTML, React, Angular 9 & VueJS Admin Dashboard Theme\r\n\t\tAuthor: KeenThemes\r\n\t\tWebsite: http://www.keenthemes.com/\r\n\t\tContact: support@keenthemes.com\r\n\t\tFollow: www.twitter.com/keenthemes\r\n\t\tDribbble: www.dribbble.com/keenthemes\r\n\t\tLike: www.facebook.com/keenthemes\r\n\t\tPurchase: https://1.envato.market/EA4JP\r\n\t\tRenew Support: https://1.envato.market/EA4JP\r\n\t\tLicense: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.\r\n\t\t--><html lang=\"en\"><!--begin::Head--><head><base href=\"../\"><meta charset=\"utf-8\"><title>Company Portal | ") if templ_7745c5c3_Err != nil { return templ_7745c5c3_Err } var templ_7745c5c3_Var2 string templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(title) if templ_7745c5c3_Err != nil { - return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\layout\canvas_layout.templ`, Line: 23, Col: 34} + return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\layout\canvas_layout.templ`, Line: 22, Col: 34} } _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2)) if templ_7745c5c3_Err != nil { return templ_7745c5c3_Err } - _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("") + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("") if templ_7745c5c3_Err != nil { return templ_7745c5c3_Err } diff --git a/views/layout/playground_layout.templ b/views/layout/playground_layout.templ new file mode 100644 index 0000000..0c4b6df --- /dev/null +++ b/views/layout/playground_layout.templ @@ -0,0 +1,174 @@ +package layout + +// LAYOUT PLAYGROUND +templ PlaygroundLayout(title string, css templ.Component, js templ.Component) { + + + + + + + + Company Portal | { title } + + + + + + + + + + + + + + + + + + + + + + + @css + + + + + + { children... } + + + + + + + + + + + @js + + + + +} diff --git a/views/layout/playground_layout_templ.go b/views/layout/playground_layout_templ.go new file mode 100644 index 0000000..01f9c72 --- /dev/null +++ b/views/layout/playground_layout_templ.go @@ -0,0 +1,73 @@ +// Code generated by templ - DO NOT EDIT. + +// templ: version: v0.2.663 +package layout + +//lint:file-ignore SA4006 This context is only used if a nested component is present. + +import "github.com/a-h/templ" +import "context" +import "io" +import "bytes" + +// LAYOUT PLAYGROUND +func PlaygroundLayout(title string, css templ.Component, js templ.Component) templ.Component { + return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) { + templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer) + if !templ_7745c5c3_IsBuffer { + templ_7745c5c3_Buffer = templ.GetBuffer() + defer templ.ReleaseBuffer(templ_7745c5c3_Buffer) + } + ctx = templ.InitializeContext(ctx) + templ_7745c5c3_Var1 := templ.GetChildren(ctx) + if templ_7745c5c3_Var1 == nil { + templ_7745c5c3_Var1 = templ.NopComponent + } + ctx = templ.ClearChildren(ctx) + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("Company Portal | ") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + var templ_7745c5c3_Var2 string + templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(title) + if templ_7745c5c3_Err != nil { + return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\layout\playground_layout.templ`, Line: 23, Col: 34} + } + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2)) + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + templ_7745c5c3_Err = css.Render(ctx, templ_7745c5c3_Buffer) + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + templ_7745c5c3_Err = templ_7745c5c3_Var1.Render(ctx, templ_7745c5c3_Buffer) + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + templ_7745c5c3_Err = js.Render(ctx, templ_7745c5c3_Buffer) + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + if !templ_7745c5c3_IsBuffer { + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W) + } + return templ_7745c5c3_Err + }) +} diff --git a/views/login/login.templ b/views/login/login.templ new file mode 100644 index 0000000..0b177e6 --- /dev/null +++ b/views/login/login.templ @@ -0,0 +1,387 @@ +package login + +import ( + "github.com/emarifer/go-templ-project-structure/views/layout" +) + +templ DivLogin() { +
+
+ + + + + + +
+ +
+} + +templ CssLogin() { + +} + +// templ CssLoginCompany() { +// +// } +templ JsLogin() { + +} + +templ ShowLogin(title string, cmp templ.Component, css templ.Component, js templ.Component) { + @layout.CanvasLayout(title, css, js) { + @cmp + } +} diff --git a/views/login/login_templ.go b/views/login/login_templ.go new file mode 100644 index 0000000..cb50060 --- /dev/null +++ b/views/login/login_templ.go @@ -0,0 +1,133 @@ +// Code generated by templ - DO NOT EDIT. + +// templ: version: v0.2.663 +package login + +//lint:file-ignore SA4006 This context is only used if a nested component is present. + +import "github.com/a-h/templ" +import "context" +import "io" +import "bytes" + +import ( + "github.com/emarifer/go-templ-project-structure/views/layout" +) + +func DivLogin() templ.Component { + return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) { + templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer) + if !templ_7745c5c3_IsBuffer { + templ_7745c5c3_Buffer = templ.GetBuffer() + defer templ.ReleaseBuffer(templ_7745c5c3_Buffer) + } + ctx = templ.InitializeContext(ctx) + templ_7745c5c3_Var1 := templ.GetChildren(ctx) + if templ_7745c5c3_Var1 == nil { + templ_7745c5c3_Var1 = templ.NopComponent + } + ctx = templ.ClearChildren(ctx) + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
Empowering Your Workforce's Health\r
Discover peace of mind and prioritize your health with our\r comprehensive medical check-up packages\r
\"\"

Welcome to Corporate Portal\r

Sign in to access your account\r

Sign Up\r

Enter your details to create your account\r

\"\"

Forgotten Password ?\r

Enter your email to reset your password\r

") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + if !templ_7745c5c3_IsBuffer { + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W) + } + return templ_7745c5c3_Err + }) +} + +func CssLogin() templ.Component { + return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) { + templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer) + if !templ_7745c5c3_IsBuffer { + templ_7745c5c3_Buffer = templ.GetBuffer() + defer templ.ReleaseBuffer(templ_7745c5c3_Buffer) + } + ctx = templ.InitializeContext(ctx) + templ_7745c5c3_Var2 := templ.GetChildren(ctx) + if templ_7745c5c3_Var2 == nil { + templ_7745c5c3_Var2 = templ.NopComponent + } + ctx = templ.ClearChildren(ctx) + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + if !templ_7745c5c3_IsBuffer { + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W) + } + return templ_7745c5c3_Err + }) +} + +// templ CssLoginCompany() { +// +// } +func JsLogin() templ.Component { + return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) { + templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer) + if !templ_7745c5c3_IsBuffer { + templ_7745c5c3_Buffer = templ.GetBuffer() + defer templ.ReleaseBuffer(templ_7745c5c3_Buffer) + } + ctx = templ.InitializeContext(ctx) + templ_7745c5c3_Var3 := templ.GetChildren(ctx) + if templ_7745c5c3_Var3 == nil { + templ_7745c5c3_Var3 = templ.NopComponent + } + ctx = templ.ClearChildren(ctx) + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + if !templ_7745c5c3_IsBuffer { + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W) + } + return templ_7745c5c3_Err + }) +} + +func ShowLogin(title string, cmp templ.Component, css templ.Component, js templ.Component) templ.Component { + return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) { + templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer) + if !templ_7745c5c3_IsBuffer { + templ_7745c5c3_Buffer = templ.GetBuffer() + defer templ.ReleaseBuffer(templ_7745c5c3_Buffer) + } + ctx = templ.InitializeContext(ctx) + templ_7745c5c3_Var4 := templ.GetChildren(ctx) + if templ_7745c5c3_Var4 == nil { + templ_7745c5c3_Var4 = templ.NopComponent + } + ctx = templ.ClearChildren(ctx) + templ_7745c5c3_Var5 := templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) { + templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer) + if !templ_7745c5c3_IsBuffer { + templ_7745c5c3_Buffer = templ.GetBuffer() + defer templ.ReleaseBuffer(templ_7745c5c3_Buffer) + } + templ_7745c5c3_Err = cmp.Render(ctx, templ_7745c5c3_Buffer) + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + if !templ_7745c5c3_IsBuffer { + _, templ_7745c5c3_Err = io.Copy(templ_7745c5c3_W, templ_7745c5c3_Buffer) + } + return templ_7745c5c3_Err + }) + templ_7745c5c3_Err = layout.CanvasLayout(title, css, js).Render(templ.WithChildren(ctx, templ_7745c5c3_Var5), templ_7745c5c3_Buffer) + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + if !templ_7745c5c3_IsBuffer { + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W) + } + return templ_7745c5c3_Err + }) +} diff --git a/views/xsample/xsample.templ b/views/xsample/xsample.templ new file mode 100644 index 0000000..11ebd89 --- /dev/null +++ b/views/xsample/xsample.templ @@ -0,0 +1,21 @@ +package xsample + +import ( + "github.com/emarifer/go-templ-project-structure/views/layout" +) + +templ HelloWorld(title string) { +
{ title }
+} + +templ CssHelo() { +} + +templ JsHelo() { +} + +templ ShowHelo(title string, cmp templ.Component, css templ.Component, js templ.Component) { + @layout.PlaygroundLayout(title, css, js) { + @cmp + } +} diff --git a/views/xsample/xsample_templ.go b/views/xsample/xsample_templ.go new file mode 100644 index 0000000..8fbb525 --- /dev/null +++ b/views/xsample/xsample_templ.go @@ -0,0 +1,131 @@ +// Code generated by templ - DO NOT EDIT. + +// templ: version: v0.2.663 +package xsample + +//lint:file-ignore SA4006 This context is only used if a nested component is present. + +import "github.com/a-h/templ" +import "context" +import "io" +import "bytes" + +import ( + "github.com/emarifer/go-templ-project-structure/views/layout" +) + +func HelloWorld(title string) templ.Component { + return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) { + templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer) + if !templ_7745c5c3_IsBuffer { + templ_7745c5c3_Buffer = templ.GetBuffer() + defer templ.ReleaseBuffer(templ_7745c5c3_Buffer) + } + ctx = templ.InitializeContext(ctx) + templ_7745c5c3_Var1 := templ.GetChildren(ctx) + if templ_7745c5c3_Var1 == nil { + templ_7745c5c3_Var1 = templ.NopComponent + } + ctx = templ.ClearChildren(ctx) + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + var templ_7745c5c3_Var2 string + templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(title) + if templ_7745c5c3_Err != nil { + return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\xsample\xsample.templ`, Line: 8, Col: 13} + } + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2)) + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + if !templ_7745c5c3_IsBuffer { + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W) + } + return templ_7745c5c3_Err + }) +} + +func CssHelo() templ.Component { + return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) { + templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer) + if !templ_7745c5c3_IsBuffer { + templ_7745c5c3_Buffer = templ.GetBuffer() + defer templ.ReleaseBuffer(templ_7745c5c3_Buffer) + } + ctx = templ.InitializeContext(ctx) + templ_7745c5c3_Var3 := templ.GetChildren(ctx) + if templ_7745c5c3_Var3 == nil { + templ_7745c5c3_Var3 = templ.NopComponent + } + ctx = templ.ClearChildren(ctx) + if !templ_7745c5c3_IsBuffer { + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W) + } + return templ_7745c5c3_Err + }) +} + +func JsHelo() templ.Component { + return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) { + templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer) + if !templ_7745c5c3_IsBuffer { + templ_7745c5c3_Buffer = templ.GetBuffer() + defer templ.ReleaseBuffer(templ_7745c5c3_Buffer) + } + ctx = templ.InitializeContext(ctx) + templ_7745c5c3_Var4 := templ.GetChildren(ctx) + if templ_7745c5c3_Var4 == nil { + templ_7745c5c3_Var4 = templ.NopComponent + } + ctx = templ.ClearChildren(ctx) + if !templ_7745c5c3_IsBuffer { + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W) + } + return templ_7745c5c3_Err + }) +} + +func ShowHelo(title string, cmp templ.Component, css templ.Component, js templ.Component) templ.Component { + return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) { + templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer) + if !templ_7745c5c3_IsBuffer { + templ_7745c5c3_Buffer = templ.GetBuffer() + defer templ.ReleaseBuffer(templ_7745c5c3_Buffer) + } + ctx = templ.InitializeContext(ctx) + templ_7745c5c3_Var5 := templ.GetChildren(ctx) + if templ_7745c5c3_Var5 == nil { + templ_7745c5c3_Var5 = templ.NopComponent + } + ctx = templ.ClearChildren(ctx) + templ_7745c5c3_Var6 := templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) { + templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer) + if !templ_7745c5c3_IsBuffer { + templ_7745c5c3_Buffer = templ.GetBuffer() + defer templ.ReleaseBuffer(templ_7745c5c3_Buffer) + } + templ_7745c5c3_Err = cmp.Render(ctx, templ_7745c5c3_Buffer) + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + if !templ_7745c5c3_IsBuffer { + _, templ_7745c5c3_Err = io.Copy(templ_7745c5c3_W, templ_7745c5c3_Buffer) + } + return templ_7745c5c3_Err + }) + templ_7745c5c3_Err = layout.PlaygroundLayout(title, css, js).Render(templ.WithChildren(ctx, templ_7745c5c3_Var6), templ_7745c5c3_Buffer) + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + if !templ_7745c5c3_IsBuffer { + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W) + } + return templ_7745c5c3_Err + }) +}