From 7f85eb96ed975c1f62ba35f76826190b97310e2c Mon Sep 17 00:00:00 2001
From: leebeomjun <leebj91@xit.co.kr>
Date: Thu, 4 Apr 2024 11:27:22 +0900
Subject: [PATCH] =?UTF-8?q?css=20=EC=A0=95=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../webapp/WEB-INF/jsp/fims/admin-main.jsp    |   12 +-
 src/main/webapp/WEB-INF/jsp/include/top.jsp   |    4 +-
 .../css/fims/cmmn/xit-core-extend.css         |   22 +-
 .../resources/css/fims/cmmn/xit-core.css      | 2081 +++--------------
 .../css/fims/cmmn/xit-theme-default.css       |  306 +--
 5 files changed, 297 insertions(+), 2128 deletions(-)

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 @@
 		<div class="card">
 			<div class="wrapper-list">
 			
-				<div class="doc-example mt-4">
-					<div class="doc-example-content fs-big" data-label="배치 수동 실행">
+				<div class="fieldset-legend mt-4">
+					<div class="fieldset-legend-content fs-big" data-label="배치 수동 실행">
 						<button type="button" class="btn btn-primary" onclick="executeBatch('smgReceive');">국민신문고 수신</button>
 						<button type="button" class="btn btn-primary" onclick="executeBatch('smgSend');">국민신문고 답변 송신</button>
 						<button type="button" class="btn btn-primary" onclick="executeBatch('epostSend');">전자우편 송신</button>
@@ -17,14 +17,14 @@
 					</div>
 				</div>
 				
-				<div class="doc-example mt-4">
-					<div class="doc-example-content fs-big" data-label="업무시스템 수동 통보">
+				<div class="fieldset-legend mt-4">
+					<div class="fieldset-legend-content fs-big" data-label="업무시스템 수동 통보">
 						<button type="button" class="btn btn-primary" onclick="exceuteAlert('smgReceive');">국민신문고 수신</button>
 					</div>
 				</div>
 				
-				<div class="doc-example mt-4">
-					<div class="doc-example-content fs-big" data-label="파일 현황">
+				<div class="fieldset-legend mt-4">
+					<div class="fieldset-legend-content fs-big" data-label="파일 현황">
 						<div class="card-datatable text-nowrap">
 					        <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper dt-bootstrap5 no-footer">
 								<div class="d-flex flex-row justify-content-evenly mh-px-400">
diff --git a/src/main/webapp/WEB-INF/jsp/include/top.jsp b/src/main/webapp/WEB-INF/jsp/include/top.jsp
index 8ca9d8e4..a8930051 100644
--- a/src/main/webapp/WEB-INF/jsp/include/top.jsp
+++ b/src/main/webapp/WEB-INF/jsp/include/top.jsp
@@ -30,7 +30,7 @@
           <input type="checkbox" id="securityMode--top" name="securityMode" 
           class="form-check-input me-1 align-self-center" value="Y" />
           <span class="text-center">
-          	보안모드<br/>(F9)
+          	보안모드<br/><kbd>F9</kbd>
           </span>
         </label>
       </div>
@@ -39,7 +39,7 @@
           <input type="checkbox" id="photoMask--top" name="photoMask" 
           class="form-check-input me-1 align-self-center" value="Y" checked />
           <span class="text-center">
-          	단속사진 모자이크<br/>(F10)
+          	단속사진 모자이크<br/><kbd>F10</kbd>
           </span>
         </label>
       </div>
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