diff --git a/src/main/webapp/WEB-INF/jsp/fims/admin-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/admin-main.jsp index c3ff48f8..9cc5959d 100644 --- a/src/main/webapp/WEB-INF/jsp/fims/admin-main.jsp +++ b/src/main/webapp/WEB-INF/jsp/fims/admin-main.jsp @@ -8,8 +8,8 @@
-
-
+
+
@@ -17,14 +17,14 @@
-
-
+
+
-
-
+
+
diff --git a/src/main/webapp/resources/css/fims/cmmn/xit-core-extend.css b/src/main/webapp/resources/css/fims/cmmn/xit-core-extend.css index aa34d576..7291bafd 100644 --- a/src/main/webapp/resources/css/fims/cmmn/xit-core-extend.css +++ b/src/main/webapp/resources/css/fims/cmmn/xit-core-extend.css @@ -27,8 +27,26 @@ select { .task-theme-pes { background : rgba(239,122,115,0.4) !important } .task-theme-dvs { background : rgba(162,225,221,0.4) !important } -.doc-example .doc-example-content::before { - font-size : 15px!important; +.fieldset-legend .fieldset-legend-content { + padding: 1.5rem; + font-size: .875rem; + background-color: #fff; + border: 1px solid #bcc5cd; + position: relative +} + +.fieldset-legend .fieldset-legend-content::before { + content: attr(data-label); + display: block; + position: absolute; + top: -8px; + left: 12px; + font-size : 15px!important; + font-weight: 600; + text-transform: uppercase; + background-color: inherit; + color: #a1acb8; + padding: 0 5px } /* 최상위 태그 */ diff --git a/src/main/webapp/resources/css/fims/cmmn/xit-core.css b/src/main/webapp/resources/css/fims/cmmn/xit-core.css index 42f2aebc..c7fad958 100644 --- a/src/main/webapp/resources/css/fims/cmmn/xit-core.css +++ b/src/main/webapp/resources/css/fims/cmmn/xit-core.css @@ -16,33 +16,36 @@ --bs-green: #71dd37; --bs-teal: #20c997; --bs-cyan: #03c3ec; - --bs-black: #435971; - --bs-white: #fff; - --bs-gray: rgba(67, 89, 113, 0.1); - --bs-gray-dark: rgba(67, 89, 113, 0.8); - --bs-gray-25: rgba(67, 89, 113, 0.025); - --bs-gray-50: rgba(67, 89, 113, 0.05); - --bs-dark: #233446; - --bs-light: #fcfdfd; + --bs-primary: #696cff; - --bs-secondary: #8592a3; - --bs-success: #71dd37; - --bs-info: #03c3ec; - --bs-warning: #ffab00; - --bs-danger: #ff3e1d; --bs-primary-rgb: 105, 108, 255; + --bs-secondary: #8592a3; --bs-secondary-rgb: 133, 146, 163; + --bs-success: #71dd37; --bs-success-rgb: 113, 221, 55; + --bs-info: #03c3ec; --bs-info-rgb: 3, 195, 236; + --bs-warning: #ffab00; --bs-warning-rgb: 255, 171, 0; + --bs-danger: #ff3e1d; --bs-danger-rgb: 255, 62, 29; + --bs-light: #fcfdfd; --bs-light-rgb: 252, 253, 253; + --bs-dark: #233446; --bs-dark-rgb: 35, 52, 70; + + --bs-gray: rgba(67, 89, 113, 0.1); --bs-gray-rgb: 67, 89, 113; + --bs-gray-dark: rgba(67, 89, 113, 0.8); + --bs-gray-25: rgba(67, 89, 113, 0.025); + --bs-gray-50: rgba(67, 89, 113, 0.05); + + --bs-white: #fff; --bs-white-rgb: 255, 255, 255; + --bs-black: #435971; --bs-black-rgb: 67, 89, 113; + --bs-body-color-rgb: 105, 122, 141; - --bs-body-bg-rgb: 245, 245, 249; --bs-font-sans-serif: "Noto Sans Korean", "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; --bs-font-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); @@ -52,7 +55,8 @@ --bs-body-font-weight: 400; --bs-body-line-height: 1.53; --bs-body-color: #697a8d; - --bs-body-bg: #f5f5f9; + --bs-body-bg: #ffffff; + --bs-body-bg-rgb: 255, 255, 255; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #d9dee3; @@ -244,10 +248,7 @@ a:not([href]):not([class]), a:not([href]):not([class]):hover { text-decoration: none; } -pre, -code, -kbd, -samp { +pre, code, kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em; } @@ -275,15 +276,18 @@ a > code { } kbd { - padding: 0.1875rem 0.375rem; - font-size: 85%; - color: var(--bs-body-bg); - background-color: var(--bs-body-color); - border-radius: 0.25rem; -} -kbd kbd { - padding: 0; - font-size: 1em; + background-color: #eee; + border-radius: 3px; + border: 1px solid #b4b4b4; + box-shadow: + 0 1px 1px rgba(0, 0, 0, 0.2), + 0 2px 0 0 rgba(255, 255, 255, 0.7) inset; + color: #333; + display: inline-block; + font-weight: 700; + line-height: 1; + padding: 2px 4px; + white-space: nowrap; } figure { @@ -3777,7 +3781,7 @@ ul.nav-tabs > li.nav-item{ --bs-card-spacer-y: 1.5rem; --bs-card-spacer-x: 1.5rem; --bs-card-title-spacer-y: 0.175rem; - --bs-card-border-width: 0; + --bs-card-border-width: 1px; --bs-card-body-border-width: 0; --bs-card-border-color: #d9dee3; --bs-card-border-radius: 0.5rem; @@ -6571,6 +6575,10 @@ a.bg-lightest:hover, a.bg-lightest:focus { background-color: rgba(67, 89, 113, 0.05) !important; } +a.bg-primary:hover, a.bg-primary:focus { + background-color: #6467f2 !important; +} + .text-muted[href]:hover, .text-muted[href]:focus { color: #8e9baa !important; } @@ -7916,6 +7924,12 @@ button:focus-visible { width: 1.5rem; font-size: 0.8125em; } +.badge-center.badge-sm { + height: 1rem; + width: 1rem; + font-size: .65rem +} + .badge-center i { font-size: 0.8rem; } @@ -12068,6 +12082,10 @@ button.list-group-item-gray.active { color: #697a8d !important; } +.text-body[href]:hover { + color: #5f61e6 !important; +} + .text-muted { --bs-text-opacity: 1; color: #a1acb8 !important; @@ -12093,6 +12111,8 @@ button.list-group-item-gray.active { background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; } + + .bg-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; @@ -12165,7 +12185,7 @@ button.list-group-item-gray.active { .bg-body { --bs-bg-opacity: 1; - background-color: #f5f5f9 !important; + background-color: #ffffff !important; } .bg-transparent { @@ -16561,6 +16581,7 @@ html:not(.layout-menu-fixed) .menu-inner-shadow { display: none; } } + .layout-page, .content-wrapper, .content-wrapper > *, @@ -16584,6 +16605,15 @@ html:not(.layout-menu-fixed) .menu-inner-shadow { padding-left: 0 !important; } +.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal) .layout-page:before { + content: ""; + width: 100%; + height: 4.75rem; + position: fixed; + top: 0px; + z-index: 10; +} + .content-wrapper { display: flex; align-items: stretch; @@ -18612,1918 +18642,331 @@ html:not(.layout-footer-fixed) .content-wrapper { border-color: rgba(255, 255, 255, 0.2); } -.bg-facebook { - background-color: #3b5998 !important; -} -a.bg-facebook:hover, a.bg-facebook:focus { - background-color: #385590 !important; -} + + .dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span { - background-color: #3b5998; + background-color: #696cff; } -.bg-label-facebook { - background-color: #e0e4ef !important; - color: #3b5998 !important; -} -.border-label-facebook { - border: 3px solid #b1bdd6 !important; -} -.border-light-facebook { - border: 3px solid rgba(59, 89, 152, 0.08); -} -.btn-facebook { - color: #fff; - background-color: #3b5998; - border-color: #3b5998; - box-shadow: 0 0.125rem 0.25rem 0 rgba(59, 89, 152, 0.4); + +.btn-white { + color: #697a8d; + background-color: #fff; + border-color: #fff; + box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 255, 255, 0.4); } -.btn-facebook:hover { - color: #fff !important; - background-color: #355089 !important; - border-color: #355089 !important; +.btn-white:hover { + color: #435971 !important; + background-color: white !important; + border-color: white !important; transform: translateY(-1px) !important; } -.btn-check:focus + .btn-facebook, .btn-facebook:focus, .btn-facebook.focus { - color: #fff; - background-color: #355089; - border-color: #355089; +.btn-check:focus + .btn-white, .btn-white:focus, .btn-white.focus { + color: #435971; + background-color: white; + border-color: white; transform: translateY(0); box-shadow: none; } -.btn-check:checked + .btn-facebook, .btn-check:active + .btn-facebook, .btn-facebook:active, .btn-facebook.active, .btn-facebook.show.dropdown-toggle, .show > .btn-facebook.dropdown-toggle { - color: #fff !important; - background-color: #324c81 !important; - border-color: #324c81 !important; +.btn-check:checked + .btn-white, .btn-check:active + .btn-white, .btn-white:active, .btn-white.active, .btn-white.show.dropdown-toggle, .show > .btn-white.dropdown-toggle { + color: #435971 !important; + background-color: white !important; + border-color: white !important; } -.btn-check:checked + .btn-facebook:focus, .btn-check:active + .btn-facebook:focus, .btn-facebook:active:focus, .btn-facebook.active:focus, .btn-facebook.show.dropdown-toggle:focus, .show > .btn-facebook.dropdown-toggle:focus { +.btn-check:checked + .btn-white:focus, .btn-check:active + .btn-white:focus, .btn-white:active:focus, .btn-white.active:focus, .btn-white.show.dropdown-toggle:focus, .show > .btn-white.dropdown-toggle:focus { box-shadow: none; } -.btn-facebook.disabled, .btn-facebook:disabled { - color: #fff !important; - background-color: #3b5998 !important; - border-color: #3b5998 !important; +.btn-white.disabled, .btn-white:disabled { + color: #435971 !important; + background-color: #fff !important; + border-color: #fff !important; box-shadow: none !important; } -.btn-label-facebook { - color: #3b5998; +.btn-label-white { + color: #697a8d; border-color: transparent; - background: #e0e4ef; + background: white; } -.btn-label-facebook:hover { +.btn-label-white:hover { border-color: transparent !important; - background: #355089 !important; - color: #fff !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(59, 89, 152, 0.4) !important; + background: white !important; + color: #697a8d !important; + box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 255, 255, 0.4) !important; transform: translateY(-1px) !important; } -.btn-label-facebook:focus, .btn-label-facebook.focus { - color: #fff; - background: #355089; +.btn-label-white:focus, .btn-label-white.focus { + color: #697a8d; + background: white; box-shadow: none !important; transform: translateY(0); } -.btn-label-facebook:active, .btn-label-facebook.active, .btn-label-facebook.show.dropdown-toggle, .show > .btn-label-facebook.dropdown-toggle { - color: #fff !important; - background-color: #324c81 !important; +.btn-label-white:active, .btn-label-white.active, .btn-label-white.show.dropdown-toggle, .show > .btn-label-white.dropdown-toggle { + color: #697a8d !important; + background-color: white !important; border-color: transparent !important; } -.btn-label-facebook:active:focus, .btn-label-facebook.active:focus, .btn-label-facebook.show.dropdown-toggle:focus, .show > .btn-label-facebook.dropdown-toggle:focus { +.btn-label-white:active:focus, .btn-label-white.active:focus, .btn-label-white.show.dropdown-toggle:focus, .show > .btn-label-white.dropdown-toggle:focus { box-shadow: none; } -.btn-label-facebook.disabled, .btn-label-facebook:disabled { - color: #3b5998 !important; - background-color: #e0e4ef !important; +.btn-label-white.disabled, .btn-label-white:disabled { + color: #697a8d !important; + background-color: white !important; border-color: transparent !important; } -.btn-outline-facebook { - color: #3b5998; - border-color: #3b5998; +.btn-outline-white { + color: #fff; + border-color: #fff; background: transparent; } -.btn-outline-facebook:hover { - color: #fff !important; - background-color: #355089 !important; - border-color: #355089 !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(59, 89, 152, 0.4) !important; +.btn-outline-white:hover { + color: #435971 !important; + background-color: white !important; + border-color: white !important; + box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 255, 255, 0.4) !important; transform: translateY(-1px) !important; } -.btn-check:focus + .btn-outline-facebook, .btn-outline-facebook:focus { - color: #fff; - background-color: #355089; - border-color: #355089; +.btn-check:focus + .btn-outline-white, .btn-outline-white:focus { + color: #435971; + background-color: white; + border-color: white; box-shadow: none; transform: translateY(0); } -.btn-check:checked + .btn-outline-facebook, .btn-check:active + .btn-outline-facebook, .btn-outline-facebook:active, .btn-outline-facebook.active, .btn-outline-facebook.dropdown-toggle.show { - color: #fff !important; - background-color: #324c81 !important; - border-color: #324c81 !important; +.btn-check:checked + .btn-outline-white, .btn-check:active + .btn-outline-white, .btn-outline-white:active, .btn-outline-white.active, .btn-outline-white.dropdown-toggle.show { + color: #435971 !important; + background-color: white !important; + border-color: white !important; } -.btn-check:checked + .btn-outline-facebook:focus, .btn-check:active + .btn-outline-facebook:focus, .btn-outline-facebook:active:focus, .btn-outline-facebook.active:focus, .btn-outline-facebook.dropdown-toggle.show:focus { +.btn-check:checked + .btn-outline-white:focus, .btn-check:active + .btn-outline-white:focus, .btn-outline-white:active:focus, .btn-outline-white.active:focus, .btn-outline-white.dropdown-toggle.show:focus { box-shadow: none; } -.btn-outline-facebook.disabled, .btn-outline-facebook:disabled { +.btn-outline-white.disabled, .btn-outline-white:disabled { box-shadow: none !important; - color: #3b5998 !important; + color: #fff !important; background-color: transparent !important; } -.btn-outline-facebook .badge { - background: #3b5998; - border-color: #3b5998; - color: #fff; -} - -.btn-outline-facebook:hover .badge, -.btn-outline-facebook:focus:hover .badge, -.btn-outline-facebook:active .badge, -.btn-outline-facebook.active .badge, -.show > .btn-outline-facebook.dropdown-toggle .badge { +.btn-outline-white .badge { background: #fff; border-color: #fff; - color: #3b5998; -} - -.bg-twitter { - background-color: #1da1f2 !important; + color: #435971; } -a.bg-twitter:hover, a.bg-twitter:focus { - background-color: #1c99e6 !important; +.btn-outline-white:hover .badge, +.btn-outline-white:focus:hover .badge, +.btn-outline-white:active .badge, +.btn-outline-white.active .badge, +.show > .btn-outline-white.dropdown-toggle .badge { + background: #435971; + border-color: #435971; + color: #fff; } -.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span { - background-color: #1da1f2; +.form-check-black .form-check-input:focus { + border-color: #000; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4); } - -.bg-label-twitter { - background-color: #dbf0fd !important; - color: #1da1f2 !important; +.form-check-black .form-check-input:disabled { + background-color: #eceef1; } - -.border-label-twitter { - border: 3px solid #a5d9fa !important; +.form-check-black .form-check-input:checked, .form-check-black .form-check-input[type=checkbox]:indeterminate { + background-color: #000; + border-color: #000; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4); } -.border-light-twitter { - border: 3px solid rgba(29, 161, 242, 0.08); +.form-check-black.custom-option.checked { + border: 1px solid #000; } -.btn-twitter { - color: #fff; - background-color: #1da1f2; - border-color: #1da1f2; - box-shadow: 0 0.125rem 0.25rem 0 rgba(29, 161, 242, 0.4); -} -.btn-twitter:hover { - color: #fff !important; - background-color: #1a91da !important; - border-color: #1a91da !important; - transform: translateY(-1px) !important; -} -.btn-check:focus + .btn-twitter, .btn-twitter:focus, .btn-twitter.focus { - color: #fff; - background-color: #1a91da; - border-color: #1a91da; - transform: translateY(0); - box-shadow: none; -} -.btn-check:checked + .btn-twitter, .btn-check:active + .btn-twitter, .btn-twitter:active, .btn-twitter.active, .btn-twitter.show.dropdown-toggle, .show > .btn-twitter.dropdown-toggle { - color: #fff !important; - background-color: #1989ce !important; - border-color: #1989ce !important; +.form-check-white .form-check-input:focus { + border-color: #fff; + box-shadow: 0 2px 4px 0 rgba(255, 255, 255, 0.4); } -.btn-check:checked + .btn-twitter:focus, .btn-check:active + .btn-twitter:focus, .btn-twitter:active:focus, .btn-twitter.active:focus, .btn-twitter.show.dropdown-toggle:focus, .show > .btn-twitter.dropdown-toggle:focus { - box-shadow: none; +.form-check-white .form-check-input:disabled { + background-color: #eceef1; } -.btn-twitter.disabled, .btn-twitter:disabled { - color: #fff !important; - background-color: #1da1f2 !important; - border-color: #1da1f2 !important; - box-shadow: none !important; +.form-check-white .form-check-input:checked, .form-check-white .form-check-input[type=checkbox]:indeterminate { + background-color: #fff; + border-color: #fff; + box-shadow: 0 2px 4px 0 rgba(255, 255, 255, 0.4); } -.btn-label-twitter { - color: #1da1f2; - border-color: transparent; - background: #dbf0fd; -} -.btn-label-twitter:hover { - border-color: transparent !important; - background: #1a91da !important; - color: #fff !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(29, 161, 242, 0.4) !important; - transform: translateY(-1px) !important; -} -.btn-label-twitter:focus, .btn-label-twitter.focus { - color: #fff; - background: #1a91da; - box-shadow: none !important; - transform: translateY(0); +.form-check-white.custom-option.checked { + border: 1px solid #fff; } -.btn-label-twitter:active, .btn-label-twitter.active, .btn-label-twitter.show.dropdown-toggle, .show > .btn-label-twitter.dropdown-toggle { - color: #fff !important; - background-color: #1989ce !important; - border-color: transparent !important; + +.form-check-silver .form-check-input:focus { + border-color: #eee; + box-shadow: 0 2px 4px 0 rgba(238, 238, 238, 0.4); } -.btn-label-twitter:active:focus, .btn-label-twitter.active:focus, .btn-label-twitter.show.dropdown-toggle:focus, .show > .btn-label-twitter.dropdown-toggle:focus { - box-shadow: none; +.form-check-silver .form-check-input:disabled { + background-color: #eceef1; } -.btn-label-twitter.disabled, .btn-label-twitter:disabled { - color: #1da1f2 !important; - background-color: #dbf0fd !important; - border-color: transparent !important; +.form-check-silver .form-check-input:checked, .form-check-silver .form-check-input[type=checkbox]:indeterminate { + background-color: #eee; + border-color: #eee; + box-shadow: 0 2px 4px 0 rgba(238, 238, 238, 0.4); } -.btn-outline-twitter { - color: #1da1f2; - border-color: #1da1f2; - background: transparent; -} -.btn-outline-twitter:hover { - color: #fff !important; - background-color: #1a91da !important; - border-color: #1a91da !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(29, 161, 242, 0.4) !important; - transform: translateY(-1px) !important; -} -.btn-check:focus + .btn-outline-twitter, .btn-outline-twitter:focus { - color: #fff; - background-color: #1a91da; - border-color: #1a91da; - box-shadow: none; - transform: translateY(0); +.form-check-silver.custom-option.checked { + border: 1px solid #eee; } -.btn-check:checked + .btn-outline-twitter, .btn-check:active + .btn-outline-twitter, .btn-outline-twitter:active, .btn-outline-twitter.active, .btn-outline-twitter.dropdown-toggle.show { - color: #fff !important; - background-color: #1989ce !important; - border-color: #1989ce !important; + +.form-check-gray .form-check-input:focus { + border-color: #777; + box-shadow: 0 2px 4px 0 rgba(119, 119, 119, 0.4); } -.btn-check:checked + .btn-outline-twitter:focus, .btn-check:active + .btn-outline-twitter:focus, .btn-outline-twitter:active:focus, .btn-outline-twitter.active:focus, .btn-outline-twitter.dropdown-toggle.show:focus { - box-shadow: none; +.form-check-gray .form-check-input:disabled { + background-color: #eceef1; } -.btn-outline-twitter.disabled, .btn-outline-twitter:disabled { - box-shadow: none !important; - color: #1da1f2 !important; - background-color: transparent !important; +.form-check-gray .form-check-input:checked, .form-check-gray .form-check-input[type=checkbox]:indeterminate { + background-color: #777; + border-color: #777; + box-shadow: 0 2px 4px 0 rgba(119, 119, 119, 0.4); } -.btn-outline-twitter .badge { - background: #1da1f2; - border-color: #1da1f2; - color: #fff; +.form-check-gray.custom-option.checked { + border: 1px solid #777; } -.btn-outline-twitter:hover .badge, -.btn-outline-twitter:focus:hover .badge, -.btn-outline-twitter:active .badge, -.btn-outline-twitter.active .badge, -.show > .btn-outline-twitter.dropdown-toggle .badge { - background: #fff; - border-color: #fff; - color: #1da1f2; +.form-check-gold .form-check-input:focus { + border-color: #ffeb3b; + box-shadow: 0 2px 4px 0 rgba(255, 235, 59, 0.4); } - -.bg-google-plus { - background-color: #dd4b39 !important; +.form-check-gold .form-check-input:disabled { + background-color: #eceef1; } - -a.bg-google-plus:hover, a.bg-google-plus:focus { - background-color: #d24736 !important; +.form-check-gold .form-check-input:checked, .form-check-gold .form-check-input[type=checkbox]:indeterminate { + background-color: #ffeb3b; + border-color: #ffeb3b; + box-shadow: 0 2px 4px 0 rgba(255, 235, 59, 0.4); } -.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span { - background-color: #dd4b39; +.form-check-gold.custom-option.checked { + border: 1px solid #ffeb3b; } -.bg-label-google-plus { - background-color: #fae2df !important; - color: #dd4b39 !important; +.form-check-pink .form-check-input:focus { + border-color: #e91e63; + box-shadow: 0 2px 4px 0 rgba(233, 30, 99, 0.4); } - -.border-label-google-plus { - border: 3px solid #f1b7b0 !important; +.form-check-pink .form-check-input:disabled { + background-color: #eceef1; } - -.border-light-google-plus { - border: 3px solid rgba(221, 75, 57, 0.08); +.form-check-pink .form-check-input:checked, .form-check-pink .form-check-input[type=checkbox]:indeterminate { + background-color: #e91e63; + border-color: #e91e63; + box-shadow: 0 2px 4px 0 rgba(233, 30, 99, 0.4); } -.btn-google-plus { - color: #fff; - background-color: #dd4b39; - border-color: #dd4b39; - box-shadow: 0 0.125rem 0.25rem 0 rgba(221, 75, 57, 0.4); -} -.btn-google-plus:hover { - color: #fff !important; - background-color: #c74433 !important; - border-color: #c74433 !important; - transform: translateY(-1px) !important; -} -.btn-check:focus + .btn-google-plus, .btn-google-plus:focus, .btn-google-plus.focus { - color: #fff; - background-color: #c74433; - border-color: #c74433; - transform: translateY(0); - box-shadow: none; -} -.btn-check:checked + .btn-google-plus, .btn-check:active + .btn-google-plus, .btn-google-plus:active, .btn-google-plus.active, .btn-google-plus.show.dropdown-toggle, .show > .btn-google-plus.dropdown-toggle { - color: #fff !important; - background-color: #bc4030 !important; - border-color: #bc4030 !important; -} -.btn-check:checked + .btn-google-plus:focus, .btn-check:active + .btn-google-plus:focus, .btn-google-plus:active:focus, .btn-google-plus.active:focus, .btn-google-plus.show.dropdown-toggle:focus, .show > .btn-google-plus.dropdown-toggle:focus { - box-shadow: none; -} -.btn-google-plus.disabled, .btn-google-plus:disabled { - color: #fff !important; - background-color: #dd4b39 !important; - border-color: #dd4b39 !important; - box-shadow: none !important; -} - -.btn-label-google-plus { - color: #dd4b39; - border-color: transparent; - background: #fae2df; -} -.btn-label-google-plus:hover { - border-color: transparent !important; - background: #c74433 !important; - color: #fff !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(221, 75, 57, 0.4) !important; - transform: translateY(-1px) !important; -} -.btn-label-google-plus:focus, .btn-label-google-plus.focus { - color: #fff; - background: #c74433; - box-shadow: none !important; - transform: translateY(0); -} -.btn-label-google-plus:active, .btn-label-google-plus.active, .btn-label-google-plus.show.dropdown-toggle, .show > .btn-label-google-plus.dropdown-toggle { - color: #fff !important; - background-color: #bc4030 !important; - border-color: transparent !important; -} -.btn-label-google-plus:active:focus, .btn-label-google-plus.active:focus, .btn-label-google-plus.show.dropdown-toggle:focus, .show > .btn-label-google-plus.dropdown-toggle:focus { - box-shadow: none; -} -.btn-label-google-plus.disabled, .btn-label-google-plus:disabled { - color: #dd4b39 !important; - background-color: #fae2df !important; - border-color: transparent !important; -} - -.btn-outline-google-plus { - color: #dd4b39; - border-color: #dd4b39; - background: transparent; -} -.btn-outline-google-plus:hover { - color: #fff !important; - background-color: #c74433 !important; - border-color: #c74433 !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(221, 75, 57, 0.4) !important; - transform: translateY(-1px) !important; -} -.btn-check:focus + .btn-outline-google-plus, .btn-outline-google-plus:focus { - color: #fff; - background-color: #c74433; - border-color: #c74433; - box-shadow: none; - transform: translateY(0); -} -.btn-check:checked + .btn-outline-google-plus, .btn-check:active + .btn-outline-google-plus, .btn-outline-google-plus:active, .btn-outline-google-plus.active, .btn-outline-google-plus.dropdown-toggle.show { - color: #fff !important; - background-color: #bc4030 !important; - border-color: #bc4030 !important; -} -.btn-check:checked + .btn-outline-google-plus:focus, .btn-check:active + .btn-outline-google-plus:focus, .btn-outline-google-plus:active:focus, .btn-outline-google-plus.active:focus, .btn-outline-google-plus.dropdown-toggle.show:focus { - box-shadow: none; -} -.btn-outline-google-plus.disabled, .btn-outline-google-plus:disabled { - box-shadow: none !important; - color: #dd4b39 !important; - background-color: transparent !important; -} - -.btn-outline-google-plus .badge { - background: #dd4b39; - border-color: #dd4b39; - color: #fff; -} - -.btn-outline-google-plus:hover .badge, -.btn-outline-google-plus:focus:hover .badge, -.btn-outline-google-plus:active .badge, -.btn-outline-google-plus.active .badge, -.show > .btn-outline-google-plus.dropdown-toggle .badge { - background: #fff; - border-color: #fff; - color: #dd4b39; -} - -.bg-instagram { - background-color: #e1306c !important; -} - -a.bg-instagram:hover, a.bg-instagram:focus { - background-color: #d62e67 !important; -} - -.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span { - background-color: #e1306c; -} - -.bg-label-instagram { - background-color: #fadee7 !important; - color: #e1306c !important; -} - -.border-label-instagram { - border: 3px solid #f3acc4 !important; -} - -.border-light-instagram { - border: 3px solid rgba(225, 48, 108, 0.08); -} - -.btn-instagram { - color: #fff; - background-color: #e1306c; - border-color: #e1306c; - box-shadow: 0 0.125rem 0.25rem 0 rgba(225, 48, 108, 0.4); -} -.btn-instagram:hover { - color: #fff !important; - background-color: #cb2b61 !important; - border-color: #cb2b61 !important; - transform: translateY(-1px) !important; -} -.btn-check:focus + .btn-instagram, .btn-instagram:focus, .btn-instagram.focus { - color: #fff; - background-color: #cb2b61; - border-color: #cb2b61; - transform: translateY(0); - box-shadow: none; -} -.btn-check:checked + .btn-instagram, .btn-check:active + .btn-instagram, .btn-instagram:active, .btn-instagram.active, .btn-instagram.show.dropdown-toggle, .show > .btn-instagram.dropdown-toggle { - color: #fff !important; - background-color: #bf295c !important; - border-color: #bf295c !important; -} -.btn-check:checked + .btn-instagram:focus, .btn-check:active + .btn-instagram:focus, .btn-instagram:active:focus, .btn-instagram.active:focus, .btn-instagram.show.dropdown-toggle:focus, .show > .btn-instagram.dropdown-toggle:focus { - box-shadow: none; -} -.btn-instagram.disabled, .btn-instagram:disabled { - color: #fff !important; - background-color: #e1306c !important; - border-color: #e1306c !important; - box-shadow: none !important; -} - -.btn-label-instagram { - color: #e1306c; - border-color: transparent; - background: #fadee7; -} -.btn-label-instagram:hover { - border-color: transparent !important; - background: #cb2b61 !important; - color: #fff !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(225, 48, 108, 0.4) !important; - transform: translateY(-1px) !important; -} -.btn-label-instagram:focus, .btn-label-instagram.focus { - color: #fff; - background: #cb2b61; - box-shadow: none !important; - transform: translateY(0); -} -.btn-label-instagram:active, .btn-label-instagram.active, .btn-label-instagram.show.dropdown-toggle, .show > .btn-label-instagram.dropdown-toggle { - color: #fff !important; - background-color: #bf295c !important; - border-color: transparent !important; -} -.btn-label-instagram:active:focus, .btn-label-instagram.active:focus, .btn-label-instagram.show.dropdown-toggle:focus, .show > .btn-label-instagram.dropdown-toggle:focus { - box-shadow: none; -} -.btn-label-instagram.disabled, .btn-label-instagram:disabled { - color: #e1306c !important; - background-color: #fadee7 !important; - border-color: transparent !important; -} - -.btn-outline-instagram { - color: #e1306c; - border-color: #e1306c; - background: transparent; -} -.btn-outline-instagram:hover { - color: #fff !important; - background-color: #cb2b61 !important; - border-color: #cb2b61 !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(225, 48, 108, 0.4) !important; - transform: translateY(-1px) !important; -} -.btn-check:focus + .btn-outline-instagram, .btn-outline-instagram:focus { - color: #fff; - background-color: #cb2b61; - border-color: #cb2b61; - box-shadow: none; - transform: translateY(0); -} -.btn-check:checked + .btn-outline-instagram, .btn-check:active + .btn-outline-instagram, .btn-outline-instagram:active, .btn-outline-instagram.active, .btn-outline-instagram.dropdown-toggle.show { - color: #fff !important; - background-color: #bf295c !important; - border-color: #bf295c !important; -} -.btn-check:checked + .btn-outline-instagram:focus, .btn-check:active + .btn-outline-instagram:focus, .btn-outline-instagram:active:focus, .btn-outline-instagram.active:focus, .btn-outline-instagram.dropdown-toggle.show:focus { - box-shadow: none; -} -.btn-outline-instagram.disabled, .btn-outline-instagram:disabled { - box-shadow: none !important; - color: #e1306c !important; - background-color: transparent !important; -} - -.btn-outline-instagram .badge { - background: #e1306c; - border-color: #e1306c; - color: #fff; -} - -.btn-outline-instagram:hover .badge, -.btn-outline-instagram:focus:hover .badge, -.btn-outline-instagram:active .badge, -.btn-outline-instagram.active .badge, -.show > .btn-outline-instagram.dropdown-toggle .badge { - background: #fff; - border-color: #fff; - color: #e1306c; -} - -.bg-linkedin { - background-color: #0077b5 !important; -} - -a.bg-linkedin:hover, a.bg-linkedin:focus { - background-color: #0071ac !important; -} - -.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span { - background-color: #0077b5; -} - -.bg-label-linkedin { - background-color: #d6e9f3 !important; - color: #0077b5 !important; -} - -.border-label-linkedin { - border: 3px solid #99c9e1 !important; -} - -.border-light-linkedin { - border: 3px solid rgba(0, 119, 181, 0.08); -} - -.btn-linkedin { - color: #fff; - background-color: #0077b5; - border-color: #0077b5; - box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 119, 181, 0.4); -} -.btn-linkedin:hover { - color: #fff !important; - background-color: #006ba3 !important; - border-color: #006ba3 !important; - transform: translateY(-1px) !important; -} -.btn-check:focus + .btn-linkedin, .btn-linkedin:focus, .btn-linkedin.focus { - color: #fff; - background-color: #006ba3; - border-color: #006ba3; - transform: translateY(0); - box-shadow: none; -} -.btn-check:checked + .btn-linkedin, .btn-check:active + .btn-linkedin, .btn-linkedin:active, .btn-linkedin.active, .btn-linkedin.show.dropdown-toggle, .show > .btn-linkedin.dropdown-toggle { - color: #fff !important; - background-color: #00659a !important; - border-color: #00659a !important; -} -.btn-check:checked + .btn-linkedin:focus, .btn-check:active + .btn-linkedin:focus, .btn-linkedin:active:focus, .btn-linkedin.active:focus, .btn-linkedin.show.dropdown-toggle:focus, .show > .btn-linkedin.dropdown-toggle:focus { - box-shadow: none; -} -.btn-linkedin.disabled, .btn-linkedin:disabled { - color: #fff !important; - background-color: #0077b5 !important; - border-color: #0077b5 !important; - box-shadow: none !important; -} - -.btn-label-linkedin { - color: #0077b5; - border-color: transparent; - background: #d6e9f3; -} -.btn-label-linkedin:hover { - border-color: transparent !important; - background: #006ba3 !important; - color: #fff !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 119, 181, 0.4) !important; - transform: translateY(-1px) !important; -} -.btn-label-linkedin:focus, .btn-label-linkedin.focus { - color: #fff; - background: #006ba3; - box-shadow: none !important; - transform: translateY(0); -} -.btn-label-linkedin:active, .btn-label-linkedin.active, .btn-label-linkedin.show.dropdown-toggle, .show > .btn-label-linkedin.dropdown-toggle { - color: #fff !important; - background-color: #00659a !important; - border-color: transparent !important; -} -.btn-label-linkedin:active:focus, .btn-label-linkedin.active:focus, .btn-label-linkedin.show.dropdown-toggle:focus, .show > .btn-label-linkedin.dropdown-toggle:focus { - box-shadow: none; -} -.btn-label-linkedin.disabled, .btn-label-linkedin:disabled { - color: #0077b5 !important; - background-color: #d6e9f3 !important; - border-color: transparent !important; -} - -.btn-outline-linkedin { - color: #0077b5; - border-color: #0077b5; - background: transparent; -} -.btn-outline-linkedin:hover { - color: #fff !important; - background-color: #006ba3 !important; - border-color: #006ba3 !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 119, 181, 0.4) !important; - transform: translateY(-1px) !important; -} -.btn-check:focus + .btn-outline-linkedin, .btn-outline-linkedin:focus { - color: #fff; - background-color: #006ba3; - border-color: #006ba3; - box-shadow: none; - transform: translateY(0); -} -.btn-check:checked + .btn-outline-linkedin, .btn-check:active + .btn-outline-linkedin, .btn-outline-linkedin:active, .btn-outline-linkedin.active, .btn-outline-linkedin.dropdown-toggle.show { - color: #fff !important; - background-color: #00659a !important; - border-color: #00659a !important; -} -.btn-check:checked + .btn-outline-linkedin:focus, .btn-check:active + .btn-outline-linkedin:focus, .btn-outline-linkedin:active:focus, .btn-outline-linkedin.active:focus, .btn-outline-linkedin.dropdown-toggle.show:focus { - box-shadow: none; -} -.btn-outline-linkedin.disabled, .btn-outline-linkedin:disabled { - box-shadow: none !important; - color: #0077b5 !important; - background-color: transparent !important; -} - -.btn-outline-linkedin .badge { - background: #0077b5; - border-color: #0077b5; - color: #fff; -} - -.btn-outline-linkedin:hover .badge, -.btn-outline-linkedin:focus:hover .badge, -.btn-outline-linkedin:active .badge, -.btn-outline-linkedin.active .badge, -.show > .btn-outline-linkedin.dropdown-toggle .badge { - background: #fff; - border-color: #fff; - color: #0077b5; -} - -.bg-github { - background-color: #333 !important; -} - -a.bg-github:hover, a.bg-github:focus { - background-color: #303030 !important; -} - -.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span { - background-color: #333; -} - -.bg-label-github { - background-color: #dedede !important; - color: #333 !important; -} - -.border-label-github { - border: 3px solid #adadad !important; -} - -.border-light-github { - border: 3px solid rgba(51, 51, 51, 0.08); -} - -.btn-github { - color: #fff; - background-color: #333; - border-color: #333; - box-shadow: 0 0.125rem 0.25rem 0 rgba(51, 51, 51, 0.4); -} -.btn-github:hover { - color: #fff !important; - background-color: #2e2e2e !important; - border-color: #2e2e2e !important; - transform: translateY(-1px) !important; -} -.btn-check:focus + .btn-github, .btn-github:focus, .btn-github.focus { - color: #fff; - background-color: #2e2e2e; - border-color: #2e2e2e; - transform: translateY(0); - box-shadow: none; -} -.btn-check:checked + .btn-github, .btn-check:active + .btn-github, .btn-github:active, .btn-github.active, .btn-github.show.dropdown-toggle, .show > .btn-github.dropdown-toggle { - color: #fff !important; - background-color: #2b2b2b !important; - border-color: #2b2b2b !important; -} -.btn-check:checked + .btn-github:focus, .btn-check:active + .btn-github:focus, .btn-github:active:focus, .btn-github.active:focus, .btn-github.show.dropdown-toggle:focus, .show > .btn-github.dropdown-toggle:focus { - box-shadow: none; -} -.btn-github.disabled, .btn-github:disabled { - color: #fff !important; - background-color: #333 !important; - border-color: #333 !important; - box-shadow: none !important; -} - -.btn-label-github { - color: #333; - border-color: transparent; - background: #dedede; -} -.btn-label-github:hover { - border-color: transparent !important; - background: #2e2e2e !important; - color: #fff !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(51, 51, 51, 0.4) !important; - transform: translateY(-1px) !important; -} -.btn-label-github:focus, .btn-label-github.focus { - color: #fff; - background: #2e2e2e; - box-shadow: none !important; - transform: translateY(0); -} -.btn-label-github:active, .btn-label-github.active, .btn-label-github.show.dropdown-toggle, .show > .btn-label-github.dropdown-toggle { - color: #fff !important; - background-color: #2b2b2b !important; - border-color: transparent !important; -} -.btn-label-github:active:focus, .btn-label-github.active:focus, .btn-label-github.show.dropdown-toggle:focus, .show > .btn-label-github.dropdown-toggle:focus { - box-shadow: none; -} -.btn-label-github.disabled, .btn-label-github:disabled { - color: #333 !important; - background-color: #dedede !important; - border-color: transparent !important; -} - -.btn-outline-github { - color: #333; - border-color: #333; - background: transparent; -} -.btn-outline-github:hover { - color: #fff !important; - background-color: #2e2e2e !important; - border-color: #2e2e2e !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(51, 51, 51, 0.4) !important; - transform: translateY(-1px) !important; -} -.btn-check:focus + .btn-outline-github, .btn-outline-github:focus { - color: #fff; - background-color: #2e2e2e; - border-color: #2e2e2e; - box-shadow: none; - transform: translateY(0); -} -.btn-check:checked + .btn-outline-github, .btn-check:active + .btn-outline-github, .btn-outline-github:active, .btn-outline-github.active, .btn-outline-github.dropdown-toggle.show { - color: #fff !important; - background-color: #2b2b2b !important; - border-color: #2b2b2b !important; -} -.btn-check:checked + .btn-outline-github:focus, .btn-check:active + .btn-outline-github:focus, .btn-outline-github:active:focus, .btn-outline-github.active:focus, .btn-outline-github.dropdown-toggle.show:focus { - box-shadow: none; -} -.btn-outline-github.disabled, .btn-outline-github:disabled { - box-shadow: none !important; - color: #333 !important; - background-color: transparent !important; -} - -.btn-outline-github .badge { - background: #333; - border-color: #333; - color: #fff; -} - -.btn-outline-github:hover .badge, -.btn-outline-github:focus:hover .badge, -.btn-outline-github:active .badge, -.btn-outline-github.active .badge, -.show > .btn-outline-github.dropdown-toggle .badge { - background: #fff; - border-color: #fff; - color: #333; -} - -.bg-dribbble { - background-color: #ea4c89 !important; -} - -a.bg-dribbble:hover, a.bg-dribbble:focus { - background-color: #de4882 !important; -} - -.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span { - background-color: #ea4c89; -} - -.bg-label-dribbble { - background-color: #fce2ec !important; - color: #ea4c89 !important; -} - -.border-label-dribbble { - border: 3px solid #f7b7d0 !important; -} - -.border-light-dribbble { - border: 3px solid rgba(234, 76, 137, 0.08); -} - -.btn-dribbble { - color: #fff; - background-color: #ea4c89; - border-color: #ea4c89; - box-shadow: 0 0.125rem 0.25rem 0 rgba(234, 76, 137, 0.4); -} -.btn-dribbble:hover { - color: #fff !important; - background-color: #d3447b !important; - border-color: #d3447b !important; - transform: translateY(-1px) !important; -} -.btn-check:focus + .btn-dribbble, .btn-dribbble:focus, .btn-dribbble.focus { - color: #fff; - background-color: #d3447b; - border-color: #d3447b; - transform: translateY(0); - box-shadow: none; -} -.btn-check:checked + .btn-dribbble, .btn-check:active + .btn-dribbble, .btn-dribbble:active, .btn-dribbble.active, .btn-dribbble.show.dropdown-toggle, .show > .btn-dribbble.dropdown-toggle { - color: #fff !important; - background-color: #c74174 !important; - border-color: #c74174 !important; -} -.btn-check:checked + .btn-dribbble:focus, .btn-check:active + .btn-dribbble:focus, .btn-dribbble:active:focus, .btn-dribbble.active:focus, .btn-dribbble.show.dropdown-toggle:focus, .show > .btn-dribbble.dropdown-toggle:focus { - box-shadow: none; -} -.btn-dribbble.disabled, .btn-dribbble:disabled { - color: #fff !important; - background-color: #ea4c89 !important; - border-color: #ea4c89 !important; - box-shadow: none !important; -} - -.btn-label-dribbble { - color: #ea4c89; - border-color: transparent; - background: #fce2ec; -} -.btn-label-dribbble:hover { - border-color: transparent !important; - background: #d3447b !important; - color: #fff !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(234, 76, 137, 0.4) !important; - transform: translateY(-1px) !important; -} -.btn-label-dribbble:focus, .btn-label-dribbble.focus { - color: #fff; - background: #d3447b; - box-shadow: none !important; - transform: translateY(0); -} -.btn-label-dribbble:active, .btn-label-dribbble.active, .btn-label-dribbble.show.dropdown-toggle, .show > .btn-label-dribbble.dropdown-toggle { - color: #fff !important; - background-color: #c74174 !important; - border-color: transparent !important; -} -.btn-label-dribbble:active:focus, .btn-label-dribbble.active:focus, .btn-label-dribbble.show.dropdown-toggle:focus, .show > .btn-label-dribbble.dropdown-toggle:focus { - box-shadow: none; -} -.btn-label-dribbble.disabled, .btn-label-dribbble:disabled { - color: #ea4c89 !important; - background-color: #fce2ec !important; - border-color: transparent !important; -} - -.btn-outline-dribbble { - color: #ea4c89; - border-color: #ea4c89; - background: transparent; -} -.btn-outline-dribbble:hover { - color: #fff !important; - background-color: #d3447b !important; - border-color: #d3447b !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(234, 76, 137, 0.4) !important; - transform: translateY(-1px) !important; -} -.btn-check:focus + .btn-outline-dribbble, .btn-outline-dribbble:focus { - color: #fff; - background-color: #d3447b; - border-color: #d3447b; - box-shadow: none; - transform: translateY(0); -} -.btn-check:checked + .btn-outline-dribbble, .btn-check:active + .btn-outline-dribbble, .btn-outline-dribbble:active, .btn-outline-dribbble.active, .btn-outline-dribbble.dropdown-toggle.show { - color: #fff !important; - background-color: #c74174 !important; - border-color: #c74174 !important; -} -.btn-check:checked + .btn-outline-dribbble:focus, .btn-check:active + .btn-outline-dribbble:focus, .btn-outline-dribbble:active:focus, .btn-outline-dribbble.active:focus, .btn-outline-dribbble.dropdown-toggle.show:focus { - box-shadow: none; -} -.btn-outline-dribbble.disabled, .btn-outline-dribbble:disabled { - box-shadow: none !important; - color: #ea4c89 !important; - background-color: transparent !important; -} - -.btn-outline-dribbble .badge { - background: #ea4c89; - border-color: #ea4c89; - color: #fff; -} - -.btn-outline-dribbble:hover .badge, -.btn-outline-dribbble:focus:hover .badge, -.btn-outline-dribbble:active .badge, -.btn-outline-dribbble.active .badge, -.show > .btn-outline-dribbble.dropdown-toggle .badge { - background: #fff; - border-color: #fff; - color: #ea4c89; -} - -.bg-pinterest { - background-color: #cb2027 !important; -} - -a.bg-pinterest:hover, a.bg-pinterest:focus { - background-color: #c11e25 !important; -} - -.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span { - background-color: #cb2027; -} - -.bg-label-pinterest { - background-color: #f7dbdc !important; - color: #cb2027 !important; -} - -.border-label-pinterest { - border: 3px solid #eaa6a9 !important; -} - -.border-light-pinterest { - border: 3px solid rgba(203, 32, 39, 0.08); -} - -.btn-pinterest { - color: #fff; - background-color: #cb2027; - border-color: #cb2027; - box-shadow: 0 0.125rem 0.25rem 0 rgba(203, 32, 39, 0.4); -} -.btn-pinterest:hover { - color: #fff !important; - background-color: #b71d23 !important; - border-color: #b71d23 !important; - transform: translateY(-1px) !important; -} -.btn-check:focus + .btn-pinterest, .btn-pinterest:focus, .btn-pinterest.focus { - color: #fff; - background-color: #b71d23; - border-color: #b71d23; - transform: translateY(0); - box-shadow: none; -} -.btn-check:checked + .btn-pinterest, .btn-check:active + .btn-pinterest, .btn-pinterest:active, .btn-pinterest.active, .btn-pinterest.show.dropdown-toggle, .show > .btn-pinterest.dropdown-toggle { - color: #fff !important; - background-color: #ad1b21 !important; - border-color: #ad1b21 !important; -} -.btn-check:checked + .btn-pinterest:focus, .btn-check:active + .btn-pinterest:focus, .btn-pinterest:active:focus, .btn-pinterest.active:focus, .btn-pinterest.show.dropdown-toggle:focus, .show > .btn-pinterest.dropdown-toggle:focus { - box-shadow: none; -} -.btn-pinterest.disabled, .btn-pinterest:disabled { - color: #fff !important; - background-color: #cb2027 !important; - border-color: #cb2027 !important; - box-shadow: none !important; -} - -.btn-label-pinterest { - color: #cb2027; - border-color: transparent; - background: #f7dbdc; -} -.btn-label-pinterest:hover { - border-color: transparent !important; - background: #b71d23 !important; - color: #fff !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(203, 32, 39, 0.4) !important; - transform: translateY(-1px) !important; -} -.btn-label-pinterest:focus, .btn-label-pinterest.focus { - color: #fff; - background: #b71d23; - box-shadow: none !important; - transform: translateY(0); -} -.btn-label-pinterest:active, .btn-label-pinterest.active, .btn-label-pinterest.show.dropdown-toggle, .show > .btn-label-pinterest.dropdown-toggle { - color: #fff !important; - background-color: #ad1b21 !important; - border-color: transparent !important; -} -.btn-label-pinterest:active:focus, .btn-label-pinterest.active:focus, .btn-label-pinterest.show.dropdown-toggle:focus, .show > .btn-label-pinterest.dropdown-toggle:focus { - box-shadow: none; -} -.btn-label-pinterest.disabled, .btn-label-pinterest:disabled { - color: #cb2027 !important; - background-color: #f7dbdc !important; - border-color: transparent !important; -} - -.btn-outline-pinterest { - color: #cb2027; - border-color: #cb2027; - background: transparent; -} -.btn-outline-pinterest:hover { - color: #fff !important; - background-color: #b71d23 !important; - border-color: #b71d23 !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(203, 32, 39, 0.4) !important; - transform: translateY(-1px) !important; -} -.btn-check:focus + .btn-outline-pinterest, .btn-outline-pinterest:focus { - color: #fff; - background-color: #b71d23; - border-color: #b71d23; - box-shadow: none; - transform: translateY(0); -} -.btn-check:checked + .btn-outline-pinterest, .btn-check:active + .btn-outline-pinterest, .btn-outline-pinterest:active, .btn-outline-pinterest.active, .btn-outline-pinterest.dropdown-toggle.show { - color: #fff !important; - background-color: #ad1b21 !important; - border-color: #ad1b21 !important; -} -.btn-check:checked + .btn-outline-pinterest:focus, .btn-check:active + .btn-outline-pinterest:focus, .btn-outline-pinterest:active:focus, .btn-outline-pinterest.active:focus, .btn-outline-pinterest.dropdown-toggle.show:focus { - box-shadow: none; -} -.btn-outline-pinterest.disabled, .btn-outline-pinterest:disabled { - box-shadow: none !important; - color: #cb2027 !important; - background-color: transparent !important; -} - -.btn-outline-pinterest .badge { - background: #cb2027; - border-color: #cb2027; - color: #fff; -} - -.btn-outline-pinterest:hover .badge, -.btn-outline-pinterest:focus:hover .badge, -.btn-outline-pinterest:active .badge, -.btn-outline-pinterest.active .badge, -.show > .btn-outline-pinterest.dropdown-toggle .badge { - background: #fff; - border-color: #fff; - color: #cb2027; -} - -.bg-slack { - background-color: #4a154b !important; -} - -a.bg-slack:hover, a.bg-slack:focus { - background-color: #461447 !important; -} - -.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span { - background-color: #4a154b; -} - -.bg-label-slack { - background-color: #e2dae2 !important; - color: #4a154b !important; -} - -.border-label-slack { - border: 3px solid #b7a1b7 !important; -} - -.border-light-slack { - border: 3px solid rgba(74, 21, 75, 0.08); -} - -.btn-slack { - color: #fff; - background-color: #4a154b; - border-color: #4a154b; - box-shadow: 0 0.125rem 0.25rem 0 rgba(74, 21, 75, 0.4); -} -.btn-slack:hover { - color: #fff !important; - background-color: #431344 !important; - border-color: #431344 !important; - transform: translateY(-1px) !important; -} -.btn-check:focus + .btn-slack, .btn-slack:focus, .btn-slack.focus { - color: #fff; - background-color: #431344; - border-color: #431344; - transform: translateY(0); - box-shadow: none; -} -.btn-check:checked + .btn-slack, .btn-check:active + .btn-slack, .btn-slack:active, .btn-slack.active, .btn-slack.show.dropdown-toggle, .show > .btn-slack.dropdown-toggle { - color: #fff !important; - background-color: #3f1240 !important; - border-color: #3f1240 !important; -} -.btn-check:checked + .btn-slack:focus, .btn-check:active + .btn-slack:focus, .btn-slack:active:focus, .btn-slack.active:focus, .btn-slack.show.dropdown-toggle:focus, .show > .btn-slack.dropdown-toggle:focus { - box-shadow: none; -} -.btn-slack.disabled, .btn-slack:disabled { - color: #fff !important; - background-color: #4a154b !important; - border-color: #4a154b !important; - box-shadow: none !important; -} - -.btn-label-slack { - color: #4a154b; - border-color: transparent; - background: #e2dae2; -} -.btn-label-slack:hover { - border-color: transparent !important; - background: #431344 !important; - color: #fff !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(74, 21, 75, 0.4) !important; - transform: translateY(-1px) !important; -} -.btn-label-slack:focus, .btn-label-slack.focus { - color: #fff; - background: #431344; - box-shadow: none !important; - transform: translateY(0); -} -.btn-label-slack:active, .btn-label-slack.active, .btn-label-slack.show.dropdown-toggle, .show > .btn-label-slack.dropdown-toggle { - color: #fff !important; - background-color: #3f1240 !important; - border-color: transparent !important; -} -.btn-label-slack:active:focus, .btn-label-slack.active:focus, .btn-label-slack.show.dropdown-toggle:focus, .show > .btn-label-slack.dropdown-toggle:focus { - box-shadow: none; -} -.btn-label-slack.disabled, .btn-label-slack:disabled { - color: #4a154b !important; - background-color: #e2dae2 !important; - border-color: transparent !important; -} - -.btn-outline-slack { - color: #4a154b; - border-color: #4a154b; - background: transparent; -} -.btn-outline-slack:hover { - color: #fff !important; - background-color: #431344 !important; - border-color: #431344 !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(74, 21, 75, 0.4) !important; - transform: translateY(-1px) !important; -} -.btn-check:focus + .btn-outline-slack, .btn-outline-slack:focus { - color: #fff; - background-color: #431344; - border-color: #431344; - box-shadow: none; - transform: translateY(0); -} -.btn-check:checked + .btn-outline-slack, .btn-check:active + .btn-outline-slack, .btn-outline-slack:active, .btn-outline-slack.active, .btn-outline-slack.dropdown-toggle.show { - color: #fff !important; - background-color: #3f1240 !important; - border-color: #3f1240 !important; -} -.btn-check:checked + .btn-outline-slack:focus, .btn-check:active + .btn-outline-slack:focus, .btn-outline-slack:active:focus, .btn-outline-slack.active:focus, .btn-outline-slack.dropdown-toggle.show:focus { - box-shadow: none; -} -.btn-outline-slack.disabled, .btn-outline-slack:disabled { - box-shadow: none !important; - color: #4a154b !important; - background-color: transparent !important; -} - -.btn-outline-slack .badge { - background: #4a154b; - border-color: #4a154b; - color: #fff; -} - -.btn-outline-slack:hover .badge, -.btn-outline-slack:focus:hover .badge, -.btn-outline-slack:active .badge, -.btn-outline-slack.active .badge, -.show > .btn-outline-slack.dropdown-toggle .badge { - background: #fff; - border-color: #fff; - color: #4a154b; -} - -.bg-reddit { - background-color: #ff4500 !important; -} - -a.bg-reddit:hover, a.bg-reddit:focus { - background-color: #f24200 !important; -} - -.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span { - background-color: #ff4500; -} - -.bg-label-reddit { - background-color: #ffe1d6 !important; - color: #ff4500 !important; -} - -.border-label-reddit { - border: 3px solid #ffb599 !important; -} - -.border-light-reddit { - border: 3px solid rgba(255, 69, 0, 0.08); -} - -.btn-reddit { - color: #fff; - background-color: #ff4500; - border-color: #ff4500; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 69, 0, 0.4); -} -.btn-reddit:hover { - color: #fff !important; - background-color: #e63e00 !important; - border-color: #e63e00 !important; - transform: translateY(-1px) !important; -} -.btn-check:focus + .btn-reddit, .btn-reddit:focus, .btn-reddit.focus { - color: #fff; - background-color: #e63e00; - border-color: #e63e00; - transform: translateY(0); - box-shadow: none; -} -.btn-check:checked + .btn-reddit, .btn-check:active + .btn-reddit, .btn-reddit:active, .btn-reddit.active, .btn-reddit.show.dropdown-toggle, .show > .btn-reddit.dropdown-toggle { - color: #fff !important; - background-color: #d93b00 !important; - border-color: #d93b00 !important; -} -.btn-check:checked + .btn-reddit:focus, .btn-check:active + .btn-reddit:focus, .btn-reddit:active:focus, .btn-reddit.active:focus, .btn-reddit.show.dropdown-toggle:focus, .show > .btn-reddit.dropdown-toggle:focus { - box-shadow: none; -} -.btn-reddit.disabled, .btn-reddit:disabled { - color: #fff !important; - background-color: #ff4500 !important; - border-color: #ff4500 !important; - box-shadow: none !important; -} - -.btn-label-reddit { - color: #ff4500; - border-color: transparent; - background: #ffe1d6; -} -.btn-label-reddit:hover { - border-color: transparent !important; - background: #e63e00 !important; - color: #fff !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 69, 0, 0.4) !important; - transform: translateY(-1px) !important; -} -.btn-label-reddit:focus, .btn-label-reddit.focus { - color: #fff; - background: #e63e00; - box-shadow: none !important; - transform: translateY(0); -} -.btn-label-reddit:active, .btn-label-reddit.active, .btn-label-reddit.show.dropdown-toggle, .show > .btn-label-reddit.dropdown-toggle { - color: #fff !important; - background-color: #d93b00 !important; - border-color: transparent !important; -} -.btn-label-reddit:active:focus, .btn-label-reddit.active:focus, .btn-label-reddit.show.dropdown-toggle:focus, .show > .btn-label-reddit.dropdown-toggle:focus { - box-shadow: none; -} -.btn-label-reddit.disabled, .btn-label-reddit:disabled { - color: #ff4500 !important; - background-color: #ffe1d6 !important; - border-color: transparent !important; -} - -.btn-outline-reddit { - color: #ff4500; - border-color: #ff4500; - background: transparent; -} -.btn-outline-reddit:hover { - color: #fff !important; - background-color: #e63e00 !important; - border-color: #e63e00 !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 69, 0, 0.4) !important; - transform: translateY(-1px) !important; -} -.btn-check:focus + .btn-outline-reddit, .btn-outline-reddit:focus { - color: #fff; - background-color: #e63e00; - border-color: #e63e00; - box-shadow: none; - transform: translateY(0); -} -.btn-check:checked + .btn-outline-reddit, .btn-check:active + .btn-outline-reddit, .btn-outline-reddit:active, .btn-outline-reddit.active, .btn-outline-reddit.dropdown-toggle.show { - color: #fff !important; - background-color: #d93b00 !important; - border-color: #d93b00 !important; -} -.btn-check:checked + .btn-outline-reddit:focus, .btn-check:active + .btn-outline-reddit:focus, .btn-outline-reddit:active:focus, .btn-outline-reddit.active:focus, .btn-outline-reddit.dropdown-toggle.show:focus { - box-shadow: none; -} -.btn-outline-reddit.disabled, .btn-outline-reddit:disabled { - box-shadow: none !important; - color: #ff4500 !important; - background-color: transparent !important; -} - -.btn-outline-reddit .badge { - background: #ff4500; - border-color: #ff4500; - color: #fff; -} - -.btn-outline-reddit:hover .badge, -.btn-outline-reddit:focus:hover .badge, -.btn-outline-reddit:active .badge, -.btn-outline-reddit.active .badge, -.show > .btn-outline-reddit.dropdown-toggle .badge { - background: #fff; - border-color: #fff; - color: #ff4500; -} - -.bg-youtube { - background-color: #ff0000 !important; -} - -a.bg-youtube:hover, a.bg-youtube:focus { - background-color: #f20000 !important; -} - -.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span { - background-color: #ff0000; -} - -.bg-label-youtube { - background-color: #ffd6d6 !important; - color: #ff0000 !important; -} - -.border-label-youtube { - border: 3px solid #ff9999 !important; -} - -.border-light-youtube { - border: 3px solid rgba(255, 0, 0, 0.08); -} - -.btn-youtube { - color: #fff; - background-color: #ff0000; - border-color: #ff0000; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 0, 0, 0.4); -} -.btn-youtube:hover { - color: #fff !important; - background-color: #e60000 !important; - border-color: #e60000 !important; - transform: translateY(-1px) !important; -} -.btn-check:focus + .btn-youtube, .btn-youtube:focus, .btn-youtube.focus { - color: #fff; - background-color: #e60000; - border-color: #e60000; - transform: translateY(0); - box-shadow: none; -} -.btn-check:checked + .btn-youtube, .btn-check:active + .btn-youtube, .btn-youtube:active, .btn-youtube.active, .btn-youtube.show.dropdown-toggle, .show > .btn-youtube.dropdown-toggle { - color: #fff !important; - background-color: #d90000 !important; - border-color: #d90000 !important; -} -.btn-check:checked + .btn-youtube:focus, .btn-check:active + .btn-youtube:focus, .btn-youtube:active:focus, .btn-youtube.active:focus, .btn-youtube.show.dropdown-toggle:focus, .show > .btn-youtube.dropdown-toggle:focus { - box-shadow: none; -} -.btn-youtube.disabled, .btn-youtube:disabled { - color: #fff !important; - background-color: #ff0000 !important; - border-color: #ff0000 !important; - box-shadow: none !important; -} - -.btn-label-youtube { - color: #ff0000; - border-color: transparent; - background: #ffd6d6; -} -.btn-label-youtube:hover { - border-color: transparent !important; - background: #e60000 !important; - color: #fff !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 0, 0, 0.4) !important; - transform: translateY(-1px) !important; -} -.btn-label-youtube:focus, .btn-label-youtube.focus { - color: #fff; - background: #e60000; - box-shadow: none !important; - transform: translateY(0); -} -.btn-label-youtube:active, .btn-label-youtube.active, .btn-label-youtube.show.dropdown-toggle, .show > .btn-label-youtube.dropdown-toggle { - color: #fff !important; - background-color: #d90000 !important; - border-color: transparent !important; -} -.btn-label-youtube:active:focus, .btn-label-youtube.active:focus, .btn-label-youtube.show.dropdown-toggle:focus, .show > .btn-label-youtube.dropdown-toggle:focus { - box-shadow: none; -} -.btn-label-youtube.disabled, .btn-label-youtube:disabled { - color: #ff0000 !important; - background-color: #ffd6d6 !important; - border-color: transparent !important; -} - -.btn-outline-youtube { - color: #ff0000; - border-color: #ff0000; - background: transparent; -} -.btn-outline-youtube:hover { - color: #fff !important; - background-color: #e60000 !important; - border-color: #e60000 !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 0, 0, 0.4) !important; - transform: translateY(-1px) !important; -} -.btn-check:focus + .btn-outline-youtube, .btn-outline-youtube:focus { - color: #fff; - background-color: #e60000; - border-color: #e60000; - box-shadow: none; - transform: translateY(0); -} -.btn-check:checked + .btn-outline-youtube, .btn-check:active + .btn-outline-youtube, .btn-outline-youtube:active, .btn-outline-youtube.active, .btn-outline-youtube.dropdown-toggle.show { - color: #fff !important; - background-color: #d90000 !important; - border-color: #d90000 !important; -} -.btn-check:checked + .btn-outline-youtube:focus, .btn-check:active + .btn-outline-youtube:focus, .btn-outline-youtube:active:focus, .btn-outline-youtube.active:focus, .btn-outline-youtube.dropdown-toggle.show:focus { - box-shadow: none; -} -.btn-outline-youtube.disabled, .btn-outline-youtube:disabled { - box-shadow: none !important; - color: #ff0000 !important; - background-color: transparent !important; -} - -.btn-outline-youtube .badge { - background: #ff0000; - border-color: #ff0000; - color: #fff; -} - -.btn-outline-youtube:hover .badge, -.btn-outline-youtube:focus:hover .badge, -.btn-outline-youtube:active .badge, -.btn-outline-youtube.active .badge, -.show > .btn-outline-youtube.dropdown-toggle .badge { - background: #fff; - border-color: #fff; - color: #ff0000; -} - -.bg-vimeo { - background-color: #1ab7ea !important; -} - -a.bg-vimeo:hover, a.bg-vimeo:focus { - background-color: #19aede !important; -} - -.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span { - background-color: #1ab7ea; -} - -.bg-label-vimeo { - background-color: #daf3fc !important; - color: #1ab7ea !important; -} - -.border-label-vimeo { - border: 3px solid #a3e2f7 !important; -} - -.border-light-vimeo { - border: 3px solid rgba(26, 183, 234, 0.08); -} - -.btn-vimeo { - color: #fff; - background-color: #1ab7ea; - border-color: #1ab7ea; - box-shadow: 0 0.125rem 0.25rem 0 rgba(26, 183, 234, 0.4); -} -.btn-vimeo:hover { - color: #fff !important; - background-color: #17a5d3 !important; - border-color: #17a5d3 !important; - transform: translateY(-1px) !important; -} -.btn-check:focus + .btn-vimeo, .btn-vimeo:focus, .btn-vimeo.focus { - color: #fff; - background-color: #17a5d3; - border-color: #17a5d3; - transform: translateY(0); - box-shadow: none; -} -.btn-check:checked + .btn-vimeo, .btn-check:active + .btn-vimeo, .btn-vimeo:active, .btn-vimeo.active, .btn-vimeo.show.dropdown-toggle, .show > .btn-vimeo.dropdown-toggle { - color: #fff !important; - background-color: #169cc7 !important; - border-color: #169cc7 !important; -} -.btn-check:checked + .btn-vimeo:focus, .btn-check:active + .btn-vimeo:focus, .btn-vimeo:active:focus, .btn-vimeo.active:focus, .btn-vimeo.show.dropdown-toggle:focus, .show > .btn-vimeo.dropdown-toggle:focus { - box-shadow: none; -} -.btn-vimeo.disabled, .btn-vimeo:disabled { - color: #fff !important; - background-color: #1ab7ea !important; - border-color: #1ab7ea !important; - box-shadow: none !important; -} - -.btn-label-vimeo { - color: #1ab7ea; - border-color: transparent; - background: #daf3fc; -} -.btn-label-vimeo:hover { - border-color: transparent !important; - background: #17a5d3 !important; - color: #fff !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(26, 183, 234, 0.4) !important; - transform: translateY(-1px) !important; -} -.btn-label-vimeo:focus, .btn-label-vimeo.focus { - color: #fff; - background: #17a5d3; - box-shadow: none !important; - transform: translateY(0); -} -.btn-label-vimeo:active, .btn-label-vimeo.active, .btn-label-vimeo.show.dropdown-toggle, .show > .btn-label-vimeo.dropdown-toggle { - color: #fff !important; - background-color: #169cc7 !important; - border-color: transparent !important; -} -.btn-label-vimeo:active:focus, .btn-label-vimeo.active:focus, .btn-label-vimeo.show.dropdown-toggle:focus, .show > .btn-label-vimeo.dropdown-toggle:focus { - box-shadow: none; -} -.btn-label-vimeo.disabled, .btn-label-vimeo:disabled { - color: #1ab7ea !important; - background-color: #daf3fc !important; - border-color: transparent !important; -} - -.btn-outline-vimeo { - color: #1ab7ea; - border-color: #1ab7ea; - background: transparent; -} -.btn-outline-vimeo:hover { - color: #fff !important; - background-color: #17a5d3 !important; - border-color: #17a5d3 !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(26, 183, 234, 0.4) !important; - transform: translateY(-1px) !important; -} -.btn-check:focus + .btn-outline-vimeo, .btn-outline-vimeo:focus { - color: #fff; - background-color: #17a5d3; - border-color: #17a5d3; - box-shadow: none; - transform: translateY(0); -} -.btn-check:checked + .btn-outline-vimeo, .btn-check:active + .btn-outline-vimeo, .btn-outline-vimeo:active, .btn-outline-vimeo.active, .btn-outline-vimeo.dropdown-toggle.show { - color: #fff !important; - background-color: #169cc7 !important; - border-color: #169cc7 !important; -} -.btn-check:checked + .btn-outline-vimeo:focus, .btn-check:active + .btn-outline-vimeo:focus, .btn-outline-vimeo:active:focus, .btn-outline-vimeo.active:focus, .btn-outline-vimeo.dropdown-toggle.show:focus { - box-shadow: none; -} -.btn-outline-vimeo.disabled, .btn-outline-vimeo:disabled { - box-shadow: none !important; - color: #1ab7ea !important; - background-color: transparent !important; -} - -.btn-outline-vimeo .badge { - background: #1ab7ea; - border-color: #1ab7ea; - color: #fff; -} - -.btn-outline-vimeo:hover .badge, -.btn-outline-vimeo:focus:hover .badge, -.btn-outline-vimeo:active .badge, -.btn-outline-vimeo.active .badge, -.show > .btn-outline-vimeo.dropdown-toggle .badge { - background: #fff; - border-color: #fff; - color: #1ab7ea; -} - -.btn-white { - color: #697a8d; - background-color: #fff; - border-color: #fff; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 255, 255, 0.4); -} -.btn-white:hover { - color: #435971 !important; - background-color: white !important; - border-color: white !important; - transform: translateY(-1px) !important; -} -.btn-check:focus + .btn-white, .btn-white:focus, .btn-white.focus { - color: #435971; - background-color: white; - border-color: white; - transform: translateY(0); - box-shadow: none; -} -.btn-check:checked + .btn-white, .btn-check:active + .btn-white, .btn-white:active, .btn-white.active, .btn-white.show.dropdown-toggle, .show > .btn-white.dropdown-toggle { - color: #435971 !important; - background-color: white !important; - border-color: white !important; -} -.btn-check:checked + .btn-white:focus, .btn-check:active + .btn-white:focus, .btn-white:active:focus, .btn-white.active:focus, .btn-white.show.dropdown-toggle:focus, .show > .btn-white.dropdown-toggle:focus { - box-shadow: none; -} -.btn-white.disabled, .btn-white:disabled { - color: #435971 !important; - background-color: #fff !important; - border-color: #fff !important; - box-shadow: none !important; -} - -.btn-label-white { - color: #697a8d; - border-color: transparent; - background: white; -} -.btn-label-white:hover { - border-color: transparent !important; - background: white !important; - color: #697a8d !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 255, 255, 0.4) !important; - transform: translateY(-1px) !important; -} -.btn-label-white:focus, .btn-label-white.focus { - color: #697a8d; - background: white; - box-shadow: none !important; - transform: translateY(0); -} -.btn-label-white:active, .btn-label-white.active, .btn-label-white.show.dropdown-toggle, .show > .btn-label-white.dropdown-toggle { - color: #697a8d !important; - background-color: white !important; - border-color: transparent !important; -} -.btn-label-white:active:focus, .btn-label-white.active:focus, .btn-label-white.show.dropdown-toggle:focus, .show > .btn-label-white.dropdown-toggle:focus { - box-shadow: none; -} -.btn-label-white.disabled, .btn-label-white:disabled { - color: #697a8d !important; - background-color: white !important; - border-color: transparent !important; +.form-check-pink.custom-option.checked { + border: 1px solid #e91e63; } -.btn-outline-white { - color: #fff; - border-color: #fff; - background: transparent; -} -.btn-outline-white:hover { - color: #435971 !important; - background-color: white !important; - border-color: white !important; - box-shadow: 0 0.125rem 0.25rem 0 rgba(255, 255, 255, 0.4) !important; - transform: translateY(-1px) !important; -} -.btn-check:focus + .btn-outline-white, .btn-outline-white:focus { - color: #435971; - background-color: white; - border-color: white; - box-shadow: none; - transform: translateY(0); -} -.btn-check:checked + .btn-outline-white, .btn-check:active + .btn-outline-white, .btn-outline-white:active, .btn-outline-white.active, .btn-outline-white.dropdown-toggle.show { - color: #435971 !important; - background-color: white !important; - border-color: white !important; +.form-check-red .form-check-input:focus { + border-color: #f44336; + box-shadow: 0 2px 4px 0 rgba(244, 67, 54, 0.4); } -.btn-check:checked + .btn-outline-white:focus, .btn-check:active + .btn-outline-white:focus, .btn-outline-white:active:focus, .btn-outline-white.active:focus, .btn-outline-white.dropdown-toggle.show:focus { - box-shadow: none; +.form-check-red .form-check-input:disabled { + background-color: #eceef1; } -.btn-outline-white.disabled, .btn-outline-white:disabled { - box-shadow: none !important; - color: #fff !important; - background-color: transparent !important; +.form-check-red .form-check-input:checked, .form-check-red .form-check-input[type=checkbox]:indeterminate { + background-color: #f44336; + border-color: #f44336; + box-shadow: 0 2px 4px 0 rgba(244, 67, 54, 0.4); } -.btn-outline-white .badge { - background: #fff; - border-color: #fff; - color: #435971; +.form-check-red.custom-option.checked { + border: 1px solid #f44336; } -.btn-outline-white:hover .badge, -.btn-outline-white:focus:hover .badge, -.btn-outline-white:active .badge, -.btn-outline-white.active .badge, -.show > .btn-outline-white.dropdown-toggle .badge { - background: #435971; - border-color: #435971; - color: #fff; +.navbar.bg-primary { + background-color: #696cff !important; + color: #e0e1ff; } -.form-check-black .form-check-input:focus { - border-color: #000; - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4); -} -.form-check-black .form-check-input:disabled { - background-color: #eceef1; -} -.form-check-black .form-check-input:checked, .form-check-black .form-check-input[type=checkbox]:indeterminate { - background-color: #000; - border-color: #000; - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4); +.navbar.bg-primary .navbar-brand, +.navbar.bg-primary .navbar-brand a { + color: #fff; } -.form-check-black.custom-option.checked { - border: 1px solid #000; +.navbar.bg-primary .navbar-brand:hover, +.navbar.bg-primary .navbar-brand:focus, +.navbar.bg-primary .navbar-brand a:hover, +.navbar.bg-primary .navbar-brand a:focus { + color: #fff; } -.form-check-white .form-check-input:focus { - border-color: #fff; - box-shadow: 0 2px 4px 0 rgba(255, 255, 255, 0.4); -} -.form-check-white .form-check-input:disabled { - background-color: #eceef1; -} -.form-check-white .form-check-input:checked, .form-check-white .form-check-input[type=checkbox]:indeterminate { - background-color: #fff; - border-color: #fff; - box-shadow: 0 2px 4px 0 rgba(255, 255, 255, 0.4); +.navbar.bg-primary .navbar-search-wrapper .navbar-search-icon, +.navbar.bg-primary .navbar-search-wrapper .search-input { + color: #e0e1ff; } -.form-check-white.custom-option.checked { - border: 1px solid #fff; +.navbar.bg-primary .search-input-wrapper .search-input, +.navbar.bg-primary .search-input-wrapper .search-toggler { + background-color: #696cff !important; + color: #e0e1ff; } -.form-check-silver .form-check-input:focus { - border-color: #eee; - box-shadow: 0 2px 4px 0 rgba(238, 238, 238, 0.4); -} -.form-check-silver .form-check-input:disabled { - background-color: #eceef1; -} -.form-check-silver .form-check-input:checked, .form-check-silver .form-check-input[type=checkbox]:indeterminate { - background-color: #eee; - border-color: #eee; - box-shadow: 0 2px 4px 0 rgba(238, 238, 238, 0.4); +.navbar.bg-primary .navbar-nav > .nav-link, +.navbar.bg-primary .navbar-nav > .nav-item > .nav-link, +.navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link { + color: #e0e1ff; } -.form-check-silver.custom-option.checked { - border: 1px solid #eee; +.navbar.bg-primary .navbar-nav > .nav-link:hover, +.navbar.bg-primary .navbar-nav > .nav-link:focus, +.navbar.bg-primary .navbar-nav > .nav-item > .nav-link:hover, +.navbar.bg-primary .navbar-nav > .nav-item > .nav-link:focus, +.navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link:hover, +.navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link:focus { + color: #fff; } -.form-check-gray .form-check-input:focus { - border-color: #777; - box-shadow: 0 2px 4px 0 rgba(119, 119, 119, 0.4); -} -.form-check-gray .form-check-input:disabled { - background-color: #eceef1; -} -.form-check-gray .form-check-input:checked, .form-check-gray .form-check-input[type=checkbox]:indeterminate { - background-color: #777; - border-color: #777; - box-shadow: 0 2px 4px 0 rgba(119, 119, 119, 0.4); +.navbar.bg-primary .navbar-nav > .nav-link.disabled, +.navbar.bg-primary .navbar-nav > .nav-item > .nav-link.disabled, +.navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link.disabled { + color: #b0b2ff !important; } -.form-check-gray.custom-option.checked { - border: 1px solid #777; +.navbar.bg-primary .navbar-nav .show > .nav-link, +.navbar.bg-primary .navbar-nav .active > .nav-link, +.navbar.bg-primary .navbar-nav .nav-link.show, +.navbar.bg-primary .navbar-nav .nav-link.active { + color: #fff; } -.form-check-gold .form-check-input:focus { - border-color: #ffeb3b; - box-shadow: 0 2px 4px 0 rgba(255, 235, 59, 0.4); -} -.form-check-gold .form-check-input:disabled { - background-color: #eceef1; -} -.form-check-gold .form-check-input:checked, .form-check-gold .form-check-input[type=checkbox]:indeterminate { - background-color: #ffeb3b; - border-color: #ffeb3b; - box-shadow: 0 2px 4px 0 rgba(255, 235, 59, 0.4); +.navbar.bg-primary .navbar-toggler { + color: #e0e1ff; + border-color: rgba(255, 255, 255, 0.15); } -.form-check-gold.custom-option.checked { - border: 1px solid #ffeb3b; +.navbar.bg-primary .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } -.form-check-pink .form-check-input:focus { - border-color: #e91e63; - box-shadow: 0 2px 4px 0 rgba(233, 30, 99, 0.4); -} -.form-check-pink .form-check-input:disabled { - background-color: #eceef1; -} -.form-check-pink .form-check-input:checked, .form-check-pink .form-check-input[type=checkbox]:indeterminate { - background-color: #e91e63; - border-color: #e91e63; - box-shadow: 0 2px 4px 0 rgba(233, 30, 99, 0.4); +.navbar.bg-primary .navbar-text { + color: #e0e1ff; } -.form-check-pink.custom-option.checked { - border: 1px solid #e91e63; +.navbar.bg-primary .navbar-text a { + color: #fff; } -.form-check-red .form-check-input:focus { - border-color: #f44336; - box-shadow: 0 2px 4px 0 rgba(244, 67, 54, 0.4); -} -.form-check-red .form-check-input:disabled { - background-color: #eceef1; -} -.form-check-red .form-check-input:checked, .form-check-red .form-check-input[type=checkbox]:indeterminate { - background-color: #f44336; - border-color: #f44336; - box-shadow: 0 2px 4px 0 rgba(244, 67, 54, 0.4); +.navbar.bg-primary .navbar-text a:hover, .navbar.bg-primary .navbar-text a:focus { + color: #fff; } -.form-check-red.custom-option.checked { - border: 1px solid #f44336; +.navbar.bg-primary hr { + border-color: rgba(255, 255, 255, 0.15); } .navbar.bg-secondary { diff --git a/src/main/webapp/resources/css/fims/cmmn/xit-theme-default.css b/src/main/webapp/resources/css/fims/cmmn/xit-theme-default.css index c843a4d4..fb94a929 100644 --- a/src/main/webapp/resources/css/fims/cmmn/xit-theme-default.css +++ b/src/main/webapp/resources/css/fims/cmmn/xit-theme-default.css @@ -1,21 +1,6 @@ @charset "UTF-8"; -body { - background: #fff -} - -.bg-body { - background: #fff !important -} -.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal) .layout-page:before { - content: ""; - width: 100%; - height: 4.75rem; - position: fixed; - top: 0px; - z-index: 10; -} .bg-menu-theme .menu-header { position: relative; @@ -120,25 +105,11 @@ body { } } -.text-primary { - color: #696cff !important; -} -.text-body[href]:hover { - color: #5f61e6 !important; -} -.bg-primary { - background-color: #696cff !important; -} -a.bg-primary:hover, a.bg-primary:focus { - background-color: #6467f2 !important; -} -.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span { - background-color: #696cff; -} + .bg-label-primary { background-color: #e7e7ff !important; @@ -585,86 +556,7 @@ button.list-group-item-primary.active { border-color: #696cff; } -.navbar.bg-primary { - background-color: #696cff !important; - color: #e0e1ff; -} - -.navbar.bg-primary .navbar-brand, -.navbar.bg-primary .navbar-brand a { - color: #fff; -} - -.navbar.bg-primary .navbar-brand:hover, -.navbar.bg-primary .navbar-brand:focus, -.navbar.bg-primary .navbar-brand a:hover, -.navbar.bg-primary .navbar-brand a:focus { - color: #fff; -} - -.navbar.bg-primary .navbar-search-wrapper .navbar-search-icon, -.navbar.bg-primary .navbar-search-wrapper .search-input { - color: #e0e1ff; -} - -.navbar.bg-primary .search-input-wrapper .search-input, -.navbar.bg-primary .search-input-wrapper .search-toggler { - background-color: #696cff !important; - color: #e0e1ff; -} -.navbar.bg-primary .navbar-nav > .nav-link, -.navbar.bg-primary .navbar-nav > .nav-item > .nav-link, -.navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link { - color: #e0e1ff; -} - -.navbar.bg-primary .navbar-nav > .nav-link:hover, -.navbar.bg-primary .navbar-nav > .nav-link:focus, -.navbar.bg-primary .navbar-nav > .nav-item > .nav-link:hover, -.navbar.bg-primary .navbar-nav > .nav-item > .nav-link:focus, -.navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link:hover, -.navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link:focus { - color: #fff; -} - -.navbar.bg-primary .navbar-nav > .nav-link.disabled, -.navbar.bg-primary .navbar-nav > .nav-item > .nav-link.disabled, -.navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link.disabled { - color: #b0b2ff !important; -} - -.navbar.bg-primary .navbar-nav .show > .nav-link, -.navbar.bg-primary .navbar-nav .active > .nav-link, -.navbar.bg-primary .navbar-nav .nav-link.show, -.navbar.bg-primary .navbar-nav .nav-link.active { - color: #fff; -} - -.navbar.bg-primary .navbar-toggler { - color: #e0e1ff; - border-color: rgba(255, 255, 255, 0.15); -} - -.navbar.bg-primary .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); -} - -.navbar.bg-primary .navbar-text { - color: #e0e1ff; -} - -.navbar.bg-primary .navbar-text a { - color: #fff; -} - -.navbar.bg-primary .navbar-text a:hover, .navbar.bg-primary .navbar-text a:focus { - color: #fff; -} - -.navbar.bg-primary hr { - border-color: rgba(255, 255, 255, 0.15); -} .menu.bg-primary { background-color: #696cff !important; @@ -1718,9 +1610,12 @@ html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item .menu-lin } -.card { - border: 1px solid #d9dee3 -} + + + + + + .accordion .accordion-item { border-top: 1px solid #d9dee3; @@ -1817,44 +1712,6 @@ html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item .menu-lin } } -.menu-doc.menu-vertical .menu-item .menu-link { - padding: .35rem 2rem -} - -.menu-doc.menu-vertical .menu-inner > .menu-item.active:before { - height: 2.2rem !important -} - -.menu-doc.menu-vertical .menu-header { - padding: .35rem 2rem -} - -.menu-doc.menu-vertical .menu-block { - padding: .35rem 2rem -} - -.menu-doc.menu-vertical .menu-sub .menu-link { - padding-left: 3rem; - padding-top: .25rem; - padding-bottom: .25rem -} - -.menu-doc.menu-vertical .menu-sub .menu-sub .menu-link { - padding-left: 4rem -} - -.menu-doc.menu { - background-color: #fff !important -} - -.menu-doc.menu .menu-link { - color: #697a8d -} - -.menu-doc.menu .menu-item.active > .menu-link:not(.menu-toggle) { - background: rgba(0, 0, 0, 0); - font-weight: 600 -} @media (min-width: 992px) { .layout-navbar-full:not(.layout-horizontal) .menu-inner { @@ -1862,139 +1719,13 @@ html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item .menu-lin } } -.doc-sidebar { - position: -webkit-sticky; - position: sticky; - top: 4rem; - height: calc(100vh - 4rem); - overflow-y: auto; - overflow-x: hidden -} - -.doc-sidebar-nav { - padding-left: 0; - border-left: 1px solid #bcc5cd -} - -.doc-sidebar-nav ul { - padding-left: 1rem -} - -.doc-entry { - display: block -} - -.doc-entry a { - display: block; - padding: .125rem 1.5rem; - color: #697a8d -} - -.doc-entry a:hover:not(.active) { - color: #282e35 -} -.doc-entry a.active { - color: #696cff; - text-decoration: none; - position: relative; - font-weight: 600 -} .nav-link:hover, .nav-link:focus { color: #696cff } -.badge-center.badge-sm { - height: 1rem; - width: 1rem; - font-size: .65rem -} - -.hljs { - background-color: rgba(67, 89, 113, .025) !important; - border-radius: .2rem; - padding: 1.8rem !important -} - -pre, code, kbd, samp { - font-size: 0.9375rem; - margin-bottom: 0 -} - -.doc-table th { - padding: .25rem 1.25rem; - font-weight: 600; - font-size: .75rem; - letter-spacing: .5px; - background-color: rgba(0, 0, 0, .025); - text-transform: uppercase -} - -.doc-table td { - padding: .4rem 1.25rem; - vertical-align: top -} - -.doc-example .nav-tabs-example .nav-link { - padding: .35rem .65rem; - font-size: 12px; - color: #697a8d; - text-transform: uppercase; - font-weight: 600; - cursor: pointer -} -.doc-example .nav-tabs-example .nav-link.active, -.doc-example .nav-tabs-example .nav-link:active, -.doc-example .nav-tabs-example .nav-link.hover, -.doc-example .nav-tabs-example .nav-link:hover, -.doc-example .nav-tabs-example .nav-link.focus, -.doc-example .nav-tabs-example .nav-link:focus { - color: #696cff -} - -.doc-example .doc-example-content { - padding: 1.5rem; - font-size: .875rem; - background-color: #fff; - border: 1px solid #bcc5cd; - position: relative -} - -.doc-example .doc-example-content::before { - content: attr(data-label); - display: block; - position: absolute; - top: -8px; - left: 12px; - font-size: 10px; - font-weight: 600; - text-transform: uppercase; - background-color: inherit; - color: #a1acb8; - padding: 0 5px -} - -.btn-clipboard { - position: absolute; - top: 1.7rem; - right: 1.7rem; - z-index: 10; - display: block; - padding: .25rem .5rem; - font-size: 85%; - color: #697a8d; - background-color: rgba(0, 0, 0, 0); - border: 0; - border-radius: .25rem; - outline: 0 -} - -.btn-clipboard:hover { - background: #696cff; - color: #fff -} ol > li::marker { font-weight: bold @@ -2004,27 +1735,4 @@ ol > li::marker { display: none } -.anchorjs-link { - opacity: 0; - text-decoration: none; - -webkit-font-smoothing: antialiased -} - -.anchorjs-link { - font-weight: 400; - color: rgba(105, 108, 255, .5); - transition: color .15s ease-in-out -} - -:hover > .anchorjs-link, .anchorjs-link:focus { - opacity: 1 -} - -.anchorjs-link:focus, .anchorjs-link:hover { - color: #696cff; - text-decoration: none -} -.badge-demo { - font-size: 11px -} \ No newline at end of file