diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 00000000..72ebb7e6
Binary files /dev/null and b/.DS_Store differ
diff --git a/reNgine/settings.py b/reNgine/settings.py
index f1ff9a30..0c54b020 100644
--- a/reNgine/settings.py
+++ b/reNgine/settings.py
@@ -1,15 +1,3 @@
-"""
-Django settings for reNgine project.
-
-Generated by 'django-admin startproject' using Django 2.2.12.
-
-For more information on this file, see
-https://docs.djangoproject.com/en/2.2/topics/settings/
-
-For the full list of settings and their values, see
-https://docs.djangoproject.com/en/2.2/ref/settings/
-"""
-
import os
# Build paths inside the project like this: os.path.join(BASE_DIR, ...)
diff --git a/static/.DS_Store b/static/.DS_Store
new file mode 100644
index 00000000..7ef58804
Binary files /dev/null and b/static/.DS_Store differ
diff --git a/static/css/.DS_Store b/static/css/.DS_Store
new file mode 100644
index 00000000..db1370f6
Binary files /dev/null and b/static/css/.DS_Store differ
diff --git a/static/css/apps/contacts.css b/static/css/apps/contacts.css
new file mode 100644
index 00000000..986a41ab
--- /dev/null
+++ b/static/css/apps/contacts.css
@@ -0,0 +1,415 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+#content:before {
+ content: '';
+ position: absolute;
+ left: 0;
+ right: 0;
+ background: rgba(136, 142, 168, 0.211765);
+ width: 100%;
+ height: 183px;
+ z-index: -1; }
+
+/*----------Theme checkbox---------*/
+.new-control {
+ padding-left: 0;
+ margin-right: 0; }
+
+.new-control-input {
+ position: unset; }
+
+.new-control.new-checkbox span.new-control-indicator:after {
+ top: 51%; }
+
+/*
+ Filtered List Search
+*/
+.filtered-list-search form > div {
+ position: relative;
+ width: 80%; }
+ .filtered-list-search form > div svg {
+ position: absolute;
+ right: 11px;
+ color: #acb0c3;
+ height: 36px;
+ width: 19px;
+ top: 4px; }
+
+.filtered-list-search form input {
+ padding: 6px 27px 6px 15px;
+ color: #d3d3d3;
+ border: none;
+ box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);
+ width: 100% !important;
+ background-color: #fff; }
+ .filtered-list-search form input:focus {
+ border-color: #d3d3d3; }
+ .filtered-list-search form input::-webkit-input-placeholder {
+ /* Chrome/Opera/Safari */
+ color: #888ea8; }
+ .filtered-list-search form input::-moz-placeholder {
+ /* Firefox 19+ */
+ color: #888ea8; }
+ .filtered-list-search form input:-ms-input-placeholder {
+ /* IE 10+ */
+ color: #888ea8; }
+ .filtered-list-search form input:-moz-placeholder {
+ /* Firefox 18- */
+ color: #888ea8; }
+
+.searchable-container .switch {
+ text-align: right; }
+ .searchable-container .switch .view-grid, .searchable-container .switch .view-list {
+ padding: 10px;
+ background: #fff;
+ border-radius: 5px;
+ cursor: pointer;
+ color: #515365;
+ box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);
+ width: 43px;
+ height: 41px;
+ fill: rgba(0, 23, 55, 0.08); }
+
+.searchable-container #btn-add-contact {
+ padding: 9px;
+ background: #ffffff;
+ border-radius: 5px;
+ cursor: pointer;
+ margin-right: 35px;
+ box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);
+ width: 43px;
+ height: 41px;
+ color: #1b55e2;
+ fill: rgba(27, 85, 226, 0.239216); }
+ .searchable-container #btn-add-contact:hover {
+ color: #515365;
+ fill: rgba(0, 23, 55, 0.08); }
+
+.modal-backdrop {
+ background-color: #ebedf2; }
+
+.searchable-container .modal-content {
+ border: none;
+ box-shadow: 0px 0px 15px 1px rgba(113, 106, 202, 0.2); }
+ .searchable-container .modal-content svg.close {
+ position: absolute;
+ right: -7px;
+ top: -8px;
+ font-size: 12px;
+ font-weight: 600;
+ padding: 7px;
+ background: #fff;
+ border-radius: 5px;
+ opacity: 1;
+ color: #2196f3;
+ box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
+ cursor: pointer;
+ transition: .600s; }
+
+.searchable-container .add-contact-box .add-contact-content .contact-name .validation-text, .searchable-container .add-contact-box .add-contact-content .contact-email .validation-text, .searchable-container .add-contact-box .add-contact-content .contact-occupation .validation-text, .searchable-container .add-contact-box .add-contact-content .contact-phone .validation-text, .searchable-container .add-contact-box .add-contact-content .contact-location .validation-text {
+ display: none;
+ color: #e7515a;
+ font-weight: 600;
+ text-align: left;
+ margin-top: 6px;
+ font-size: 12px;
+ letter-spacing: 1px; }
+
+.searchable-container .add-contact-box .add-contact-content .contact-name svg, .searchable-container .add-contact-box .add-contact-content .contact-email svg, .searchable-container .add-contact-box .add-contact-content .contact-occupation svg, .searchable-container .add-contact-box .add-contact-content .contact-phone svg, .searchable-container .add-contact-box .add-contact-content .contact-location svg {
+ align-self: center;
+ font-size: 19px;
+ margin-right: 14px;
+ color: #2196f3;
+ font-weight: 600; }
+
+.searchable-container .add-contact-box .add-contact-content .contact-name #c-name::-webkit-input-placeholder, .searchable-container .add-contact-box .add-contact-content .contact-email #c-email::-webkit-input-placeholder, .searchable-container .add-contact-box .add-contact-content .contact-occupation #c-occupation::-webkit-input-placeholder, .searchable-container .add-contact-box .add-contact-content .contact-phone #c-phone::-webkit-input-placeholder, .searchable-container .add-contact-box .add-contact-content .contact-location #c-location::-webkit-input-placeholder, .searchable-container .add-contact-box .add-contact-content .contact-name #c-name::-ms-input-placeholder, .searchable-container .add-contact-box .add-contact-content .contact-email #c-email::-ms-input-placeholder, .searchable-container .add-contact-box .add-contact-content .contact-occupation #c-occupation::-ms-input-placeholder, .searchable-container .add-contact-box .add-contact-content .contact-phone #c-phone::-ms-input-placeholder, .searchable-container .add-contact-box .add-contact-content .contact-location #c-location::-ms-input-placeholder, .searchable-container .add-contact-box .add-contact-content .contact-name #c-name::-moz-input-placeholder, .searchable-container .add-contact-box .add-contact-content .contact-email #c-email::-moz-input-placeholder, .searchable-container .add-contact-box .add-contact-content .contact-occupation #c-occupation::-moz-input-placeholder, .searchable-container .add-contact-box .add-contact-content .contact-phone #c-phone::-moz-input-placeholder, .searchable-container .add-contact-box .add-contact-content .contact-location #c-location::-moz-input-placeholder {
+ color: #acb0c3;
+ font-weight: 600; }
+
+.searchable-container .add-contact-box .add-contact-content .contact-name, .searchable-container .add-contact-box .add-contact-content .contact-email, .searchable-container .add-contact-box .add-contact-content .contact-occupation, .searchable-container .add-contact-box .add-contact-content .contact-phone {
+ padding-top: 20px; }
+
+.searchable-container .add-contact-box .add-contact-content .contact-location {
+ padding-top: 20px; }
+ .searchable-container .add-contact-box .add-contact-content .contact-location #c-location {
+ resize: none; }
+
+.searchable-container .modal-footer {
+ border: none;
+ padding: 0 15px 14px 15px; }
+ .searchable-container .modal-footer .btn[data-dismiss="modal"] {
+ background-color: #fff;
+ color: #1b55e2;
+ font-weight: 700;
+ border: 1px solid #e8e8e8;
+ padding: 10px 25px; }
+ .searchable-container .modal-footer .btn[data-dismiss="modal"] svg {
+ font-size: 11px;
+ font-weight: 600;
+ margin-right: 8px; }
+ .searchable-container .modal-footer .btn#btn-add {
+ background-color: #1b55e2;
+ color: #fff;
+ font-weight: 600;
+ border: 1px solid #1b55e2;
+ padding: 10px 25px; }
+ .searchable-container .modal-footer .btn#btn-edit {
+ background-color: #009688;
+ color: #fff;
+ font-weight: 600;
+ border: 1px solid #e0e6ed;
+ padding: 10px 25px; }
+
+.searchable-container .switch .view-grid:hover, .searchable-container .switch .view-list:hover, .searchable-container .switch .active-view {
+ color: #1b55e2;
+ fill: rgba(27, 85, 226, 0.239216); }
+
+.searchable-container .searchable-items.list .items.items-header-section h4 {
+ display: inline-block;
+ font-size: 16px;
+ font-weight: 600;
+ margin-bottom: 0;
+ margin-left: 39px; }
+
+.searchable-container .searchable-items.list .items.items-header-section .n-chk {
+ display: inline-block; }
+
+.searchable-container .searchable-items.list .items .item-content {
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: .75rem .625rem;
+ position: relative;
+ display: inline-flex;
+ min-width: 0;
+ word-wrap: break-word;
+ justify-content: space-between;
+ background: #fff;
+ margin-bottom: 8px;
+ border-radius: 6px;
+ padding: 13px 18px;
+ width: 100%;
+ min-width: 767px;
+ transition: all 0.35s ease;
+ box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12); }
+
+.searchable-container .searchable-items.list .items:not(.items-header-section) .item-content:hover {
+ -webkit-transform: translateY(0) scale(1.03);
+ transform: translateY(0) scale(1.01); }
+
+.searchable-container .searchable-items.list .items .user-profile {
+ display: flex; }
+ .searchable-container .searchable-items.list .items .user-profile img {
+ width: 43px;
+ height: 43px;
+ border-radius: 5px;
+ margin-right: 11px;
+ margin-left: 18px; }
+
+.searchable-container .searchable-items.list .items .user-meta-info .user-name {
+ margin-bottom: 0;
+ color: #3b3f5c;
+ font-weight: 600;
+ font-size: 15px; }
+
+.searchable-container .searchable-items.list .items .user-meta-info .user-work {
+ margin-bottom: 0;
+ color: #888ea8;
+ font-weight: 500;
+ font-size: 13px; }
+
+.searchable-container .searchable-items.list .items .user-email p {
+ margin-bottom: 0;
+ color: #888ea8;
+ font-weight: 600; }
+
+.searchable-container .searchable-items.list .items .user-email .info-title {
+ display: none; }
+
+.searchable-container .searchable-items.list .items .user-location p {
+ font-size: 13px;
+ font-weight: 600;
+ margin-bottom: 0; }
+
+.searchable-container .searchable-items.list .items .user-location .info-title {
+ display: none; }
+
+.searchable-container .searchable-items.list .items .user-phone p {
+ margin-bottom: 0;
+ color: #888ea8;
+ font-weight: 600;
+ font-size: 13px; }
+
+.searchable-container .searchable-items.list .items .user-phone .info-title {
+ display: none; }
+
+.searchable-container .searchable-items.list .items .action-btn {
+ font-weight: 600;
+ color: #acb0c3; }
+ .searchable-container .searchable-items.list .items .action-btn .delete-multiple {
+ margin-right: 5px;
+ cursor: pointer;
+ color: #515365;
+ width: 20px;
+ fill: rgba(27, 85, 226, 0.239216); }
+ .searchable-container .searchable-items.list .items .action-btn .delete-multiple:hover {
+ color: #1b55e2; }
+ .searchable-container .searchable-items.list .items .action-btn .edit, .searchable-container .searchable-items.list .items .action-btn .delete {
+ margin-right: 5px;
+ cursor: pointer;
+ color: #515365;
+ width: 20px;
+ fill: rgba(27, 85, 226, 0.239216); }
+ .searchable-container .searchable-items.list .items .action-btn .edit:hover, .searchable-container .searchable-items.list .items .action-btn .delete:hover {
+ color: #1b55e2; }
+
+.searchable-items.grid {
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -15px;
+ margin-left: -15px; }
+
+.searchable-container .searchable-items.grid .items {
+ margin-bottom: 30px;
+ border-radius: 6px;
+ width: 100%;
+ color: #0e1726;
+ transition: all 0.35s ease;
+ width: 33%;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: 25%;
+ position: relative;
+ width: 100%;
+ padding-right: 15px;
+ padding-left: 15px; }
+ .searchable-container .searchable-items.grid .items .item-content {
+ background-color: #fff;
+ padding: 13px 18px;
+ -webkit-box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);
+ box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);
+ border-radius: 6px; }
+ .searchable-container .searchable-items.grid .items.items-header-section {
+ display: none; }
+ .searchable-container .searchable-items.grid .items .user-profile {
+ text-align: center;
+ margin-top: 20px; }
+ .searchable-container .searchable-items.grid .items .user-profile .n-chk {
+ display: none; }
+ .searchable-container .searchable-items.grid .items .user-profile img {
+ border-radius: 12px; }
+ .searchable-container .searchable-items.grid .items .user-meta-info {
+ margin-top: 10px; }
+ .searchable-container .searchable-items.grid .items .user-meta-info .user-name {
+ font-size: 21px;
+ font-weight: 600;
+ margin-bottom: 0;
+ color: #2196f3; }
+ .searchable-container .searchable-items.grid .items .user-meta-info .user-work {
+ font-weight: 700;
+ font-size: 13px; }
+ .searchable-container .searchable-items.grid .items .user-email {
+ display: flex;
+ justify-content: space-between;
+ margin-top: 24px; }
+ .searchable-container .searchable-items.grid .items .user-email .info-title {
+ font-size: 14px;
+ font-weight: 600;
+ color: #3b3f5c;
+ margin-bottom: 11px; }
+ .searchable-container .searchable-items.grid .items .user-email p {
+ color: #888ea8;
+ font-size: 13px;
+ margin-bottom: 11px; }
+ .searchable-container .searchable-items.grid .items .user-location {
+ display: flex;
+ justify-content: space-between; }
+ .searchable-container .searchable-items.grid .items .user-location .info-title {
+ font-size: 14px;
+ font-weight: 600;
+ color: #3b3f5c;
+ margin-bottom: 11px;
+ margin-right: 10px; }
+ .searchable-container .searchable-items.grid .items .user-location p {
+ color: #888ea8;
+ font-size: 13px;
+ margin-bottom: 11px; }
+ .searchable-container .searchable-items.grid .items .user-phone {
+ display: flex;
+ justify-content: space-between; }
+ .searchable-container .searchable-items.grid .items .user-phone .info-title {
+ font-size: 14px;
+ font-weight: 600;
+ color: #3b3f5c;
+ margin-bottom: 11px; }
+ .searchable-container .searchable-items.grid .items .user-phone p {
+ color: #888ea8;
+ font-size: 13px;
+ margin-bottom: 11px;
+ margin-right: 10px; }
+ .searchable-container .searchable-items.grid .items .action-btn {
+ font-weight: 600;
+ color: #acb0c3;
+ text-align: center;
+ margin: 20px 0; }
+ .searchable-container .searchable-items.grid .items .action-btn .edit, .searchable-container .searchable-items.grid .items .action-btn .delete {
+ margin-right: 5px;
+ cursor: pointer;
+ color: #515365;
+ width: 20px;
+ fill: rgba(27, 85, 226, 0.239216); }
+ .searchable-container .searchable-items.grid .items .action-btn .edit:hover, .searchable-container .searchable-items.grid .items .action-btn .delete:hover {
+ color: #1b55e2; }
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+ /* IE10+ CSS styles go here */
+ .new-control.new-checkbox .new-control-indicator {
+ top: -13px;
+ left: -8px; } }
+
+@media (max-width: 1199px) {
+ .searchable-container .searchable-items.list {
+ display: block;
+ width: 100%;
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch; }
+ .searchable-container .searchable-items.grid .items {
+ -ms-flex: 0 0 33.333333%;
+ flex: 0 0 33.333333%;
+ max-width: 33.333333%; } }
+
+@media (max-width: 767px) {
+ .searchable-container .searchable-items.list {
+ display: block;
+ width: 100%;
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch; }
+ .searchable-container .searchable-items.list .items {
+ min-width: 767px; }
+ .searchable-container .searchable-items.grid .items {
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: 50%; } }
+
+@media (max-width: 575px) {
+ .searchable-container .searchable-items.grid .items {
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%; }
+ .filtered-list-search form > div {
+ width: 100%; } }
diff --git a/static/css/apps/invoice.css b/static/css/apps/invoice.css
new file mode 100644
index 00000000..83d2b4e4
--- /dev/null
+++ b/static/css/apps/invoice.css
@@ -0,0 +1,370 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+@keyframes fadeInUp {
+ from {
+ transform: translate3d(0, 40px, 0); }
+ to {
+ transform: translate3d(0, 0, 0);
+ opacity: 1; } }
+
+@-webkit-keyframes fadeInUp {
+ from {
+ transform: translate3d(0, 40px, 0); }
+ to {
+ transform: translate3d(0, 0, 0);
+ opacity: 1; } }
+
+.animated {
+ animation-duration: 1s;
+ animation-fill-mode: both;
+ -webkit-animation-duration: 1s;
+ -webkit-animation-fill-mode: both; }
+
+.animatedFadeInUp {
+ opacity: 0; }
+
+.fadeInUp {
+ opacity: 0;
+ animation-name: fadeInUp;
+ -webkit-animation-name: fadeInUp; }
+
+.actions-btn-tooltip.tooltip {
+ opacity: 1;
+ top: -11px !important; }
+
+.actions-btn-tooltip .arrow:before {
+ border-top-color: #3b3f5c; }
+
+.actions-btn-tooltip .tooltip-inner {
+ background: #3b3f5c;
+ color: #fff;
+ font-weight: 700;
+ border-radius: 30px;
+ box-shadow: 0px 5px 15px 1px rgba(113, 106, 202, 0.2);
+ padding: 4px 16px; }
+
+.doc-container {
+ position: relative;
+ display: flex;
+ background: #fff;
+ border-radius: 6px;
+ -webkit-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
+ -moz-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
+ box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07); }
+
+.tab-title {
+ min-width: 250px; }
+ .tab-title .search {
+ border-bottom: 1px solid #e0e6ed;
+ border-right: 1px solid #e0e6ed; }
+ .tab-title .search input {
+ border: none;
+ padding: 18px 18px 18px 18px;
+ background: transparent;
+ height: auto; }
+ .tab-title .search input::-webkit-input-placeholder {
+ /* Chrome/Opera/Safari */
+ color: #888ea8; }
+ .tab-title .search input::-moz-placeholder {
+ /* Firefox 19+ */
+ color: #888ea8; }
+ .tab-title .search input:-ms-input-placeholder {
+ /* IE 10+ */
+ color: #888ea8; }
+ .tab-title .search input:-moz-placeholder {
+ /* Firefox 18- */
+ color: #888ea8; }
+ .tab-title .inv-list-container {
+ position: relative;
+ margin: auto;
+ overflow: auto;
+ border-right: 1px solid #e0e6ed;
+ height: calc(100vh - 238px); }
+ .tab-title .nav-item {
+ border-bottom: 1px solid #e0e6ed; }
+ .tab-title .list-actions {
+ padding: 20px 10px;
+ border-radius: 5px;
+ transition: all 0.35s ease;
+ cursor: pointer; }
+ .tab-title .list-actions.active {
+ background-color: #fff;
+ -webkit-transform: translateY(0) scale(1.03);
+ transform: translateY(0) scale(1.03);
+ box-shadow: 0px 0px 15px 1px #ebedf2; }
+ .tab-title .list-actions:hover {
+ -webkit-transform: translateY(0) scale(1.03);
+ transform: translateY(0) scale(1.03);
+ box-shadow: 0px 0px 15px 1px #ebedf2; }
+ .tab-title .list-actions .f-m-body {
+ display: flex; }
+ .tab-title .list-actions .f-m-body .f-head {
+ margin-right: 13px;
+ align-self: center; }
+ .tab-title .list-actions .f-m-body .f-head svg {
+ background: rgba(0, 23, 55, 0.08);
+ border-radius: 50%;
+ padding: 6px;
+ color: #0e1726;
+ width: 30px;
+ height: 30px; }
+ .tab-title .list-actions .f-m-body .f-body .invoice-number {
+ margin-bottom: 0;
+ font-size: 12px;
+ color: #888ea8;
+ font-weight: 600; }
+ .tab-title .list-actions .f-m-body .f-body .invoice-customer-name {
+ font-size: 14px;
+ font-weight: 700;
+ color: #0e1726;
+ margin-bottom: 0; }
+ .tab-title .list-actions .f-m-body .f-body .invoice-customer-name span {
+ color: #3b3f5c; }
+ .tab-title .list-actions .f-m-body .f-body .invoice-generated-date {
+ margin-bottom: 0;
+ font-size: 13px;
+ font-weight: 600;
+ color: #3b3f5c; }
+
+.invoice-container {
+ width: 100%; }
+
+.invoice-inbox {
+ position: relative;
+ overflow-x: hidden;
+ overflow-y: auto;
+ max-width: 100%;
+ width: 100%;
+ height: calc(100vh - 179px); }
+ .invoice-inbox .inv-not-selected {
+ display: flex;
+ height: 100%;
+ justify-content: center;
+ background-image: url(../../img/bg.png);
+ border-bottom-right-radius: 6px;
+ border-top-right-radius: 6px; }
+ .invoice-inbox .inv-not-selected p {
+ align-self: center;
+ font-size: 18px;
+ color: #3b3f5c;
+ margin-bottom: 0;
+ font-weight: 600;
+ background: #bfc9d4;
+ padding: 7px 11px;
+ border-radius: 6px;
+ -webkit-box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);
+ box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12); }
+ .invoice-inbox .invoice-header-section {
+ display: flex;
+ justify-content: space-between;
+ padding: 17px 20px;
+ border-bottom: 1px solid #ebedf2;
+ display: none; }
+ .invoice-inbox .inv-number {
+ font-size: 18px;
+ font-weight: 700;
+ margin-bottom: 0;
+ color: #888ea8; }
+ .invoice-inbox .invoice-action svg {
+ cursor: pointer;
+ font-weight: 600;
+ color: #888ea8;
+ margin-right: 6px;
+ vertical-align: middle;
+ fill: rgba(0, 23, 55, 0.08); }
+ .invoice-inbox .invoice-action svg:not(:last-child) {
+ margin-right: 15px; }
+ .invoice-inbox .invoice-action svg:hover {
+ color: #1b55e2;
+ fill: rgba(27, 85, 226, 0.239216); }
+ .invoice-inbox #ct {
+ display: none; }
+
+/*
+===================
+
+ Invoice
+
+===================
+*/
+/*Invoice*/
+.content-section {
+ padding: 36px 35px; }
+
+.invoice .content-section {
+ height: calc(100vh - 193px); }
+ .invoice .content-section .inv--head-section {
+ margin-bottom: 50px; }
+ .invoice .content-section .inv--head-section h3.in-heading {
+ font-size: 32px;
+ font-weight: 700;
+ color: #0e1726;
+ margin: 0; }
+ .invoice .content-section .inv--head-section div.company-info {
+ display: flex;
+ justify-content: flex-end; }
+ .invoice .content-section .inv--head-section div.company-info svg {
+ width: 42px;
+ height: 42px;
+ margin-right: 10px;
+ color: #1b55e2;
+ fill: rgba(27, 85, 226, 0.239216); }
+ .invoice .content-section .inv--head-section .inv-brand-name {
+ font-size: 23px;
+ font-weight: 600;
+ margin-bottom: 0;
+ align-self: center; }
+ .invoice .content-section .inv--detail-section .inv-to {
+ font-weight: 700;
+ font-size: 15px;
+ margin-bottom: 15px; }
+ .invoice .content-section .inv--detail-section .inv-customer-name {
+ font-weight: 700;
+ margin-bottom: 2px;
+ font-size: 13px;
+ color: #1b55e2; }
+ .invoice .content-section .inv--detail-section .inv-detail-title {
+ font-weight: 700;
+ margin-bottom: 0;
+ font-size: 15px;
+ margin-bottom: 15px; }
+ .invoice .content-section .inv--detail-section .inv-details {
+ font-weight: 700;
+ margin-bottom: 15px; }
+ .invoice .content-section .inv--detail-section .inv-street-addr, .invoice .content-section .inv--detail-section .inv-email-address {
+ font-weight: 600;
+ margin-bottom: 2px;
+ font-size: 13px; }
+ .invoice .content-section .inv--detail-section .inv-list-number {
+ margin-bottom: 2px; }
+ .invoice .content-section .inv--detail-section .inv-list-number .inv-title {
+ font-weight: 700;
+ font-size: 13px; }
+ .invoice .content-section .inv--detail-section .inv-list-number .inv-number {
+ font-weight: 700;
+ font-size: 13px;
+ color: #1b55e2; }
+ .invoice .content-section .inv--detail-section .inv-created-date, .invoice .content-section .inv--detail-section .inv-due-date {
+ margin-bottom: 2px; }
+ .invoice .content-section .inv--detail-section .inv-created-date .inv-title, .invoice .content-section .inv--detail-section .inv-due-date .inv-title {
+ font-weight: 700;
+ font-size: 13px; }
+ .invoice .content-section .inv--detail-section .inv-created-date .inv-date, .invoice .content-section .inv--detail-section .inv-due-date .inv-date {
+ font-size: 13px;
+ font-weight: 600; }
+ .invoice .content-section .inv--product-table-section {
+ margin-top: 50px;
+ margin-bottom: 50px; }
+ .invoice .content-section .inv--product-table-section table {
+ border: 1px solid #e0e6ed; }
+ .invoice .content-section .inv--product-table-section thead tr {
+ border: none;
+ background: #ebedf2; }
+ .invoice .content-section .inv--product-table-section th {
+ border: none;
+ color: #1b55e2; }
+ .invoice .content-section .inv--product-table-section td {
+ border-top: 1px solid #e0e6ed;
+ color: #515365;
+ font-weight: 600; }
+ .invoice .content-section .inv--payment-info {
+ font-size: 13px;
+ font-weight: 600;
+ margin-bottom: 52px; }
+ .invoice .content-section .inv--payment-info .inv-title {
+ color: #1b55e2;
+ font-weight: 600;
+ margin-bottom: 15px; }
+ .invoice .content-section .inv--payment-info .inv-subtitle {
+ font-weight: 700;
+ font-size: 14px; }
+ .invoice .content-section .inv--total-amounts {
+ font-size: 13px;
+ font-weight: 600;
+ margin-bottom: 52px; }
+ .invoice .content-section .inv--total-amounts .grand-total-title h4, .invoice .content-section .inv--total-amounts .grand-total-amount h4 {
+ position: relative;
+ font-weight: 700;
+ font-size: 16px;
+ margin-bottom: 0;
+ padding: 0;
+ color: #0e1726;
+ display: inline-block;
+ letter-spacing: 1px; }
+
+/* Inv head section */
+/* Inv detail section */
+/*inv-list-number*/
+/*inv-created-date*/
+/*inv-due-date*/
+/* Inv product table section */
+/*inv--payment-info*/
+/*inv--total-amounts*/
+/*inv--thankYou*/
+.inv--thankYou {
+ display: none;
+ text-align: center; }
+ .inv--thankYou p {
+ margin-bottom: 0;
+ font-weight: 600;
+ font-size: 12px;
+ color: #888ea8; }
+
+@media print {
+ body * {
+ visibility: hidden; }
+ #ct {
+ visibility: visible; }
+ #ct * {
+ visibility: visible; }
+ .doc-container {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0; } }
+
+@page {
+ size: auto;
+ margin: 0mm; }
+
+@media (max-width: 1199px) {
+ .doc-container {
+ overflow: auto; }
+ .tab-title {
+ position: absolute;
+ z-index: 60;
+ left: -300px; }
+ .tab-title.open-inv-sidebar {
+ left: 0;
+ background: #fff; }
+ .app-hamburger-container {
+ text-align: right; }
+ .hamburger {
+ position: relative;
+ top: -13px;
+ padding: 6px 9px 6px 9px;
+ font-size: 20px;
+ color: #fff;
+ align-self: center;
+ display: inline-block;
+ background-color: #515365;
+ border-radius: 50%; } }
+
+@media (max-width: 575px) {
+ .invoice .content-section .inv--head-section div.company-info {
+ justify-content: flex-start; }
+ .invoice .content-section .inv--detail-section .inv-detail-title {
+ margin-top: 20px;
+ margin-bottom: 10px; } }
+
+@media (max-width: 991px) {
+ .layout-top-spacing {
+ margin-top: 37px; } }
diff --git a/static/css/apps/mailbox.css b/static/css/apps/mailbox.css
new file mode 100644
index 00000000..977c9e7b
--- /dev/null
+++ b/static/css/apps/mailbox.css
@@ -0,0 +1,918 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+[class*="g-dot-"] {
+ position: relative; }
+ [class*="g-dot-"]:before {
+ position: absolute;
+ padding: 4px;
+ content: '';
+ background: transparent;
+ border-radius: 50%;
+ top: 15px;
+ left: 0;
+ border: 2px solid #515365; }
+
+.g-dot-primary:before {
+ border: none;
+ background: #2196f3; }
+
+.g-dot-warning:before {
+ border: none;
+ background: #e2a03f; }
+
+.g-dot-success:before {
+ border: none;
+ background: #8dbf42; }
+
+.g-dot-danger:before {
+ border: none;
+ background: #e7515a; }
+
+.mail-content-container.mailInbox [data-original-title="Restore"], .mail-content-container.sentmail [data-original-title="Restore"], .mail-content-container.important [data-original-title="Restore"], .mail-content-container.spam [data-original-title="Restore"] {
+ display: none; }
+
+.mail-content-container.trashed [data-original-title="Reply"], .mail-content-container.trashed [data-original-title="Forward"], .mail-content-container.trashed [data-original-title="Print"] {
+ display: none; }
+
+/*----------Theme checkbox---------*/
+.new-control {
+ position: relative;
+ display: -ms-inline-flexbox;
+ display: inline-flex; }
+
+.new-control-input {
+ position: absolute;
+ z-index: -1;
+ opacity: 0; }
+
+.new-control.new-checkbox {
+ cursor: pointer; }
+ .new-control.new-checkbox .new-control-indicator {
+ position: relative;
+ top: .25rem;
+ left: 0;
+ display: block;
+ width: 1rem;
+ height: 1rem;
+ pointer-events: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ background-color: #bfc9d4;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-size: 50% 50%;
+ border-radius: 2px;
+ margin-right: 13px; }
+ .new-control.new-checkbox > input:checked ~ span.new-control-indicator {
+ background: #888ea8; }
+ .new-control.new-checkbox > input:checked ~ span.new-control-indicator:after {
+ display: block; }
+ .new-control.new-checkbox span.new-control-indicator:after {
+ border: solid #fff;
+ top: 50%;
+ left: 50%;
+ margin-left: -2px;
+ margin-top: -6px;
+ width: 5px;
+ height: 10px;
+ border-width: 0 2px 2px 0 !important;
+ transform: rotate(45deg);
+ content: '';
+ position: absolute;
+ display: none; }
+ .new-control.new-checkbox.checkbox-primary > input:checked ~ span.new-control-indicator {
+ background: #3b3f5c; }
+
+.mail-box-container {
+ position: relative;
+ display: flex;
+ border-radius: 6px;
+ background-color: #fff;
+ -webkit-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
+ -moz-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
+ box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
+ height: calc(100vh - 179px); }
+ .mail-box-container .avatar-sm {
+ width: 2.5rem;
+ height: 2.5rem;
+ font-size: .83333rem; }
+ .mail-box-container .avatar {
+ position: relative;
+ display: inline-block;
+ width: 34px;
+ height: 34px;
+ font-size: 12px; }
+ .mail-box-container .avatar .avatar-title {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 100%;
+ height: 100%;
+ background-color: #060818;
+ color: #ebedf2; }
+
+.mail-overlay {
+ display: none;
+ position: absolute;
+ width: 100vw;
+ height: 100%;
+ background: #3b3f5c !important;
+ z-index: 4 !important;
+ opacity: 0;
+ transition: all 0.5s ease-in-out; }
+ .mail-overlay.mail-overlay-show {
+ display: block;
+ opacity: .7; }
+
+.tab-title {
+ padding: 33px 15px;
+ max-width: 115px;
+ border-right: 1px solid #e0e6ed; }
+ .tab-title .mail-btn-container {
+ padding: 0 30px; }
+ .tab-title #btn-compose-mail {
+ transform: none;
+ background: #5c1ac3;
+ border: none !important;
+ padding: 7px 9px;
+ font-size: 14px;
+ font-weight: 700;
+ letter-spacing: 1px;
+ color: #fff !important;
+ width: 40px;
+ margin: 0 auto;
+ box-shadow: 0px 5px 10px 0px rgba(92, 26, 195, 0.380392); }
+ .tab-title #btn-compose-mail:hover {
+ box-shadow: none; }
+ .tab-title #btn-compose-mail svg {
+ width: 22px;
+ height: 22px; }
+ .tab-title.mail-menu-show {
+ left: 0;
+ width: 100%;
+ height: 100%; }
+ .tab-title .nav-pills .nav-link.active, .tab-title .nav-pills .show > .nav-link {
+ background-color: transparent;
+ color: #1b55e2;
+ font-weight: 600;
+ fill: rgba(27, 85, 226, 0.239216); }
+ .tab-title .mail-categories-container {
+ margin-top: 35px;
+ padding: 0 0; }
+ .tab-title .mail-sidebar-scroll {
+ position: relative;
+ margin: auto;
+ width: 100%;
+ overflow: auto;
+ height: calc(100vh - 283px); }
+ .tab-title .mail-sidebar-scroll .ps__rail-y {
+ right: -15px !important; }
+ .tab-title .nav-pills:nth-child(1) .nav-item:first-child a.nav-link {
+ border-top: 1px solid #e0e6ed;
+ padding-top: 24px; }
+ .tab-title .nav-pills a.nav-link {
+ position: relative;
+ font-weight: 600;
+ color: #515365;
+ padding: 14px 0px 14px 0px;
+ cursor: pointer;
+ font-size: 14px;
+ display: block;
+ text-align: center;
+ border-radius: 0;
+ border-bottom: 1px solid #e0e6ed; }
+ .tab-title .nav-pills .nav-link.active svg, .tab-title .nav-pills .show > .nav-link svg {
+ color: #1b55e2; }
+ .tab-title .nav-pills a.nav-link svg {
+ width: 19px;
+ height: 19px;
+ margin-bottom: 7px;
+ fill: rgba(0, 23, 55, 0.08);
+ color: #888ea8; }
+ .tab-title .nav-pills a.nav-link span.nav-names {
+ display: block;
+ letter-spacing: 1px;
+ padding: 0; }
+ .tab-title .nav-pills a.nav-link .mail-badge {
+ background: #1b55e2;
+ border-radius: 50%;
+ position: absolute;
+ right: 8px;
+ padding: 3px 0;
+ height: 19px;
+ width: 19px;
+ color: #fff;
+ font-weight: 500;
+ font-size: 10px;
+ top: 7px; }
+
+.group-section {
+ font-weight: 700;
+ font-size: 15px;
+ display: inline-block;
+ color: #060818;
+ letter-spacing: 1px;
+ margin-top: 22px;
+ margin-bottom: 13px;
+ display: flex;
+ justify-content: center; }
+ .group-section svg {
+ color: #060818;
+ margin-right: 6px;
+ align-self: center;
+ width: 17px;
+ height: 17px;
+ fill: #acb0c3; }
+
+.tab-title .nav-pills.group-list .nav-item a {
+ position: relative;
+ padding: 6px 45px 6px 41px;
+ letter-spacing: 1px;
+ border-radius: 5px;
+ font-size: 12px;
+ font-weight: 700;
+ color: #888ea8;
+ border-bottom: none !important; }
+ .tab-title .nav-pills.group-list .nav-item a.g-dot-primary.active:before {
+ background: #2196f3; }
+ .tab-title .nav-pills.group-list .nav-item a.g-dot-warning.active:before {
+ background: #e2a03f; }
+ .tab-title .nav-pills.group-list .nav-item a.g-dot-success.active:before {
+ background: #8dbf42; }
+ .tab-title .nav-pills.group-list .nav-item a.g-dot-danger.active:before {
+ background: #e7515a; }
+ .tab-title .nav-pills.group-list .nav-item a[class*="g-dot-"]:before {
+ position: absolute;
+ padding: 3px;
+ content: '';
+ border-radius: 50%;
+ top: 11px;
+ left: 18px;
+ border: 2px solid #e0e6ed; }
+
+.tab-title .nav-pills .nav-item .dropdown-menu {
+ box-shadow: 0px 0px 15px 1px rgba(113, 106, 202, 0.2);
+ padding: 0;
+ border: none; }
+
+.tab-title li.mail-labels a.dropdown-item {
+ font-size: 13px;
+ font-weight: 700;
+ padding: 8px 18px; }
+ .tab-title li.mail-labels a.dropdown-item:hover {
+ background-color: #fff;
+ color: #1b55e2; }
+
+.tab-title li.mail-labels .label:after {
+ position: absolute;
+ content: "";
+ height: 6px;
+ width: 6px;
+ border-radius: 50%;
+ right: 15px;
+ top: 43%; }
+
+/*Mail Labels*/
+.actions-btn-tooltip.tooltip {
+ opacity: 1;
+ top: -11px !important; }
+
+.actions-btn-tooltip .arrow:before {
+ border-top-color: #3b3f5c; }
+
+.actions-btn-tooltip .tooltip-inner {
+ background: #3b3f5c;
+ color: #fff;
+ font-weight: 700;
+ border-radius: 30px;
+ box-shadow: 0px 5px 15px 1px rgba(113, 106, 202, 0.2);
+ padding: 4px 16px; }
+
+/*
+=====================
+ Mailbox Inbox
+=====================
+*/
+.mailbox-inbox {
+ position: relative;
+ overflow-x: hidden;
+ overflow-y: hidden;
+ max-width: 100%;
+ width: 100%;
+ background: #f9f9f9; }
+ .mailbox-inbox .mail-menu {
+ margin: 12px 13px 12px 13px;
+ width: 22px;
+ border-radius: 0;
+ color: #515365;
+ align-self: center; }
+ .mailbox-inbox .search {
+ display: flex;
+ border-bottom: 1px solid #e0e6ed;
+ background: #ebedf2; }
+ .mailbox-inbox .search input {
+ border: none;
+ padding: 12px 13px 12px 13px;
+ background-color: #fff;
+ border-radius: 0;
+ border-top-right-radius: 6px; }
+ .mailbox-inbox .search input:focus {
+ box-shadow: 0 0 5px 2px #f1f2f3; }
+ .mailbox-inbox .action-center {
+ display: flex;
+ justify-content: space-between;
+ background: transparent;
+ padding: 14px 25px;
+ border-bottom: 1px solid #e0e6ed; }
+ .mailbox-inbox .action-center .new-control {
+ font-weight: 600;
+ color: #3b3f5c; }
+ .mailbox-inbox .action-center .nav-link {
+ padding: 0;
+ display: inline-block; }
+ .mailbox-inbox .action-center .more-actions .dropdown-menu {
+ top: 11px !important;
+ left: 9px !important; }
+ .mailbox-inbox .action-center .dropdown-menu.d-icon-menu {
+ padding: 0;
+ border: 1px solid #e0e6ed;
+ min-width: 6rem;
+ -webkit-box-shadow: 0px 0px 0px 1px rgba(136, 142, 168, 0.313725);
+ box-shadow: 0px 0px 4px 0px rgba(136, 142, 168, 0.313725);
+ border-radius: 6px;
+ top: 11px !important;
+ left: 9px !important; }
+ .mailbox-inbox .action-center .dropdown-menu.d-icon-menu a {
+ font-size: 14px;
+ font-weight: 600;
+ padding: 10px 23px 10px 43px;
+ color: #3b3f5c;
+ letter-spacing: 1px; }
+ .mailbox-inbox .action-center .dropdown-menu.d-icon-menu a[class*="g-dot-"]:before {
+ left: 19px; }
+ .mailbox-inbox .action-center .dropdown-menu.d-icon-menu a.dropdown-item.active, .mailbox-inbox .action-center .dropdown-menu.d-icon-menu a.dropdown-item:active {
+ background-color: transparent; }
+ .mailbox-inbox .action-center .dropdown-menu.d-icon-menu a svg {
+ vertical-align: middle;
+ font-size: 15px;
+ margin-right: 7px;
+ color: #888ea8; }
+ .mailbox-inbox .action-center .nav-link:after {
+ display: none; }
+ .mailbox-inbox .action-center svg {
+ cursor: pointer;
+ color: #888ea8;
+ margin-right: 6px;
+ vertical-align: middle;
+ width: 20px;
+ height: 20px;
+ fill: #e0e6ed; }
+ .mailbox-inbox .action-center .nav-link.label-group svg {
+ margin-right: 12px; }
+ .mailbox-inbox .action-center svg:not(:last-child) {
+ margin-right: 12px; }
+ .mailbox-inbox .action-center svg.revive-mail, .mailbox-inbox .action-center svg.permanent-delete {
+ display: none; }
+ .mailbox-inbox .action-center.tab-trash-active .nav-link svg {
+ display: none; }
+ .mailbox-inbox .action-center.tab-trash-active svg.action-important, .mailbox-inbox .action-center.tab-trash-active svg.action-spam, .mailbox-inbox .action-center.tab-trash-active svg.action-delete {
+ display: none; }
+ .mailbox-inbox .action-center.tab-trash-active svg.revive-mail, .mailbox-inbox .action-center.tab-trash-active svg.permanent-delete {
+ display: inline-block; }
+ .mailbox-inbox .more-actions svg.feather-more-vertical {
+ margin-right: 0; }
+ .mailbox-inbox .message-box {
+ padding: 0 0 0 0; }
+ .mailbox-inbox .message-box .message-box-scroll {
+ position: relative;
+ margin: auto;
+ width: 100%;
+ overflow: auto;
+ height: calc(100vh - 284px); }
+ .mailbox-inbox .mail-item[id*="unread-"] div.mail-item-heading .mail-item-inner .f-body .mail-title {
+ font-weight: 700;
+ color: #1b2e4b; }
+ .mailbox-inbox .mail-item[id*="unread-"] div.mail-item-heading .mail-item-inner .f-body .user-email {
+ font-weight: 700;
+ color: #0e1726; }
+ .mailbox-inbox .mail-item[id*="unread-"] div.mail-item-heading .mail-item-inner .mail-content-excerpt {
+ font-weight: 600;
+ color: #1b2e4b; }
+ .mailbox-inbox .mail-item[id*="unread-"] div.mail-item-heading .mail-item-inner .f-body .meta-time {
+ font-weight: 700; }
+ .mailbox-inbox .mail-item div.mail-item-heading {
+ padding: 11px 10px 11px 0;
+ cursor: pointer;
+ position: relative;
+ background: #fff;
+ -webkit-transition: all 0.35s ease;
+ transition: all 0.35s ease;
+ margin: 9px;
+ border: 1px solid #e0e6ed;
+ border-radius: 6px; }
+ .mailbox-inbox .mail-item div.mail-item-heading:hover {
+ background: #ebedf2;
+ border: 1px solid #1b55e2 !important; }
+ .mailbox-inbox .mail-item div.mail-item-heading .mail-item-inner {
+ padding-left: 15px; }
+ .mailbox-inbox .mail-item div.mail-item-heading .mail-item-inner .n-chk {
+ align-self: center; }
+ .mailbox-inbox .mail-item div.mail-item-heading .mail-item-inner .f-head {
+ align-self: center; }
+ .mailbox-inbox .mail-item div.mail-item-heading .mail-item-inner .f-head img {
+ width: 35px;
+ height: 35px;
+ border-radius: 50%; }
+ .mailbox-inbox .mail-item div.mail-item-heading .mail-item-inner .f-body {
+ align-self: center;
+ display: flex;
+ width: 100%; }
+ .mailbox-inbox .mail-item div.mail-item-heading .mail-item-inner .f-body > div.meta-title-tag {
+ display: flex;
+ width: 100%;
+ justify-content: space-between; }
+ .mailbox-inbox .mail-item div.mail-item-heading .mail-item-inner .f-body > div.meta-mail-time {
+ display: flex;
+ justify-content: space-between; }
+ .mailbox-inbox .mail-item div.mail-item-heading .mail-item-inner .f-body .user-email {
+ padding: 0 15px 0 20px;
+ min-width: 215px;
+ max-width: 215px;
+ font-size: 15px;
+ color: #607d8b;
+ margin-bottom: 0;
+ letter-spacing: 0px;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ align-self: center; }
+ .mailbox-inbox .mail-item div.mail-item-heading .mail-item-inner .f-body .meta-time {
+ margin-bottom: 0;
+ float: right;
+ font-weight: 500;
+ font-size: 12px;
+ min-width: 75px;
+ max-width: 80px;
+ text-align: right; }
+ .mailbox-inbox .mail-item div.mail-item-heading .mail-item-inner .f-body .mail-title {
+ font-size: 15px;
+ color: #515365;
+ margin-bottom: 2px;
+ letter-spacing: 0px; }
+ .mailbox-inbox .mail-item div.mail-item-heading .mail-item-inner .f-body .tags {
+ position: relative; }
+ .mailbox-inbox .mail-item div.mail-item-heading .mail-item-inner .f-body .tags span {
+ display: none;
+ margin-left: 11px; }
+ .mailbox-inbox .mail-item div.mail-item-heading.personal .mail-item-inner .f-body .tags span.g-dot-primary, .mailbox-inbox .mail-item div.mail-item-heading.work .mail-item-inner .f-body .tags span.g-dot-warning, .mailbox-inbox .mail-item div.mail-item-heading.social .mail-item-inner .f-body .tags span.g-dot-success, .mailbox-inbox .mail-item div.mail-item-heading.private .mail-item-inner .f-body .tags span.g-dot-danger {
+ display: inline-block; }
+ .mailbox-inbox .mail-item div.mail-item-heading .mail-item-inner .f-body .tags span[class*="g-dot-"]:before {
+ top: -11px;
+ left: -13px; }
+ .mailbox-inbox .mail-item div.mail-item-heading .mail-item-inner .mail-content-excerpt {
+ font-size: 14px;
+ margin-bottom: 0;
+ color: #607d8b;
+ margin-left: 0;
+ margin-right: 0;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ width: calc(100vw - 830px);
+ align-self: center; }
+ .mailbox-inbox .mail-item div.mail-item-heading .mail-item-inner .mail-content-excerpt svg.attachment-indicator {
+ width: 18px;
+ height: 18px;
+ margin-right: 5px;
+ vertical-align: top; }
+ .mailbox-inbox .mail-item.sentmail div.mail-item-heading .mail-item-inner .mail-content-excerpt, .mailbox-inbox .mail-item.draft div.mail-item-heading .mail-item-inner .mail-content-excerpt {
+ margin-left: 31px; }
+ .mailbox-inbox .mail-item div.mail-item-heading .attachments {
+ width: calc(100vw - 830px);
+ margin: 0 auto;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ width: calc(100vw - 830px); }
+ .mailbox-inbox .mail-item div.mail-item-heading .attachments span {
+ display: inline-block;
+ border: 1px solid #bfc9d4;
+ padding: 1px 11px;
+ border-radius: 30px;
+ color: #3b3f5c;
+ background: transparent;
+ font-size: 12px;
+ margin-right: 3px;
+ font-weight: 700;
+ margin-bottom: 2px;
+ letter-spacing: 0px;
+ max-width: 96px;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important; }
+
+/*
+=====================
+ Content Box
+=====================
+*/
+.content-box {
+ background-color: #f9f9f9;
+ position: absolute;
+ top: 0;
+ height: 100%;
+ width: 0px;
+ left: auto;
+ right: -46px;
+ overflow: hidden;
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px; }
+ .content-box .msg-close {
+ padding: 13px;
+ background: #fff;
+ -webkit-box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);
+ box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12); }
+ .content-box svg.close-message {
+ font-size: 15px;
+ color: #3b3f5c;
+ padding: 3px;
+ align-self: center;
+ cursor: pointer;
+ margin-right: 12px; }
+ .content-box .mail-title {
+ font-size: 24px;
+ font-weight: 600;
+ color: #1b55e2;
+ margin-bottom: 0;
+ align-self: center; }
+
+.mailbox-inbox .collapse {
+ position: relative;
+ height: calc(100vh - 234px); }
+
+.mailbox-inbox .mail-content-container {
+ position: relative;
+ height: auto;
+ overflow: auto;
+ padding: 25px;
+ border-radius: 6px; }
+ .mailbox-inbox .mail-content-container .user-info img {
+ width: 50px;
+ height: 50px;
+ border-radius: 50%;
+ margin-right: 8px;
+ border: 3px solid #ebedf2; }
+ .mailbox-inbox .mail-content-container .user-info .avatar {
+ margin-right: 8px; }
+ .mailbox-inbox .mail-content-container .user-info .meta-title-tag .mail-usr-name {
+ margin-bottom: 0;
+ font-size: 18px;
+ font-weight: 700;
+ color: #2196f3; }
+ .mailbox-inbox .mail-content-container .user-info .user-email {
+ margin-bottom: 0;
+ font-weight: 600;
+ display: inline-block; }
+ .mailbox-inbox .mail-content-container .user-info .user-email span {
+ font-size: 16px;
+ font-weight: 700; }
+ .mailbox-inbox .mail-content-container .user-info .user-cc-mail {
+ margin-bottom: 0;
+ font-weight: 600;
+ margin-left: 8px;
+ display: inline-block; }
+ .mailbox-inbox .mail-content-container .user-info .user-cc-mail span {
+ font-size: 16px;
+ font-weight: 700; }
+ .mailbox-inbox .mail-content-container .user-info .meta-mail-time .meta-time {
+ display: inline-block;
+ font-weight: 700; }
+ .mailbox-inbox .mail-content-container .mail-content-meta-date {
+ font-size: 13px;
+ font-weight: 600;
+ color: #3b3f5c;
+ display: inline-block;
+ font-weight: 700; }
+ .mailbox-inbox .mail-content-container .action-btns a {
+ margin-right: 20px; }
+ .mailbox-inbox .mail-content-container .action-btns svg {
+ color: #acb0c3;
+ font-weight: 600; }
+ .mailbox-inbox .mail-content-container .action-btns svg.restore {
+ position: relative; }
+ .mailbox-inbox .mail-content-container .action-btns svg.restore:after {
+ content: '';
+ height: 28px;
+ width: 2px;
+ background: #acb0c3;
+ position: absolute;
+ border-radius: 50px;
+ left: 9px;
+ transform: rotate(30deg);
+ top: -3px; }
+ .mailbox-inbox .mail-content-container .mail-content-title {
+ font-weight: 600;
+ font-size: 20px;
+ color: #515365;
+ margin-bottom: 25px; }
+ .mailbox-inbox .mail-content-container p {
+ font-size: 14px;
+ color: #3b3f5c; }
+ .mailbox-inbox .mail-content-container p.mail-content {
+ padding-top: 45px;
+ border-top: 1px solid #e0e6ed;
+ margin-top: 20px; }
+ .mailbox-inbox .mail-content-container .attachments {
+ margin-top: 55px;
+ margin-bottom: 0; }
+ .mailbox-inbox .mail-content-container .attachments .attachments-section-title {
+ font-weight: 600;
+ color: #515365;
+ font-size: 16px;
+ border-bottom: 1px solid #e0e6ed;
+ padding-bottom: 9px;
+ margin-bottom: 20px; }
+ .mailbox-inbox .mail-content-container .attachment {
+ display: inline-block;
+ padding: 9px;
+ border-radius: 5px;
+ margin-bottom: 10px;
+ cursor: pointer;
+ min-width: 150px;
+ max-width: 235px; }
+ .mailbox-inbox .mail-content-container .attachment svg {
+ font-size: 18px;
+ margin-right: 13px;
+ color: #5c1ac3;
+ align-self: center; }
+ .mailbox-inbox .mail-content-container .attachment .file-name {
+ color: #3b3f5c;
+ font-size: 12px;
+ font-weight: 700;
+ margin-bottom: 0;
+ word-break: break-word; }
+ .mailbox-inbox .mail-content-container .attachment .file-size {
+ color: #3b3f5c;
+ font-size: 11px;
+ text-align: left;
+ font-weight: 700;
+ margin-bottom: 0; }
+
+#editor-container {
+ height: 200px; }
+
+.ql-toolbar.ql-snow {
+ border: 1px solid #e0e6ed;
+ margin-top: 30px; }
+
+.ql-container.ql-snow {
+ border: 1px solid #e0e6ed; }
+
+.modal-backdrop {
+ background-color: #515365; }
+
+.modal-content {
+ border: none;
+ box-shadow: 0px 0px 15px 1px rgba(113, 106, 202, 0.2); }
+ .modal-content svg.close {
+ position: absolute;
+ right: -7px;
+ top: -8px;
+ font-size: 12px;
+ font-weight: 600;
+ padding: 2px;
+ background: #fff;
+ border-radius: 5px;
+ opacity: 1;
+ color: #2196f3;
+ box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
+ cursor: pointer;
+ transition: .600s; }
+ .modal-content svg.close:hover {
+ box-shadow: none;
+ transition: .600s;
+ opacity: 1 !important; }
+
+.compose-box {
+ background-color: #fff;
+ border-radius: 6px; }
+ .compose-box .compose-content form .validation-text {
+ display: none;
+ color: #e7515a;
+ font-weight: 600;
+ text-align: left;
+ margin-top: 6px;
+ font-size: 12px;
+ letter-spacing: 1px; }
+ .compose-box .compose-content form .mail-form p {
+ font-weight: 700;
+ color: #3b3f5c;
+ font-size: 16px;
+ margin-bottom: 0;
+ align-self: center; }
+ .compose-box .compose-content form .mail-form select {
+ padding: 5px;
+ font-weight: 700;
+ color: #1b55e2;
+ margin-left: 10px;
+ border-radius: 6px;
+ border: 1px solid #d3d3d3; }
+ .compose-box .compose-content form .mail-to svg, .compose-box .compose-content form .mail-cc svg, .compose-box .compose-content form .mail-subject svg {
+ align-self: center;
+ font-size: 19px;
+ margin-right: 14px;
+ color: #1b55e2;
+ font-weight: 600; }
+ .compose-box .compose-content form #editor-container h1, .compose-box .compose-content form #editor-container p {
+ color: #3b3f5c; }
+
+#composeMailModal .modal-content .modal-footer {
+ border-top: none;
+ padding-top: 0; }
+
+#composeMailModal .modal-footer .btn[data-dismiss="modal"] {
+ background-color: #fff;
+ color: #1b55e2;
+ font-weight: 700;
+ border: 1px solid #e8e8e8;
+ padding: 10px 25px; }
+ #composeMailModal .modal-footer .btn[data-dismiss="modal"] svg {
+ font-size: 11px;
+ font-weight: 600;
+ margin-right: 8px; }
+
+#composeMailModal .modal-footer #btn-reply, #composeMailModal .modal-footer #btn-fwd, #composeMailModal .modal-footer #btn-send {
+ background-color: #1b55e2;
+ color: #fff;
+ font-weight: 600;
+ border: 1px solid #1b55e2;
+ padding: 10px 25px; }
+
+#composeMailModal .modal-footer #btn-reply.disabled, #composeMailModal .modal-footer #btn-fwd.disabled, #composeMailModal .modal-footer #btn-send.disabled {
+ opacity: .53; }
+
+#composeMailModal .modal-footer #btn-save, #composeMailModal .modal-footer #btn-reply-save, #composeMailModal .modal-footer #btn-fwd-save {
+ background-color: #009688;
+ color: #fff;
+ font-weight: 600;
+ border: 1px solid #e0e6ed;
+ padding: 10px 25px; }
+
+@keyframes fadeInUp {
+ from {
+ transform: translate3d(0, 40px, 0); }
+ to {
+ transform: translate3d(0, 0, 0);
+ opacity: 1; } }
+
+@-webkit-keyframes fadeInUp {
+ from {
+ transform: translate3d(0, 40px, 0); }
+ to {
+ transform: translate3d(0, 0, 0);
+ opacity: 1; } }
+
+.animated {
+ animation-duration: 1s;
+ animation-fill-mode: both;
+ -webkit-animation-duration: 1s;
+ -webkit-animation-fill-mode: both; }
+
+.animatedFadeInUp {
+ opacity: 0; }
+
+.fadeInUp {
+ opacity: 0;
+ animation-name: fadeInUp;
+ -webkit-animation-name: fadeInUp; }
+
+@media (min-width: 992px) {
+ .main-container:not(.sidebar-closed) .mailbox-inbox .mail-item div.mail-item-heading .mail-item-inner .mail-content-excerpt {
+ width: calc(100vw - 857px); }
+ .main-container:not(.sidebar-closed) .mailbox-inbox .mail-item div.mail-item-heading .mail-item-inner .f-body .user-email {
+ min-width: 170px;
+ max-width: 170px; }
+ .main-container:not(.sidebar-closed) .mailbox-inbox .mail-item div.mail-item-heading .attachments {
+ width: calc(100vw - 940px); } }
+
+@media (max-width: 991px) {
+ .mail-box-container {
+ overflow-x: hidden;
+ overflow-y: auto; }
+ .mailbox-inbox .search input {
+ border-left: 1px solid #e0e6ed; }
+ .tab-title {
+ position: absolute;
+ z-index: 4;
+ left: -147px;
+ width: 0;
+ background: #fff; }
+ .tab-title.mail-menu-show {
+ left: 0;
+ width: 100%;
+ min-width: 111px; }
+ .mailbox-inbox {
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%; }
+ .mailbox-inbox .mail-menu {
+ margin: 12px 13px 8px 13px; }
+ .mailbox-inbox .search {
+ background-color: #fff;
+ padding: 0; }
+ .mailbox-inbox .action-center {
+ padding: 14px 14px; }
+ .mailbox-inbox .mail-item div.mail-item-heading:hover {
+ background: transparent;
+ border: none !important; }
+ .mailbox-inbox .mail-item div.mail-item-heading .mail-item-inner {
+ padding-left: 14px; }
+ .mailbox-inbox .mail-item div.mail-item-heading .mail-item-inner .mail-content-excerpt {
+ width: calc(100vw - 527px); }
+ .mailbox-inbox .mail-item div.mail-item-heading .mail-item-inner .f-body .user-email {
+ min-width: 170px;
+ max-width: 170px; }
+ .mailbox-inbox .mail-item div.mail-item-heading .attachments {
+ width: calc(100vw - 527px);
+ padding: 0 15px; } }
+
+@media (max-width: 767px) {
+ .new-control.new-checkbox .new-control-indicator {
+ margin-right: 10px; }
+ .mailbox-inbox {
+ display: block; }
+ .mailbox-inbox .mail-item div.mail-item-heading {
+ margin: 0;
+ padding: 20px 10px 20px 0;
+ border: none; }
+ .mailbox-inbox .mail-item div.mail-item-heading .mail-item-inner .f-head img {
+ width: 35px;
+ height: 35px; }
+ .mailbox-inbox .mail-item div.mail-item-heading .mail-item-inner .f-body {
+ display: block; }
+ .mailbox-inbox .message-box {
+ width: 100%;
+ margin-bottom: 40px; }
+ .mailbox-inbox .mail-item div.mail-item-heading .mail-item-inner .f-body > div.meta-title-tag {
+ padding-left: 10px; }
+ .mailbox-inbox .mail-item div.mail-item-heading .mail-item-inner .f-body .user-email {
+ padding: 0 0 0 10px; }
+ .mailbox-inbox .mail-item div.mail-item-heading .mail-item-inner .f-body .meta-time {
+ min-width: auto; }
+ .mailbox-inbox .mail-item div.mail-item-heading .mail-item-inner .mail-content-excerpt {
+ width: calc(100vw - 192px);
+ padding-right: 7px; }
+ .mailbox-inbox .mail-item div.mail-item-heading .mail-item-inner .f-body .tags {
+ position: absolute;
+ right: 5px;
+ top: 23px;
+ width: 60px; }
+ .mailbox-inbox .mail-item.sentmail div.mail-item-heading .mail-item-inner .mail-content-excerpt, .mailbox-inbox .mail-item.draft div.mail-item-heading .mail-item-inner .mail-content-excerpt {
+ margin-left: 0;
+ width: calc(100vw - 178px); }
+ .mailbox-inbox .mail-item div.mail-item-heading .attachments {
+ width: calc(100vw - 192px);
+ padding: 0 11px; }
+ .mailbox-inbox .mail-item.sentmail div.mail-item-heading .attachments {
+ margin: 0 0 0 40px; } }
+
+@media (max-width: 575px) {
+ .mailbox-inbox .message-box {
+ margin-bottom: 0; }
+ .mailbox-inbox .mail-content-container .user-info {
+ display: block !important; }
+ .mailbox-inbox .mail-content-container .user-info img {
+ margin-bottom: 10px; }
+ .mailbox-inbox .mail-item div.mail-item-heading .mail-item-inner .f-body > div {
+ display: block; }
+ .mailbox-inbox .mail-item div.mail-item-heading .mail-item-inner .f-body > div.meta-mail-time {
+ display: block; }
+ .mailbox-inbox .mail-item div.mail-item-heading .mail-item-inner .f-body .meta-time {
+ margin-bottom: 0;
+ float: none; }
+ .mailbox-inbox .mail-item div.mail-item-heading .mail-item-inner .mail-content-excerpt {
+ margin-left: 0;
+ margin-right: 0;
+ width: calc(100vw - 215px); }
+ .mailbox-inbox .mail-content-container .action-btns a {
+ margin-right: 0; }
+ .compose-box .compose-content form .mail-form select {
+ margin-left: 3px;
+ margin-top: 10px; } }
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+ /* IE10+ CSS styles go here */
+ .tab-title {
+ width: 100%; }
+ .mailbox-inbox .mail-content-container .attachment .media .media-body {
+ flex: none; } }
diff --git a/static/css/apps/mailing-chat.css b/static/css/apps/mailing-chat.css
new file mode 100644
index 00000000..ddd98f93
--- /dev/null
+++ b/static/css/apps/mailing-chat.css
@@ -0,0 +1,664 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+.wrapper {
+ position: relative;
+ left: 50%;
+ width: 1000px;
+ height: 600px;
+ -moz-transform: translate(-50%, 0);
+ -ms-transform: translate(-50%, 0);
+ -webkit-transform: translate(-50%, 0);
+ transform: translate(-50%, 0); }
+
+.chat-system {
+ display: flex;
+ -webkit-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
+ -moz-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
+ box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
+ height: calc(100vh - 179px); }
+ .chat-system .hamburger {
+ display: none; }
+ .chat-system .user-list-box {
+ width: 30%;
+ max-width: 400px;
+ border-right: 1px solid #ebedf2;
+ border-bottom-left-radius: 6px;
+ background: #fff;
+ border-top-left-radius: 6px; }
+ .chat-system .user-list-box .search {
+ position: relative;
+ padding: 13px 0 13px 0;
+ display: flex; }
+ .chat-system .user-list-box .search svg {
+ content: "\f169";
+ position: absolute;
+ left: 11px;
+ color: #acb0c3;
+ top: 25px;
+ left: 30px; }
+ .chat-system .user-list-box input {
+ border-radius: 4px;
+ padding-left: 38px;
+ font-size: 16px;
+ width: 100%;
+ color: #3b3f5c;
+ border: 0;
+ outline: none;
+ padding: 12px 16px 12px 43px;
+ background: #f1f2f3;
+ margin: 0 20px 0 20px;
+ border: 1px dashed #888ea8; }
+ .chat-system .user-list-box .people {
+ padding: 0;
+ overflow: auto;
+ position: relative;
+ margin: auto;
+ width: 100%;
+ overflow: auto;
+ height: calc(100vh - 252px); }
+ .chat-system .user-list-box .people .person {
+ position: relative;
+ width: 100%;
+ padding: 20px 20px;
+ cursor: pointer;
+ border-bottom: 1px solid #e0e6ed; }
+ .chat-system .user-list-box .people .person.border-none {
+ border-bottom: none; }
+
+.person {
+ display: inline-block; }
+
+.chat-system .user-list-box .people .person .user-info {
+ display: flex; }
+ .chat-system .user-list-box .people .person .user-info .f-head img {
+ width: 45px;
+ height: 45px;
+ margin-right: 12px;
+ -moz-border-radius: 50%;
+ -webkit-border-radius: 50%;
+ border-radius: 50%;
+ border: 2px solid #d3d3d3;
+ box-shadow: 0px 0px 14px 3px rgba(126, 142, 177, 0.24); }
+ .chat-system .user-list-box .people .person .user-info .f-body {
+ width: 100%; }
+ .chat-system .user-list-box .people .person .user-info .f-body .meta-info .user-name {
+ font-size: 14px;
+ color: #3b3f5c;
+ font-weight: 700; }
+ .chat-system .user-list-box .people .person .user-info .f-body .meta-info .user-meta-time {
+ font-size: 12px;
+ position: absolute;
+ top: 16px;
+ right: 11px;
+ color: #888ea8;
+ font-weight: 700;
+ float: right; }
+ .chat-system .user-list-box .people .person .user-info .f-body .preview {
+ font-size: 13px;
+ display: inline-block;
+ overflow: hidden !important;
+ width: 70%;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ color: #888ea8;
+ font-weight: 600; }
+
+.chat-system .user-list-box .people .person:hover .user-info .f-head img {
+ box-shadow: 0px 0px 15px 1px rgba(113, 106, 202, 0.2); }
+
+.chat-system .user-list-box .people .person:hover .user-info .f-body .meta-info .user-name, .chat-system .user-list-box .people .person:hover .user-info .f-body .meta-info .user-meta-time {
+ color: #1b55e2; }
+
+.chat-system .user-list-box .people .person.active:after, .chat-system .user-list-box .people .person:hover:after {
+ display: none; }
+
+.chat-system .chat-box {
+ position: relative;
+ width: 100%;
+ height: 616px;
+ background-image: url(../../img/bg.png);
+ border-bottom-right-radius: 6px;
+ border-top-right-radius: 6px;
+ height: calc(100vh - 179px); }
+ .chat-system .chat-box .chat-not-selected {
+ display: flex;
+ height: 100%;
+ justify-content: center; }
+ .chat-system .chat-box .chat-not-selected p {
+ align-self: center;
+ font-size: 18px;
+ color: #3b3f5c;
+ margin-bottom: 0;
+ font-weight: 600;
+ background: #bfc9d4;
+ padding: 7px 20px;
+ border-radius: 6px;
+ -webkit-box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);
+ box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12); }
+ .chat-system .chat-box .chat-not-selected p svg {
+ vertical-align: middle;
+ color: #888ea8; }
+ .chat-system .chat-box .overlay-phone-call {
+ display: none;
+ position: absolute;
+ width: 100%;
+ height: calc(100vh - 179px);
+ z-index: 4 !important;
+ opacity: 0;
+ transition: all 0.5s ease-in-out;
+ background-color: #1b55e2;
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 1000'%3E%3Cg %3E%3Ccircle fill='%232b50ed' cx='50' cy='0' r='50'/%3E%3Cg fill='%233154ea' %3E%3Ccircle cx='0' cy='50' r='50'/%3E%3Ccircle cx='100' cy='50' r='50'/%3E%3C/g%3E%3Ccircle fill='%233658e8' cx='50' cy='100' r='50'/%3E%3Cg fill='%233c5be5' %3E%3Ccircle cx='0' cy='150' r='50'/%3E%3Ccircle cx='100' cy='150' r='50'/%3E%3C/g%3E%3Ccircle fill='%23415fe2' cx='50' cy='200' r='50'/%3E%3Cg fill='%234662df' %3E%3Ccircle cx='0' cy='250' r='50'/%3E%3Ccircle cx='100' cy='250' r='50'/%3E%3C/g%3E%3Ccircle fill='%234b66dc' cx='50' cy='300' r='50'/%3E%3Cg fill='%235069d9' %3E%3Ccircle cx='0' cy='350' r='50'/%3E%3Ccircle cx='100' cy='350' r='50'/%3E%3C/g%3E%3Ccircle fill='%23546cd5' cx='50' cy='400' r='50'/%3E%3Cg fill='%23596fd2' %3E%3Ccircle cx='0' cy='450' r='50'/%3E%3Ccircle cx='100' cy='450' r='50'/%3E%3C/g%3E%3Ccircle fill='%235e72cf' cx='50' cy='500' r='50'/%3E%3Cg fill='%236275cb' %3E%3Ccircle cx='0' cy='550' r='50'/%3E%3Ccircle cx='100' cy='550' r='50'/%3E%3C/g%3E%3Ccircle fill='%236678c8' cx='50' cy='600' r='50'/%3E%3Cg fill='%236b7bc4' %3E%3Ccircle cx='0' cy='650' r='50'/%3E%3Ccircle cx='100' cy='650' r='50'/%3E%3C/g%3E%3Ccircle fill='%236f7ec0' cx='50' cy='700' r='50'/%3E%3Cg fill='%237381bc' %3E%3Ccircle cx='0' cy='750' r='50'/%3E%3Ccircle cx='100' cy='750' r='50'/%3E%3C/g%3E%3Ccircle fill='%237783b8' cx='50' cy='800' r='50'/%3E%3Cg fill='%237c86b4' %3E%3Ccircle cx='0' cy='850' r='50'/%3E%3Ccircle cx='100' cy='850' r='50'/%3E%3C/g%3E%3Ccircle fill='%238089b0' cx='50' cy='900' r='50'/%3E%3Cg fill='%23848bac' %3E%3Ccircle cx='0' cy='950' r='50'/%3E%3Ccircle cx='100' cy='950' r='50'/%3E%3C/g%3E%3Ccircle fill='%23888ea8' cx='50' cy='1000' r='50'/%3E%3C/g%3E%3C/svg%3E");
+ background-attachment: fixed;
+ background-size: contain; }
+ .chat-system .chat-box .overlay-phone-call.phone-call-show {
+ display: block;
+ opacity: 1; }
+ .chat-system .chat-box .overlay-phone-call > div {
+ display: flex;
+ flex-direction: column;
+ height: 100%;
+ justify-content: space-between; }
+ .chat-system .chat-box .overlay-phone-call > div .calling-user-info {
+ padding: 20px 16px; }
+ .chat-system .chat-box .overlay-phone-call > div .calling-user-info svg {
+ font-size: 28px;
+ margin-right: 12px;
+ color: #fff;
+ vertical-align: middle;
+ cursor: pointer; }
+ .chat-system .chat-box .overlay-phone-call > div .calling-user-info .user-name {
+ font-size: 20px;
+ color: #fff;
+ vertical-align: middle;
+ margin-right: 8px; }
+ .chat-system .chat-box .overlay-phone-call > div .calling-user-info .call-status {
+ vertical-align: sub;
+ color: #fff;
+ font-size: 10px;
+ font-weight: 600; }
+ .chat-system .chat-box .overlay-phone-call > div .calling-user-img {
+ text-align: center; }
+ .chat-system .chat-box .overlay-phone-call > div .calling-user-img img {
+ border-radius: 50%;
+ border: 4px solid #ebedf2; }
+ .chat-system .chat-box .overlay-phone-call > div .calling-user-img .timer {
+ visibility: hidden;
+ font-size: 16px;
+ font-weight: 600;
+ margin-top: 7px;
+ color: #fff; }
+ .chat-system .chat-box .overlay-phone-call > div .calling-user-img .timer .minutes, .chat-system .chat-box .overlay-phone-call > div .calling-user-img .timer .seconds {
+ color: #ffffff; }
+ .chat-system .chat-box .overlay-phone-call > div .calling-options {
+ text-align: center; }
+ .chat-system .chat-box .overlay-phone-call > div .calling-options svg {
+ font-size: 25px;
+ border-radius: 50%;
+ padding: 11px;
+ background: #2196f3;
+ margin-bottom: 23px;
+ color: #fff;
+ cursor: pointer;
+ width: 48px;
+ height: 46px;
+ -webkit-transition: all 0.35s ease;
+ transition: all 0.35s ease; }
+ .chat-system .chat-box .overlay-phone-call > div .calling-options svg:hover {
+ -webkit-transform: translateY(-5px) scale(1.02);
+ transform: translateY(-5px) scale(1.02); }
+ .chat-system .chat-box .overlay-phone-call > div .calling-options svg:not(:last-child) {
+ margin-right: 7px; }
+ .chat-system .chat-box .overlay-phone-call > div .calling-options svg.switch-to-microphone {
+ position: relative; }
+ .chat-system .chat-box .overlay-phone-call > div .calling-options svg.switch-to-microphone.micro-off:after {
+ content: '';
+ height: 35px;
+ width: 2px;
+ background: #fff;
+ position: absolute;
+ left: 20px;
+ top: 6px; }
+ .chat-system .chat-box .overlay-phone-call > div .calling-options svg.cancel-call {
+ background-color: #e7515a; }
+ .chat-system .chat-box .overlay-video-call {
+ display: none;
+ position: absolute;
+ width: 100%;
+ height: calc(100vh - 179px);
+ z-index: 4 !important;
+ opacity: 0;
+ transition: all 0.5s ease-in-out;
+ background-color: #1b55e2;
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 1000'%3E%3Cg %3E%3Ccircle fill='%232b50ed' cx='50' cy='0' r='50'/%3E%3Cg fill='%233154ea' %3E%3Ccircle cx='0' cy='50' r='50'/%3E%3Ccircle cx='100' cy='50' r='50'/%3E%3C/g%3E%3Ccircle fill='%233658e8' cx='50' cy='100' r='50'/%3E%3Cg fill='%233c5be5' %3E%3Ccircle cx='0' cy='150' r='50'/%3E%3Ccircle cx='100' cy='150' r='50'/%3E%3C/g%3E%3Ccircle fill='%23415fe2' cx='50' cy='200' r='50'/%3E%3Cg fill='%234662df' %3E%3Ccircle cx='0' cy='250' r='50'/%3E%3Ccircle cx='100' cy='250' r='50'/%3E%3C/g%3E%3Ccircle fill='%234b66dc' cx='50' cy='300' r='50'/%3E%3Cg fill='%235069d9' %3E%3Ccircle cx='0' cy='350' r='50'/%3E%3Ccircle cx='100' cy='350' r='50'/%3E%3C/g%3E%3Ccircle fill='%23546cd5' cx='50' cy='400' r='50'/%3E%3Cg fill='%23596fd2' %3E%3Ccircle cx='0' cy='450' r='50'/%3E%3Ccircle cx='100' cy='450' r='50'/%3E%3C/g%3E%3Ccircle fill='%235e72cf' cx='50' cy='500' r='50'/%3E%3Cg fill='%236275cb' %3E%3Ccircle cx='0' cy='550' r='50'/%3E%3Ccircle cx='100' cy='550' r='50'/%3E%3C/g%3E%3Ccircle fill='%236678c8' cx='50' cy='600' r='50'/%3E%3Cg fill='%236b7bc4' %3E%3Ccircle cx='0' cy='650' r='50'/%3E%3Ccircle cx='100' cy='650' r='50'/%3E%3C/g%3E%3Ccircle fill='%236f7ec0' cx='50' cy='700' r='50'/%3E%3Cg fill='%237381bc' %3E%3Ccircle cx='0' cy='750' r='50'/%3E%3Ccircle cx='100' cy='750' r='50'/%3E%3C/g%3E%3Ccircle fill='%237783b8' cx='50' cy='800' r='50'/%3E%3Cg fill='%237c86b4' %3E%3Ccircle cx='0' cy='850' r='50'/%3E%3Ccircle cx='100' cy='850' r='50'/%3E%3C/g%3E%3Ccircle fill='%238089b0' cx='50' cy='900' r='50'/%3E%3Cg fill='%23848bac' %3E%3Ccircle cx='0' cy='950' r='50'/%3E%3Ccircle cx='100' cy='950' r='50'/%3E%3C/g%3E%3Ccircle fill='%23888ea8' cx='50' cy='1000' r='50'/%3E%3C/g%3E%3C/svg%3E");
+ background-attachment: fixed;
+ background-size: contain; }
+ .chat-system .chat-box .overlay-video-call.video-call-show {
+ display: block;
+ opacity: 1; }
+ .chat-system .chat-box .overlay-video-call.onConnect {
+ background-image: url(../../../assets/img/640x426.jpg);
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+ background-size: cover;
+ background-attachment: unset; }
+ .chat-system .chat-box .overlay-video-call .video-caller {
+ position: absolute;
+ height: 112px;
+ width: 173px;
+ bottom: 8px;
+ right: 8px; }
+ .chat-system .chat-box .overlay-video-call > div {
+ display: flex;
+ flex-direction: column;
+ height: 100%;
+ justify-content: space-between; }
+ .chat-system .chat-box .overlay-video-call > div .calling-user-info {
+ padding: 20px 16px; }
+ .chat-system .chat-box .overlay-video-call > div .calling-user-info svg {
+ font-size: 28px;
+ margin-right: 12px;
+ color: #fff;
+ cursor: pointer; }
+ .chat-system .chat-box .overlay-video-call > div .calling-user-info .user-name {
+ font-size: 20px;
+ color: #fff;
+ margin-right: 8px; }
+ .chat-system .chat-box .overlay-video-call > div .calling-user-info .call-status {
+ color: #fff;
+ font-size: 10px;
+ font-weight: 600;
+ margin-top: 10px; }
+ .chat-system .chat-box .overlay-video-call > div .calling-user-info .timer {
+ visibility: hidden;
+ font-size: 16px;
+ font-weight: 600;
+ color: #fff; }
+ .chat-system .chat-box .overlay-video-call > div .calling-user-info .timer .minutes, .chat-system .chat-box .overlay-video-call > div .calling-user-info .timer .seconds {
+ margin-bottom: 0;
+ color: #ffffff; }
+ .chat-system .chat-box .overlay-video-call > div .calling-user-img {
+ text-align: center; }
+ .chat-system .chat-box .overlay-video-call > div .calling-user-img img {
+ border-radius: 50%;
+ border: 4px solid #ebedf2; }
+ .chat-system .chat-box .overlay-video-call > div .calling-options {
+ text-align: center; }
+ .chat-system .chat-box .overlay-video-call > div .calling-options svg {
+ border-radius: 50%;
+ padding: 10px;
+ background: #2196f3;
+ margin-bottom: 23px;
+ color: #fff;
+ cursor: pointer;
+ -webkit-transition: all 0.35s ease;
+ transition: all 0.35s ease;
+ width: 47px;
+ height: 48px; }
+ .chat-system .chat-box .overlay-video-call > div .calling-options svg:hover {
+ -webkit-transform: translateY(-5px) scale(1.02);
+ transform: translateY(-5px) scale(1.02); }
+ .chat-system .chat-box .overlay-video-call > div .calling-options svg:not(:last-child) {
+ margin-right: 7px; }
+ .chat-system .chat-box .overlay-video-call > div .calling-options svg.switch-to-microphone {
+ position: relative; }
+ .chat-system .chat-box .overlay-video-call > div .calling-options svg.switch-to-microphone.micro-off:after {
+ content: '';
+ height: 35px;
+ width: 2px;
+ background: #fff;
+ position: absolute;
+ transform: rotate(46deg);
+ left: 20px;
+ top: 6px; }
+ .chat-system .chat-box .overlay-video-call > div .calling-options svg.cancel-call {
+ background-color: #e7515a; }
+ .chat-system .chat-box .chat-box-inner {
+ height: auto; }
+ .chat-system .chat-box .chat-box-inner .chat-meta-user {
+ display: none; }
+ .chat-system .chat-box .chat-box-inner .chat-meta-user.chat-active {
+ display: flex;
+ width: 100%;
+ justify-content: space-between;
+ background-color: #fafafa;
+ border-top-right-radius: 6px; }
+ .chat-system .chat-box .chat-box-inner .chat-meta-user .current-chat-user-name {
+ padding: 14px 15px 15px 15px; }
+ .chat-system .chat-box .chat-box-inner .chat-meta-user .current-chat-user-name span {
+ font-size: 15px;
+ color: #888ea8; }
+ .chat-system .chat-box .chat-box-inner .chat-meta-user .current-chat-user-name span img {
+ width: 45px;
+ height: 45px;
+ border-radius: 7px;
+ border-radius: 10px;
+ margin-top: 0px;
+ -webkit-transition: all 0.35s ease;
+ transition: all 0.35s ease;
+ margin-right: 10px; }
+ .chat-system .chat-box .chat-box-inner .chat-meta-user .current-chat-user-name span .name {
+ color: #0e1726;
+ font-weight: 600; }
+ .chat-system .chat-box .chat-box-inner .chat-meta-user.chat-active .chat-action-btn svg {
+ cursor: pointer;
+ color: #888ea8;
+ margin-right: 6px;
+ vertical-align: middle;
+ width: 20px;
+ height: 20px;
+ fill: rgba(0, 23, 55, 0.08); }
+ .chat-system .chat-box .chat-box-inner .chat-meta-user.chat-active .chat-action-btn svg:hover {
+ color: #1b55e2;
+ fill: rgba(27, 85, 226, 0.239216); }
+ .chat-system .chat-box .chat-box-inner .chat-meta-user.chat-active .chat-action-btn svg:not(:last-child) {
+ margin-right: 9px; }
+ .chat-system .chat-box .chat-box-inner .chat-meta-user.chat-active .chat-action-btn .dropdown-menu {
+ box-shadow: rgba(113, 106, 202, 0.2) 0px 0px 15px 1px;
+ top: 15px !important;
+ padding: 10px;
+ border-width: initial;
+ border-style: none;
+ border-color: initial;
+ border-image: initial; }
+ .chat-system .chat-box .chat-box-inner .chat-meta-user.chat-active .chat-action-btn .dropdown-menu a {
+ font-size: 12px;
+ font-weight: 700;
+ color: #888ea8;
+ padding: 11px 8px; }
+ .chat-system .chat-box .chat-box-inner .chat-meta-user.chat-active .chat-action-btn .dropdown-menu a svg {
+ color: #888ea8;
+ margin-right: 6px;
+ vertical-align: middle;
+ width: 20px;
+ height: 20px;
+ fill: rgba(0, 23, 55, 0.08); }
+ .chat-system .chat-box .chat-box-inner .chat-meta-user.chat-active .chat-action-btn .dropdown-menu a.dropdown-item.active, .chat-system .chat-box .chat-box-inner .chat-meta-user.chat-active .chat-action-btn .dropdown-menu a.dropdown-item:active {
+ background-color: transparent; }
+ .chat-system .chat-box .chat-box-inner .chat-meta-user.chat-active .chat-action-btn .dropdown-menu a:hover svg {
+ color: #1b55e2;
+ fill: rgba(27, 85, 226, 0.239216); }
+ .chat-system .chat-box .chat-box-inner .chat-conversation-box {
+ position: relative;
+ margin: auto;
+ width: 100%;
+ height: calc(100% - 79px);
+ overflow: auto; }
+ .chat-system .chat-box .chat-box-inner .chat-conversation-box .chat {
+ position: relative;
+ display: none;
+ overflow: hidden;
+ padding: 30px 40px 0;
+ -webkit-justify-content: flex-end;
+ justify-content: flex-end;
+ -webkit-flex-direction: column;
+ flex-direction: column; }
+ .chat-system .chat-box .chat-box-inner .chat-conversation-box .chat.active-chat {
+ display: block;
+ display: -webkit-flex;
+ display: flex; }
+ .chat-system .chat-box .chat-box-inner .chat-conversation-box .chat.active-chat .bubble {
+ -moz-transition-timing-function: cubic-bezier(0.4, -0.04, 1, 1);
+ -o-transition-timing-function: cubic-bezier(0.4, -0.04, 1, 1);
+ -webkit-transition-timing-function: cubic-bezier(0.4, -0.04, 1, 1);
+ transition-timing-function: cubic-bezier(0.4, -0.04, 1, 1); }
+ .chat-system .chat-box .chat-box-inner .chat-conversation-box .chat.active-chat .bubble:nth-of-type(1) {
+ -moz-animation-duration: 0.15s;
+ -webkit-animation-duration: 0.15s;
+ animation-duration: 0.15s; }
+ .chat-system .chat-box .chat-box-inner .chat-conversation-box .chat.active-chat .bubble:nth-of-type(2) {
+ -moz-animation-duration: 0.3s;
+ -webkit-animation-duration: 0.3s;
+ animation-duration: 0.3s; }
+ .chat-system .chat-box .chat-box-inner .chat-conversation-box .chat.active-chat .bubble:nth-of-type(3) {
+ -moz-animation-duration: 0.45s;
+ -webkit-animation-duration: 0.45s;
+ animation-duration: 0.45s; }
+ .chat-system .chat-box .chat-box-inner .chat-conversation-box .chat.active-chat .bubble:nth-of-type(4) {
+ -moz-animation-duration: 0.6s;
+ -webkit-animation-duration: 0.6s;
+ animation-duration: 0.6s; }
+ .chat-system .chat-box .chat-box-inner .chat-conversation-box .chat.active-chat .bubble:nth-of-type(5) {
+ -moz-animation-duration: 0.75s;
+ -webkit-animation-duration: 0.75s;
+ animation-duration: 0.75s; }
+ .chat-system .chat-box .chat-box-inner .chat-conversation-box .chat.active-chat .bubble:nth-of-type(6) {
+ -moz-animation-duration: 0.9s;
+ -webkit-animation-duration: 0.9s;
+ animation-duration: 0.9s; }
+ .chat-system .chat-box .chat-box-inner .chat-conversation-box .chat.active-chat .bubble:nth-of-type(7) {
+ -moz-animation-duration: 1.05s;
+ -webkit-animation-duration: 1.05s;
+ animation-duration: 1.05s; }
+ .chat-system .chat-box .chat-box-inner .chat-conversation-box .chat.active-chat .bubble:nth-of-type(8) {
+ -moz-animation-duration: 1.2s;
+ -webkit-animation-duration: 1.2s;
+ animation-duration: 1.2s; }
+ .chat-system .chat-box .chat-box-inner .chat-conversation-box .chat.active-chat .bubble:nth-of-type(9) {
+ -moz-animation-duration: 1.35s;
+ -webkit-animation-duration: 1.35s;
+ animation-duration: 1.35s; }
+ .chat-system .chat-box .chat-box-inner .chat-conversation-box .chat.active-chat .bubble:nth-of-type(10) {
+ -moz-animation-duration: 1.5s;
+ -webkit-animation-duration: 1.5s;
+ animation-duration: 1.5s; }
+ .chat-system .chat-box .chat-footer {
+ display: none; }
+ .chat-system .chat-box .chat-footer.chat-active {
+ display: block;
+ padding: 6px 10px;
+ background: #fafafa;
+ border-bottom-right-radius: 6px; }
+ .chat-system .chat-box .chat-form {
+ position: relative; }
+ .chat-system .chat-box .chat-input svg {
+ position: absolute;
+ color: #888ea8;
+ left: 11px;
+ top: 12px;
+ fill: rgba(0, 23, 55, 0.08); }
+ .chat-system .chat-box .chat-input input {
+ font-size: 16px;
+ width: 100%;
+ color: #3b3f5c;
+ border: 0;
+ outline: none;
+ padding: 12px 16px 12px 43px;
+ border: 1px dashed #888ea8;
+ background: #fafafa; }
+ .chat-system .chat-box .chat-input input::-webkit-input-placeholder {
+ /* Chrome/Opera/Safari */
+ color: #888ea8; }
+ .chat-system .chat-box .chat-input input::-moz-placeholder {
+ /* Firefox 19+ */
+ color: #888ea8; }
+ .chat-system .chat-box .chat-input input:-ms-input-placeholder {
+ /* IE 10+ */
+ color: #888ea8; }
+ .chat-system .chat-box .chat-input input:-moz-placeholder {
+ /* Firefox 18- */
+ color: #888ea8; }
+ .chat-system .chat-box .bubble {
+ font-size: 16px;
+ position: relative;
+ display: inline-block;
+ clear: both;
+ margin-bottom: 8px;
+ padding: 9px 18px;
+ vertical-align: top;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border-radius: 5px;
+ word-break: break-word;
+ max-width: 370px; }
+ .chat-system .chat-box .bubble:before {
+ position: absolute;
+ top: 18px;
+ display: block;
+ width: 8px;
+ height: 6px;
+ content: '\00a0';
+ -moz-transform: rotate(29deg) skew(-35deg);
+ -ms-transform: rotate(29deg) skew(-35deg);
+ -webkit-transform: rotate(29deg) skew(-35deg);
+ transform: rotate(29deg) skew(-35deg); }
+ .chat-system .chat-box .bubble.you {
+ float: left;
+ color: #1b55e2;
+ background-color: #f6f6f6;
+ -webkit-align-self: flex-start;
+ align-self: flex-start;
+ -moz-animation-name: slideFromLeft;
+ -webkit-animation-name: slideFromLeft;
+ animation-name: slideFromLeft;
+ -webkit-box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);
+ box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12); }
+ .chat-system .chat-box .bubble.you:before {
+ left: -3px;
+ background-color: #fff; }
+ .chat-system .chat-box .bubble.me {
+ float: right;
+ color: #fff;
+ background-color: #1b55e2;
+ -webkit-align-self: flex-end;
+ align-self: flex-end;
+ -moz-animation-name: slideFromRight;
+ -webkit-animation-name: slideFromRight;
+ animation-name: slideFromRight;
+ -webkit-box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);
+ box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12); }
+ .chat-system .chat-box .bubble.me:before {
+ right: -3px;
+ background-color: #1b55e2; }
+ .chat-system .chat-box .conversation-start {
+ position: relative;
+ width: 100%;
+ margin-bottom: 27px;
+ text-align: center; }
+ .chat-system .chat-box .conversation-start span {
+ font-size: 12px;
+ color: #3b3f5c;
+ margin-bottom: 0;
+ font-weight: 700;
+ background: #fff;
+ padding: 7px 20px;
+ border-radius: 6px;
+ -webkit-box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);
+ box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12); }
+
+@keyframes slideFromLeft {
+ 0% {
+ margin-left: -200px;
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+ opacity: 0; }
+ 100% {
+ margin-left: 0;
+ filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
+ opacity: 1; } }
+
+@-webkit-keyframes slideFromLeft {
+ 0% {
+ margin-left: -200px;
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+ opacity: 0; }
+ 100% {
+ margin-left: 0;
+ filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
+ opacity: 1; } }
+
+@keyframes slideFromRight {
+ 0% {
+ margin-right: -200px;
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+ opacity: 0; }
+ 100% {
+ margin-right: 0;
+ filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
+ opacity: 1; } }
+
+@-webkit-keyframes slideFromRight {
+ 0% {
+ margin-right: -200px;
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+ opacity: 0; }
+ 100% {
+ margin-right: 0;
+ filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
+ opacity: 1; } }
+
+.credits {
+ color: white;
+ font-size: 11px;
+ position: absolute;
+ bottom: 10px;
+ right: 15px; }
+ .credits a {
+ color: white;
+ text-decoration: none; }
+
+@media (max-width: 1199px) {
+ .chat-system .user-list-box {
+ width: 40%; }
+ .chat-system .chat-box {
+ width: 60%; }
+ .chat-system .chat-box .overlay-video-call .video-caller {
+ height: 68px;
+ width: 68px; } }
+
+@media (max-width: 991px) {
+ .chat-system .chat-box {
+ border-radius: 6px; }
+ .chat-system .chat-box .overlay-video-call .video-caller {
+ height: 67px;
+ width: 83px; } }
+
+@media (max-width: 767px) {
+ .chat-system .hamburger {
+ padding: 7px 10px 7px 10px;
+ font-size: 20px;
+ border-radius: 0;
+ color: #fff;
+ align-self: center;
+ position: fixed;
+ top: 218px;
+ right: 9px;
+ display: block;
+ z-index: 78;
+ background-color: #515365;
+ border-radius: 50%; }
+ .chat-system .user-list-box {
+ position: absolute;
+ z-index: 40;
+ left: -341px;
+ width: 255px; }
+ .chat-system .user-list-box.user-list-box-show {
+ position: absolute;
+ z-index: 34;
+ left: 15px;
+ border-radius: 0; }
+ .chat-system .chat-box {
+ width: 100%; }
+ .chat-system .chat-box .overlay-video-call .video-caller {
+ height: 75px;
+ width: 110px; } }
+
+@media (max-width: 575px) {
+ .chat-system .chat-box .overlay-video-call .video-caller {
+ bottom: 83px; }
+ .chat-system .chat-box .conversation-start span:before, .chat-system .chat-box .conversation-start span:after {
+ background-color: transparent; } }
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+ .chat-system .chat-box .overlay-phone-call {
+ background-image: none; }
+ .chat-system .chat-box .overlay-video-call {
+ background-image: none; }
+ .chat-system .chat-box .overlay-video-call.onConnect {
+ background-attachment: local; } }
diff --git a/static/css/apps/notes.css b/static/css/apps/notes.css
new file mode 100644
index 00000000..0cc12ad3
--- /dev/null
+++ b/static/css/apps/notes.css
@@ -0,0 +1,442 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+#content:before {
+ content: '';
+ position: absolute;
+ left: 0;
+ right: 0;
+ background: rgba(136, 142, 168, 0.211765);
+ width: 100%;
+ height: 183px;
+ z-index: -1; }
+
+.main-container, #content {
+ min-height: auto; }
+
+/*
+ App Note Container
+*/
+.app-note-container {
+ position: relative;
+ display: flex; }
+ .app-note-container .tab-title {
+ max-width: 210px;
+ width: 100%; }
+
+.note-sidebar-scroll {
+ position: relative;
+ margin: auto;
+ width: 100%;
+ overflow: auto;
+ height: calc(100vh - 202px); }
+
+/*
+ Group section
+*/
+.group-section {
+ font-weight: 600;
+ font-size: 15px;
+ color: #3b3f5c;
+ letter-spacing: 1px;
+ margin-top: 25px;
+ margin-bottom: 13px;
+ padding: 9px 20px; }
+ .group-section svg {
+ color: #888ea8;
+ margin-right: 6px;
+ vertical-align: text-top;
+ width: 20px;
+ height: 20px;
+ fill: rgba(0, 23, 55, 0.08); }
+
+.app-note-overlay {
+ display: none;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background: #3b3f5c !important;
+ z-index: 4 !important;
+ opacity: 0;
+ transition: all 0.5s ease-in-out; }
+ .app-note-overlay.app-note-overlay-show {
+ display: block;
+ opacity: .7; }
+
+/*
+ Tab Title
+*/
+.tab-title.mail-menu-show {
+ left: 0;
+ width: 100%;
+ min-width: 190px;
+ height: 100%; }
+
+.tab-title hr {
+ border-top: 1px solid #0e1726;
+ max-width: 54px;
+ margin-top: 25px;
+ margin-bottom: 25px; }
+
+.tab-title .nav-pills .nav-link.active, .tab-title .nav-pills .show > .nav-link {
+ background-color: #bfc9d4;
+ color: #3b3f5c;
+ font-weight: 700; }
+
+.tab-title .nav-pills a.nav-link {
+ position: relative;
+ font-weight: 700;
+ color: #515365;
+ padding: 9px 20px;
+ cursor: pointer;
+ font-size: 14px;
+ border-radius: 6px; }
+ .tab-title .nav-pills a.nav-link svg {
+ margin-right: 7px;
+ width: 18px;
+ height: 18px;
+ vertical-align: sub; }
+ .tab-title .nav-pills a.nav-link .mail-badge {
+ background: #c2d5ff;
+ border-radius: 50%;
+ position: absolute;
+ right: 8px;
+ padding: 4px 7px;
+ height: 24px;
+ width: 23px;
+ color: #1b55e2;
+ font-weight: 600; }
+
+.tab-title .nav-pills.group-list .nav-item a {
+ position: relative;
+ font-size: 14px;
+ font-weight: 700;
+ padding: 9px 15px 9px 50px;
+ color: #3b3f5c;
+ letter-spacing: 1px; }
+ .tab-title .nav-pills.group-list .nav-item a[class*="g-dot-"]:before {
+ position: absolute;
+ padding: 4px;
+ content: '';
+ border-radius: 50%;
+ top: 14px;
+ left: 20px;
+ border: 2px solid #515365; }
+ .tab-title .nav-pills.group-list .nav-item a.g-dot-danger:before {
+ background: #ffe1e2;
+ border: 1px solid #e7515a; }
+ .tab-title .nav-pills.group-list .nav-item a.g-dot-primary:before {
+ background: #bae7ff;
+ border: 1px solid #2196f3; }
+ .tab-title .nav-pills.group-list .nav-item a.g-dot-warning:before {
+ background: #ffeccb;
+ border: 1px solid #e2a03f; }
+ .tab-title .nav-pills.group-list .nav-item a.g-dot-success:before {
+ background: #dccff7;
+ border: 1px solid #5c1ac3; }
+
+.tab-title .nav-pills .nav-item .dropdown-menu {
+ box-shadow: 0px 0px 15px 1px rgba(113, 106, 202, 0.2);
+ padding: 0;
+ border: none; }
+
+.tab-title li.mail-labels a.dropdown-item {
+ font-size: 13px;
+ font-weight: 700;
+ padding: 8px 18px; }
+ .tab-title li.mail-labels a.dropdown-item:hover {
+ background-color: #fff;
+ color: #1b55e2; }
+
+.tab-title li.mail-labels .label:after {
+ position: absolute;
+ content: "";
+ height: 6px;
+ width: 6px;
+ border-radius: 50%;
+ right: 15px;
+ top: 43%; }
+
+/*Mail Labels*/
+/*
+ Note container
+*/
+.note-container {
+ padding: 0 15px;
+ width: 100%; }
+ .note-container .switch {
+ text-align: right;
+ margin-bottom: 43px; }
+ .note-container .switch .active-view {
+ color: #1b55e2;
+ fill: rgba(27, 85, 226, 0.239216); }
+ .note-container .switch .view-list, .note-container .switch .view-grid {
+ padding: 10px;
+ background: #fff;
+ border-radius: 5px;
+ cursor: pointer;
+ color: #515365;
+ box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);
+ width: 43px;
+ height: 41px;
+ fill: rgba(0, 23, 55, 0.08); }
+ .note-container.note-grid .note-item {
+ position: relative;
+ padding: 16px 16px;
+ margin-right: 0;
+ margin-left: 5px;
+ margin-bottom: 18px;
+ width: 100%;
+ max-width: 300px;
+ border-radius: 6px;
+ display: inline-flex;
+ background: #e0e6ed; }
+ .note-container.note-grid .note-item.note-personal {
+ background: #bae7ff; }
+ .note-container.note-grid .note-item.note-work {
+ background: #ffeccb; }
+ .note-container.note-grid .note-item.note-important {
+ background: #ffe1e2; }
+ .note-container.note-grid .note-item.note-social {
+ background: #dccff7; }
+ .note-container.note-grid .note-item .note-inner-content {
+ border-radius: 4px;
+ width: 100%;
+ min-height: 163px; }
+ .note-container.note-grid .note-item .note-inner-content .note-title {
+ font-size: 19px;
+ font-weight: 600;
+ color: #3b3f5c;
+ margin-bottom: 11px;
+ letter-spacing: 0px; }
+ .note-container.note-grid .note-item .note-inner-content .meta-time {
+ font-weight: 600;
+ margin-bottom: 10px;
+ font-size: 14px;
+ color: #515365;
+ display: inline-block;
+ border-radius: 4px; }
+ .note-container.note-grid .note-item .note-inner-content .note-description {
+ font-size: 15px;
+ font-weight: 600;
+ margin-bottom: 18px;
+ letter-spacing: 0px;
+ word-wrap: break-word; }
+ .note-container.note-grid .note-item .note-inner-content .note-action {
+ display: inline-block; }
+ .note-container.note-grid .note-item .note-inner-content .note-action .fav-note, .note-container.note-grid .note-item .note-inner-content .note-action .delete-note {
+ padding: 4px;
+ border-radius: 5px;
+ cursor: pointer;
+ color: #515365;
+ width: 28px;
+ height: 28px;
+ fill: rgba(0, 23, 55, 0.08); }
+ .note-container.note-grid .note-item.note-fav .note-inner-content .note-action .fav-note {
+ fill: #e2a03f; }
+ .note-container.note-grid .note-item .note-inner-content .note-action .fav-note:hover {
+ fill: #e2a03f; }
+ .note-container.note-grid .note-item .note-inner-content .note-action .delete-note:hover {
+ color: #e7515a; }
+ .note-container.note-grid .note-item .note-inner-content .note-footer {
+ display: inline-block;
+ float: right; }
+ .note-container.note-grid .note-item .note-inner-content .note-footer .tags {
+ display: inline-block;
+ position: relative;
+ padding: 4px 6px;
+ border-radius: 4px; }
+ .note-container.note-grid .note-item .note-inner-content .note-footer .tags [class*="g-dot-"] {
+ content: '';
+ background: transparent;
+ border-radius: 50%;
+ border: 2px solid #acb0c3;
+ display: inline-block;
+ height: 11px;
+ width: 11px;
+ vertical-align: middle;
+ display: none; }
+ .note-container.note-grid .note-item .note-inner-content .note-footer .tags .g-dot-personal {
+ background: #bae7ff;
+ border: 2px solid #2196f3; }
+ .note-container.note-grid .note-item .note-inner-content .note-footer .tags .g-dot-work {
+ background: #ffeccb;
+ border: 2px solid #e2a03f; }
+ .note-container.note-grid .note-item .note-inner-content .note-footer .tags .g-dot-social {
+ background: #dccff7;
+ border: 2px solid #5c1ac3; }
+ .note-container.note-grid .note-item .note-inner-content .note-footer .tags .g-dot-important {
+ background: #ffe1e2;
+ border: 2px solid #e7515a; }
+ .note-container.note-grid .note-item.note-personal .note-inner-content .note-footer .tags .g-dot-personal, .note-container.note-grid .note-item.note-work .note-inner-content .note-footer .tags .g-dot-work, .note-container.note-grid .note-item.note-social .note-inner-content .note-footer .tags .g-dot-social, .note-container.note-grid .note-item.note-important .note-inner-content .note-footer .tags .g-dot-important {
+ display: inline-block; }
+ .note-container.note-grid .note-item .note-inner-content .note-footer .tags-selector {
+ display: inline-block; }
+ .note-container.note-grid .note-item .note-inner-content .note-footer .tags-selector .dropdown-menu {
+ min-width: 8rem; }
+ .note-container.note-grid .note-item .note-inner-content .note-footer .tags-selector .dropdown-menu a {
+ font-size: 14px;
+ padding: 3px 35px;
+ font-weight: 600;
+ letter-spacing: 0px;
+ color: #3b3f5c; }
+ .note-container.note-grid .note-item .note-inner-content .note-footer .tags-selector .dropdown-menu .dropdown-item.active, .note-container.note-grid .note-item .note-inner-content .note-footer .tags-selector .dropdown-menu .dropdown-item:active {
+ background: transparent; }
+ .note-container.note-grid .note-item .note-inner-content .note-footer .tags-selector .dropdown-menu [class*="g-dot-"]:before {
+ content: '';
+ position: absolute;
+ padding: 4px;
+ border-radius: 50%;
+ top: 9px;
+ left: 10px;
+ border: 2px solid #515365; }
+ .note-container.note-grid .note-item .note-inner-content .note-footer .tags-selector .dropdown-menu a.g-dot-important:before {
+ background: #ffe1e2;
+ border: 1px solid #e7515a; }
+ .note-container.note-grid .note-item .note-inner-content .note-footer .tags-selector .dropdown-menu a.g-dot-personal:before {
+ background: #bae7ff;
+ border: 1px solid #2196f3; }
+ .note-container.note-grid .note-item .note-inner-content .note-footer .tags-selector .dropdown-menu a.g-dot-work:before {
+ background: #ffeccb;
+ border: 1px solid #e2a03f; }
+ .note-container.note-grid .note-item .note-inner-content .note-footer .tags-selector .dropdown-menu a.g-dot-social:before {
+ background: #dccff7;
+ border: 1px solid #5c1ac3; }
+ .note-container.note-grid .note-item .note-inner-content .note-footer .nav-link {
+ padding: 0; }
+ .note-container.note-grid .note-item .note-inner-content .note-footer .nav-link span {
+ display: block; }
+ .note-container.note-grid .note-item .note-inner-content .note-footer .nav-link .feather-more-vertical {
+ border-radius: 5px;
+ cursor: pointer;
+ color: #515365;
+ width: 20px;
+ height: 20px; }
+ .note-container.note-grid .note-item .note-inner-content .note-footer .nav-link .feather-more-vertical:hover {
+ color: #0e1726; }
+ .note-container.note-grid .note-item.note-personal .note-inner-content .note-footer .nav-link .feather-more-vertical, .note-container.note-grid .note-item.note-work .note-inner-content .note-footer .nav-link .feather-more-vertical, .note-container.note-grid .note-item.note-social .note-inner-content .note-footer .nav-link .feather-more-vertical, .note-container.note-grid .note-item.note-important .note-inner-content .note-footer .nav-link .feather-more-vertical {
+ display: none; }
+
+/*
+ Note Container
+*/
+/*
+=====================
+ Modal Content
+=====================
+*/
+.modal-content {
+ border: none;
+ box-shadow: 0px 0px 15px 1px rgba(113, 106, 202, 0.2); }
+ .modal-content .modal-footer {
+ border-top: none; }
+ .modal-content .modal-footer [data-dismiss="modal"] {
+ background-color: #fff;
+ color: #1b55e2;
+ font-weight: 700;
+ border: 1px solid #e8e8e8;
+ padding: 10px 25px; }
+ .modal-content .modal-footer .btn[data-dismiss="modal"] svg {
+ margin-right: 5px;
+ width: 18px;
+ vertical-align: bottom; }
+ .modal-content .modal-footer #btn-n-add {
+ background-color: #1b55e2;
+ color: #fff;
+ font-weight: 600;
+ border: 1px solid #1b55e2;
+ padding: 10px 25px; }
+ .modal-content .modal-footer #btn-n-save {
+ font-weight: 600;
+ padding: 10px 25px; }
+
+.modal-backdrop {
+ background-color: #ebedf2; }
+
+.modal-content svg.close {
+ position: absolute;
+ right: -7px;
+ top: -8px;
+ font-size: 12px;
+ font-weight: 600;
+ padding: 3px;
+ background: #fff;
+ border-radius: 5px;
+ opacity: 1;
+ box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
+ cursor: pointer;
+ transition: .600s;
+ color: #3b3f5c; }
+
+.notes-box .notes-content form .note-title {
+ padding-top: 20px; }
+
+.notes-box .notes-content form .note-description {
+ padding-top: 40px; }
+
+/*
+ ===============
+ Note Box
+ ===============
+*/
+.hamburger {
+ display: none; }
+
+/*
+ Media Query
+*/
+@media (max-width: 2132px) {
+ .note-container.note-grid .note-item {
+ max-width: 32%; } }
+
+@media (max-width: 1199px) {
+ .note-container.note-grid .note-item {
+ max-width: 48%; } }
+
+@media (max-width: 991px) {
+ .app-notes {
+ margin-top: 37px; }
+ .app-note-container .tab-title {
+ position: absolute;
+ z-index: 4;
+ left: -170px;
+ width: 0; }
+ .tab-title.note-menu-show {
+ left: 0;
+ width: 100%;
+ min-width: 190px;
+ min-height: 485px;
+ border-radius: 0;
+ border-bottom-right-radius: 6px;
+ padding: 11px;
+ background: #fff; }
+ .note-sidebar-scroll {
+ height: 100%; }
+ .app-hamburger-container {
+ text-align: right; }
+ .hamburger {
+ position: relative;
+ top: -13px;
+ padding: 6px 9px 6px 9px;
+ font-size: 20px;
+ color: #fff;
+ align-self: center;
+ display: inline-block;
+ background-color: #515365;
+ border-radius: 50%; } }
+
+@media (max-width: 767px) {
+ .note-container.note-grid .note-item {
+ max-width: 47%; } }
+
+@media (max-width: 575px) {
+ .note-container.note-grid .note-item {
+ max-width: 100%;
+ margin-left: 0; } }
diff --git a/static/css/apps/scrumboard.css b/static/css/apps/scrumboard.css
new file mode 100644
index 00000000..9808b99a
--- /dev/null
+++ b/static/css/apps/scrumboard.css
@@ -0,0 +1,497 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+#content:before {
+ content: '';
+ position: absolute;
+ left: 0;
+ right: 0;
+ background: rgba(136, 142, 168, 0.211765);
+ width: 100%;
+ height: 183px;
+ z-index: -1; }
+
+.action-btn p {
+ display: inline-block;
+ margin-right: 16px;
+ margin-bottom: 0;
+ font-size: 14px;
+ letter-spacing: 0px;
+ color: #3b3f5c;
+ vertical-align: bottom;
+ font-weight: 700; }
+
+.action-btn svg {
+ width: 20px;
+ height: 20px;
+ vertical-align: bottom;
+ margin-right: 3px; }
+
+.modal-backdrop {
+ background-color: #888ea8; }
+ .modal-backdrop.show {
+ opacity: .7; }
+
+#addListModal .modal-dialog {
+ max-width: 345px; }
+
+#addListModal .modal-content {
+ border: none;
+ box-shadow: 0px 0px 15px 1px rgba(113, 106, 202, 0.2); }
+
+#addListModal .compose-box h5 {
+ font-weight: 700;
+ font-size: 18px;
+ color: #3b3f5c;
+ text-align: center;
+ margin-bottom: 38px; }
+
+#addListModal .compose-box .list-title {
+ display: flex; }
+ #addListModal .compose-box .list-title svg {
+ align-self: center;
+ font-size: 19px;
+ margin-right: 14px;
+ color: #1b55e2;
+ font-weight: 600; }
+ #addListModal .compose-box .list-title input {
+ border: none;
+ padding: 10px 16px;
+ -webkit-box-shadow: 2px 5px 17px 0 rgba(31, 45, 61, 0.1);
+ box-shadow: 2px 5px 17px 0 rgba(31, 45, 61, 0.1); }
+ #addListModal .compose-box .list-title input::-webkit-input-placeholder, #addListModal .compose-box .list-title input::-ms-input-placeholder, #addListModal .compose-box .list-title input::-moz-placeholder {
+ color: #acb0c3;
+ font-weight: 600; }
+
+#addListModal .modal-footer {
+ justify-content: center;
+ border: none;
+ padding: 23px 20px; }
+ #addListModal .modal-footer .btn[data-dismiss="modal"] {
+ background-color: #fff;
+ color: #1b55e2;
+ font-weight: 700;
+ border: 1px solid #e0e6ed;
+ padding: 10px 25px; }
+ #addListModal .modal-footer .edit-list {
+ background-color: #009688;
+ color: #fff;
+ font-weight: 600;
+ border: 1px solid #e0e6ed;
+ padding: 10px 25px; }
+ #addListModal .modal-footer .btn.add-list {
+ background-color: #1b55e2;
+ color: #fff;
+ font-weight: 600;
+ border: 1px solid #e0e6ed;
+ padding: 10px 25px; }
+
+/*Add Task Modal*/
+#addTaskModal .compose-box h5 {
+ font-weight: 700;
+ font-size: 18px;
+ color: #515365;
+ text-align: center;
+ margin-bottom: 38px; }
+
+#addTaskModal .task-title {
+ display: flex; }
+
+#addTaskModal .modal-content {
+ border: none;
+ box-shadow: 0px 0px 15px 1px rgba(113, 106, 202, 0.2); }
+ #addTaskModal .modal-content .card {
+ border: 1px solid #e0e6ed;
+ margin-bottom: 26px;
+ border-radius: 6px;
+ cursor: pointer;
+ background-color: #fff; }
+ #addTaskModal .modal-content .card-header {
+ padding: 0;
+ padding: 0;
+ border: none;
+ background: none; }
+ #addTaskModal .modal-content .card-header > div {
+ padding: 13px 21px;
+ font-weight: 600;
+ font-size: 16px;
+ color: #1b55e2; }
+ #addTaskModal .modal-content svg {
+ align-self: center;
+ font-size: 19px;
+ margin-right: 14px;
+ color: #1b55e2;
+ font-weight: 600; }
+ #addTaskModal .modal-content input {
+ padding: 10px 16px; }
+ #addTaskModal .modal-content input[type="range"] {
+ box-shadow: none;
+ padding: 0; }
+ #addTaskModal .modal-content input[type="range"]::-webkit-slider-thumb {
+ -webkit-appearance: none;
+ appearance: none;
+ background: #1b55e2;
+ cursor: pointer;
+ -webkit-transition: all 0.35s ease;
+ transition: all 0.35s ease; }
+ #addTaskModal .modal-content input[type="range"]:active::-webkit-slider-thumb {
+ -webkit-transform: scale(1.2);
+ transform: scale(1.2);
+ box-shadow: none; }
+ #addTaskModal .modal-content input[type="range"]:focus::-webkit-slider-thumb {
+ box-shadow: none; }
+ #addTaskModal .modal-content .range-count {
+ display: inline-block;
+ margin-left: 6px;
+ font-size: 16px;
+ font-weight: 700;
+ color: #3b3f5c; }
+ #addTaskModal .modal-content .img-preview {
+ text-align: center; }
+ #addTaskModal .modal-content .img-preview img {
+ width: 280px;
+ height: 280px;
+ margin: 0 auto; }
+ #addTaskModal .modal-content .custom-file .custom-file-label {
+ margin-bottom: 0; }
+ #addTaskModal .modal-content .input-group .input-group-append {
+ height: 40px; }
+ #addTaskModal .modal-content .custom-file .custom-file-label:after {
+ height: auto;
+ display: none; }
+ #addTaskModal .modal-content .input-group-append .input-group-text {
+ border: none;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px; }
+
+#addTaskModal .task-badge {
+ display: flex; }
+
+#addTaskModal .modal-content textarea {
+ padding: 10px 16px; }
+
+#addTaskModal .modal-footer {
+ justify-content: center;
+ border: none;
+ padding-top: 0; }
+ #addTaskModal .modal-footer .btn[data-dismiss="modal"] {
+ background-color: #fff;
+ color: #1b55e2;
+ font-weight: 700;
+ border: 1px solid #e8e8e8;
+ padding: 10px 25px; }
+ #addTaskModal .modal-footer [data-btnfn="addTask"] {
+ background-color: #1b55e2;
+ color: #fff;
+ font-weight: 600;
+ border: 1px solid #1b55e2;
+ padding: 10px 25px; }
+ #addTaskModal .modal-footer [data-btnfn="editTask"] {
+ background-color: #009688;
+ color: #fff;
+ font-weight: 600;
+ border: 1px solid #e0e6ed;
+ padding: 10px 25px; }
+
+/* Delete Modal*/
+#deleteConformation .modal-content {
+ border: 0;
+ -webkit-box-shadow: 2px 5px 17px 0 rgba(31, 45, 61, 0.1);
+ box-shadow: 2px 5px 17px 0 rgba(31, 45, 61, 0.1);
+ padding: 30px; }
+ #deleteConformation .modal-content .modal-header {
+ border: none;
+ padding: 0; }
+ #deleteConformation .modal-content .modal-header .icon {
+ padding: 7px 9px;
+ background: rgba(231, 81, 90, 0.37);
+ text-align: center;
+ margin-right: 8px;
+ border-radius: 50%; }
+ #deleteConformation .modal-content .modal-header svg {
+ width: 20px;
+ color: #e7515a;
+ fill: rgba(231, 81, 90, 0.37); }
+ #deleteConformation .modal-content .modal-header .modal-title {
+ color: #3b3f5c;
+ font-size: 18px;
+ font-weight: 700;
+ align-self: center; }
+ #deleteConformation .modal-content .modal-body {
+ padding: 28px 0; }
+ #deleteConformation .modal-content .modal-body p {
+ color: #888ea8;
+ font-size: 15px;
+ font-weight: 600;
+ margin-bottom: 0; }
+ #deleteConformation .modal-content .modal-footer {
+ padding: 0;
+ border: none; }
+ #deleteConformation .modal-content .modal-footer [data-dismiss="modal"] {
+ background-color: #fff;
+ color: #e7515a;
+ font-weight: 700;
+ border: 1px solid #e8e8e8;
+ padding: 10px 25px; }
+ #deleteConformation .modal-content .modal-footer [data-remove="task"] {
+ color: #fff;
+ font-weight: 600;
+ padding: 10px 25px; }
+
+.task-list-section {
+ display: flex;
+ overflow-x: auto;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ padding-bottom: 15px; }
+
+.task-list-container {
+ min-width: 309px;
+ padding: 0 15px;
+ width: 467px; }
+ .task-list-container:first-child {
+ padding-left: 0; }
+ .task-list-container:last-child {
+ padding-right: 0; }
+
+/*
+ Connect Sorting Div
+*/
+.connect-sorting {
+ padding: 15px;
+ background: #e0e6ed;
+ border-radius: 10px;
+ -webkit-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
+ -moz-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
+ box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07); }
+ .connect-sorting .task-container-header {
+ display: flex;
+ justify-content: space-between;
+ padding: 18px 5px; }
+ .connect-sorting .task-container-header .dropdown .dropdown-menu {
+ padding: 11px; }
+ .connect-sorting .task-container-header .dropdown .dropdown-menu .dropdown-item {
+ padding: 5px;
+ font-size: 14px;
+ font-weight: 700; }
+ .connect-sorting .task-container-header .dropdown .dropdown-menu .dropdown-item:hover {
+ color: #1b55e2; }
+ .connect-sorting .task-container-header .dropdown .dropdown-menu .dropdown-item.active, .connect-sorting .task-container-header .dropdown .dropdown-menu .dropdown-item:active {
+ background-color: transparent; }
+ .connect-sorting .task-container-header h6 {
+ font-size: 16px;
+ font-weight: 700; }
+ .connect-sorting .add-s-task {
+ cursor: pointer;
+ transition: all 0.3s ease-out;
+ -webkit-transition: all 0.3s ease-out; }
+ .connect-sorting .add-s-task:hover {
+ -webkit-transform: translateY(-3px);
+ transform: translateY(-3px); }
+ .connect-sorting .add-s-task .addTask {
+ display: block;
+ color: #ffffff;
+ font-size: 14px;
+ font-weight: 600;
+ text-align: center;
+ padding: 13px 11px;
+ border-radius: 4px;
+ background: #1b55e2; }
+ .connect-sorting .add-s-task .addTask:hover {
+ color: #fff; }
+ .connect-sorting .add-s-task .addTask svg {
+ width: 18px;
+ vertical-align: bottom; }
+
+.scrumboard .task-header {
+ margin-bottom: 25px;
+ display: flex;
+ justify-content: space-between;
+ padding: 20px 20px 0 20px; }
+ .scrumboard .task-header h4 {
+ font-size: 16px;
+ font-weight: 700;
+ margin-bottom: 0; }
+ .scrumboard .task-header svg.feather-edit-2 {
+ width: 18px;
+ height: 18px;
+ color: #888ea8;
+ vertical-align: middle;
+ fill: rgba(0, 23, 55, 0.08);
+ cursor: pointer;
+ padding: 0;
+ margin-right: 5px; }
+ .scrumboard .task-header svg.feather-edit-2:hover {
+ color: #1b55e2;
+ fill: rgba(27, 85, 226, 0.239216); }
+ .scrumboard .task-header svg.feather-trash-2 {
+ color: #e7515a;
+ margin-right: 6px;
+ vertical-align: middle;
+ width: 18px;
+ height: 18px;
+ fill: rgba(231, 81, 90, 0.14);
+ cursor: pointer; }
+ .scrumboard .task-header svg.feather-trash-2:hover {
+ fill: rgba(231, 81, 90, 0.37); }
+
+.scrumboard .card {
+ border: none;
+ border-radius: 4px;
+ margin-bottom: 30px;
+ -webkit-box-shadow: 2px 5px 17px 0 rgba(31, 45, 61, 0.1);
+ box-shadow: 2px 5px 17px 0 rgba(31, 45, 61, 0.1); }
+ .scrumboard .card .card-body {
+ padding: 0; }
+ .scrumboard .card .card-body .task-body .task-bottom {
+ display: flex;
+ justify-content: space-between;
+ padding: 12px 15px; }
+ .scrumboard .card .card-body .task-body .task-bottom div.tb-section-1 span {
+ font-size: 13px;
+ font-weight: 600;
+ width: 17px;
+ height: 17px; }
+ .scrumboard .card .card-body .task-body .task-bottom div.tb-section-1 span:hover {
+ color: #1b55e2;
+ cursor: pointer; }
+ .scrumboard .card .card-body .task-body .task-bottom div.tb-section-1 span:hover svg {
+ color: #1b55e2;
+ fill: rgba(27, 85, 226, 0.239216); }
+ .scrumboard .card .card-body .task-body .task-bottom div.tb-section-1 svg {
+ width: 18px;
+ vertical-align: bottom; }
+ .scrumboard .card .card-body .task-body .task-bottom div.tb-section-1 svg:not(:last-child) {
+ margin-right: 5px; }
+ .scrumboard .card .card-body .task-body .task-bottom div.tb-section-2 svg {
+ width: 18px;
+ cursor: pointer;
+ color: #888ea8;
+ margin-right: 6px;
+ vertical-align: middle;
+ width: 18px;
+ height: 18px;
+ fill: rgba(0, 23, 55, 0.08); }
+ .scrumboard .card .card-body .task-body .task-bottom div.tb-section-2 svg.feather-edit-2 {
+ width: 18px;
+ height: 18px;
+ color: #888ea8;
+ vertical-align: middle;
+ fill: rgba(0, 23, 55, 0.08);
+ cursor: pointer;
+ padding: 0; }
+ .scrumboard .card .card-body .task-body .task-bottom div.tb-section-2 svg.feather-edit-2:hover {
+ color: #1b55e2;
+ fill: rgba(27, 85, 226, 0.239216); }
+ .scrumboard .card .card-body .task-body .task-bottom div.tb-section-2 svg.feather-trash-2 {
+ color: #e7515a;
+ margin-right: 6px;
+ vertical-align: middle;
+ width: 18px;
+ height: 18px;
+ fill: rgba(231, 81, 90, 0.14); }
+ .scrumboard .card .card-body .task-body .task-bottom div.tb-section-2 svg.feather-trash-2:hover {
+ fill: rgba(231, 81, 90, 0.37); }
+ .scrumboard .card .card-body .task-body .task-bottom div.tb-section-2 svg:not(:last-child) {
+ margin-right: 5px; }
+ .scrumboard .card.img-task .card-body .task-content {
+ padding: 10px 10px 0 10px; }
+ .scrumboard .card.img-task .card-body .task-content img {
+ border-radius: 6px;
+ height: 105px;
+ width: 100%; }
+ .scrumboard .card.simple-title-task .card-body .task-header {
+ margin-bottom: 0;
+ padding: 20px; }
+ .scrumboard .card.simple-title-task .card-body .task-header div:nth-child(1) {
+ width: 70%; }
+ .scrumboard .card.simple-title-task .card-body .task-header div:nth-child(2) {
+ width: 30%;
+ text-align: right; }
+ .scrumboard .card.simple-title-task .card-body .task-body .task-bottom {
+ padding: 3px 15px 11px 15px; }
+ .scrumboard .card.task-text-progress .card-body .task-content p {
+ padding: 5px 20px 5px 20px; }
+ .scrumboard .card.task-text-progress .card-body .task-content > div {
+ display: flex;
+ padding: 5px 20px 5px 20px; }
+ .scrumboard .card.task-text-progress .card-body .task-content .progress {
+ height: 9px;
+ width: 100%;
+ margin-right: 17px;
+ margin-bottom: 0;
+ align-self: center; }
+ .scrumboard .card.task-text-progress .card-body .task-content > div p.progress-count {
+ padding: 0;
+ margin-bottom: 0; }
+ .scrumboard .card.ui-sortable-helper {
+ background-color: #1b55e2; }
+ .scrumboard .card.ui-sortable-helper .task-header span {
+ color: #fff; }
+ .scrumboard .card.ui-sortable-helper .task-header span svg {
+ color: #fff; }
+ .scrumboard .card.ui-sortable-helper .task-header svg.feather-edit-2, .scrumboard .card.ui-sortable-helper .task-header svg.feather-trash-2 {
+ color: #fff; }
+ .scrumboard .card.ui-sortable-helper .task-header h4 {
+ color: #fff; }
+ .scrumboard .card.ui-sortable-helper.task-text-progress .card-body .task-content p {
+ color: #fff; }
+ .scrumboard .card.ui-sortable-helper.task-text-progress .card-body .task-content .progress .progress-bar {
+ background-color: #2196f3 !important; }
+ .scrumboard .card.ui-sortable-helper .task-header svg.feather-user {
+ color: #fff; }
+ .scrumboard .card.ui-sortable-helper .card-body .task-body .task-bottom div.tb-section-1 {
+ color: #fff; }
+ .scrumboard .card.ui-sortable-helper .card-body .task-body .task-bottom div.tb-section-1 svg {
+ color: #fff; }
+ .scrumboard .card.ui-sortable-helper .card-body .task-body .task-bottom div.tb-section-2 svg {
+ color: #fff; }
+ .scrumboard .card.ui-sortable-helper .card-body .task-content .progress {
+ box-shadow: none; }
+
+/*
+ img task
+*/
+/*
+ task-text-progress
+*/
+/*
+ Style On events
+*/
+/* On Drag Task */
+.ui-state-highlight {
+ position: relative;
+ border-color: #1b55e2;
+ height: 141px;
+ margin-bottom: 36px;
+ border-radius: 15px;
+ border: 1px dashed #1b55e2;
+ background-image: linear-gradient(45deg, rgba(27, 85, 226, 0.09) 25%, transparent 25%, transparent 50%, rgba(27, 85, 226, 0.09) 50%, rgba(27, 85, 226, 0.09) 75%, transparent 75%, transparent);
+ background-size: 1rem 1rem;
+ -webkit-animation: progress-bar-stripes 1s linear infinite;
+ animation: progress-bar-stripes 1s linear infinite; }
+ .ui-state-highlight:before {
+ content: 'Drop';
+ position: absolute;
+ left: 41%;
+ font-size: 19px;
+ color: #1b55e2;
+ top: 50%;
+ margin-top: -16px;
+ font-weight: 600; }
+
+.connect-sorting-content {
+ min-height: 80px; }
+
+@keyframes progress-bar-stripes {
+ 0% {
+ background-position: 1rem 0; }
+ 100% {
+ background-position: 0 0; } }
diff --git a/static/css/apps/todolist.css b/static/css/apps/todolist.css
new file mode 100644
index 00000000..48a1f5b1
--- /dev/null
+++ b/static/css/apps/todolist.css
@@ -0,0 +1,495 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+/*----------Theme checkbox---------*/
+.new-control {
+ position: relative;
+ display: -ms-inline-flexbox;
+ display: inline-flex; }
+
+.new-control-input {
+ position: absolute;
+ z-index: -1;
+ opacity: 0; }
+
+.new-control.new-checkbox {
+ cursor: pointer; }
+ .new-control.new-checkbox .new-control-indicator {
+ position: relative;
+ top: .25rem;
+ left: 0;
+ display: block;
+ width: 30px;
+ height: 30px;
+ pointer-events: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ background-color: #e0e6ed;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-size: 50% 50%;
+ border-radius: 50%;
+ margin-right: 13px; }
+ .new-control.new-checkbox > input:checked ~ span.new-control-indicator {
+ background: #888ea8; }
+ .new-control.new-checkbox > input:checked ~ span.new-control-indicator:after {
+ display: block; }
+ .new-control.new-checkbox span.new-control-indicator:after {
+ border: solid #888ea8;
+ top: 50%;
+ left: 50%;
+ margin-left: -2px;
+ margin-top: -6px;
+ width: 5px;
+ height: 10px;
+ border-width: 0 2px 2px 0 !important;
+ transform: rotate(45deg);
+ content: '';
+ position: absolute;
+ display: none; }
+ .new-control.new-checkbox.checkbox-primary > input:checked ~ span.new-control-indicator {
+ background: transparent;
+ border: 2px solid #888ea8; }
+
+.mail-box-container {
+ position: relative;
+ display: flex;
+ border-radius: 6px;
+ background: #fff;
+ -webkit-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
+ -moz-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
+ box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07); }
+
+.mail-overlay {
+ display: none;
+ position: absolute;
+ width: 100vw;
+ height: 100%;
+ background: #3b3f5c !important;
+ z-index: 4 !important;
+ opacity: 0;
+ transition: all 0.5s ease-in-out; }
+ .mail-overlay.mail-overlay-show {
+ display: block;
+ opacity: .7; }
+
+.tab-title {
+ position: relative;
+ padding: 20px 15px;
+ max-width: 240px;
+ border-right: 1px solid #e0e6ed; }
+ .tab-title svg.feather-clipboard {
+ color: #1b55e2;
+ fill: rgba(27, 85, 226, 0.239216);
+ margin-bottom: 13px; }
+ .tab-title h5 {
+ position: relative;
+ font-size: 18px;
+ font-weight: 700;
+ letter-spacing: 3px;
+ color: #515365; }
+ .tab-title #addTask {
+ position: absolute;
+ font-size: 14px;
+ padding: 9px 20px;
+ border: none;
+ color: #fff;
+ bottom: 32px;
+ left: 17%;
+ background-color: #1b55e2; }
+ .tab-title #addTask svg {
+ margin-right: 5px; }
+ .tab-title.mail-menu-show {
+ left: 0;
+ width: 100%;
+ min-width: 190px;
+ height: 100%; }
+ .tab-title hr {
+ border-top: 1px solid #ebedf2;
+ max-width: 54px; }
+ .tab-title .todoList-sidebar-scroll {
+ position: relative;
+ width: 100%;
+ height: calc(100vh - 346px); }
+ .tab-title .nav-pills .nav-link.active {
+ background-color: transparent;
+ color: #1b55e2;
+ color: #1b55e2;
+ background: #ebedf2;
+ border-top-right-radius: 30px;
+ border-bottom-right-radius: 30px;
+ padding: 10px 12px 10px 14px; }
+ .tab-title .nav-pills .nav-link.active svg {
+ color: #1b55e2;
+ fill: rgba(27, 85, 226, 0.239216); }
+ .tab-title .nav-pills a.nav-link {
+ position: relative;
+ font-weight: 700;
+ color: #888ea8;
+ border-radius: 0;
+ padding: 20px 0px 20px 15px;
+ -webkit-transition: all 0.35s ease;
+ transition: all 0.35s ease; }
+ .tab-title .nav-pills .nav-link .badge {
+ border-radius: 50%;
+ position: absolute;
+ right: 24px;
+ padding: 2px 5px;
+ height: 24px;
+ width: 23px;
+ font-weight: 700;
+ border: 2px solid #e0e6ed;
+ transform: none; }
+ .tab-title .nav-pills .nav-link.active .badge {
+ border: none;
+ padding: 0 !important;
+ font-size: 15px;
+ top: 11px;
+ color: #1b55e2 !important; }
+ .tab-title .nav-pills a.nav-link:hover {
+ color: #1b55e2; }
+ .tab-title .nav-pills a.nav-link:hover svg {
+ color: #1b55e2;
+ fill: rgba(27, 85, 226, 0.239216); }
+ .tab-title .nav-pills a.nav-link svg {
+ color: #888ea8;
+ margin-right: 6px;
+ vertical-align: middle;
+ width: 21px;
+ height: 21px;
+ fill: rgba(0, 23, 55, 0.08); }
+ .tab-title .nav-pills .nav-link#all-list .badge {
+ color: #3b3f5c; }
+ .tab-title .nav-pills .nav-link#todo-task-done .badge {
+ color: #2196f3; }
+ .tab-title .nav-pills .nav-link#todo-task-important .badge {
+ color: #e95f2b; }
+
+/*
+=====================
+ Todo Inbox
+=====================
+*/
+.todo-inbox {
+ position: relative;
+ overflow-x: hidden;
+ overflow-y: auto;
+ max-width: 100%;
+ width: 100%; }
+ .todo-inbox .search {
+ display: flex; }
+ .todo-inbox .search input {
+ border: none;
+ padding: 12px 13px 12px 13px;
+ border-bottom: 1px solid #e0e6ed;
+ background: transparent;
+ border-radius: 0; }
+ .todo-inbox .mail-menu {
+ background: #fff;
+ margin: 7px 13px 7px 13px;
+ width: 25px;
+ border-radius: 0;
+ color: #515365;
+ align-self: center;
+ border-bottom: 1px solid #e0e6ed; }
+ .todo-inbox .todo-item-inner {
+ display: flex; }
+ .todo-inbox .message-box {
+ background: #fff;
+ padding: 0 0 5px 0; }
+
+.todo-box-scroll {
+ position: relative;
+ margin: auto;
+ width: 100%;
+ overflow: auto;
+ height: calc(100vh - 224px); }
+
+.todo-inbox .todo-item {
+ cursor: pointer;
+ position: relative; }
+ .todo-inbox .todo-item:not(:last-child) {
+ border-bottom: 1px solid #e0e6ed; }
+ .todo-inbox .todo-item.todo-task-trash {
+ display: none; }
+ .todo-inbox .todo-item.todo-task-trash.trash-show {
+ display: block; }
+ .todo-inbox .todo-item .todo-item-inner .n-chk {
+ padding: 20px 10px 20px 10px; }
+ .todo-inbox .todo-item .todo-item-inner .todo-content {
+ width: 100%;
+ padding: 20px 10px 20px 10px; }
+ .todo-inbox .todo-item .todo-item-inner .todo-heading {
+ font-size: 18px;
+ font-weight: 700;
+ color: #515365;
+ margin-bottom: 2px;
+ -webkit-transition: all 0.35s ease;
+ transition: all 0.35s ease; }
+ .todo-inbox .todo-item .todo-item-inner:hover .todo-heading {
+ -webkit-transform: translateY(0) scale(1.01);
+ transform: translateY(0) scale(1.01); }
+ .todo-inbox .todo-item .todo-item-inner p.todo-text {
+ font-size: 14px;
+ margin-bottom: 0;
+ color: #acb0c3;
+ font-weight: 600;
+ -webkit-transition: all 0.35s ease;
+ transition: all 0.35s ease;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ max-width: calc(100vw - 730px); }
+ .todo-inbox .todo-item .todo-item-inner:hover .todo-text {
+ -webkit-transform: translateY(0) scale(1.01);
+ transform: translateY(0) scale(1.01); }
+ .todo-inbox .todo-item .todo-item-inner p.meta-date {
+ margin-bottom: 0;
+ font-size: 12px;
+ font-weight: 600;
+ color: #888ea8;
+ -webkit-transition: all 0.35s ease;
+ transition: all 0.35s ease; }
+ .todo-inbox .todo-item .todo-item-inner:hover p.meta-date {
+ -webkit-transform: translateY(0) scale(1.01);
+ transform: translateY(0) scale(1.01); }
+ .todo-inbox .todo-item .todo-item-inner .priority-dropdown {
+ float: right;
+ padding: 20px 10px 20px 10px; }
+ .todo-inbox .todo-item .todo-item-inner .priority-dropdown .dropdown-toggle {
+ font-size: 20px; }
+ .todo-inbox .todo-item .todo-item-inner .priority-dropdown .dropdown-toggle.danger svg {
+ color: #e7515a;
+ fill: rgba(231, 81, 90, 0.19); }
+ .todo-inbox .todo-item .todo-item-inner .priority-dropdown .dropdown-toggle.warning svg {
+ color: #e2a03f;
+ fill: rgba(233, 176, 43, 0.19); }
+ .todo-inbox .todo-item .todo-item-inner .priority-dropdown .dropdown-toggle.primary svg {
+ color: #2196f3;
+ fill: rgba(33, 150, 243, 0.19); }
+ .todo-inbox .todo-item .todo-item-inner .priority-dropdown .dropdown-menu {
+ left: -45px !important; }
+ .todo-inbox .todo-item .todo-item-inner .priority-dropdown .dropdown-menu a.dropdown-item.active, .todo-inbox .todo-item .todo-item-inner .priority-dropdown .dropdown-menu a.dropdown-item:active {
+ background: transparent; }
+ .todo-inbox .todo-item .todo-item-inner .priority-dropdown .dropdown-menu a svg {
+ font-size: 19px;
+ font-weight: 700;
+ margin-right: 7px;
+ vertical-align: middle; }
+ .todo-inbox .todo-item .todo-item-inner .priority-dropdown .dropdown-menu a.danger svg {
+ color: #e7515a; }
+ .todo-inbox .todo-item .todo-item-inner .priority-dropdown .dropdown-menu a.warning svg {
+ color: #e2a03f; }
+ .todo-inbox .todo-item .todo-item-inner .priority-dropdown .dropdown-menu a.primary svg {
+ color: #2196f3; }
+ .todo-inbox .todo-item .todo-item-inner .action-dropdown .dropdown-menu .permanent-delete, .todo-inbox .todo-item .todo-item-inner .action-dropdown .dropdown-menu .revive {
+ display: none; }
+ .todo-inbox .todo-item.todo-task-trash .n-chk {
+ display: none; }
+ .todo-inbox .todo-item.todo-task-trash .todo-item-inner .todo-content {
+ width: 100%;
+ padding: 20px 14px 20px 14px; }
+ .todo-inbox .todo-item.todo-task-trash .todo-item-inner .priority-dropdown .dropdown-menu {
+ display: none; }
+ .todo-inbox .todo-item.todo-task-trash .todo-item-inner .action-dropdown .dropdown-menu .edit, .todo-inbox .todo-item.todo-task-trash .todo-item-inner .action-dropdown .dropdown-menu .important, .todo-inbox .todo-item.todo-task-trash .todo-item-inner .action-dropdown .dropdown-menu .delete {
+ display: none; }
+ .todo-inbox .todo-item.todo-task-trash .todo-item-inner .action-dropdown .dropdown-menu .permanent-delete, .todo-inbox .todo-item.todo-task-trash .todo-item-inner .action-dropdown .dropdown-menu .revive {
+ display: block; }
+ .todo-inbox .todo-item .todo-item-inner .action-dropdown {
+ float: right;
+ padding: 20px 10px 20px 10px; }
+ .todo-inbox .todo-item .todo-item-inner .action-dropdown .dropdown-menu {
+ left: -7px !important; }
+ .todo-inbox .todo-item .todo-item-inner .action-dropdown .dropdown-menu .dropdown-item.active, .todo-inbox .todo-item .todo-item-inner .action-dropdown .dropdown-menu .dropdown-item:active {
+ background-color: transparent; }
+ .todo-inbox .todo-item .todo-item-inner .action-dropdown .dropdown-toggle svg {
+ width: 21px;
+ height: 21px;
+ margin-top: 5px;
+ color: #888ea8; }
+ .todo-inbox .todo-item .todo-item-inner .action-dropdown .show .dropdown-toggle svg {
+ color: #1b2e4b; }
+ .todo-inbox .todo-item.todo-task-done .todo-item-inner .todo-heading {
+ text-decoration: line-through; }
+ .todo-inbox .todo-item.todo-task-done .todo-item-inner p.meta-date, .todo-inbox .todo-item.todo-task-done .todo-item-inner p.todo-text {
+ text-decoration: line-through; }
+
+.modal-content {
+ border: none;
+ box-shadow: 0px 0px 15px 1px rgba(113, 106, 202, 0.2); }
+ .modal-content svg.close {
+ position: absolute;
+ right: -7px;
+ top: -8px;
+ font-size: 12px;
+ font-weight: 600;
+ padding: 2px;
+ background: #fff;
+ border-radius: 5px;
+ opacity: 1;
+ color: #1b55e2;
+ box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
+ cursor: pointer;
+ transition: .600s; }
+ .modal-content svg.close:hover {
+ box-shadow: none;
+ transition: .600s;
+ opacity: 1 !important; }
+
+#todoShowListItem .task-text {
+ position: relative;
+ max-height: 260px;
+ padding: 0 16px; }
+
+.compose-box {
+ background-color: #fff;
+ border-radius: 6px; }
+
+#todoShowListItem .modal-content .modal-body {
+ padding-left: 0;
+ padding-right: 0; }
+
+#todoShowListItem .compose-content h5 {
+ margin-bottom: 19px;
+ padding-bottom: 19px;
+ border-bottom: 1px solid #e0e6ed; }
+
+.compose-box .compose-content h5 {
+ font-weight: 700;
+ font-size: 18px;
+ color: #3b3f5c;
+ text-align: center;
+ margin-bottom: 35px; }
+
+.compose-box .compose-content .task-text p {
+ word-break: break-word; }
+
+.compose-box .compose-content .task-text img {
+ max-width: 100%; }
+
+#todoShowListItem .modal-footer .btn[data-dismiss="modal"] {
+ background-color: #fff;
+ color: #1b55e2;
+ font-weight: 700;
+ border: 1px solid #e8e8e8;
+ padding: 10px 25px; }
+ #todoShowListItem .modal-footer .btn[data-dismiss="modal"] svg {
+ margin-right: 8px;
+ width: 19px;
+ height: 19px; }
+
+.compose-box .compose-content form svg {
+ align-self: center;
+ font-size: 19px;
+ margin-right: 14px;
+ color: #1b55e2;
+ font-weight: 600; }
+
+.compose-box .compose-content form #taskdescription {
+ height: 170px; }
+
+.compose-box .compose-content form .validation-text {
+ display: none;
+ color: #e7515a;
+ font-weight: 600;
+ text-align: left;
+ margin-top: 6px;
+ font-size: 12px;
+ letter-spacing: 1px; }
+
+#addTaskModal .modal-footer {
+ border-top: none;
+ padding-top: 0; }
+ #addTaskModal .modal-footer .btn[data-dismiss="modal"] {
+ background-color: #fff;
+ color: #1b55e2;
+ font-weight: 700;
+ border: 1px solid #e8e8e8;
+ padding: 10px 25px; }
+ #addTaskModal .modal-footer .btn.add-tsk {
+ background-color: #1b55e2;
+ color: #fff;
+ font-weight: 600;
+ border: 1px solid #1b55e2;
+ padding: 10px 25px; }
+ #addTaskModal .modal-footer .btn.edit-tsk {
+ background-color: #8dbf42;
+ color: #fff;
+ font-weight: 600;
+ padding: 10px 25px; }
+
+.modal-backdrop {
+ background-color: #515365; }
+
+.compose-box .compose-content form #editor-container h1, .compose-box .compose-content form #editor-container p {
+ color: #3b3f5c; }
+
+@media (max-width: 767px) {
+ .todo-inbox {
+ display: block; }
+ .todo-inbox .message-box {
+ width: 100%;
+ margin-bottom: 40px; } }
+
+@media (max-width: 991px) {
+ .mail-box-container {
+ overflow-x: hidden;
+ overflow-y: auto; }
+ .todo-inbox .search {
+ border-bottom: 1px solid #e0e6ed; }
+ .todo-inbox .mail-menu {
+ border-bottom: none; }
+ .todo-inbox .search input {
+ border-right: 1px solid #e0e6ed;
+ border-bottom: none; }
+ .todo-inbox .todo-item .todo-item-inner p.todo-text {
+ max-width: calc(100vw - 228px); }
+ .tab-title {
+ position: absolute;
+ z-index: 4;
+ left: -100px;
+ width: 0;
+ background: #fff; }
+ .todo-inbox {
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%; }
+ .modal-backdrop {
+ opacity: 0.8 !important; } }
+
+@media (max-width: 575px) {
+ .todo-inbox .mail-item div.mail-item-heading .mail-item-inner .f-body > div {
+ display: block; }
+ .todo-inbox .mail-item div.mail-item-heading .mail-item-inner .f-body .meta-time {
+ margin-bottom: 0;
+ float: none; } }
+
+/*
+=====================
+ IE Support
+=====================
+*/
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+ /* IE10+ CSS styles go here */
+ .tab-title {
+ width: 100%; } }
+
+/*
+=====================
+ Mozilla Support
+=====================
+*/
+@-moz-document url-prefix() {
+ .todo-inbox .todo-item .todo-item-inner .todo-content {
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important; } }
diff --git a/static/css/authentication/form-1.css b/static/css/authentication/form-1.css
new file mode 100644
index 00000000..1b4ea511
--- /dev/null
+++ b/static/css/authentication/form-1.css
@@ -0,0 +1,206 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+html {
+ height: 100%; }
+
+body {
+ height: 100%;
+ overflow: auto;
+ margin: 0;
+ padding: 0;
+ background: #fff; }
+
+.form-container {
+ display: flex; }
+
+.form-form {
+ width: 50%;
+ display: flex;
+ flex-direction: column;
+ min-height: 100%; }
+ .form-form .form-form-wrap {
+ max-width: 480px;
+ margin: 0 auto;
+ min-width: 311px;
+ min-height: 100%;
+ height: 100vh;
+ align-items: center;
+ justify-content: center; }
+ .form-form .form-container {
+ align-items: center;
+ display: flex;
+ flex-grow: 1;
+ padding: .71428571rem 2.85714286rem;
+ width: 100%;
+ min-height: 100%; }
+ .form-form .form-container .form-content {
+ display: block;
+ width: 100%; }
+ .form-form .form-form-wrap .user-meta {
+ margin-bottom: 35px; }
+ .form-form .form-form-wrap .user-meta img {
+ width: 52px;
+ height: 52px;
+ border-radius: 50%;
+ margin-right: 15px;
+ border: 4px solid #e0e6ed; }
+ .form-form .form-form-wrap .user-meta div {
+ align-self: center; }
+ .form-form .form-form-wrap .user-meta p {
+ font-size: 31px;
+ color: #3b3f5c;
+ margin-bottom: 0; }
+ .form-form .form-form-wrap h1 .brand-name {
+ color: #1b55e2;
+ font-weight: 600; }
+ .form-form .form-form-wrap p.signup-link {
+ font-size: 14px;
+ color: #3b3f5c;
+ font-weight: 700;
+ margin-bottom: 50px; }
+ .form-form .form-form-wrap p.signup-link a {
+ color: #1b55e2;
+ border-bottom: 1px solid; }
+ .form-form .form-form-wrap form .field-wrapper.input {
+ position: relative;
+ padding: 11px 0 25px 0;
+ border-bottom: none; }
+ .form-form .form-form-wrap form .field-wrapper.input:focus {
+ border: 1px solid #000; }
+ .form-form .form-form-wrap form .field-wrapper.toggle-pass p {
+ font-weight: 600;
+ color: #3b3f5c;
+ margin-bottom: 0; }
+ .form-form .form-form-wrap form .field-wrapper .logged-in-user-name {
+ font-size: 37px;
+ color: #3b3f5c; }
+ .form-form .form-form-wrap form .field-wrapper svg {
+ position: absolute;
+ top: 16px;
+ color: #1b55e2;
+ fill: rgba(27, 85, 226, 0.239216); }
+ .form-form .form-form-wrap form .field-wrapper.terms_condition {
+ margin-bottom: 20px; }
+ .form-form .form-form-wrap form .field-wrapper.terms_condition label {
+ font-size: 14px;
+ color: #888ea8;
+ padding-left: 31px;
+ font-weight: 100; }
+ .form-form .form-form-wrap form .field-wrapper.terms_condition a {
+ color: #1b55e2; }
+ .form-form .form-form-wrap form .field-wrapper input {
+ display: inline-block;
+ vertical-align: middle;
+ border-radius: 0;
+ min-width: 50px;
+ max-width: 635px;
+ width: 100%;
+ min-height: 36px;
+ background-color: #ffffff;
+ border: none;
+ -ms-transition: all 0.2s ease-in-out 0s;
+ transition: all 0.2s ease-in-out 0s;
+ color: #3b3f5c;
+ font-weight: 700;
+ font-size: 16px;
+ border-bottom: 1px solid #e0e6ed;
+ padding: 0px 0 10px 35px; }
+ .form-form .form-form-wrap form .field-wrapper input::-webkit-input-placeholder, .form-form .form-form-wrap form .field-wrapper input::-ms-input-placeholder, .form-form .form-form-wrap form .field-wrapper input::-moz-placeholder {
+ color: #d3d3d3;
+ font-size: 14px; }
+ .form-form .form-form-wrap form .field-wrapper input:focus {
+ border-bottom: 1px solid #1b55e2;
+ box-shadow: none; }
+ .form-form .form-form-wrap form .field-wrapper.toggle-pass {
+ align-self: center;
+ text-align: left; }
+ .form-form .form-form-wrap form .field-wrapper.toggle-pass .switch {
+ margin-bottom: 0;
+ vertical-align: sub;
+ margin-left: 7px; }
+ .form-form .form-form-wrap form .field-wrapper button.btn {
+ align-self: center; }
+ .form-form .form-form-wrap form .field-wrapper a.forgot-pass-link {
+ width: 100%;
+ font-weight: 700;
+ color: #1b55e2;
+ text-align: center;
+ display: block;
+ letter-spacing: 2px;
+ font-size: 15px;
+ margin-top: 15px; }
+ .form-form .form-form-wrap form .field-wrapper .n-chk .new-control-indicator {
+ top: 1px;
+ border: 1px solid #bfc9d4;
+ background-color: #f1f2f3; }
+ .form-form .form-form-wrap form .field-wrapper .n-chk .new-control-indicator:after {
+ top: 52%; }
+ .form-form .form-form-wrap form .field-wrapper.keep-logged-in {
+ margin-top: 60px; }
+ .form-form .form-form-wrap form .field-wrapper.keep-logged-in label {
+ font-size: 14px;
+ color: #888ea8;
+ padding-left: 31px;
+ font-weight: 100; }
+ .form-form .terms-conditions {
+ max-width: 480px;
+ margin: 0 auto;
+ color: #3b3f5c;
+ font-weight: 600;
+ margin-top: 90px; }
+ .form-form .terms-conditions a {
+ color: #1b55e2;
+ font-weight: 700; }
+
+.form-image {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: fixed;
+ right: 0;
+ min-height: auto;
+ height: 100vh;
+ width: 50%; }
+ .form-image .l-image {
+ background-image: url(https://cdn.pixabay.com/photo/2015/12/10/16/39/shield-1086703_960_720.png);
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-color: #060818;
+ background-position: center center;
+ background-repeat: no-repeat;
+ background-size: 75%;
+ background-position-x: center;
+ background-position-y: center; }
+
+@media (max-width: 991px) {
+ .form-form {
+ width: 100%; }
+ .form-form .form-form-wrap {
+ min-width: auto; }
+ .form-image {
+ display: none; } }
+
+@media (max-width: 575px) {
+ .form-form .form-form-wrap form .field-wrapper.toggle-pass {
+ margin-bottom: 28px; } }
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+ .form-form .form-form-wrap {
+ width: 100%; }
+ .form-form .form-container {
+ height: 100%; } }
diff --git a/static/css/authentication/form-2.css b/static/css/authentication/form-2.css
new file mode 100644
index 00000000..9306658f
--- /dev/null
+++ b/static/css/authentication/form-2.css
@@ -0,0 +1,231 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+html {
+ height: 100%; }
+
+body {
+ height: 100%;
+ overflow: auto;
+ margin: 0;
+ padding: 0;
+ background-color: #fff; }
+
+.form-form {
+ width: 50%;
+ display: flex;
+ flex-direction: column;
+ min-height: 100%;
+ margin: 0 auto; }
+ .form-form .form-form-wrap {
+ max-width: 480px;
+ margin: 0 auto;
+ min-width: 311px;
+ min-height: 100%;
+ align-self: center;
+ width: 100%;
+ height: 100vh;
+ justify-content: center; }
+ .form-form .form-container {
+ align-items: center;
+ display: flex;
+ flex-grow: 1;
+ width: 100%;
+ min-height: 100%; }
+ .form-form .form-container .form-content {
+ display: block;
+ width: 100%;
+ padding: 25px;
+ background: #fff;
+ text-align: center;
+ border-radius: 15px;
+ border: 1px solid #e0e6ed;
+ -webkit-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.0901961), 0 1px 20px 0 rgba(0, 0, 0, 0.08), 0px 1px 11px 0px rgba(0, 0, 0, 0.06);
+ -moz-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.0901961), 0 1px 20px 0 rgba(0, 0, 0, 0.08), 0px 1px 11px 0px rgba(0, 0, 0, 0.06);
+ box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.0901961), 0 1px 20px 0 rgba(0, 0, 0, 0.08), 0px 1px 11px 0px rgba(0, 0, 0, 0.06); }
+ .form-form .form-container .form-content h1 {
+ font-size: 32px;
+ color: #3b3f5c; }
+ .form-form .form-container .form-content > p {
+ font-size: 13px;
+ color: #888ea8;
+ font-weight: 600;
+ margin-bottom: 35px; }
+ .form-form .form-form-wrap .user-meta {
+ margin-bottom: 35px; }
+ .form-form .form-form-wrap .user-meta img {
+ width: 52px;
+ height: 52px;
+ border-radius: 50%;
+ margin-right: 15px;
+ border: 4px solid #e0e6ed; }
+ .form-form .form-form-wrap .user-meta div {
+ align-self: center; }
+ .form-form .form-form-wrap .user-meta p {
+ font-size: 31px;
+ color: #3b3f5c;
+ margin-bottom: 0; }
+ .form-form .form-form-wrap h1 .brand-name {
+ color: #3b3f5c;
+ font-weight: 600; }
+ .form-form .form-form-wrap p.signup-link {
+ font-size: 14px;
+ color: #3b3f5c;
+ font-weight: 700;
+ margin-bottom: 15px;
+ text-align: center;
+ margin-top: 50px; }
+ .form-form .form-form-wrap p.signup-link.register {
+ font-size: 13px;
+ color: #888ea8;
+ font-weight: 600;
+ margin-bottom: 25px;
+ margin-top: 0; }
+ .form-form .form-form-wrap p.signup-link.recovery {
+ margin-top: 0; }
+ .form-form .form-form-wrap p.signup-link a {
+ color: #1b55e2;
+ border-bottom: 1px solid; }
+ .form-form .form-form-wrap form .field-wrapper {
+ width: 100%; }
+ .form-form .form-form-wrap form .field-wrapper.input {
+ padding: 11px 0px 16px 0;
+ border-bottom: none;
+ position: relative; }
+ .form-form .form-form-wrap form .field-wrapper.input:focus {
+ border: 1px solid #000; }
+ .form-form .form-form-wrap form .field-wrapper.toggle-pass p {
+ font-weight: 600;
+ color: #3b3f5c;
+ margin-bottom: 0; }
+ .form-form .form-form-wrap form .field-wrapper .logged-in-user-name {
+ font-size: 37px;
+ color: #3b3f5c; }
+ .form-form .form-form-wrap form .field-wrapper label {
+ font-size: 10px;
+ font-weight: 700;
+ color: #3b3f5c;
+ margin-bottom: 8px; }
+ .form-form .form-form-wrap form .field-wrapper.terms_condition {
+ margin-bottom: 20px; }
+ .form-form .form-form-wrap form .field-wrapper.terms_condition label {
+ font-size: 14px;
+ color: #888ea8;
+ padding-left: 31px;
+ font-weight: 100; }
+ .form-form .form-form-wrap form .field-wrapper.terms_condition a {
+ color: #1b55e2; }
+ .form-form .form-form-wrap form .field-wrapper svg.feather-user {
+ top: 53px; }
+ .form-form .form-form-wrap form .field-wrapper svg.feather-lock {
+ top: 50px; }
+ .form-form .form-form-wrap form .field-wrapper svg.feather-at-sign {
+ top: 47px; }
+ .form-form .form-form-wrap form .field-wrapper svg.feather-at-sign.register {
+ top: 53px; }
+ .form-form .form-form-wrap form .field-wrapper svg:not(.feather-eye) {
+ position: absolute;
+ left: 12px;
+ color: #888ea8;
+ fill: rgba(0, 23, 55, 0.08);
+ width: 20px;
+ height: 20px; }
+ .form-form .form-form-wrap form .field-wrapper svg.feather-eye {
+ position: absolute;
+ top: 49px;
+ right: 13px;
+ color: #888ea8;
+ fill: rgba(0, 23, 55, 0.08);
+ width: 17px;
+ cursor: pointer; }
+ .form-form .form-form-wrap form .field-wrapper input {
+ display: inline-block;
+ vertical-align: middle;
+ border-radius: 6px;
+ min-width: 50px;
+ max-width: 635px;
+ width: 100%;
+ -ms-transition: all 0.2s ease-in-out 0s;
+ transition: all 0.2s ease-in-out 0s;
+ color: #3b3f5c;
+ font-weight: 600;
+ font-size: 16px;
+ padding: 13px 35px 13px 46px; }
+ .form-form .form-form-wrap form .field-wrapper input::-webkit-input-placeholder, .form-form .form-form-wrap form .field-wrapper input::-ms-input-placeholder, .form-form .form-form-wrap form .field-wrapper input::-moz-placeholder {
+ color: #d3d3d3;
+ font-size: 14px; }
+ .form-form .form-form-wrap form .field-wrapper button.btn {
+ align-self: center;
+ width: 100%;
+ padding: 11px 14px;
+ font-size: 16px;
+ letter-spacing: 2px; }
+ .form-form .form-form-wrap form .field-wrapper a.forgot-pass-link {
+ font-weight: 600;
+ color: #888ea8;
+ display: block;
+ letter-spacing: 1px;
+ font-size: 12px;
+ margin-bottom: 8px; }
+ .form-form .form-form-wrap form .field-wrapper .n-chk .new-control-indicator {
+ top: 2px;
+ border: 1px solid #bfc9d4;
+ background-color: #f1f2f3; }
+ .form-form .form-form-wrap form .field-wrapper .n-chk .new-control-indicator:after {
+ top: 54%; }
+
+.new-control.new-checkbox.checkbox-primary > input:checked ~ span.new-control-indicator {
+ border: none; }
+
+.form-form .form-form-wrap form .division {
+ text-align: center;
+ font-size: 13px;
+ margin: 35px 0 38px 0; }
+
+.form-form .form-form-wrap form .social {
+ text-align: center; }
+ .form-form .form-form-wrap form .social a {
+ background: transparent;
+ box-shadow: none;
+ border: 1px solid #e0e6ed;
+ padding: 12px 10px;
+ width: 181px; }
+ .form-form .form-form-wrap form .social a.social-fb {
+ margin-right: 15px; }
+ .form-form .form-form-wrap form .social a.social-fb svg, .form-form .form-form-wrap form .social a.social-fb .brand-name {
+ color: #1b55e2; }
+
+@media (max-width: 991px) {
+ .form-form {
+ width: 100%; }
+ .form-form .form-form-wrap {
+ min-width: auto;
+ margin: 0 auto; }
+ .form-form .form-container .form-content {
+ border-radius: 15px; } }
+
+@media (max-width: 575px) {
+ .form-form .form-form-wrap form .field-wrapper.toggle-pass {
+ margin-bottom: 28px; }
+ .form-form .form-form-wrap form .social a.social-fb, .form-form .form-form-wrap form .social a.social-github {
+ margin-right: auto;
+ margin-left: auto;
+ margin-bottom: 10px;
+ display: block; } }
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+ .form-form .form-form-wrap {
+ width: 100%; }
+ .form-form .form-container {
+ height: 100%; } }
+
+@supports (-ms-ime-align: auto) {
+ .form-form .form-form-wrap {
+ height: 100%; } }
diff --git a/static/css/components/cards/card.css b/static/css/components/cards/card.css
new file mode 100644
index 00000000..f14a4d30
--- /dev/null
+++ b/static/css/components/cards/card.css
@@ -0,0 +1,440 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+/*
+ Component Card 1
+*/
+.component-card_1 {
+ border: 1px solid #e0e6ed;
+ border-radius: 6px;
+ width: 19rem;
+ margin: 0 auto;
+ box-shadow: 4px 6px 10px -3px #bfc9d4; }
+ .component-card_1 .card-body {
+ padding: 28px 25px; }
+ .component-card_1 .icon-svg {
+ margin-bottom: 20px;
+ display: inline-block;
+ background: #3b3f5c;
+ padding: 12px;
+ border-radius: 50%;
+ color: #f1f2f3; }
+ .component-card_1 svg {
+ width: 20px;
+ height: 20px; }
+ .component-card_1 .card-title {
+ font-size: 20px;
+ font-weight: 600;
+ letter-spacing: 1px;
+ margin-bottom: 15px; }
+ .component-card_1 .card-text {
+ color: #888ea8; }
+
+/*
+ Component Card 2
+*/
+.component-card_2 {
+ border: 1px solid #e0e6ed;
+ border-radius: 6px;
+ width: 18rem;
+ margin: 0 auto;
+ box-shadow: 4px 6px 10px -3px #bfc9d4; }
+ .component-card_2 .card-body {
+ padding: 22px 20px; }
+ .component-card_2 .card-title {
+ font-size: 20px;
+ font-weight: 700;
+ letter-spacing: 1px;
+ margin-bottom: 15px; }
+ .component-card_2 .card-text {
+ color: #888ea8;
+ line-height: 22px; }
+ .component-card_2 a.btn-primary {
+ margin: 26px 0 0 0;
+ padding: 10px 16px;
+ background: #f8538d !important;
+ border-color: #f8538d; }
+
+/*
+ Component Card 3
+*/
+.component-card_3 {
+ border: none;
+ border-radius: 8px;
+ background: #3b3f5c;
+ width: 18rem;
+ margin: 0 auto;
+ box-shadow: 4px 6px 10px -3px #bfc9d4; }
+ .component-card_3 .card-body {
+ padding: 22px 20px;
+ text-align: center; }
+ .component-card_3 .card-body img {
+ width: 85px;
+ height: 85px;
+ margin-bottom: 25px;
+ border-radius: 50%; }
+ .component-card_3 .card-body h5.card-user_name {
+ font-size: 15px;
+ color: #fff;
+ letter-spacing: 1px;
+ font-weight: 600; }
+ .component-card_3 .card-body p.card-user_occupation {
+ font-size: 14px;
+ color: #acb0c3;
+ letter-spacing: 1px; }
+ .component-card_3 .card-body .card-star_rating {
+ margin-bottom: 24px; }
+ .component-card_3 .card-body .card-star_rating svg {
+ width: 20px;
+ color: #e2a03f; }
+ .component-card_3 .card-body .card-star_rating svg.fill {
+ fill: #e2a03f; }
+ .component-card_3 .card-body .card-text {
+ color: #acb0c3;
+ font-style: italic;
+ font-size: 14px;
+ letter-spacing: 1px; }
+
+/*
+ Component Card 4
+*/
+.component-card_4 {
+ width: 30rem;
+ margin: 0 auto;
+ border: none;
+ border: 1px solid #e0e6ed;
+ border-radius: 8px;
+ -webkit-box-shadow: 4px 6px 10px -3px #bfc9d4;
+ box-shadow: 4px 6px 10px -3px #bfc9d4; }
+ .component-card_4 .card-body {
+ padding: 0;
+ display: flex; }
+ .component-card_4 .user-profile {
+ align-self: center;
+ padding: 0 25px; }
+ .component-card_4 img {
+ border-radius: 50%; }
+ .component-card_4 .user-info {
+ padding: 24px 8px 24px 0px; }
+ .component-card_4 .card-user_name {
+ font-size: 16px;
+ font-weight: 700;
+ margin-bottom: 10px; }
+ .component-card_4 .card-user_occupation {
+ color: #888ea8;
+ font-size: 13px; }
+ .component-card_4 .card-star_rating span {
+ display: inline-block;
+ padding: 0px 8px;
+ font-size: 15px;
+ border-radius: 50px;
+ margin-bottom: 22px; }
+ .component-card_4 .card-star_rating svg {
+ width: 16px;
+ vertical-align: bottom; }
+ .component-card_4 .card-text {
+ color: #515365;
+ font-size: 14px;
+ letter-spacing: 1px;
+ font-weight: 600;
+ line-height: 23px; }
+
+/*
+ Component Card 5
+*/
+.component-card_5 {
+ width: 20rem;
+ margin: 0 auto;
+ border: none;
+ border-radius: 8px;
+ background: #5c1ac3;
+ -webkit-box-shadow: 4px 6px 10px -3px #bfc9d4;
+ box-shadow: 4px 6px 10px -3px #bfc9d4; }
+ .component-card_5 .card-body {
+ padding: 30px 30px; }
+ .component-card_5 .card-body .user-info {
+ display: flex;
+ padding: 22px 0 0 0; }
+ .component-card_5 .card-body .media-body {
+ align-self: center; }
+ .component-card_5 .card-body img {
+ width: 56px;
+ height: 56px;
+ margin-right: 18px;
+ border-radius: 50%; }
+ .component-card_5 .card-body h5.card-user_name {
+ font-size: 15px;
+ color: #fff;
+ letter-spacing: 1px;
+ font-weight: 600;
+ margin-bottom: 3px; }
+ .component-card_5 .card-body p.card-user_occupation {
+ font-size: 14px;
+ color: #acb0c3;
+ letter-spacing: 1px;
+ margin-bottom: 0; }
+ .component-card_5 .card-body .card-text {
+ color: #f1f2f3;
+ font-size: 14px;
+ letter-spacing: 1px; }
+
+/*
+ Component Card 6
+*/
+.component-card_6 {
+ border-radius: 8px;
+ background: #fff;
+ border: 1px solid #e0e6ed;
+ width: 19rem;
+ margin: 0 auto;
+ -webkit-box-shadow: 4px 6px 10px -3px #bfc9d4;
+ box-shadow: 4px 6px 10px -3px #bfc9d4; }
+ .component-card_6 .card-body {
+ padding: 30px 30px; }
+ .component-card_6 .card-body .user-info {
+ display: flex;
+ padding: 13px 0 0 0; }
+ .component-card_6 .card-body .media-body {
+ align-self: center; }
+ .component-card_6 .card-body img {
+ width: 56px;
+ height: 56px;
+ margin-right: 18px;
+ border-radius: 50%; }
+ .component-card_6 .card-body h5.card-user_name {
+ font-size: 16px;
+ color: #3b3f5c;
+ letter-spacing: 1px;
+ font-weight: 700;
+ margin-bottom: 3px; }
+ .component-card_6 .card-body p.card-user_occupation {
+ font-size: 14px;
+ color: #888ea8;
+ letter-spacing: 1px;
+ margin-bottom: 0; }
+ .component-card_6 .card-body .card-text {
+ color: #515365;
+ font-style: italic;
+ font-size: 14px;
+ letter-spacing: 1px;
+ font-weight: 600; }
+ .component-card_6 .card-body .card-star_rating svg {
+ width: 12px;
+ color: #e2a03f; }
+ .component-card_6 .card-body .card-star_rating svg.fill {
+ fill: #e2a03f; }
+
+/*
+ Component Card 7
+*/
+.component-card_7 {
+ background-color: #1b55e2;
+ color: #fff;
+ border: none;
+ width: 18rem;
+ margin: 0 auto;
+ -webkit-box-shadow: 4px 6px 10px -3px #bfc9d4;
+ box-shadow: 4px 6px 10px -3px #bfc9d4; }
+ .component-card_7 .card-body {
+ padding: 23px 10px;
+ text-align: center; }
+ .component-card_7 .card-text, .component-card_7 .rating-count {
+ color: #fff;
+ margin-bottom: 20px; }
+ .component-card_7 .rating-stars svg {
+ width: 18px;
+ color: #e2a03f; }
+ .component-card_7 .rating-stars svg.fill {
+ fill: #e2a03f; }
+
+/*
+ Component Card 8
+*/
+.component-card_8 {
+ background: #fff;
+ border: 1px solid #e0e6ed;
+ width: 24rem;
+ margin: 0 auto;
+ -webkit-box-shadow: 4px 6px 10px -3px #bfc9d4;
+ box-shadow: 4px 6px 10px -3px #bfc9d4; }
+ .component-card_8 .progress-order .progress-order-header h6 {
+ color: #0e1726;
+ font-weight: 600;
+ font-size: 16px; }
+ .component-card_8 .progress-order .progress-order-header span.badge {
+ font-size: 12px;
+ padding: 6px 10px;
+ color: #1b55e2;
+ background-color: #c2d5ff; }
+ .component-card_8 .progress-order .progress-order-body ul li img {
+ width: 40px;
+ height: 40px; }
+ .component-card_8 .progress-order .progress-order-body ul li.badge-notify {
+ position: relative; }
+ .component-card_8 .progress-order .progress-order-body ul li.badge-notify .notification {
+ position: absolute;
+ top: -15px;
+ right: -34px; }
+ .component-card_8 .progress-order .progress-order-body ul li.badge-notify .notification span.badge {
+ background-color: #fff;
+ color: #1b55e2;
+ box-shadow: 0 0 20px 0 #d0d0d0;
+ font-size: 12px;
+ padding: 4px 7px; }
+ .component-card_8 .progress-order .progress-order-body .p-o-percentage {
+ font-size: 14px;
+ color: #1b55e2; }
+ .component-card_8 .progress-order .progress-order-body .progress {
+ height: 6px;
+ border-radius: 30px; }
+ .component-card_8 .progress-order .progress-order-body .progress .p-o-progress {
+ border-radius: 30px; }
+
+.pending-order {
+ padding: 22px 20px; }
+
+/*
+ Component Card 9
+*/
+.component-card_9 {
+ border: 1px solid #e0e6ed;
+ border-radius: 6px;
+ width: 22rem;
+ margin: 0 auto;
+ -webkit-box-shadow: 4px 6px 10px -3px #bfc9d4;
+ box-shadow: 4px 6px 10px -3px #bfc9d4; }
+ .component-card_9 .card-body {
+ padding: 22px 20px; }
+ .component-card_9 .meta-date {
+ margin-bottom: 5px;
+ font-size: 12px;
+ font-weight: 600;
+ color: #1b55e2; }
+ .component-card_9 .card-title {
+ font-size: 15px;
+ font-weight: 700;
+ letter-spacing: 1px;
+ margin-bottom: 15px; }
+ .component-card_9 .card-text {
+ color: #888ea8;
+ line-height: 22px; }
+ .component-card_9 .meta-info {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ margin-top: 25px;
+ padding-top: 15px; }
+ .component-card_9 .meta-info:before {
+ content: '';
+ position: absolute;
+ height: 1px;
+ width: 215px;
+ background: #e0e6ed;
+ top: 0;
+ right: 0;
+ left: 0;
+ margin-right: auto;
+ margin-left: auto; }
+ .component-card_9 .meta-user {
+ display: flex; }
+ .component-card_9 .avatar {
+ position: relative;
+ display: inline-block;
+ width: 34px;
+ height: 34px;
+ font-size: 1rem;
+ margin-right: 10px; }
+ .component-card_9 .avatar .avatar-title {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 100%;
+ height: 100%;
+ background-color: #515365;
+ color: #e0e6ed;
+ font-size: 14px; }
+ .component-card_9 .user-name {
+ align-self: center;
+ color: #515365;
+ font-weight: 600; }
+ .component-card_9 .meta-action {
+ display: flex; }
+ .component-card_9 .meta-likes {
+ align-self: center;
+ margin-right: 13px;
+ color: #1b55e2; }
+ .component-card_9 .meta-likes svg {
+ width: 16px;
+ vertical-align: sub;
+ color: #1b55e2;
+ fill: rgba(27, 85, 226, 0.239216); }
+ .component-card_9 .meta-view {
+ align-self: center;
+ color: #1b55e2; }
+ .component-card_9 .meta-view svg {
+ width: 16px;
+ vertical-align: sub;
+ color: #1b55e2;
+ fill: rgba(27, 85, 226, 0.239216); }
+
+/*
+ Media Queries
+*/
+@media (max-width: 575px) {
+ /*
+ Component Card 1
+ */
+ .component-card_1, .component-card_2, .component-card_3 {
+ width: auto; }
+ /*
+ Component Card 2
+ */
+ /*
+ Component Card 3
+ */
+ /*
+ Component Card 4
+ */
+ .component-card_4 {
+ width: auto;
+ text-align: center; }
+ .component-card_4 .card-body {
+ padding: 0;
+ display: block; }
+ .component-card_4 .user-info {
+ padding: 0 25px 25px 25px; }
+ .component-card_4 .user-profile {
+ align-self: center;
+ padding: 25px 25px; }
+ /*
+ Component Card 5
+ */
+ .component-card_5, .component-card_6, .component-card_7, .component-card_8 {
+ width: auto; }
+ /*
+ Component Card 6
+ */
+ /*
+ Component Card 7
+ */
+ /*
+ Component Card 8
+ */
+ /*
+ Component Card 9
+ */
+ .component-card_9 {
+ width: auto; }
+ .component-card_9 .meta-info {
+ display: block; }
+ .component-card_9 .meta-action {
+ margin-top: 16px; }
+ .component-card_9 .meta-info:before {
+ width: 50%; } }
diff --git a/static/css/components/custom-carousel.css b/static/css/components/custom-carousel.css
new file mode 100644
index 00000000..c75b29e2
--- /dev/null
+++ b/static/css/components/custom-carousel.css
@@ -0,0 +1,152 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+.carousel-caption h3, .carousel-caption h5 {
+ color: #fff; }
+
+/* style-custom-1 */
+.style-custom-1 .carousel-inner {
+ border-radius: 10px; }
+
+.style-custom-1 .carousel-item {
+ -webkit-transform-style: preserve-3d;
+ -moz-transform-style: preserve-3d;
+ transform-style: preserve-3d; }
+
+.style-custom-1 .carousel-caption {
+ position: absolute;
+ right: auto;
+ left: 44px;
+ color: #fff;
+ text-align: left;
+ width: 50%;
+ top: 50%;
+ transform: translateY(-50%);
+ bottom: initial; }
+ .style-custom-1 .carousel-caption .badge {
+ padding: 6px 16px;
+ font-weight: 700;
+ letter-spacing: 2px;
+ background-color: #4dcf8f;
+ color: #fff;
+ font-size: 13px;
+ margin-bottom: 35px; }
+ .style-custom-1 .carousel-caption h3 {
+ font-weight: 600;
+ color: #fff;
+ font-size: 28px;
+ letter-spacing: 2px;
+ margin-bottom: 36px; }
+ .style-custom-1 .carousel-caption .media img {
+ width: 49px;
+ height: 49px;
+ border-radius: 50%;
+ margin-right: 15px; }
+ .style-custom-1 .carousel-caption .media .media-body .user-name {
+ color: #fff;
+ font-size: 15px;
+ margin-bottom: 0; }
+ .style-custom-1 .carousel-caption .media .media-body .meta-time {
+ color: #fff;
+ font-size: 12px;
+ margin-bottom: 0; }
+ .style-custom-1 .carousel-caption .media .media-body .meta-time svg {
+ vertical-align: bottom;
+ width: 17px; }
+
+.style-custom-1 .carousel-indicators {
+ top: 45%;
+ bottom: auto;
+ display: block;
+ left: auto;
+ margin: auto;
+ right: 33px; }
+
+.style-custom-1 .carousel-control-next, .style-custom-1 .carousel-control-prev {
+ top: auto;
+ bottom: 32px;
+ background-color: transparent; }
+
+.style-custom-1 .carousel-indicators li {
+ width: 9px;
+ height: 10px;
+ border-radius: 10px;
+ border: none;
+ margin-top: 0;
+ margin-bottom: 9px; }
+ .style-custom-1 .carousel-indicators li.active {
+ height: 32px;
+ border-radius: 10px; }
+
+.style-custom-1 .carousel-control-prev {
+ right: 100px;
+ left: auto; }
+ .style-custom-1 .carousel-control-prev .carousel-control-prev-icon {
+ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-arrow-left'%3e%3cline x1='19' y1='12' x2='5' y2='12'%3e%3c/line%3e%3cpolyline points='12 19 5 12 12 5'%3e%3c/polyline%3e%3c/svg%3e");
+ width: 26px;
+ height: 26px; }
+
+.style-custom-1 .carousel-control-next {
+ right: 40px;
+ left: auto; }
+ .style-custom-1 .carousel-control-next .carousel-control-next-icon {
+ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-arrow-right'%3e%3cline x1='5' y1='12' x2='19' y2='12'%3e%3c/line%3e%3cpolyline points='12 5 19 12 12 19'%3e%3c/polyline%3e%3c/svg%3e");
+ width: 26px;
+ height: 26px; }
+
+/*
+ Default Style of the carousel arrows
+*/
+.carousel-control-next, .carousel-control-prev {
+ top: 0;
+ bottom: 0;
+ width: 50px;
+ height: 50px;
+ border-radius: 50px;
+ background-color: rgba(255, 255, 255, 0.2);
+ display: -ms-flexbox;
+ -ms-flex-align: center;
+ -ms-flex-pack: center;
+ margin: auto 10px auto 10px; }
+
+/*
+ @media Query
+*/
+@media (max-width: 768px) {
+ .style-custom-1 {
+ min-height: 392px; }
+ .style-custom-1 .carousel-caption {
+ top: 8%;
+ transform: translateY(0); }
+ .style-custom-1 .carousel-indicators {
+ top: 16%; }
+ .style-custom-1 .carousel-inner {
+ min-height: 392px; }
+ .style-custom-1 .carousel-item {
+ min-height: 392px; }
+ .style-custom-1 .carousel-item img.slide-image {
+ min-height: 392px; } }
+
+@media (max-width: 575px) {
+ .style-custom-1 .carousel-caption {
+ width: 78%;
+ left: 30px; }
+ .style-custom-1 .carousel-indicators {
+ display: flex;
+ top: auto;
+ bottom: 22px;
+ right: 0;
+ left: 0; }
+ .style-custom-1 .carousel-indicators li.active {
+ width: 26px;
+ border-radius: 18px;
+ height: 10px; }
+ .style-custom-1 .carousel-control-next, .style-custom-1 .carousel-control-prev {
+ display: none; } }
diff --git a/static/css/components/custom-countdown.css b/static/css/components/custom-countdown.css
new file mode 100644
index 00000000..fb1c64f4
--- /dev/null
+++ b/static/css/components/custom-countdown.css
@@ -0,0 +1,70 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+/*
+ Countdown Simple
+*/
+#cd-simple {
+ display: flex;
+ justify-content: space-around;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
+ #cd-simple .countdown {
+ margin-bottom: 23px; }
+ #cd-simple .clock-count-container {
+ width: 100px;
+ height: 100px;
+ -webkit-box-shadow: 1px 2px 12px 0 rgba(31, 45, 61, 0.1);
+ box-shadow: 1px 2px 12px 0 rgba(31, 45, 61, 0.1);
+ border-radius: 6px;
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+ border: 1px solid #e0e6ed; }
+ #cd-simple .clock-val {
+ font-size: 35px;
+ color: #1b55e2;
+ margin-bottom: 0; }
+ #cd-simple .clock-text {
+ color: #3b3f5c;
+ font-size: 15px;
+ margin-bottom: 0;
+ margin-top: 16px; }
+
+/*
+ Countdown Circle
+*/
+#cd-circle {
+ display: flex;
+ justify-content: space-around;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
+ #cd-circle .countdown {
+ margin-bottom: 23px; }
+ #cd-circle .clock-count-container {
+ width: 85px;
+ height: 85px;
+ -webkit-box-shadow: 1px 2px 12px 0 rgba(31, 45, 61, 0.1);
+ box-shadow: 1px 2px 12px 0 rgba(31, 45, 61, 0.1);
+ border-radius: 50%;
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+ border: 1px solid #e0e6ed;
+ margin: 0 0 12px 0; }
+ #cd-circle .clock-val {
+ font-size: 25px;
+ color: #1b55e2;
+ margin-bottom: 0; }
+ #cd-circle .clock-text {
+ color: #3b3f5c;
+ font-size: 15px;
+ margin-bottom: 0;
+ margin-top: 16px; }
diff --git a/static/css/components/custom-counter.css b/static/css/components/custom-counter.css
new file mode 100644
index 00000000..ef8102d9
--- /dev/null
+++ b/static/css/components/custom-counter.css
@@ -0,0 +1,76 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+/*
+ Simple Counter
+*/
+.simple--counter-container {
+ display: flex;
+ justify-content: space-around;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
+ .simple--counter-container .counter-container {
+ margin-bottom: 23px; }
+ .simple--counter-container .counter-container .counter-content {
+ width: 100px;
+ height: 100px;
+ -webkit-box-shadow: 1px 2px 12px 0 rgba(31, 45, 61, 0.1);
+ box-shadow: 1px 2px 12px 0 rgba(31, 45, 61, 0.1);
+ border-radius: 6px;
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+ border: 1px solid #e0e6ed; }
+ .simple--counter-container .s-counter {
+ font-size: 35px;
+ color: #1b55e2;
+ margin-bottom: 0; }
+ .simple--counter-container .s-counter-text {
+ color: #3b3f5c;
+ font-size: 15px;
+ margin-bottom: 0;
+ margin-top: 16px; }
+
+/*
+ With Icon
+*/
+.icon--counter-container {
+ display: flex;
+ justify-content: space-around;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
+ .icon--counter-container .counter-container {
+ margin-bottom: 23px; }
+ .icon--counter-container .counter-ico {
+ color: #1b55e2;
+ font-size: 28px;
+ width: 30px;
+ height: 30px;
+ margin-bottom: 6px; }
+ .icon--counter-container .counter-content {
+ width: 85px;
+ height: 85px;
+ -webkit-box-shadow: 1px 2px 12px 0 rgba(31, 45, 61, 0.1);
+ box-shadow: 1px 2px 12px 0 rgba(31, 45, 61, 0.1);
+ border-radius: 50%;
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+ border: 1px solid #e0e6ed;
+ margin: 0 0 12px 0; }
+ .icon--counter-container .ico-counter {
+ font-size: 25px;
+ color: #3b3f5c;
+ margin-bottom: 0; }
+ .icon--counter-container .ico-counter-text {
+ color: #888ea8;
+ font-size: 13px;
+ font-weight: 100;
+ letter-spacing: 1px; }
diff --git a/static/css/components/custom-list-group.css b/static/css/components/custom-list-group.css
new file mode 100644
index 00000000..42f0a6d9
--- /dev/null
+++ b/static/css/components/custom-list-group.css
@@ -0,0 +1,215 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+/*
+==================
+ Switches
+==================
+*/
+/* The switch - the box around the slider */
+.switch {
+ position: relative;
+ display: inline-block;
+ width: 35px;
+ height: 18px; }
+ .switch input {
+ display: none; }
+ .switch .slider {
+ position: absolute;
+ cursor: pointer;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background-color: #ebedf2;
+ -webkit-transition: .4s;
+ transition: .4s; }
+ .switch .slider:before {
+ position: absolute;
+ content: "";
+ background-color: white;
+ -webkit-transition: .4s;
+ -ms-transition: .4s;
+ transition: .4s;
+ height: 14px;
+ width: 14px;
+ left: 2px;
+ bottom: 2px;
+ box-shadow: 0 1px 15px 1px rgba(52, 40, 104, 0.34); }
+ .switch input:checked + .slider:before {
+ -webkit-transform: translateX(17px);
+ -ms-transform: translateX(17px);
+ transform: translateX(17px); }
+ .switch .slider.round {
+ border-radius: 34px; }
+ .switch .slider.round:before {
+ border-radius: 50%; }
+ .switch.s-secondary input:checked + .slider {
+ background-color: #5c1ac3; }
+ .switch.s-secondary input:focus + .slider {
+ box-shadow: 0 0 1px #5c1ac3; }
+
+/* Hide default HTML checkbox */
+/* The slider */
+/* Rounded Slider Switches */
+/*----------Theme checkbox---------*/
+.new-control {
+ position: relative;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ padding-left: 1.5rem;
+ margin-right: 1rem; }
+
+.new-control-input {
+ position: absolute;
+ z-index: -1;
+ opacity: 0; }
+
+.new-control.new-checkbox {
+ cursor: pointer;
+ color: #3b3f5c;
+ margin-bottom: 0; }
+ .new-control.new-checkbox .new-control-indicator {
+ position: absolute;
+ top: .25rem;
+ left: 0;
+ display: block;
+ width: 1rem;
+ height: 1rem;
+ pointer-events: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ background-color: #e0e6ed;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-size: 50% 50%;
+ border-radius: 2px; }
+ .new-control.new-checkbox > input:checked ~ span.new-control-indicator {
+ background: #888ea8; }
+ .new-control.new-checkbox > input:checked ~ span.new-control-indicator:after {
+ display: block; }
+ .new-control.new-checkbox span.new-control-indicator:after {
+ border: solid #fff;
+ top: 50%;
+ left: 50%;
+ margin-left: -2px;
+ margin-top: -6px;
+ width: 5px;
+ height: 10px;
+ border-width: 0 2px 2px 0 !important;
+ transform: rotate(45deg);
+ content: '';
+ position: absolute;
+ display: none; }
+ .new-control.new-checkbox[class*="checkbox-outline-"] > input:checked ~ span.new-control-indicator {
+ background-color: transparent; }
+ .new-control.new-checkbox.new-checkbox-line-through.checkbox-outline-primary > input:checked ~ span.new-chk-content {
+ color: #1b55e2; }
+ .new-control.new-checkbox.checkbox-outline-primary > input:checked ~ span.new-control-indicator {
+ border: 1px solid #1b55e2; }
+ .new-control.new-checkbox.checkbox-outline-primary > input:checked ~ span.new-control-indicator:after {
+ border-color: #1b55e2; }
+ .new-control.new-checkbox.checkbox-primary > input:checked ~ span.new-control-indicator {
+ background: #1b55e2; }
+
+.list-group-item {
+ border: 1px solid #e0e6ed;
+ padding: 10px 12px; }
+ .list-group-item.active {
+ color: #fff;
+ background-color: #888ea8;
+ border-color: transparent;
+ box-shadow: 0 1px 15px 1px rgba(52, 40, 104, 0.15); }
+
+.new-control-indicator {
+ background-color: #f1f2f3; }
+
+a.list-group-item.list-group-item-action.active i {
+ color: #010156; }
+
+code {
+ color: #e7515a; }
+
+.list-group-item-action:hover {
+ color: #3b3f5c;
+ background-color: #f1f2f3;
+ box-shadow: 0px 0px 12px 1px rgba(113, 106, 202, 0.08); }
+
+/*------list group-----*/
+/*
+ Icons Meta
+*/
+.list-group.list-group-icons-meta .list-group-item.active {
+ background-color: #888ea8; }
+ .list-group.list-group-icons-meta .list-group-item.active .media svg {
+ font-size: 27px;
+ color: #fff; }
+ .list-group.list-group-icons-meta .list-group-item.active .media .media-body h6, .list-group.list-group-icons-meta .list-group-item.active .media .media-body p {
+ color: #fff;
+ font-weight: 500; }
+
+.list-group.list-group-icons-meta .list-group-item .media svg {
+ width: 20px;
+ color: #1b55e2;
+ height: 20px; }
+
+.list-group.list-group-icons-meta .list-group-item .media .media-body h6 {
+ color: #3b3f5c;
+ font-weight: 700;
+ margin-bottom: 0;
+ font-size: 15px;
+ letter-spacing: 1px; }
+
+.list-group.list-group-icons-meta .list-group-item .media .media-body p {
+ color: #3b3f5c;
+ margin-bottom: 0;
+ font-size: 12px;
+ font-weight: 600; }
+
+.list-group.list-group-media .list-group-item.active {
+ background-color: #888ea8; }
+ .list-group.list-group-media .list-group-item.active .media .media-body h6, .list-group.list-group-media .list-group-item.active .media .media-body p {
+ color: #fff;
+ font-weight: 500; }
+
+.list-group.list-group-media .list-group-item .media img {
+ color: #1b55e2;
+ width: 42px;
+ height: 42px; }
+
+.list-group.list-group-media .list-group-item .media .media-body {
+ align-self: center; }
+ .list-group.list-group-media .list-group-item .media .media-body h6 {
+ color: #3b3f5c;
+ font-weight: 700;
+ margin-bottom: 0;
+ font-size: 16px;
+ letter-spacing: 1px; }
+ .list-group.list-group-media .list-group-item .media .media-body p {
+ color: #3b3f5c;
+ margin-bottom: 0;
+ font-size: 12px;
+ font-weight: 600; }
+
+.list-group.task-list-group .list-group-item-action.active {
+ background-color: #888ea8;
+ color: #fff; }
+ .list-group.task-list-group .list-group-item-action.active .new-control.new-checkbox {
+ color: #fff;
+ font-size: 14px; }
+
+/*
+ Image Meta
+*/
+/*
+ task-list-group
+*/
diff --git a/static/css/components/custom-media_object.css b/static/css/components/custom-media_object.css
new file mode 100644
index 00000000..8175c7bb
--- /dev/null
+++ b/static/css/components/custom-media_object.css
@@ -0,0 +1,158 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+.widget-content-area {
+ padding: 10px 20px; }
+
+.toggle-code-snippet {
+ margin-bottom: -6px; }
+
+/* Media Object */
+.media {
+ margin-top: 20px;
+ margin-bottom: 20px; }
+ .media img {
+ width: 50px;
+ height: 50px;
+ margin-right: 15px; }
+ .media .media-body {
+ align-self: center; }
+ .media .media-body .media-heading {
+ color: #3b3f5c;
+ font-weight: 700;
+ margin-bottom: 10px;
+ font-size: 17px;
+ letter-spacing: 1px; }
+ .media .media-body .media-text {
+ color: #515365;
+ margin-bottom: 0;
+ font-size: 14px;
+ letter-spacing: 0; }
+
+/* Right Aligned */
+.media-right-aligned .media img {
+ margin-right: 0;
+ margin-left: 15px; }
+
+/* Media Notation */
+.notation-text .media:first-child {
+ border-top: none; }
+
+.notation-text .media .media-body .media-notation {
+ margin-top: 8px;
+ margin-bottom: 9px; }
+ .notation-text .media .media-body .media-notation a {
+ color: #515365;
+ font-size: 13px;
+ font-weight: 700;
+ margin-right: 8px; }
+
+/* Media Notation With Icon */
+.notation-text-icon .media:first-child {
+ border-top: none; }
+
+.notation-text-icon .media .media-body .media-notation {
+ margin-top: 8px;
+ margin-bottom: 9px; }
+ .notation-text-icon .media .media-body .media-notation a {
+ color: #515365;
+ font-size: 13px;
+ font-weight: 700;
+ margin-right: 8px; }
+ .notation-text-icon .media .media-body .media-notation a svg {
+ color: #888ea8;
+ margin-right: 6px;
+ vertical-align: sub;
+ width: 18px;
+ height: 18px;
+ fill: rgba(0, 23, 55, 0.08); }
+
+/* With Labels */
+.m-o-label .media:first-child {
+ border-top: none; }
+
+.m-o-label .media .badge {
+ float: right; }
+
+/* Dropdown */
+.m-o-dropdown-list .media:first-child {
+ border-top: none; }
+
+.m-o-dropdown-list .media .media-heading {
+ display: flex;
+ justify-content: space-between; }
+ .m-o-dropdown-list .media .media-heading div.dropdown-list {
+ cursor: pointer;
+ color: #888ea8;
+ font-size: 18px;
+ float: right; }
+ .m-o-dropdown-list .media .media-heading div.dropdown-list a.dropdown-item span {
+ align-self: center; }
+ .m-o-dropdown-list .media .media-heading div.dropdown-list a.dropdown-item svg {
+ margin-left: 20px;
+ color: #888ea8;
+ align-self: center;
+ width: 20px;
+ height: 20px;
+ fill: rgba(0, 23, 55, 0.08); }
+ .m-o-dropdown-list .media .media-heading div.dropdown-list a.dropdown-item:hover svg {
+ color: #1b55e2;
+ fill: rgba(27, 85, 226, 0.239216); }
+
+.m-o-dropdown-list .dropdown-menu {
+ border-radius: 6px;
+ min-width: 9rem;
+ border: 1px solid #ebedf2;
+ box-shadow: 0px 0px 15px 1px rgba(113, 106, 202, 0.2);
+ padding: 9px 0; }
+
+.m-o-dropdown-list .dropdown-item {
+ font-size: 14px;
+ color: #888ea8;
+ padding: 5px 12px;
+ display: flex;
+ justify-content: space-between; }
+ .m-o-dropdown-list .dropdown-item:hover {
+ color: #e95f2b;
+ text-decoration: none;
+ background-color: #f1f2f3; }
+
+/* Label Icon */
+.m-o-label-icon .media:first-child {
+ border-top: none; }
+
+.m-o-label-icon .media svg.label-icon {
+ align-self: center;
+ width: 30px;
+ height: 30px;
+ margin-right: 16px; }
+ .m-o-label-icon .media svg.label-icon.label-success {
+ color: #8dbf42; }
+ .m-o-label-icon .media svg.label-icon.label-danger {
+ color: #ee3d49; }
+ .m-o-label-icon .media svg.label-icon.label-warning {
+ color: #ffbb44; }
+
+/* Checkbox */
+.m-o-chkbox .media:first-child {
+ border-top: none; }
+
+.m-o-chkbox .media .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
+ background-color: #515365; }
+
+/* Checkbox */
+.m-o-radio .media:first-child {
+ border-top: none; }
+
+.m-o-radio .media .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
+ background-color: #515365; }
+
+.custom-control-label::before {
+ background-color: #d3d3d3; }
diff --git a/static/css/components/custom-modal.css b/static/css/components/custom-modal.css
new file mode 100644
index 00000000..1bdfaaaf
--- /dev/null
+++ b/static/css/components/custom-modal.css
@@ -0,0 +1,238 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+.modal-backdrop {
+ background-color: #515365; }
+
+.modal-content {
+ border: none;
+ border-radius: 6px; }
+ .modal-content hr {
+ border-top: 1px solid #e0e6ed; }
+ .modal-content .modal-header {
+ padding: 12px 26px;
+ border: 1px solid #e0e6ed; }
+ .modal-content .modal-header h5 {
+ font-weight: 700;
+ font-size: 20px;
+ letter-spacing: 1px; }
+ .modal-content .modal-header svg {
+ width: 17px;
+ color: #acb0c3; }
+ .modal-content .modal-body {
+ padding: 26px 26px; }
+ .modal-content .modal-body a:not(.btn) {
+ color: #1b55e2;
+ font-weight: 600; }
+ .modal-content .modal-body p {
+ color: #888ea8;
+ letter-spacing: 1px;
+ font-size: 14px;
+ line-height: 22px; }
+ .modal-content .modal-body p:last-child {
+ margin-bottom: 0; }
+ .modal-content .modal-body p:not(:last-child) {
+ margin-bottom: 10px; }
+ .modal-content .modal-footer {
+ border-top: 1px solid #e0e6ed; }
+ .modal-content .modal-footer button.btn {
+ font-weight: 600;
+ padding: 10px 25px;
+ letter-spacing: 1px; }
+ .modal-content .modal-footer button.btn[data-dismiss="modal"] {
+ background-color: #fff;
+ color: #1b55e2;
+ font-weight: 700;
+ border: 1px solid #e8e8e8; }
+ .modal-content .modal-footer .btn.btn-primary {
+ background-color: #1b55e2;
+ color: #fff;
+ border: 1px solid #1b55e2; }
+
+/*
+ Modal Success
+*/
+.modal-success .modal-content {
+ background-color: #e6ffbf; }
+
+/*
+ Modal Video
+*/
+.modal-video .modal-content {
+ background-color: transparent; }
+
+.modal-video .video-container {
+ position: relative;
+ padding-bottom: 56.25%;
+ padding-top: 30px;
+ height: 0;
+ overflow: hidden; }
+
+.modal-video .modal#videoMedia1 .modal-header, .modal-video .modal#videoMedia2 .modal-header {
+ border: none;
+ padding: 0; }
+
+.modal-video .video-container iframe, .modal-video .video-container object, .modal-video .video-container embed {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%; }
+
+.modal-video .modal#videoMedia1 .modal-header .close, .modal-video .modal#videoMedia2 .modal-header .close {
+ color: #fff !important;
+ opacity: 1; }
+
+.modal-video .modal-content .modal-header svg {
+ color: #fff; }
+
+/*
+ Modal Notification
+*/
+.modal-notification .modal-body .icon-content {
+ margin: 0 0 20px 0px;
+ display: inline-block;
+ padding: 13px;
+ border-radius: 50%;
+ background: #f1f2f3;
+ color: #000; }
+ .modal-notification .modal-body .icon-content svg {
+ width: 36px;
+ height: 36px;
+ color: #888ea8;
+ fill: rgba(0, 23, 55, 0.08); }
+
+/*
+ Profile
+*/
+.profile-modal .modal-content {
+ background-color: #5c1ac3; }
+ .profile-modal .modal-content .close {
+ font-size: 19px;
+ font-weight: 600;
+ line-height: 1;
+ color: #fff;
+ text-shadow: none;
+ opacity: 1;
+ text-align: right;
+ margin-right: 13px;
+ margin-top: 8px; }
+ .profile-modal .modal-content .modal-header, .profile-modal .modal-content .modal-footer {
+ border: none; }
+ .profile-modal .modal-content .modal-body p {
+ color: #fff; }
+ .profile-modal .modal-content .modal-footer button.btn {
+ box-shadow: none; }
+
+/*
+ Slider
+*/
+.modal#sliderModal .modal-content {
+ border: 1px solid transparent;
+ background-color: transparent; }
+ .modal#sliderModal .modal-content .modal-body .carousel-indicators {
+ top: 37%;
+ bottom: auto;
+ display: block;
+ left: auto;
+ margin: auto;
+ right: 14px; }
+ .modal#sliderModal .modal-content .modal-body a.carousel-control-prev span.carousel-control-prev-icon {
+ position: absolute;
+ bottom: 14px;
+ left: 7px;
+ background-image: none;
+ color: #1b55e2; }
+ .modal#sliderModal .modal-content .modal-body a.carousel-control-next span.carousel-control-next-icon {
+ position: absolute;
+ bottom: 14px;
+ right: 7px;
+ background-image: none;
+ color: #1b55e2; }
+ .modal#sliderModal .modal-content .modal-body a.carousel-control-prev span.carousel-control-prev-text {
+ position: absolute;
+ bottom: 17px;
+ left: 30px;
+ color: #1b55e2; }
+ .modal#sliderModal .modal-content .modal-body a.carousel-control-next span.carousel-control-next-text {
+ position: absolute;
+ bottom: 17px;
+ right: 30px;
+ color: #1b55e2; }
+ .modal#sliderModal .modal-content .modal-body button.close {
+ position: absolute;
+ z-index: 2;
+ right: 16px;
+ top: 13px;
+ opacity: 1;
+ text-shadow: none; }
+ .modal#sliderModal .modal-content .modal-body button.close:hover {
+ color: #1b55e2; }
+
+.carousel-indicators li {
+ background-color: #a1a3ac; }
+
+.carousel-indicators .active {
+ background-color: #1b55e2; }
+
+.modal-content .modal-body a:not(.btn) {
+ opacity: 1; }
+
+/*
+ Login
+*/
+.login-modal .modal-header, .register-modal .modal-header {
+ text-align: center;
+ border: none;
+ padding-bottom: 0; }
+
+.login-modal .modal-body .form-group, .register-modal .modal-body .form-group {
+ position: relative; }
+ .login-modal .modal-body .form-group svg, .register-modal .modal-body .form-group svg {
+ position: absolute;
+ width: 20px;
+ top: 11px;
+ left: 9px;
+ color: #1b55e2;
+ fill: rgba(27, 85, 226, 0.239216); }
+ .login-modal .modal-body .form-group input, .register-modal .modal-body .form-group input {
+ padding-left: 35px;
+ border: none;
+ border-bottom: 1px solid #e0e6ed;
+ border-radius: 0; }
+ .login-modal .modal-body .form-group input.form-control:focus, .register-modal .modal-body .form-group input.form-control:focus {
+ box-shadow: none; }
+
+.login-modal .modal-body .division, .register-modal .modal-body .division {
+ text-align: center;
+ font-size: 13px;
+ margin: 16px 0; }
+
+.login-modal .modal-body .social, .register-modal .modal-body .social {
+ text-align: center; }
+ .login-modal .modal-body .social a, .register-modal .modal-body .social a {
+ background: transparent;
+ box-shadow: none;
+ border: 2px solid #e0e6ed; }
+ .login-modal .modal-body .social a.social-fb svg, .register-modal .modal-body .social a.social-fb svg {
+ color: #1b55e2; }
+ .login-modal .modal-body .social a.social-github svg, .register-modal .modal-body .social a.social-github svg {
+ color: #e7515a; }
+ .login-modal .modal-body .social a.social-fb .brand-name, .register-modal .modal-body .social a.social-fb .brand-name {
+ color: #1b55e2; }
+ .login-modal .modal-body .social a.social-github .brand-name, .register-modal .modal-body .social a.social-github .brand-name {
+ color: #e7515a; }
+
+/*
+ Register
+*/
+@media (min-width: 576px) {
+ .login-modal .modal-dialog, .register-modal .modal-dialog {
+ max-width: 330px; } }
diff --git a/static/css/components/custom-sweetalert.css b/static/css/components/custom-sweetalert.css
new file mode 100644
index 00000000..a81558d7
--- /dev/null
+++ b/static/css/components/custom-sweetalert.css
@@ -0,0 +1,15 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+.widget-content .row.padding35 .col-md-4 {
+ margin-bottom: 20px; }
+
+.btn {
+ margin-right: 5px; }
diff --git a/static/css/components/tabs-accordian/custom-accordions.css b/static/css/components/tabs-accordian/custom-accordions.css
new file mode 100644
index 00000000..51d66302
--- /dev/null
+++ b/static/css/components/tabs-accordian/custom-accordions.css
@@ -0,0 +1,108 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+h1, h2, h3, h4, h5, h6 {
+ color: #3b3f5c; }
+
+/*
+ Basic
+*/
+.card {
+ border: 2px solid #e0e6ed;
+ border-radius: 6px;
+ margin-bottom: 4px; }
+
+.card-header {
+ background-color: transparent;
+ color: #f8538d;
+ border-color: transparent;
+ border-radius: 4px;
+ padding: 0;
+ position: relative; }
+ .card-header section > div {
+ padding: 13px 19px;
+ cursor: pointer;
+ display: block;
+ font-size: 14px;
+ letter-spacing: 1px; }
+ .card-header section > div.collapsed {
+ color: #888ea8; }
+ .card-header section > div:not(.collapsed) {
+ color: #1b55e2;
+ border-bottom: 2px solid #e0e6ed;
+ font-weight: 600; }
+ .card-header section > div .icons {
+ position: absolute;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ padding: 9px; }
+ .card-header section > div .icons svg {
+ width: 18px; }
+
+.card .card-body p {
+ color: #888ea8;
+ letter-spacing: 1px;
+ font-size: 13px; }
+ .card .card-body p:not(:last-child) {
+ margin-bottom: 10px; }
+
+.card .card-body ul {
+ margin-bottom: 0; }
+ .card .card-body ul li {
+ font-size: 12px;
+ letter-spacing: 1px; }
+ .card .card-body ul li:not(:last-child) {
+ margin-bottom: 5px; }
+ .card .card-body ul li a {
+ color: #3b3f5c;
+ font-size: 13px;
+ font-weight: 600; }
+ .card .card-body ul li a:hover {
+ color: #1b55e2; }
+
+/*
+ No Outer Spacing
+*/
+.no-outer-spacing {
+ border: 2px solid #e0e6ed;
+ border-radius: 6px; }
+ .no-outer-spacing .card {
+ margin-bottom: 0;
+ border: none;
+ border-radius: 0; }
+ .no-outer-spacing .card:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px; }
+ .no-outer-spacing .card:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px; }
+ .no-outer-spacing .card:not(:last-child) {
+ border-bottom: 2px solid #e0e6ed; }
+ .no-outer-spacing .card-header section > div:not(.collapsed) {
+ border-bottom: none; }
+
+/*
+ Accordin with Icons
+*/
+.accordion-icons .accordion-icon {
+ display: inline-block;
+ margin-right: 10px; }
+ .accordion-icons .accordion-icon svg {
+ color: #888ea8;
+ margin-right: 6px;
+ vertical-align: middle;
+ width: 20px;
+ height: 20px;
+ fill: rgba(0, 23, 55, 0.08); }
+
+.accordion-icons div:not(.collapsed) .accordion-icon svg {
+ color: #1b55e2;
+ fill: rgba(27, 85, 226, 0.239216); }
diff --git a/static/css/components/tabs-accordian/custom-tabs.css b/static/css/components/tabs-accordian/custom-tabs.css
new file mode 100644
index 00000000..f7d180a5
--- /dev/null
+++ b/static/css/components/tabs-accordian/custom-tabs.css
@@ -0,0 +1,485 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+.nav-tabs {
+ border-bottom: 1px solid #ebedf2; }
+ .nav-tabs svg {
+ width: 20px;
+ vertical-align: bottom; }
+ .nav-tabs .nav-link.active {
+ color: #e95f2b;
+ background-color: #fff;
+ border-color: #e0e6ed #e0e6ed #fff; }
+ .nav-tabs .nav-link.active:after {
+ color: #e95f2b; }
+ .nav-tabs .nav-link:hover {
+ border-color: #ebedf2 #ebedf2 #f1f2f3; }
+
+.dropdown-menu {
+ box-shadow: 0px 0px 15px 1px rgba(113, 106, 202, 0.1); }
+
+.nav-tabs .dropdown-item:hover {
+ background-color: #f1f2f3;
+ color: #515365; }
+
+.nav-tabs li a.disabled {
+ color: #acb0c3 !important; }
+
+.nav-pills .nav-item:not(:last-child) {
+ margin-right: 5px; }
+
+.nav-pills .nav-link {
+ color: #3b3f5c; }
+ .nav-pills .nav-link.active:after {
+ color: #fff; }
+
+.nav-pills .show > .nav-link {
+ background-color: #e95f2b; }
+
+.nav-pills li a.disabled {
+ color: #acb0c3 !important; }
+
+h4 {
+ font-size: 1.125rem; }
+
+/*
+ Simple Tab
+*/
+.simple-tab .nav-tabs li a {
+ color: #3b3f5c; }
+
+.simple-tab .nav-tabs .nav-item.show .nav-link, .simple-tab .nav-tabs .nav-link.active {
+ color: #1b55e2;
+ font-weight: 600;
+ background-color: #fff; }
+
+.nav-tabs {
+ border-bottom: 1px solid #e0e6ed; }
+
+.simple-tab .tab-content > .tab-pane {
+ padding: 20px 0 0 0; }
+
+/*
+ Simple Pills
+*/
+.simple-pills .nav-pills li a {
+ color: #3b3f5c; }
+
+.simple-pills .nav-pills .nav-link.active, .simple-pills .nav-pills .show > .nav-link {
+ background-color: #1b55e2;
+ border-color: transparent; }
+
+.simple-pills .tab-content > .tab-pane {
+ padding: 20px 0 0 0; }
+
+/*
+ Icon Tab
+*/
+.icon-tab .nav-tabs li a {
+ color: #3b3f5c; }
+
+.icon-tab .nav-tabs svg {
+ width: 20px;
+ vertical-align: bottom; }
+
+.icon-tab .nav-tabs .nav-item.show .nav-link, .icon-tab .nav-tabs .nav-link.active {
+ color: #e95f2b;
+ background-color: #fff;
+ border-color: #e0e6ed #e0e6ed #fff; }
+
+.icon-tab .tab-content > .tab-pane {
+ padding: 20px 0 0 0; }
+
+/*
+ Icon Pill
+*/
+.icon-pill .nav-pills li a {
+ color: #3b3f5c; }
+
+.icon-pill .nav-pills svg {
+ width: 20px;
+ vertical-align: bottom; }
+
+.icon-pill .nav-pills .nav-link.active, .icon-pill .nav-pills .show > .nav-link {
+ background-color: #e2a03f;
+ border-color: transparent; }
+
+.icon-pill .tab-content > .tab-pane {
+ padding: 20px 0 0 0; }
+
+/*
+ Underline
+*/
+.underline-content .nav-tabs {
+ border-bottom: 1px solid #e0e6ed; }
+ .underline-content .nav-tabs li a {
+ padding-top: 15px;
+ padding-bottom: 15px; }
+
+.underline-content .tab-content > .tab-pane {
+ padding: 20px 0 0 0; }
+
+.underline-content .nav-tabs .nav-link.active, .underline-content .nav-tabs .show > .nav-link {
+ border-color: transparent;
+ border-bottom: 1px solid #5c1ac3;
+ color: #5c1ac3;
+ background-color: transparent; }
+
+.underline-content .nav-tabs .nav-link.active:hover, .underline-content .nav-tabs .show > .nav-link:hover, .underline-content .nav-tabs .nav-link.active:focus, .underline-content .nav-tabs .show > .nav-link:focus {
+ border-bottom: 1px solid #5c1ac3; }
+
+.underline-content .nav-tabs .nav-link:focus, .underline-content .nav-tabs .nav-link:hover {
+ border-color: transparent; }
+
+/*
+ Animated Underline
+*/
+.animated-underline-content .nav-tabs {
+ border-bottom: 1px solid #e0e6ed; }
+ .animated-underline-content .nav-tabs li a {
+ padding-top: 15px;
+ padding-bottom: 15px;
+ position: relative; }
+
+.animated-underline-content .tab-content > .tab-pane {
+ padding: 20px 0 0 0; }
+
+.animated-underline-content .nav-tabs .nav-link.active, .animated-underline-content .nav-tabs .show > .nav-link {
+ border-color: transparent;
+ color: #5c1ac3; }
+
+.animated-underline-content .nav-tabs .nav-link:focus, .animated-underline-content .nav-tabs .nav-link:hover {
+ border-color: transparent; }
+
+.animated-underline-content .nav-tabs .nav-link.active:before {
+ -webkit-transform: scale(1);
+ transform: scale(1); }
+
+.animated-underline-content .nav-tabs .nav-link:before {
+ content: "";
+ height: 1px;
+ position: absolute;
+ width: 100%;
+ left: 0;
+ bottom: 0;
+ background-color: #5c1ac3;
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ transition: all .3s; }
+
+/*
+ Justify Tab
+*/
+.justify-tab .nav-tabs li a {
+ color: #3b3f5c; }
+
+.justify-tab .nav-tabs .nav-item.show .nav-link, .justify-tab .nav-tabs .nav-link.active {
+ color: #1b55e2;
+ background-color: #fff;
+ border-color: #e0e6ed #e0e6ed #fff; }
+
+.justify-tab .tab-content > .tab-pane {
+ padding: 20px 0 0 0; }
+
+/*
+ Justify Pill
+*/
+.justify-pill .nav-pills li a {
+ color: #3b3f5c; }
+
+.justify-pill .nav-pills .nav-link.active, .justify-pill .nav-pills .show > .nav-link {
+ background-color: #2196f3;
+ border-color: transparent; }
+
+.justify-pill .tab-content > .tab-pane {
+ padding: 20px 0 0 0; }
+
+/*
+ Justify Centered Tab
+*/
+.tab-justify-centered .nav-tabs li a {
+ color: #3b3f5c; }
+
+.tab-justify-centered .nav-tabs .nav-item.show .nav-link, .tab-justify-centered .nav-tabs .nav-link.active {
+ color: #e95f2b;
+ background-color: #fff;
+ border-color: #e0e6ed #e0e6ed #fff; }
+
+.tab-justify-centered .tab-content > .tab-pane {
+ padding: 20px 0 0 0; }
+
+/*
+ Justify Centered Pill
+*/
+.pill-justify-centered .nav-pills li a {
+ color: #3b3f5c; }
+
+.pill-justify-centered .nav-pills .nav-link.active, .pill-justify-centered .nav-pills .show > .nav-link {
+ background-color: #e2a03f; }
+
+.pill-justify-centered .tab-content > .tab-pane {
+ padding: 20px 0 0 0; }
+
+/*
+ Justify Right Tab
+*/
+.tab-justify-right .nav-tabs li a {
+ color: #3b3f5c; }
+
+.tab-justify-right .nav-tabs .nav-item.show .nav-link, .tab-justify-right .nav-tabs .nav-link.active {
+ color: #1b55e2;
+ background-color: #fff;
+ border-color: #e0e6ed #e0e6ed #fff; }
+
+.tab-justify-right .tab-content > .tab-pane {
+ padding: 20px 0 0 0; }
+
+/*
+ Justify Right Pill
+*/
+.pill-justify-right .nav-pills .nav-link.active, .pill-justify-right .nav-pills .show > .nav-link {
+ background-color: #2196f3; }
+
+.pill-justify-right .tab-content > .tab-pane {
+ padding: 20px 0 0 0; }
+
+/*
+ With Icons
+*/
+.rounded-pills-icon .nav-pills li a {
+ -webkit-border-radius: 0.625rem !important;
+ -moz-border-radius: 0.625rem !important;
+ -ms-border-radius: 0.625rem !important;
+ -o-border-radius: 0.625rem !important;
+ border-radius: 0.625rem !important;
+ background-color: #f1f2f3;
+ width: 100px;
+ padding: 8px; }
+ .rounded-pills-icon .nav-pills li a svg {
+ display: block;
+ text-align: center;
+ margin-bottom: 10px;
+ margin-top: 5px;
+ margin-left: auto;
+ margin-right: auto; }
+
+.rounded-pills-icon .nav-pills .nav-link.active, .rounded-pills-icon .nav-pills .show > .nav-link {
+ box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);
+ background-color: #009688; }
+
+.rounded-pills-icon .tab-content > .tab-pane {
+ padding: 20px 0 0 0; }
+
+/*
+ Vertical With Icon
+*/
+.rounded-vertical-pills-icon .nav-pills a {
+ -webkit-border-radius: 0.625rem !important;
+ -moz-border-radius: 0.625rem !important;
+ -ms-border-radius: 0.625rem !important;
+ -o-border-radius: 0.625rem !important;
+ border-radius: 0.625rem !important;
+ background-color: #ffffff;
+ border: solid 1px #e4e2e2;
+ padding: 11px 23px;
+ text-align: center;
+ width: 100px;
+ padding: 8px; }
+ .rounded-vertical-pills-icon .nav-pills a svg {
+ display: block;
+ text-align: center;
+ margin-bottom: 10px;
+ margin-top: 5px;
+ margin-left: auto;
+ margin-right: auto; }
+
+.rounded-vertical-pills-icon .nav-pills .nav-link.active, .rounded-vertical-pills-icon .nav-pills .show > .nav-link {
+ box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);
+ background-color: #009688;
+ border-color: transparent; }
+
+/*
+ Rouned Circle With Icons
+*/
+.rounded-circle-pills-icon .nav-pills li a {
+ background-color: #f1f2f3;
+ padding: 20px 20px; }
+ .rounded-circle-pills-icon .nav-pills li a svg {
+ display: block;
+ text-align: center; }
+
+.rounded-circle-pills-icon .nav-pills .nav-link.active, .rounded-circle-pills-icon .nav-pills .show > .nav-link {
+ box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);
+ background-color: #2196f3; }
+
+.rounded-circle-pills-icon .tab-content > .tab-pane {
+ padding: 20px 0 0 0; }
+
+/*
+ Vertical Rounded Circle With Icon
+*/
+.rounded-circle-vertical-pills-icon .nav-pills a {
+ background-color: #ffffff;
+ border: solid 1px #e4e2e2;
+ border-radius: 50%;
+ height: 58px;
+ width: 60px;
+ padding: 16px 18px;
+ max-width: 80px;
+ min-width: auto; }
+ .rounded-circle-vertical-pills-icon .nav-pills a svg {
+ display: block;
+ text-align: center;
+ line-height: 19px; }
+
+.rounded-circle-vertical-pills-icon .nav-pills .nav-link.active, .rounded-circle-vertical-pills-icon .nav-pills .show > .nav-link {
+ box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);
+ background-color: #2196f3;
+ border-color: transparent; }
+
+/*
+ Vertical Pill
+*/
+.vertical-pill .nav-pills .nav-link.active, .vertical-pill .nav-pills .show > .nav-link {
+ background-color: #009688; }
+
+/*
+ Vertical Pill Right
+*/
+.vertical-pill-right .nav-pills .nav-link.active, .vertical-pill-right .nav-pills .show > .nav-link {
+ background-color: #009688; }
+
+/*
+ Creative vertical pill
+*/
+.vertical-line-pill .nav-pills {
+ border-bottom: 1px solid transparent;
+ width: 92px;
+ border-right: 1px solid #e0e6ed; }
+ .vertical-line-pill .nav-pills a {
+ padding-top: 15px;
+ padding-bottom: 15px;
+ position: relative; }
+ .vertical-line-pill .nav-pills .nav-link {
+ padding: .5rem 0; }
+ .vertical-line-pill .nav-pills .nav-link.active {
+ position: relative;
+ background-color: transparent;
+ border-color: transparent;
+ color: #5c1ac3;
+ font-weight: 600; }
+ .vertical-line-pill .nav-pills .show > .nav-link {
+ position: relative;
+ background-color: transparent;
+ border-color: transparent;
+ color: #5c1ac3;
+ font-weight: 600; }
+ .vertical-line-pill .nav-pills .nav-link:focus, .vertical-line-pill .nav-pills .nav-link:hover {
+ border-color: transparent; }
+ .vertical-line-pill .nav-pills .nav-link.active:before {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ bottom: 0; }
+ .vertical-line-pill .nav-pills .nav-link:before {
+ content: "";
+ height: 100%;
+ position: absolute;
+ width: 1px;
+ right: -1px;
+ background-color: #5c1ac3;
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ transition: all .3s; }
+
+.vertical-line-pill #v-line-pills-tabContent h4 {
+ color: #e2a03f; }
+
+.vertical-line-pill #v-line-pills-tabContent p {
+ color: #888ea8; }
+
+.media img {
+ border-radius: 50%;
+ border: solid 5px #ebedf2;
+ width: 80px;
+ height: 80px; }
+
+/*
+ Border Tab
+*/
+.border-tab .tab-content {
+ border: 1px solid #e0e6ed;
+ border-top: none;
+ padding: 10px; }
+ .border-tab .tab-content > .tab-pane {
+ padding: 20px 30px 0 30px; }
+ .border-tab .tab-content .media img.meta-usr-img {
+ margin-left: -30px; }
+
+/*
+ Vertical Border Tab
+*/
+.vertical-border-pill .nav-pills {
+ width: 92px; }
+ .vertical-border-pill .nav-pills a {
+ padding-top: 15px;
+ padding-bottom: 15px;
+ position: relative; }
+ .vertical-border-pill .nav-pills .nav-link {
+ padding: .5rem 0;
+ border: 1px solid #e0e6ed;
+ border-radius: 0;
+ border-bottom: none; }
+ .vertical-border-pill .nav-pills .nav-link:last-child {
+ border-bottom: 1px solid #e0e6ed; }
+ .vertical-border-pill .nav-pills .nav-link.active {
+ position: relative;
+ color: #fff;
+ background-color: #8dbf42; }
+ .vertical-border-pill .nav-pills .show > .nav-link {
+ position: relative;
+ color: #fff;
+ background-color: #8dbf42; }
+
+/*
+ Border Top Tab
+*/
+.border-top-tab .nav-tabs {
+ border-bottom: 1px solid transparent; }
+ .border-top-tab .nav-tabs li a {
+ border-radius: 0px;
+ padding: 12px 30px;
+ background: #f6f7f8;
+ color: #0e1726;
+ border-right: 1px solid transparent; }
+
+.border-top-tab .tab-content > .tab-pane {
+ padding: 20px 0 0 0; }
+
+.border-top-tab .nav-tabs .nav-item.show .nav-link {
+ color: #495057;
+ border-radius: 0px;
+ padding: 12px 30px;
+ background: #f6f7f8;
+ color: #5c1ac3;
+ border: 1px solid transparent;
+ border-top: 2px solid #5c1ac3; }
+
+.border-top-tab .nav-tabs .nav-link.active {
+ color: #495057;
+ border-radius: 0px;
+ padding: 12px 30px;
+ background: #f6f7f8;
+ color: #5c1ac3;
+ border: 1px solid transparent;
+ border-top: 2px solid #5c1ac3; }
+
+.border-top-tab .nav-tabs .nav-link:focus, .border-top-tab .nav-tabs .nav-link:hover {
+ border: 1px solid transparent;
+ border-top: 2px solid #5c1ac3; }
diff --git a/static/css/components/timeline/custom-timeline.css b/static/css/components/timeline/custom-timeline.css
new file mode 100644
index 00000000..0478bf05
--- /dev/null
+++ b/static/css/components/timeline/custom-timeline.css
@@ -0,0 +1,514 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+/*
+=======================
+ Timeline Simple
+=======================
+*/
+.timeline-simple {
+ margin-bottom: 45px;
+ max-width: 1140px;
+ margin-right: auto;
+ margin-left: auto; }
+ .timeline-simple h3 {
+ font-size: 23px;
+ font-weight: 600; }
+ .timeline-simple p.timeline-title {
+ position: relative;
+ font-size: 19px;
+ font-weight: 600;
+ color: #1b55e2;
+ margin-bottom: 28px; }
+ .timeline-simple p.timeline-title:before {
+ position: absolute;
+ content: "";
+ height: 2px;
+ width: 70px;
+ background: #1b55e2;
+ border-radius: 50px;
+ bottom: -2px;
+ left: 15px; }
+ .timeline-simple .timeline-list p.meta-update-day {
+ margin-bottom: 24px;
+ font-size: 16px;
+ font-weight: 600;
+ color: #888ea8; }
+ .timeline-simple .timeline-list .timeline-post-content {
+ display: flex; }
+ .timeline-simple .timeline-list .timeline-post-content > div > div {
+ margin-top: 28px; }
+ .timeline-simple .timeline-list .timeline-post-content:not(:last-child) > div > div {
+ margin-bottom: 70px; }
+ .timeline-simple .timeline-list .timeline-post-content div.user-profile {
+ position: relative;
+ z-index: 2; }
+ .timeline-simple .timeline-list .timeline-post-content div.user-profile:after {
+ content: '';
+ position: absolute;
+ border-color: inherit;
+ border-width: 2px;
+ border-style: solid;
+ top: 15px;
+ left: 34%;
+ transform: translateX(-50%);
+ width: 0;
+ height: auto;
+ top: 48px;
+ bottom: -15px;
+ border-right-width: 0;
+ border-top-width: 0;
+ border-bottom-width: 0;
+ border-radius: 0;
+ z-index: -1;
+ border-color: #ebedf2; }
+ .timeline-simple .timeline-list .timeline-post-content div.user-profile img {
+ width: 53px;
+ height: 53px;
+ border-radius: 50%;
+ margin-right: 30px;
+ -webkit-box-shadow: 0px 4px 9px 0px rgba(31, 45, 61, 0.31);
+ box-shadow: 0px 4px 9px 0px rgba(31, 45, 61, 0.31); }
+ .timeline-simple .timeline-list .timeline-post-content h4 {
+ font-size: 20px;
+ font-weight: 700;
+ margin-bottom: 0;
+ color: #1b55e2; }
+ .timeline-simple .timeline-list .timeline-post-content svg {
+ color: #888ea8;
+ vertical-align: text-bottom;
+ width: 21px;
+ height: 21px; }
+ .timeline-simple .timeline-list .timeline-post-content:hover svg {
+ color: #1b55e2;
+ fill: rgba(27, 85, 226, 0.239216); }
+ .timeline-simple .timeline-list .timeline-post-content h6 {
+ display: inline-block;
+ font-size: 17px;
+ font-weight: 600;
+ margin-bottom: 11px; }
+ .timeline-simple .timeline-list .timeline-post-content:hover h6 {
+ color: #888ea8; }
+ .timeline-simple .timeline-list .timeline-post-content p.post-text {
+ padding-left: 31px;
+ color: #888ea8;
+ font-size: 14px;
+ font-weight: 600;
+ margin-bottom: 28px; }
+ .timeline-simple .timeline-list .timeline-post-content .post-contributers {
+ padding-left: 31px; }
+ .timeline-simple .timeline-list .timeline-post-content .post-contributers img {
+ width: 38px;
+ border-radius: 50%;
+ margin-right: 7px;
+ -webkit-box-shadow: 0px 6px 9px 2px rgba(31, 45, 61, 0.31);
+ box-shadow: 1px 3px 7px 2px rgba(31, 45, 61, 0.31);
+ -webkit-transition: all 0.35s ease;
+ transition: all 0.35s ease;
+ cursor: pointer;
+ margin-bottom: 5px; }
+ .timeline-simple .timeline-list .timeline-post-content .post-contributers img:hover {
+ -webkit-transform: translateY(-3px) scale(1.02);
+ transform: translateY(-3px) scale(1.02);
+ box-shadow: none; }
+ .timeline-simple .timeline-list .timeline-post-content .post-gallery-img {
+ padding-left: 31px; }
+ .timeline-simple .timeline-list .timeline-post-content .post-gallery-img img {
+ width: 20%;
+ border-radius: 6px;
+ -webkit-box-shadow: 0px 6px 9px 2px rgba(31, 45, 61, 0.31);
+ box-shadow: 1px 3px 7px 2px rgba(31, 45, 61, 0.31);
+ -webkit-transition: all 0.35s ease;
+ transition: all 0.35s ease;
+ cursor: pointer; }
+ .timeline-simple .timeline-list .timeline-post-content .post-gallery-img img:hover {
+ -webkit-transform: translateY(-3px) scale(1.02);
+ transform: translateY(-3px) scale(1.02);
+ box-shadow: none; }
+ .timeline-simple .timeline-list .timeline-post-content .post-gallery-img img:not(:last-child) {
+ margin-right: 23px; }
+
+.mt-container {
+ max-width: 570px; }
+
+.modern-timeline {
+ list-style: none;
+ position: relative;
+ padding: 50px 0 50px;
+ margin: 0; }
+ .modern-timeline:before {
+ position: absolute;
+ background: #ebedf2;
+ bottom: 0;
+ left: 50%;
+ top: 0;
+ content: "";
+ width: 3px;
+ margin-left: -1.5px; }
+ .modern-timeline > li {
+ margin-bottom: 50px;
+ position: relative; }
+ .modern-timeline > li:after, .modern-timeline > li:before {
+ display: table;
+ content: ""; }
+ .modern-timeline > li > .modern-timeline-badge {
+ position: absolute;
+ background: #fff;
+ border: 3px solid #ebedf2;
+ border-radius: 100%;
+ height: 20px;
+ width: 20px;
+ margin-left: -10px;
+ text-align: center;
+ z-index: 1;
+ left: 50%;
+ top: 32px; }
+ .modern-timeline > li > .modern-timeline-panel {
+ position: relative;
+ border: 1px solid #ebedf2;
+ background: #fff;
+ border-radius: .1875rem;
+ box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
+ box-shadow: 0px 20px 20px rgba(126, 142, 177, 0.12);
+ transition: .3s ease-in-out;
+ float: left;
+ width: 46%;
+ border-radius: 6px; }
+ .modern-timeline > li > .modern-timeline-panel:before {
+ position: absolute;
+ background: #ebedf2;
+ right: -37px;
+ top: 40px;
+ transition: .3s ease-in-out;
+ content: " ";
+ width: 37px;
+ height: 3px;
+ display: block; }
+ .modern-timeline > li:nth-child(even) > .modern-timeline-panel:before {
+ right: auto;
+ left: -37px;
+ width: 37px; }
+ .modern-timeline > li:after {
+ clear: both; }
+ .modern-timeline > li > .modern-timeline-panel .modern-timeline-preview img {
+ width: 100%;
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px; }
+ .modern-timeline > li > .modern-timeline-panel *:last-child {
+ margin-bottom: 0; }
+ .modern-timeline > li:nth-child(even) > .modern-timeline-panel {
+ border: 1px solid #ebedf2;
+ float: right; }
+ .modern-timeline > li > .modern-timeline-panel *:last-child {
+ margin-bottom: 0; }
+ .modern-timeline > li > .modern-timeline-panel .modern-timeline-body {
+ padding: 30px 20px;
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px; }
+ .modern-timeline > li > .modern-timeline-panel .modern-timeline-body h4 {
+ color: #e95f2b;
+ margin-bottom: 20px;
+ font-size: 1.125rem; }
+ .modern-timeline > li > .modern-timeline-panel .modern-timeline-body p {
+ color: #3b3f5c;
+ margin-bottom: 0; }
+ .modern-timeline > li > .modern-timeline-panel .modern-timeline-body p a {
+ display: block; }
+ .modern-timeline > li > .modern-timeline-panel *:last-child {
+ margin-bottom: 0; }
+
+.modern-timeline-top:before, .modern-timeline-bottom:before {
+ background: #ebedf2;
+ position: absolute;
+ height: 3px;
+ width: 50px;
+ display: block;
+ content: "";
+ bottom: 0;
+ left: 50%;
+ margin-left: -25px; }
+
+.modern-timeline-top:before {
+ top: 0; }
+
+@media (max-width: 767px) {
+ ul.modern-timeline > li > .modern-timeline-panel {
+ border: 1px solid #ebedf2;
+ float: right;
+ width: 100%; }
+ ul.modern-timeline > li > .modern-timeline-badge {
+ display: none; }
+ .modern-timeline > li > .modern-timeline-panel:before {
+ display: none; } }
+
+/*
+=====================
+ Modern
+=====================
+*/
+.timeline-alter .item-timeline {
+ display: flex; }
+ .timeline-alter .item-timeline .t-time {
+ padding: 10px;
+ align-self: center; }
+ .timeline-alter .item-timeline .t-time p {
+ margin: 0;
+ min-width: 58px;
+ max-width: 100px;
+ font-size: 16px;
+ font-weight: 600;
+ color: #3b3f5c;
+ align-self: center; }
+ .timeline-alter .item-timeline .t-img {
+ position: relative;
+ border-color: #ebedf2;
+ padding: 10px; }
+ .timeline-alter .item-timeline .t-img:before {
+ content: '';
+ position: absolute;
+ border-color: inherit;
+ border-width: 2px;
+ border-style: solid;
+ border-radius: 50%;
+ width: 10px;
+ height: 10px;
+ top: 15px;
+ left: 50%;
+ transform: translateX(-50%); }
+ .timeline-alter .item-timeline .t-img:after {
+ content: '';
+ position: absolute;
+ border-color: inherit;
+ border-width: 2px;
+ border-style: solid;
+ border-radius: 50%;
+ width: 10px;
+ height: 10px;
+ top: 15px;
+ left: 50%;
+ transform: translateX(-50%);
+ width: 0;
+ height: auto;
+ top: 25px;
+ bottom: -15px;
+ border-right-width: 0;
+ border-top-width: 0;
+ border-bottom-width: 0;
+ border-radius: 0; }
+ .timeline-alter .item-timeline .t-img img {
+ width: 45px;
+ height: 45px;
+ border-radius: 50%;
+ z-index: 7;
+ position: relative; }
+ .timeline-alter .item-timeline .t-usr-txt {
+ display: block;
+ padding: 10px;
+ position: relative;
+ border-color: #ebedf2; }
+ .timeline-alter .item-timeline .t-usr-txt:before {
+ content: '';
+ position: absolute;
+ border-color: inherit;
+ border-width: 2px;
+ border-style: solid;
+ border-radius: 50%;
+ width: 10px;
+ height: 10px;
+ top: 15px;
+ left: 50%;
+ transform: translateX(-50%); }
+ .timeline-alter .item-timeline .t-usr-txt:after {
+ content: '';
+ position: absolute;
+ border-color: inherit;
+ border-width: 2px;
+ border-style: solid;
+ border-radius: 50%;
+ width: 10px;
+ height: 10px;
+ top: 15px;
+ left: 50%;
+ transform: translateX(-50%);
+ width: 0;
+ height: auto;
+ top: 25px;
+ bottom: -15px;
+ border-right-width: 0;
+ border-top-width: 0;
+ border-bottom-width: 0;
+ border-radius: 0; }
+ .timeline-alter .item-timeline .t-usr-txt p {
+ margin: 0;
+ background: #c2d5ff;
+ height: 45px;
+ width: 45px;
+ border-radius: 50%;
+ display: flex;
+ align-self: center;
+ justify-content: center;
+ margin-bottom: 0;
+ color: #1b55e2;
+ font-weight: 700;
+ font-size: 18px;
+ z-index: 7;
+ position: relative; }
+ .timeline-alter .item-timeline .t-usr-txt span {
+ align-self: center; }
+ .timeline-alter .item-timeline .t-meta-time {
+ padding: 10px;
+ align-self: center; }
+ .timeline-alter .item-timeline .t-meta-time p {
+ margin: 0;
+ min-width: 100px;
+ max-width: 100px;
+ font-size: 12px;
+ font-weight: 700;
+ color: #888ea8; }
+ .timeline-alter .item-timeline .t-text {
+ padding: 10px;
+ align-self: center; }
+ .timeline-alter .item-timeline .t-text p {
+ font-size: 13px;
+ margin: 0;
+ color: #3b3f5c;
+ font-weight: 600; }
+ .timeline-alter .item-timeline .t-text p a {
+ color: #1b55e2;
+ font-weight: 600; }
+
+/*
+=====================
+ Basic
+=====================
+*/
+.timeline-line .item-timeline {
+ display: flex; }
+ .timeline-line .item-timeline .t-dot {
+ position: relative; }
+ .timeline-line .item-timeline .t-dot:before {
+ content: '';
+ position: absolute;
+ border-color: inherit;
+ border-width: 2px;
+ border-style: solid;
+ border-radius: 50%;
+ width: 10px;
+ height: 10px;
+ top: 15px;
+ left: 50%;
+ transform: translateX(-50%);
+ border-color: #2196f3; }
+ .timeline-line .item-timeline .t-dot:after {
+ content: '';
+ position: absolute;
+ border-color: inherit;
+ border-width: 2px;
+ border-style: solid;
+ border-radius: 50%;
+ width: 10px;
+ height: 10px;
+ top: 15px;
+ left: 50%;
+ transform: translateX(-50%);
+ border-color: #2196f3;
+ width: 0;
+ height: auto;
+ top: 25px;
+ bottom: -15px;
+ border-right-width: 0;
+ border-top-width: 0;
+ border-bottom-width: 0;
+ border-radius: 0; }
+ .timeline-line .item-timeline .t-dot.t-dot-primary:before {
+ border-color: #1b55e2; }
+ .timeline-line .item-timeline .t-dot.t-dot-success:before {
+ border-color: #8dbf42; }
+ .timeline-line .item-timeline .t-dot.t-dot-warning:before {
+ border-color: #e2a03f; }
+ .timeline-line .item-timeline .t-dot.t-dot-info:before {
+ border-color: #2196f3; }
+ .timeline-line .item-timeline .t-dot.t-dot-danger:before {
+ border-color: #e7515a; }
+ .timeline-line .item-timeline .t-dot.t-dot-dark:before {
+ border-color: #3b3f5c; }
+ .timeline-line .item-timeline .t-dot.t-dot-primary:after {
+ border-color: #1b55e2; }
+ .timeline-line .item-timeline .t-dot.t-dot-success:after {
+ border-color: #8dbf42; }
+ .timeline-line .item-timeline .t-dot.t-dot-warning:after {
+ border-color: #e2a03f; }
+ .timeline-line .item-timeline .t-dot.t-dot-info:after {
+ border-color: #2196f3; }
+ .timeline-line .item-timeline .t-dot.t-dot-danger:after {
+ border-color: #e7515a; }
+ .timeline-line .item-timeline .t-dot.t-dot-dark:after {
+ border-color: #3b3f5c; }
+ .timeline-line .item-timeline:last-child .t-dot:after {
+ display: none; }
+ .timeline-line .item-timeline .t-meta-time {
+ margin: 0;
+ min-width: 100px;
+ max-width: 100px;
+ font-size: 12px;
+ font-weight: 700;
+ color: #888ea8;
+ align-self: center; }
+ .timeline-line .item-timeline .t-text {
+ padding: 10px;
+ align-self: center;
+ margin-left: 10px; }
+ .timeline-line .item-timeline .t-text p {
+ font-size: 13px;
+ margin: 0;
+ color: #3b3f5c;
+ font-weight: 600; }
+ .timeline-line .item-timeline .t-text p a {
+ color: #1b55e2;
+ font-weight: 600; }
+ .timeline-line .item-timeline .t-time {
+ margin: 0;
+ min-width: 58px;
+ max-width: 100px;
+ font-size: 16px;
+ font-weight: 600;
+ color: #3b3f5c;
+ padding: 10px 0; }
+ .timeline-line .item-timeline .t-text .t-meta-time {
+ margin: 0;
+ min-width: 100px;
+ max-width: 100px;
+ font-size: 12px;
+ font-weight: 700;
+ color: #888ea8;
+ align-self: center; }
+
+@media (max-width: 767px) {
+ .timeline-simple .timeline-list .timeline-post-content .post-gallery-img img {
+ width: 150px;
+ margin-bottom: 23px; } }
+
+@media (max-width: 575px) {
+ .timeline-alter .item-timeline {
+ display: block;
+ text-align: center; }
+ .timeline-alter .item-timeline .t-meta-time p, .timeline-alter .item-timeline .t-usr-txt p {
+ margin: 0 auto; }
+ .timeline-simple .timeline-list .timeline-post-content {
+ display: block; }
+ .timeline-simple .timeline-list .timeline-post-content div.user-profile {
+ margin-bottom: 18px;
+ text-align: center; }
+ .timeline-simple .timeline-list .timeline-post-content div.user-profile:after {
+ display: none; }
+ .timeline-simple .timeline-list .timeline-post-content div.user-profile img {
+ margin-right: 0; }
+ .timeline-simple .timeline-list .timeline-post-content h4, .timeline-simple .timeline-list .timeline-post-content .meta-time-date {
+ text-align: center; } }
diff --git a/static/css/dashboard/dash_1.css b/static/css/dashboard/dash_1.css
new file mode 100644
index 00000000..8c98a458
--- /dev/null
+++ b/static/css/dashboard/dash_1.css
@@ -0,0 +1,1030 @@
+.layout-spacing {
+ padding-bottom: 25px;
+}
+.widget {
+ position: relative;
+ padding: 20px;
+ border-radius: 8px;
+ border: none;
+ background: #fff;
+ -webkit-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
+ -moz-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
+ box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
+}
+.widget .widget-heading {
+ margin-bottom: 15px;
+}
+.widget h5 {
+ font-weight: 700;
+ font-size: 19px;
+ letter-spacing: 0px;
+ margin-bottom: 0;
+ color: #515365;
+}
+.widget .widget-content {}
+
+
+/*
+ ==================
+ Total Sales
+ ==================
+*/
+
+.widget-two {
+ position: relative;
+ background: #fff;
+ padding: 0;
+ border-radius: 8px;
+ height: 100%;
+ box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.09019607843137255), 0 1px 20px 0 rgba(0, 0, 0, 0.08), 0px 1px 11px 0px rgba(0, 0, 0, 0.06);
+}
+.widget-two .widget-content {
+ font-size: 17px;
+}
+.widget-two .w-chart {
+ position: absolute;
+ bottom: 0;
+ bottom: 0;
+ right: 0;
+ left: 0;
+}
+.widget-two .w-numeric-value {
+ display: flex;
+ color: #fff;
+ font-weight: 500;
+ padding: 20px;
+ justify-content: space-between;
+}
+.widget-two .w-numeric-value .w-icon {
+ display: inline-block;
+ background: #ffeccb;
+ padding: 13px 12px;
+ border-radius: 50%;
+ display: inline-flex;
+ align-self: center;
+ height: 45px;
+ width: 45px;
+}
+.widget-two .w-numeric-value svg {
+ display: block;
+ color: #e2a03f;
+ width: 20px;
+ height: 20px;
+}
+.widget-two .w-numeric-value .w-value {
+ font-size: 19px;
+ display: block;
+ color: #0e1726;
+ font-weight: 700;
+ margin-bottom: -9px;
+}
+.widget-two .w-numeric-value .w-numeric-title {
+ font-size: 13px;
+ color: #888ea8;
+ font-weight: 600;
+}
+
+/*
+ ==================
+ Widget
+ ==================
+*/
+
+.widget-one {
+ position: relative;
+ background: #1b55e2;
+ padding: 0;
+ border-radius: 8px;
+ height: 100%;
+}
+.widget-one .widget-content {
+ font-size: 17px;
+}
+.widget-one .w-numeric-value {
+ position: absolute;
+ display: flex;
+ color: #fff;
+ font-weight: 500;
+ padding: 20px;
+}
+.widget-one .w-numeric-value .w-icon {
+ display: inline-block;
+ background: #fff;
+ padding: 13px 12px;
+ border-radius: 50%;
+ display: inline-flex;
+ align-self: center;
+ height: 45px;
+ width: 45px;
+ margin-right: 14px;
+}
+.widget-one .w-numeric-value svg {
+ display: block;
+ color: #1b55e2;
+ width: 20px;
+ height: 20px;
+}
+.widget-one .w-numeric-value .w-value {
+ font-size: 26px;
+ display: block;
+ color: #fff;
+ font-weight: 600;
+ margin-bottom: -9px;
+}
+.widget-one .w-numeric-value .w-numeric-title {
+ font-size: 13px;
+ color: #fff;
+ letter-spacing: 1px;
+ font-weight: 600;
+}
+
+/*
+ ====================
+ Order Summary
+ ====================
+*/
+
+.widget-three {
+ position: relative;
+ background: #fff;
+ padding: 20px;
+ border-radius: 8px;
+ height: 100%;
+ box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.09019607843137255), 0 1px 20px 0 rgba(0, 0, 0, 0.08), 0px 1px 11px 0px rgba(0, 0, 0, 0.06);
+}
+.widget-three .widget-heading {
+ margin-bottom: 54px;
+}
+.widget-three .widget-heading h5 {
+ font-size: 19px;
+ display: block;
+ color: #0e1726;
+ font-weight: 600;
+ margin-bottom: 0;
+}
+.widget-three .widget-content {
+ font-size: 17px;
+}
+.widget-three .widget-content .summary-list {
+ display: flex;
+}
+.widget-three .widget-content .summary-list:not(:last-child) {
+ margin-bottom: 30px;
+}
+.widget-three .widget-content .w-icon {
+ display: inline-block;
+ padding: 8px 8px;
+ border-radius: 50%;
+ display: inline-flex;
+ align-self: center;
+ height: 34px;
+ width: 34px;
+ margin-right: 12px;
+}
+.widget-three .widget-content .w-icon svg {
+ display: block;
+ width: 17px;
+ height: 17px;
+}
+.widget-three .widget-content .summary-list:nth-child(1) .w-icon {
+ background: #dccff7;
+}
+.widget-three .widget-content .summary-list:nth-child(2) .w-icon {
+ background: #e6ffbf;
+}
+.widget-three .widget-content .summary-list:nth-child(3) .w-icon {
+ background: #ffeccb ;
+}
+.widget-three .widget-content .summary-list:nth-child(1) .w-icon svg {
+ color: #5c1ac3;
+}
+.widget-three .widget-content .summary-list:nth-child(2) .w-icon svg {
+ color: #009688;
+}
+.widget-three .widget-content .summary-list:nth-child(3) .w-icon svg {
+ color: #e2a03f;
+}
+.widget-three .widget-content .w-summary-details {
+ width: 100%;
+ align-self: center;
+}
+.widget-three .widget-content .w-summary-info {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 1px;
+}
+.widget-three .widget-content .w-summary-info h6 {
+ font-size: 13px;
+ font-weight: 600;
+ margin-bottom: 0;
+ color: #888ea8;
+}
+.widget-three .widget-content .w-summary-info p {
+ font-size: 12px;
+ font-weight: 600;
+ margin-bottom: 0;
+ color: #888ea8;
+}
+.widget-three .widget-content .w-summary-stats .progress {
+ margin-bottom: 0;
+ height: 6px;
+ border-radius: 20px;
+ box-shadow: 0 2px 2px rgba(224, 230, 237, 0.4588235294117647), 1px 6px 7px rgba(224, 230, 237, 0.4588235294117647);
+}
+
+/*
+ ==================
+ Revenue
+ ==================
+*/
+.widget-chart-one .widget-heading {
+ display: flex;
+ justify-content: space-between;
+}
+.widget-chart-one .apexcharts-legend-marker {
+ left: -5px!important;
+}
+.widget-chart-one .apexcharts-yaxis-title {
+ font-weight: 600;
+ fill: #bfc9d4;
+}
+.widget-chart-one .apexcharts-xaxis-title {
+ font-weight: 600;
+ fill: #bfc9d4;
+}
+.widget-chart-one .widget-heading .tabs {
+ padding: 0;
+ margin: 0;
+}
+.widget-chart-one .widget-heading .tabs li {
+ display: inline-block;
+ list-style: none;
+ padding: 0 0;
+}
+.widget-chart-one .widget-heading .tabs a {
+ font-size: 14px;
+ letter-spacing: 1px;
+ font-weight: 600;
+ padding: 5px 7px;
+ background: #1b55e2;
+ color: #fff;
+ border-radius: 4px;
+}
+
+/*
+ =======================
+ Sold By cateory
+ =======================
+*/
+
+.widget-chart-two {
+ padding: 0;
+}
+.widget.widget-chart-two .widget-heading {
+ padding: 20px 20px 0 20px;
+}
+.widget.widget-chart-two .widget-content {
+ padding: 0 0 20px 0;
+}
+.widget-chart-two .apexcharts-canvas {
+ margin: 0 auto;
+}
+.widget-chart-two .apexcharts-legend-marker {
+ left: -5px!important;
+}
+
+
+/*
+ ==================
+ Transaction
+ ==================
+*/
+
+.widget-table-one .widget-heading {
+ display: flex;
+}
+.widget-table-one .widget-content {}
+.widget-table-one .transactions-list {
+ padding: 12px 12px;
+ border: 1px dashed #bfc9d4;
+ border-radius: 6px;
+ -webkit-transition: all 0.1s ease;
+ transition: all 0.1s ease;
+}
+.widget-table-one .transactions-list:not(:last-child) {
+ margin-bottom: 15px;
+}
+.widget-table-one .transactions-list:hover {
+ -webkit-transform: translateY(-1px) scale(1.01);
+ transform: translateY(-1px) scale(1.01);
+}
+.widget-table-one .transactions-list .t-item {
+ display: flex;
+ justify-content: space-between;
+}
+.widget-table-one .transactions-list .t-item .t-company-name {
+ display: flex;
+}
+.widget-table-one .transactions-list .t-item .t-icon {
+ margin-right: 12px;
+}
+.widget-table-one .transactions-list .t-item .t-icon .avatar {
+ position: relative;
+ display: inline-block;
+ width: 38px;
+ height: 38px;
+ font-size: 14px;
+ font-weight: 600;
+ letter-spacing: 1px;
+}
+.widget-table-one .transactions-list .t-item .t-icon .avatar .avatar-title {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 100%;
+ height: 100%;
+ background-color: #ffe1e2;
+ color: #e7515a;
+}
+.widget-table-one .transactions-list .t-item .t-icon .icon {
+ position: relative;
+ display: inline-block;
+ padding: 10px;
+ background-color: #ffeccb;
+ border-radius: 50%;
+}
+.widget-table-one .transactions-list .t-item .t-icon .icon svg {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 19px;
+ height: 19px;
+ color: #e2a03f;
+ stroke-width: 2;
+}
+.widget-table-one .transactions-list .t-item .t-name {
+ align-self: center;
+}
+.widget-table-one .transactions-list .t-item .t-name h4 {
+ font-size: 15px;
+ letter-spacing: 0px;
+ font-weight: 600;
+ margin-bottom: 0;
+}
+.widget-table-one .transactions-list .t-item .t-name .meta-date {
+ font-size: 12px;
+ margin-bottom: 0;
+ font-weight: 600;
+ color: #888ea8;
+}
+.widget-table-one .transactions-list .t-item .t-rate {
+ align-self: center;
+}
+.widget-table-one .transactions-list .t-item .t-rate p {
+ margin-bottom: 0;
+ font-size: 13px;
+ letter-spacing: 0px;
+}
+.widget-table-one .transactions-list .t-item .t-rate svg {
+ width: 14px;
+ height: 14px;
+ vertical-align: baseline;
+}
+.widget-table-one .transactions-list .t-item .t-rate.rate-inc p {
+ color: #009688;
+}
+.widget-table-one .transactions-list .t-item .t-rate.rate-inc svg {
+ color: #009688;
+}
+.widget-table-one .transactions-list .t-item .t-rate.rate-dec p {
+ color: #e7515a;
+}
+.widget-table-one .transactions-list .t-item .t-rate.rate-dec svg {
+ color: #e7515a;
+}
+
+
+/*
+ ========================
+ Recent Activities
+ ========================
+*/
+.widget-activity-four {
+ padding-right: 0;
+ padding-left: 0;
+}
+.widget-activity-four .mt-container {
+ position: relative;
+ height: 272px;
+ overflow: auto;
+ padding-right: 12px;
+}
+.widget-activity-four .widget-heading {
+ padding: 0 20px;
+}
+.widget-activity-four .widget-content {
+ padding: 0 8px 0 20px;
+}
+.widget-activity-four .timeline-line .item-timeline { display: flex; width: 100%; margin-bottom: 12px; }
+.widget-activity-four .timeline-line .item-timeline .t-dot { position: relative; }
+.widget-activity-four .timeline-line .item-timeline .t-dot:before {
+ content: '';
+ position: absolute;
+ border-color: inherit;
+ border-radius: 50%;
+ width: 8px;
+ height: 8px;
+ top: 5px;
+ left: 5px;
+ transform: translateX(-50%);
+ border-color: #e0e6ed;
+ background: #bfc9d4;
+ z-index: 1;
+}
+.widget-activity-four .timeline-line .item-timeline .t-dot:after {
+ content: '';
+ position: absolute;
+ border-color: inherit;
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 50%;
+ width: 10px;
+ height: 10px;
+ left: 5px;
+ transform: translateX(-50%);
+ border-color: #e0e6ed;
+ width: 0;
+ height: auto;
+ top: 12px;
+ bottom: -19px;
+ border-right-width: 0;
+ border-top-width: 0;
+ border-bottom-width: 0;
+ border-radius: 0;
+}
+.widget-activity-four .timeline-line .item-timeline.timeline-primary .t-dot:before {
+ background-color: #1b55e2;
+ border-color: rgb(164, 189, 247);
+}
+.widget-activity-four .timeline-line .item-timeline.timeline-success .t-dot:before {
+ background-color: #009688;
+ border-color: rgb(154, 210, 205);
+
+}
+.widget-activity-four .timeline-line .item-timeline.timeline-danger .t-dot:before {
+ background-color: #e7515a;
+ border-color: rgb(241, 172, 176);
+}
+.widget-activity-four .timeline-line .item-timeline.timeline-dark .t-dot:before {
+ background-color: #3b3f5c;
+ border-color: rgb(159, 163, 187);
+}
+.widget-activity-four .timeline-line .item-timeline.timeline-secondary .t-dot:before {
+ background: #1b55e2;
+ border-color: #c2d5ff;
+}
+.widget-activity-four .timeline-line .item-timeline.timeline-warning .t-dot:before {
+ background-color: #e2a03f;
+ border-color: rgb(222, 199, 165);
+}
+
+.widget-activity-four .timeline-line .item-timeline:last-child .t-dot:after { display: none; }
+.widget-activity-four .timeline-line .item-timeline .t-meta-time {
+ margin: 0;
+ min-width: 100px;
+ max-width: 100px;
+ font-size: 12px;
+ font-weight: 700;
+ color: #888ea8;
+ align-self: center;
+}
+.widget-activity-four .timeline-line .item-timeline .t-text {
+ align-self: center;
+ margin-left: 20px;
+ display: flex;
+ width: 100%;
+ justify-content: space-between;
+}
+.widget-activity-four .timeline-line .item-timeline .t-text p {
+ font-size: 12px;
+ margin: 0;
+ color: #888ea8;
+ font-weight: 400;
+}
+.widget-activity-four .timeline-line .item-timeline .t-text span.badge {
+ position: absolute;
+ right: 11px;
+ padding: 2px 4px;
+ font-size: 11px;
+ letter-spacing: 1px;
+ opacity: 0;
+ font-weight: 400;
+}
+.widget-activity-four .timeline-line .item-timeline .t-text span.badge {
+ transform: none;
+}
+.widget-activity-four .timeline-line .item-timeline:hover .t-text span.badge {
+ opacity: 1;
+}
+.widget-activity-four .timeline-line .item-timeline .t-text p.t-time {
+ text-align: right;
+ color: #888ea8;
+ font-size: 10px;
+}
+.widget-activity-four .timeline-line .item-timeline .t-time {
+ margin: 0;
+ min-width: 80px;
+ max-width: 80px;
+ font-size: 13px;
+ font-weight: 600;
+ color: #acb0c3;
+ letter-spacing: 1px;
+}
+.widget-activity-four .tm-action-btn {
+ text-align: center;
+ padding-top: 20px;
+}
+.widget-activity-four .tm-action-btn button {
+ background: transparent;
+ box-shadow: none;
+ padding: 0;
+ color: #1b55e2;
+ font-weight: 600;
+ letter-spacing: 0.5px;
+ border: none;
+ font-size: 15px;
+}
+.widget-activity-four .tm-action-btn svg {
+ width: 15px;
+ height: 15px;
+ vertical-align: inherit;
+}
+
+/*
+ =====================
+ Account Info
+ =====================
+*/
+
+.widget-account-invoice-one .invoice-box {}
+.widget-account-invoice-one .invoice-box .acc-total-info {
+ padding: 0 0;
+ margin-bottom: 18px;
+ padding-bottom: 18px;
+ border-bottom: 1px dashed #bfc9d4;
+}
+.widget-account-invoice-one .invoice-box h5 {
+ text-align: center;
+ font-size: 20px;
+ letter-spacing: 1px;
+ margin-bottom: 10px;
+ color: #1b55e2;
+}
+.widget-account-invoice-one .invoice-box .acc-amount {
+ text-align: center;
+ font-size: 23px;
+ font-weight: 700;
+ margin-bottom: 0;
+ color: #009688;
+}
+.widget-account-invoice-one .invoice-box .inv-detail {
+ margin-bottom: 18px;
+ padding-bottom: 18px;
+ border-bottom: 1px dashed #bfc9d4;
+}
+.widget-account-invoice-one .invoice-box [class*="info-detail-"]:not(.info-sub) {
+ display: flex;
+ justify-content: space-between;
+}
+.widget-account-invoice-one .invoice-box [class*="info-detail-"]:not(.info-sub) p {
+ margin-bottom: 13px;
+ font-weight: 700;
+ font-size: 14px;
+}
+.widget-account-invoice-one .invoice-box [class*="info-detail-"].info-sub .info-detail {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 0;
+ font-weight: 700;
+ font-size: 14px;
+}
+.widget-account-invoice-one .invoice-box [class*="info-detail-"].info-sub .info-detail p {
+ margin-bottom: 0;
+}
+.widget-account-invoice-one .invoice-box [class*="info-detail-"].info-sub .info-detail-sub {
+ margin-left: 9px;
+}
+.widget-account-invoice-one .invoice-box [class*="info-detail-"].info-sub .info-detail-sub p {
+ color: #888ea8;
+ margin-bottom: 2px;
+ font-weight: 600;
+}
+.widget-account-invoice-one .invoice-box .inv-action {
+ text-align: center;
+ display: flex;
+ justify-content: space-around;
+}
+.widget-account-invoice-one .invoice-box .inv-action a {
+ transform: none;
+}
+
+/*
+ =====================
+ Recent Orders
+ =====================
+*/
+.widget-table-two {
+ position: relative;
+}
+.widget-table-two h5 {
+ font-weight: 700;
+ font-size: 19px;
+ letter-spacing: 1px;
+ margin-bottom: 20px;
+}
+.widget-table-two .widget-content {
+ background: transparent;
+}
+.widget-table-two .table {
+ border-collapse: separate;
+ border-spacing: 0 5px;
+ margin-bottom: 0;
+}
+.widget-table-two .table > thead > tr > th {
+ text-transform: initial;
+ font-weight: 600;
+ border-top: none;
+ background: #e0e6ed;
+ padding-top: 0;
+ padding-bottom: 0;
+ padding-right: 0;
+ padding-left: 0;
+ -webkit-transition: all 0.1s ease;
+ transition: all 0.1s ease;
+ padding: 10px 0 10px 5px;
+}
+.widget-table-two .table > thead > tr > th:first-child {
+ border-bottom-left-radius: 6px;
+}
+.widget-table-two .table > thead > tr > th:first-child {
+ border-top-left-radius: 6px;
+}
+.widget-table-two .table > thead > tr > th:last-child {
+ border-bottom-right-radius: 6px;
+}
+.widget-table-two .table > thead > tr > th:last-child {
+ border-top-right-radius: 6px;
+}
+.widget-table-two .table > thead > tr > th .th-content {
+ color: #1b55e2;
+ font-weight: 600;
+ font-size: 14px;
+ letter-spacing: 1px;
+}
+.widget-table-two .table > thead > tr > th:first-child .th-content {
+ margin-left: 10px;
+}
+.widget-table-two .table > thead > tr > th:last-child .th-content {
+ text-align: right;
+ margin-right: 10px;
+}
+.widget-table-two .table > thead > tr > th:nth-last-child(2) .th-content {
+ text-align: center;
+ padding: 0 15px 0 0;
+}
+.widget-table-two .table > tbody > tr > td {
+ border-top: none;
+ background: transparent;
+ padding-top: 0;
+ padding-bottom: 0;
+ padding-right: 0;
+ padding-left: 0;
+ -webkit-transition: all 0.1s ease;
+ transition: all 0.1s ease;
+}
+.widget-table-two .table > tbody > tr:hover > td {
+ transform: translateY(-1px) scale(1.01);
+}
+.widget-table-two .table > tbody > tr > td .td-content {
+ cursor: pointer;
+ font-weight: 600;
+ letter-spacing: 1px;
+ color: #888ea8;
+}
+.widget-table-two .table > tbody > tr:hover > td .td-content {
+ color: #515365;
+}
+.widget-table-two .table > tbody > tr > td:first-child {
+ border-top-left-radius: 6px;
+ padding: 10px 0 10px 15px;
+}
+.widget-table-two .table > tbody > tr > td:first-child {
+ border-bottom-left-radius: 6px;
+}
+.widget-table-two .table > tbody > tr > td:last-child {
+ border-top-right-radius: 6px;
+ padding: 15.5px 15px 15.5px 0;
+ text-align: right;
+}
+.widget-table-two .table > tbody > tr > td:last-child {
+ border-bottom-right-radius: 6px;
+}
+.widget-table-two .table .td-content.customer-name {
+ color: #515365;
+}
+.widget-table-two .table .td-content.product-brand {
+ letter-spacing: 1px;
+}
+.widget-table-two .table .td-content img {
+ width: 35px;
+ height: 35px;
+ border-radius: 50%;
+ margin-right: 13px;
+}
+.widget-table-two .table tr > td:nth-last-child(2) .td-content {
+ text-align: center;
+}
+.widget-table-two .table .td-content .badge {
+ transform: none;
+}
+.widget-table-two .table tr:hover .td-content .badge {
+ transform: translateY(-3px);
+}
+.widget-table-two .table tr .td-content .outline-badge-primary {
+ background-color: #c2d5ff;
+}
+.widget-table-two .table tr .td-content .outline-badge-success {
+ color: #009688;
+ background-color: #e6ffbf;
+ border-color: #009688;
+}
+.widget-table-two .table tr .td-content .outline-badge-danger {
+ background-color: #ffe1e2;
+}
+
+
+/*
+ ===========================
+ Top Selling Product
+ ===========================
+*/
+
+.widget-table-three {
+ position: relative;
+}
+.widget-table-three h5 {
+ font-weight: 700;
+ font-size: 19px;
+ letter-spacing: 1px;
+ margin-bottom: 20px;
+}
+.widget-table-three .widget-content {
+ background: transparent;
+}
+.widget-table-three .table {
+ border-collapse: separate;
+ border-spacing: 0 5px;
+ margin-bottom: 0;
+}
+.widget-table-three .table > thead > tr > th:first-child .th-content {
+ margin-left: 10px;
+}
+.widget-table-three .table > thead > tr > th:last-child .th-content {
+ text-align: right;
+ margin-right: 10px;
+}
+.widget-table-three .table > thead > tr > th {
+ text-transform: initial;
+ font-weight: 600;
+ border-top: none;
+ background: #e0e6ed;
+ padding-top: 0;
+ padding-bottom: 0;
+ padding-right: 0;
+ padding-left: 0;
+ -webkit-transition: all 0.1s ease;
+ transition: all 0.1s ease;
+ padding: 10px 0 10px 15px;
+}
+.widget-table-three .table > thead > tr > th {
+}
+.widget-table-three .table > thead > tr > th:first-child {
+ border-bottom-left-radius: 6px;
+}
+.widget-table-three .table > thead > tr > th:first-child {
+ border-top-left-radius: 6px;
+}
+.widget-table-three .table > thead > tr > th:last-child {
+ border-bottom-right-radius: 6px;
+}
+.widget-table-three .table > thead > tr > th:last-child {
+ border-top-right-radius: 6px;
+}
+.widget-table-three .table > thead > tr > th .th-content {
+ color: #1b55e2;
+ font-weight: 600;
+ font-size: 14px;
+ letter-spacing: 1px;
+}
+.widget-table-three .table > thead > tr > th:nth-last-child(2) .th-content {}
+.widget-table-three .table > tbody > tr > td {
+ border-top: none;
+ padding-top: 0;
+ padding-bottom: 0;
+ padding-right: 0;
+ padding-left: 0;
+ -webkit-transition: all 0.1s ease;
+ transition: all 0.1s ease;
+}
+.widget-table-three .table > tbody > tr:hover > td {
+ transform: translateY(-1px) scale(1.01);
+}
+.widget-table-three .table > tbody > tr {
+ background: transparent;
+}
+.widget-table-three .table > tbody > tr > td .td-content {
+ cursor: pointer;
+ font-weight: 600;
+ letter-spacing: 1px;
+ color: #888ea8;
+}
+.widget-table-three .table > tbody > tr:hover > td .td-content {
+ color: #3b3f5c;
+}
+.widget-table-three .table > tbody > tr > td:first-child {
+ border-top-left-radius: 6px;
+ padding: 10px 0px 10px 15px;
+}
+.widget-table-three .table > tbody > tr > td:first-child {
+ border-bottom-left-radius: 6px;
+}
+.widget-table-three .table > tbody > tr > td:last-child {
+ border-top-right-radius: 6px;
+}
+.widget-table-three .table > tbody > tr > td:last-child {
+ border-bottom-right-radius: 6px;
+}
+.widget-table-three .table > tbody > tr > td:last-child .td-content {
+ text-align: right;
+ padding: 0 15px 0 0;
+}
+.widget-table-three .table tr > td:nth-last-child(2) .td-content {
+ padding: 10px 0 10px 15px;
+}
+.widget-table-three .table .td-content .discount-pricing {
+ padding: 10px 0 10px 15px;
+}
+.widget-table-three .table .td-content.product-name {
+ color: #515365;
+ letter-spacing: 1px;
+}
+.widget-table-three .table .td-content img {
+ width: 35px;
+ height: 35px;
+ border-radius: 50%;
+ margin-right: 10px;
+}
+.widget-table-three .table .td-content .pricing {
+ padding: 10px 0 10px 15px;
+}
+.widget-table-three .table .td-content .tag {
+ background: transparent;
+ transform: none;
+ font-weight: 600;
+ letter-spacing: 2px;
+ padding: 2px 5px;
+ border-radius: 6px;
+}
+.widget-table-three .table .td-content .tag-primary {
+ color: #1b55e2;
+ border: 1px dashed #1b55e2;
+ background: #c2d5ff;
+}
+.widget-table-three .table .td-content .tag-success {
+ color: #009688;
+ border: 1px dashed #009688;
+ background: #e6ffbf;
+}
+.widget-table-three .table .td-content .tag-danger {
+ color: #e7515a;
+ border: 1px dashed #e7515a;
+ background: #ffe1e2;
+}
+.widget-table-three .table .td-content a {
+ padding: 0;
+ font-size: 13px;
+ background: transparent;
+ transform: none;
+ letter-spacing: 1px;
+ border-bottom: 1px dashed #bfc9d4;
+}
+
+/*
+ ====================
+ Media Object
+ ====================
+*/
+
+@media(min-width: 1200px) {
+ .table-responsive {
+ overflow-x: hidden;
+ }
+}
+@media(max-width: 1430px) and (min-width: 1200px) {
+ /*
+ ===========================
+ Top Selling Product
+ ===========================
+ */
+ .widget-table-two .table .td-content img {
+ display: block;
+ }
+
+ /*
+ ===========================
+ Top Selling Product
+ ===========================
+ */
+ .widget-table-three .table .td-content img {
+ display: block;
+ }
+}
+
+@media(max-width: 767px) {
+ .widget-notification-two button {
+ display: none;
+ }
+}
+@media(max-width: 575px) {
+
+ /*
+ ==================
+ Total Sales
+ ==================
+ */
+
+ .widget-two .w-chart {
+ position: inherit;
+ }
+
+ /*
+ ========================
+ Recent Activities
+ ========================
+ */
+
+ .widget-activity-one .mt-container {
+ height: auto;
+ }
+
+ /*
+ ===========================
+ Top Selling Product
+ ===========================
+ */
+ .widget-table-two .table > thead > tr > th {
+ padding-right: 15px;
+ }
+ .widget-table-two .table > tbody > tr > td {
+ border-top: none;
+ padding-top: 0;
+ padding-bottom: 0;
+ padding-right: 12px;
+ padding-left: 12px;
+ }
+ .widget-table-two .table .td-content.customer-name {
+ color: #515365;
+ text-align: center;
+ }
+ .widget-table-two .table .td-content.product-brand {
+ text-align: center;
+ }
+ .widget-table-two .table .td-content img {
+ display: block;
+ margin: 0 auto 5px auto;
+ }
+
+ /*
+ ===========================
+ Top Selling Product
+ ===========================
+ */
+ .widget-table-three .table > thead > tr > th {
+ padding-right: 15px;
+ }
+ .widget-table-three .table > tbody > tr > td {
+ border-top: none;
+ padding-top: 0;
+ padding-bottom: 0;
+ padding-right: 12px;
+ padding-left: 12px;
+ }
+ .widget-table-three .table .td-content.product-name {
+ text-align: center;
+ }
+ .widget-table-three .table .td-content img {
+ display: block;
+ margin: 0 auto 5px auto;
+ }
+
+}
\ No newline at end of file
diff --git a/static/css/dashboard/dash_2.css b/static/css/dashboard/dash_2.css
new file mode 100644
index 00000000..8d5ddde6
--- /dev/null
+++ b/static/css/dashboard/dash_2.css
@@ -0,0 +1,780 @@
+.layout-spacing {
+ padding-bottom: 25px;
+}
+.widget {
+ position: relative;
+ padding: 0;
+ border-radius: 6px;
+ border: none;
+ -webkit-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
+ -moz-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
+ box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
+}
+
+/*
+ ==================
+ Notification
+ ==================
+*/
+.widget-card-four {
+ padding: 25px 32px;
+ background: #fff;
+}
+.widget-card-four .w-content {
+ display: flex;
+ justify-content: space-between;
+}
+
+.widget-card-four .w-info h6 {
+ font-weight: 600;
+ margin-bottom: 0;
+ color: #0e1726;
+ font-size: 23px;
+ letter-spacing: 0;
+}
+.widget-card-four .w-info p {
+ font-weight: 600;
+ margin-bottom: 0;
+ color: #5c1ac3;
+ font-size: 16px;
+}
+.widget-card-four .w-icon {
+ color: #5c1ac3;
+ background-color: #dccff7;
+ height: 45px;
+ display: inline-flex;
+ width: 45px;
+ align-self: center;
+ justify-content: center;
+ border-radius: 50%;
+ padding: 10px;
+}
+.widget-card-four .progress {
+ height: 8px;
+ margin-bottom: 0;
+ margin-top: 62px;
+ margin-bottom: 0;
+ height: 22px;
+ padding: 4px;
+ border-radius: 20px;
+ box-shadow: 0 2px 2px rgba(224, 230, 237, 0.4588235294117647),
+}
+.widget-card-four .progress-bar {
+ position: relative;
+}
+.widget-card-four .progress-bar:before {
+ content: '';
+ height: 7px;
+ width: 7px;
+ background: #fff;
+ position: absolute;
+ right: 3px;
+ border-radius: 50%;
+ top: 3.4px;
+}
+
+/*
+ =====================
+ User Analytics
+ =====================
+*/
+
+.widget.widget-one {
+ padding: 22px 18px;
+ background: #fff;
+}
+.widget.widget-one .widget-heading h6 {
+ color: #0e1726;
+ margin-bottom: 41px;
+ font-size: 17px;
+ display: block;
+ font-weight: 600;
+}
+.widget.widget-one .w-chart {
+ display: flex;
+}
+.widget.widget-one .w-chart .w-chart-section {
+ width: 50%;
+ padding: 0 12px;
+}
+.widget.widget-one .w-chart .w-chart-section .w-detail {
+ position: absolute;
+ color: #fff;
+}
+.widget.widget-one .w-chart .w-chart-section .w-title {
+ font-size: 13px;
+ font-weight: 700;
+ margin-bottom: 0;
+}
+.widget.widget-one .w-chart .w-chart-section .w-stats {
+ color: #f8538d;
+ font-size: 20px;
+ letter-spacing: 1px;
+ margin-bottom: 0;
+ font-weight: 700;
+}
+
+/*
+ =====================
+ Unique Visitors
+ =====================
+*/
+
+.widget.widget-chart-three {
+ background: #fff;
+}
+.widget.widget-chart-three .widget-heading {
+ display: flex;
+ justify-content: space-between;
+ border-bottom: 1px dashed #e0e6ed;
+ padding: 20px 20px;
+ margin-bottom: 0;
+ padding-bottom: 20px;
+}
+.widget.widget-chart-three .widget-heading h5 {
+ font-size: 17px;
+ display: block;
+ color: #0e1726;
+ font-weight: 600;
+ margin-bottom: 0;
+}
+.widget.widget-chart-three .widget-heading .dropdown {
+ align-self: center;
+}
+.widget.widget-chart-three .widget-heading .dropdown a svg {
+ color: #888ea8;
+ width: 19px;
+ height: 19px;
+}
+.widget.widget-chart-three .widget-heading .dropdown .dropdown-menu {
+ padding: 8px 8px;
+ min-width: 10rem;
+ border-radius: 6px;
+ top: 5px !important;
+}
+.widget.widget-chart-three .apexcharts-legend-marker {
+ left: -5px!important;
+}
+
+/*
+ =========================
+ Organic Vs Direct
+ =========================
+*/
+
+/*
+ ========================
+ Recent Activities
+ ========================
+*/
+
+.widget.widget-activity-three {
+ position: relative;
+ background: #fff;
+ border-radius: 8px;
+ height: 100%;
+}
+.widget.widget-activity-three .widget-heading {
+ display: flex;
+ justify-content: space-between;
+ border-bottom: 1px dashed #e0e6ed;
+ padding: 20px 20px;
+ padding-bottom: 20px;
+}
+.widget.widget-activity-three .widget-heading h5 {
+ font-size: 17px;
+ display: block;
+ color: #0e1726;
+ font-weight: 600;
+ margin-bottom: 0;
+}
+.widget-activity-three .widget-content {
+ padding: 20px 10px 20px 20px
+}
+.widget-activity-three .mt-container {
+ position: relative;
+ height: 325px;
+ overflow: auto;
+ padding: 0 12px 0 12px;
+}
+.widget-activity-three .timeline-line .item-timeline { display: flex;
+ margin-bottom: 20px; }
+.widget-activity-three .timeline-line .item-timeline .t-dot { position: relative; }
+
+.widget-activity-three .timeline-line .item-timeline .t-dot div {
+ background: #1b55e2;
+ border-radius: 50%;
+ padding: 5px;
+ margin-right: 11px;
+ display: flex;
+ height: 37px;
+ justify-content: center;
+ width: 36px;
+}
+.widget-activity-three .timeline-line .item-timeline .t-dot div.t-primary {
+ background-color: #1b55e2;
+ box-shadow: 0 10px 20px -10px #1b55e2;
+}
+.widget-activity-three .timeline-line .item-timeline .t-dot div.t-success {
+ background-color: #009688;
+ box-shadow: 0 10px 20px -10px #009688;
+}
+.widget-activity-three .timeline-line .item-timeline .t-dot div.t-danger {
+ background-color: #e7515a;
+ box-shadow: 0 10px 20px -10px #e7515a;
+}
+.widget-activity-three .timeline-line .item-timeline .t-dot div.t-warning {
+ background-color: #e2a03f;
+ box-shadow: 0 10px 20px -10px #e2a03f;
+}
+.widget-activity-three .timeline-line .item-timeline .t-dot div.t-dark {
+ background-color: #3b3f5c;
+ box-shadow: 0 10px 20px -10px #3b3f5c;
+}
+.widget-activity-three .timeline-line .item-timeline .t-dot svg {
+ color: #fff;
+ height: 20px;
+ width: 20px;
+ stroke-width: 1.6px;
+ align-self: center;
+}
+
+.widget-activity-three .timeline-line .item-timeline .t-content {
+ width: 100%;
+}
+.widget-activity-three .timeline-line .item-timeline .t-content .t-uppercontent {
+ display: flex;
+ justify-content: space-between;
+}
+.widget-activity-three .timeline-line .item-timeline .t-content .t-uppercontent h5 {
+ font-size: 15px;
+ letter-spacing: 0;
+ font-weight: 700;
+ margin-bottom: 5px;
+}
+.widget-activity-three .timeline-line .item-timeline .t-content .t-uppercontent span {
+ margin-bottom: 0;
+ font-size: 11px;
+ font-weight: 500;
+ color: #888ea8;
+}
+.widget-activity-three .timeline-line .item-timeline .t-content p {
+ margin-bottom: 8px;
+ font-size: 13px;
+ font-weight: 500;
+ color: #888ea8;
+}
+.widget-activity-three .timeline-line .item-timeline .t-content div.tags {
+
+}
+.widget-activity-three .timeline-line .item-timeline .t-content div.tags .badge {
+ padding: 2px 4px;
+ font-size: 11px;
+ letter-spacing: 1px;
+ transform: none;
+}
+.widget-activity-three .timeline-line .item-timeline .t-content div.tags .badge-primary {
+ background-color: #c2d5ff;
+ color: #1b55e2;
+
+}
+
+.widget-activity-three .timeline-line .item-timeline .t-content div.tags .badge-success {
+ background-color: #e6ffbf;
+ color: #009688;
+}
+
+.widget-activity-three .timeline-line .item-timeline .t-content div.tags .badge-warning {
+ background-color: #ffeccb;
+ color: #e2a03f;
+
+}
+.widget-activity-three .timeline-line .item-timeline .t-dot:after {
+ content: '';
+ position: absolute;
+ border-width: 1px;
+ border-style: solid;
+ left: 40%;
+ transform: translateX(-50%);
+ border-color: #bfc9d4;
+ width: 0;
+ height: auto;
+ top: 36px;
+ bottom: -20px;
+ border-right-width: 0;
+ border-top-width: 0;
+ border-bottom-width: 0;
+ border-radius: 0;
+}
+.widget-activity-three .timeline-line .item-timeline:last-child .t-dot:after { display: none; }
+
+/*
+ ==================
+ Statistics
+ ==================
+*/
+
+.widget-one_hybrid {
+ background: #fff;
+}
+.widget-one_hybrid .widget-heading {
+ padding: 20px 13px;
+}
+.widget-one_hybrid .widget-heading .w-icon {
+ display: inline-block;
+ padding: 7px 8px;
+ border-radius: 50%;
+ margin-bottom: 15px;
+}
+.widget-one_hybrid .widget-heading svg {
+ height: 18px;
+ width: 18px;
+}
+.widget-one_hybrid .widget-heading .w-value {
+ font-size: 21px;
+ font-weight: 700;
+ margin-bottom: 0;
+}
+.widget-one_hybrid .widget-heading h5 {
+ margin-bottom: 0;
+ font-size: 15px;
+ font-weight: 600;
+ color: #506690;
+}
+.widget-one_hybrid.widget-followers {
+ background: #c2d5ff;
+}
+.widget-one_hybrid.widget-followers .widget-heading .w-icon {
+ color: #1b55e2;
+ border: 1px solid #1b55e2;
+}
+.widget-one_hybrid.widget-referral {
+ background: #ffe1e2;
+}
+.widget-one_hybrid.widget-referral .widget-heading .w-icon {
+ color: #e7515a;
+ border: 1px solid #e7515a;
+}
+.widget-one_hybrid.widget-social {
+ background: #bae7ff;
+}
+.widget-one_hybrid.widget-social .widget-heading .w-icon {
+ color: #2196f3;
+ border: 1px solid #2196f3;
+}
+.widget-one_hybrid.widget-engagement {
+ background: #e6ffbf;
+}
+.widget-one_hybrid.widget-engagement .widget-heading .w-icon {
+ color: #8dbf42;
+ border: 1px solid #8dbf42;
+}
+
+/*
+ ==================
+ Balance
+ ==================
+*/
+
+.widget-account-invoice-two {
+ padding: 22px 19px;
+ background: #e2a03f;
+ background-image: linear-gradient(to right, #d09693 0%, #c71d6f 100%);
+ background: linear-gradient(to right, #0081ff 0%, #0045ff 100%);
+}
+.widget-account-invoice-two .account-box .info {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 84px;
+}
+.widget-account-invoice-two .account-box h5 {
+ color: #e0e6ed;
+ margin-bottom: 0;
+ font-size: 17px;
+ font-weight: 600;
+}
+.widget-account-invoice-two .account-box p {
+ color: #e0e6ed;
+ font-weight: 700;
+ margin-bottom: 0;
+ align-self: center;
+}
+.widget-account-invoice-two .account-box .acc-action {
+ margin-top: 23px;
+ display: flex;
+ justify-content: space-between;
+}
+.widget-account-invoice-two .account-box .acc-action a {
+ display: inline-block;
+ padding: 8px;
+ border-radius: 6px;
+ color: #e0e6ed;
+ font-weight: 600;
+ box-shadow: 0px 0px 2px 0px #bfc9d4;
+}
+.widget-account-invoice-two .account-box .acc-action a:first-child {
+ margin-right: 2px;
+}
+.widget-account-invoice-two .account-box .acc-action a svg {
+ width: 18px;
+ height: 18px;
+}
+
+/*
+ ==================
+ Statistics
+ ==================
+*/
+.widget-card-one {
+ background: #fff;
+ padding: 20px 0;
+ height: 100%;
+}
+.widget-card-one .widget-content .media {
+ padding-left: 15px;
+ padding-right: 15px;
+ margin-bottom: 19px;
+ padding-bottom: 21px;
+ border-bottom: 1px dashed #e0e6ed;
+}
+.widget-card-one .widget-content .media .w-img {
+ margin-right: 9px;
+ align-self: center;
+}
+.widget-card-one .widget-content .media img {
+ width: 50px;
+ height: 50px;
+ border-radius: 50%;
+ border: 3px solid #e0e6ed;
+}
+.widget-card-one .widget-content .media-body {
+ align-self: center;
+}
+.widget-card-one .widget-content .media-body h6 {
+ font-weight: 700;
+ font-size: 15px;
+ letter-spacing: 0;
+ margin-bottom: 0;
+}
+.widget-card-one .widget-content .media-body p {
+ font-size: 14px;
+ letter-spacing: 1px;
+ margin-bottom: 0;
+ font-weight: 600;
+ color: #888ea8;
+ padding: 0;
+}
+.widget-card-one .widget-content p {
+ font-weight: 600;
+ font-size: 13px;
+ margin-bottom: 61px;
+ padding: 0 20px;
+}
+.widget-card-one .widget-content .w-action {
+ padding: 0 20px;
+}
+.widget-card-one .widget-content .w-action svg {
+ color: #1b55e2;
+ fill: #c2d5ff;
+}
+.widget-card-one .widget-content .w-action span {
+ vertical-align: sub;
+ font-weight: 700;
+ color: #0e1726;
+ letter-spacing: 1px;
+}
+
+/*
+ ====================
+ Visitors by Browser
+ ====================
+*/
+
+.widget-four {
+ position: relative;
+ background: #fff;
+ padding: 20px;
+ border-radius: 8px;
+ height: 100%;
+ box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.09019607843137255), 0 1px 20px 0 rgba(0, 0, 0, 0.08), 0px 1px 11px 0px rgba(0, 0, 0, 0.06);
+}
+.widget-four .widget-heading {
+ margin-bottom: 54px;
+}
+.widget-four .widget-heading h5 {
+ font-size: 17px;
+ display: block;
+ color: #0e1726;
+ font-weight: 600;
+ margin-bottom: 0;
+}
+.widget-four .widget-content {
+ font-size: 17px;
+}
+.widget-four .widget-content .browser-list {
+ display: flex;
+}
+.widget-four .widget-content .browser-list:not(:last-child) {
+ margin-bottom: 30px;
+}
+.widget-four .widget-content .w-icon {
+ display: inline-block;
+ padding: 8px 8px;
+ border-radius: 50%;
+ display: inline-flex;
+ align-self: center;
+ height: 34px;
+ width: 34px;
+ margin-right: 12px;
+}
+.widget-four .widget-content .w-icon svg {
+ display: block;
+ width: 17px;
+ height: 17px;
+}
+.widget-four .widget-content .browser-list:nth-child(1) .w-icon {
+ background: #c2d5ff;
+}
+.widget-four .widget-content .browser-list:nth-child(2) .w-icon {
+ background: #ffe1e2;
+}
+.widget-four .widget-content .browser-list:nth-child(3) .w-icon {
+ background: #ffeccb ;
+}
+.widget-four .widget-content .browser-list:nth-child(1) .w-icon svg {
+ color: #1b55e2;
+}
+.widget-four .widget-content .browser-list:nth-child(2) .w-icon svg {
+ color: #e7515a;
+}
+.widget-four .widget-content .browser-list:nth-child(3) .w-icon svg {
+ color: #e2a03f;
+}
+.widget-four .widget-content .w-browser-details {
+ width: 100%;
+ align-self: center;
+}
+.widget-four .widget-content .w-browser-info {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 1px;
+}
+.widget-four .widget-content .w-browser-info h6 {
+ font-size: 13px;
+ font-weight: 600;
+ margin-bottom: 0;
+ color: #888ea8;
+}
+.widget-four .widget-content .w-browser-info p {
+ font-size: 12px;
+ font-weight: 600;
+ margin-bottom: 0;
+ color: #888ea8;
+}
+.widget-four .widget-content .w-browser-stats .progress {
+ margin-bottom: 0;
+ height: 22px;
+ padding: 4px;
+ border-radius: 20px;
+ box-shadow: 0 2px 2px rgba(224, 230, 237, 0.4588235294117647), 1px 6px 7px rgba(224, 230, 237, 0.4588235294117647);
+}
+.widget-four .widget-content .w-browser-stats .progress .progress-bar {
+ position: relative;
+}
+.widget-four .widget-content .w-browser-stats .progress .progress-bar:before {
+ content: '';
+ height: 7px;
+ width: 7px;
+ background: #fff;
+ position: absolute;
+ right: 3px;
+ border-radius: 50%;
+ top: 3.4px;
+}
+/*
+ ==================
+ Dev Summit
+ ==================
+*/
+.widget-card-two {
+ background: #fff;
+ padding: 20px 0px;
+}
+.widget-card-two .media {
+ padding-left: 15px;
+ padding-right: 15px;
+ margin-bottom: 19px;
+ padding-bottom: 21px;
+ border-bottom: 1px dashed #e0e6ed;
+}
+.widget-card-two .media .w-img {
+ margin-right: 10px;
+}
+.widget-card-two .media .w-img img {
+ width: 50px;
+ height: 50px;
+ border-radius: 50%;
+ border: 3px solid #e0e6ed;
+}
+.widget-card-two .media .media-body {
+ align-self: center;
+}
+.widget-card-two .media .media-body h6 {
+ font-weight: 700;
+ font-size: 15px;
+ letter-spacing: 0;
+ margin-bottom: 0;
+}
+.widget-card-two .media .media-body p {
+ margin-bottom: 0;
+ font-weight: 600;
+ color: #888ea8;
+}
+.widget-card-two .card-bottom-section {
+ text-align: center;
+}
+.widget-card-two .card-bottom-section h5 {
+ font-size: 14px;
+ color: #009688;
+ font-weight: 700;
+ margin-bottom: 20px;
+}
+.widget-card-two .card-bottom-section .img-group img {
+ width: 46px;
+ height: 46px;
+ border-radius: 50%;
+ border: 2px solid #e0e6ed;
+}
+.widget-card-two .card-bottom-section .img-group img:not(:last-child) {
+ margin-right: 5px;
+}
+.widget-card-two .card-bottom-section a {
+ display: block;
+ margin-top: 18px;
+ background: #1b55e2;
+ color: #fff;
+ padding: 10px 10px;
+ transform: none;
+ margin-right: 15px;
+ margin-left: 15px;
+ font-size: 15px;
+ font-weight: 600;
+ letter-spacing: 1px;
+}
+.widget-card-two .card-bottom-section a.btn:hover,
+.widget-card-two .card-bottom-section a.btn:focus {
+ border-color: #1b55e2;
+}
+
+/*
+ =====================
+ Task Indicator
+ =====================
+*/
+.widget-five {
+ background: #fff;
+ padding: 28px 0 0 0;
+ height: 100%;
+}
+.widget-five .widget-content .header {
+ display: flex;
+ justify-content: space-between;
+ padding-left: 15px;
+ padding-right: 15px;
+ padding-bottom: 23px;
+ border-bottom: 1px dashed #e0e6ed;
+}
+.widget-five .widget-content .header-body {
+ align-self: center;
+}
+.widget-five .widget-content .header-body h6 {
+ font-weight: 700;
+ font-size: 15px;
+ letter-spacing: 0;
+ margin-bottom: 0;
+}
+.widget-five .widget-content .header-body p {
+ margin-bottom: 0;
+ font-weight: 600;
+ color: #888ea8;
+ padding: 0;
+}
+.widget-five .widget-content .task-action {
+ display: flex;
+}
+.widget-five .widget-content .task-action .dropdown.custom-dropdown {
+ align-self: center;
+}
+.widget-five .widget-content .task-action .dropdown.custom-dropdown a.dropdown-toggle svg {
+ color: #888ea8;
+}
+.widget-five .widget-content .task-action .dropdown.custom-dropdown .dropdown-menu {
+ padding: 8px 8px;
+ min-width: 10rem;
+ border-radius: 6px;
+ top: 5px !important;
+}
+.widget-five .w-content {
+ text-align: center;
+ height: 100%;
+ padding: 20px 26px;
+}
+.widget-five .w-content div .task-left {
+ margin-bottom: 0;
+ font-size: 30px;
+ color: #1b55e2;
+ background: #c2d5ff;
+ font-weight: 600;
+ border-radius: 50%;
+ display: inline-flex;
+ height: 76px;
+ width: 76px;
+ justify-content: center;
+ padding: 13px 0px;
+ border: 5px solid #fff;
+ margin-bottom: 20px;
+ -webkit-box-shadow: 0px 0px 8px 2px #e0e6ed;
+ box-shadow: 0px 0px 8px 2px #e0e6ed;
+}
+.widget-five .w-content div .task-completed {
+ font-size: 14px;
+ font-weight: 700;
+ margin-bottom: 4px;
+ color: #009688;
+}
+.widget-five .w-content div .task-hight-priority {
+ color: #acb0c3;
+ font-weight: 500;
+ margin-bottom: 0;
+}
+.widget-five .w-content div .task-hight-priority span {
+ color: #e7515a;
+ font-weight: 700;
+}
+
+/*
+ =====================
+ Media Query
+ =====================
+*/
+
+@media (max-width: 1199px) {
+ .widget-activity-two .widget-content {
+ padding-top: 0;
+ }
+ .widget-activity-two .mt-container {
+ position: relative;
+ height: 177px;
+ }
+}
+@media (max-width: 575px) {
+ .widget-card-four .w-content-img img {
+ height: 94px;
+ }
+ .widget-notification-one .noti-action a span {
+ display: none;
+ }
+ .widget-statistic .col-12:not(:last-child) .widget-one_hybrid {
+ margin-bottom: 40px
+ }
+}
\ No newline at end of file
diff --git a/static/css/elements/alert.css b/static/css/elements/alert.css
new file mode 100644
index 00000000..75b5ca3c
--- /dev/null
+++ b/static/css/elements/alert.css
@@ -0,0 +1,229 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+/* Alert */
+.alert {
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ border-radius: 5px;
+ margin-bottom: 15px;
+ padding: 0.9375rem; }
+ .alert .btn {
+ padding: 3px 12px;
+ margin-right: 20px; }
+ .alert .btn:hover {
+ box-shadow: none; }
+ .alert .alert-icon svg {
+ vertical-align: middle;
+ width: 33px;
+ height: 33px; }
+ .alert .close {
+ color: #fff;
+ opacity: 1;
+ width: 18px; }
+
+/*Default Alerts*/
+.alert-primary {
+ color: #fff;
+ background-color: #1b55e2;
+ border-color: #1b55e2; }
+
+.alert-warning {
+ color: #fff;
+ background-color: #e2a03f;
+ border-color: #e2a03f; }
+
+.alert-success {
+ color: #fff;
+ background-color: #8dbf42;
+ border-color: #8dbf42; }
+
+.alert-info {
+ color: #fff;
+ background-color: #2196f3;
+ border-color: #2196f3; }
+
+.alert-danger {
+ color: #fff;
+ background-color: #e7515a;
+ border-color: #e7515a; }
+
+.alert-dark {
+ color: #fff;
+ background-color: #3b3f5c;
+ border-color: #3b3f5c; }
+
+/*Outline Alerts*/
+.alert-outline-primary {
+ border-color: #1b55e2;
+ border-radius: 5px; }
+
+.alert-outline-warning {
+ border-color: #dea82a;
+ border-radius: 5px; }
+
+.alert-outline-success {
+ border-color: #8dbf42;
+ border-radius: 5px; }
+
+.alert-outline-info {
+ border-color: #009eda;
+ border-radius: 5px; }
+
+.alert-outline-danger {
+ border-color: #e7515a;
+ border-radius: 5px; }
+
+.alert-outline-dark {
+ border-color: #454656;
+ border-radius: 5px; }
+
+.alert.alert-light .close {
+ color: #0e1726; }
+
+.alert.solid-alert-3 .close, .alert.solid-alert-4 .close {
+ color: #000; }
+
+.hide-default {
+ display: none; }
+
+/* Light Alert */
+.alert-light-primary {
+ color: #1b55e2;
+ background-color: #c2d5ff;
+ border-color: #1b55e2; }
+ .alert-light-primary svg.close {
+ color: #1b55e2; }
+
+.alert-light-warning {
+ color: #e2a03f;
+ background-color: #ffeccb;
+ border-color: #e2a03f; }
+ .alert-light-warning svg.close {
+ color: #e2a03f; }
+
+.alert-light-success {
+ color: #8dbf42;
+ background-color: #e6ffbf;
+ border-color: #8dbf42; }
+ .alert-light-success svg.close {
+ color: #8dbf42; }
+
+.alert-light-info {
+ color: #2196f3;
+ background-color: #bae7ff;
+ border-color: #2196f3; }
+ .alert-light-info svg.close {
+ color: #2196f3; }
+
+.alert-light-danger {
+ color: #e7515a;
+ background-color: #ffe1e2;
+ border-color: #e7515a; }
+ .alert-light-danger svg.close {
+ color: #e7515a; }
+
+.alert-light-dark {
+ color: #3b3f5c;
+ background-color: #acb0c3;
+ border-color: #3b3f5c; }
+ .alert-light-dark svg.close {
+ color: #3b3f5c; }
+
+/* Background Alerts */
+.alert-background {
+ color: #fff;
+ background: #fff url(../../img/ab-1.jpeg) no-repeat center center;
+ background-size: cover; }
+
+/* Gradient Alerts */
+.alert-gradient {
+ color: #fff;
+ border: none;
+ background-size: cover;
+ background-image: linear-gradient(135deg, #bc1a4e 0%, #004fe6 100%); }
+
+/* Custom Alerts */
+/* Default */
+.custom-alert-1 {
+ background-color: #5c1ac3;
+ border-color: #5c1ac3;
+ border-radius: 5px;
+ color: #fff; }
+ .custom-alert-1 .alert-icon {
+ margin-right: 25px; }
+ .custom-alert-1 .media-body {
+ display: flex;
+ justify-content: space-between; }
+ .custom-alert-1 .alert-text {
+ margin-right: 10px; }
+ .custom-alert-1 .alert-text strong, .custom-alert-1 .alert-text span {
+ vertical-align: sub; }
+
+/* Alert with Icon */
+.alert-icon-left {
+ border-left: 64px solid; }
+ .alert-icon-left svg:not(.close) {
+ color: #fff;
+ width: 4rem;
+ left: -4rem;
+ text-align: center;
+ position: absolute;
+ top: 50%;
+ margin-top: -10px;
+ font-size: 1.25rem;
+ font-weight: 400;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale; }
+
+.alert-icon-right {
+ border-right: 64px solid; }
+ .alert-icon-right svg:not(.close) {
+ color: #fff;
+ width: 4rem;
+ right: -4rem;
+ text-align: center;
+ position: absolute;
+ top: 50%;
+ margin-top: -10px;
+ font-size: 1.25rem;
+ font-weight: 400;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale; }
+ .alert-icon-right i {
+ float: left;
+ margin-right: 7px; }
+
+.alert[class*=alert-arrow-]:before {
+ content: '';
+ display: inline-block;
+ position: absolute;
+ top: 50%;
+ left: 0;
+ border-left: 8px solid;
+ border-top: 8px solid transparent;
+ border-bottom: 8px solid transparent;
+ border-left-color: inherit;
+ margin-top: -8px; }
+
+.alert.alert-arrow-right:before {
+ left: auto;
+ right: 0;
+ border-left: 0;
+ border-right: 8px solid;
+ border-right-color: inherit; }
+
+@media (max-width: 575px) {
+ .custom-alert-1 .media-body {
+ display: block; }
+ .alert .btn {
+ margin-top: 8px; } }
diff --git a/static/css/elements/avatar.css b/static/css/elements/avatar.css
new file mode 100644
index 00000000..81cf3c26
--- /dev/null
+++ b/static/css/elements/avatar.css
@@ -0,0 +1,94 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+.avatar {
+ position: relative;
+ display: inline-block;
+ width: 3rem;
+ height: 3rem;
+ font-size: 1rem; }
+
+.avatar--group {
+ display: inline-flex;
+ margin-right: 15px; }
+
+.avatar img {
+ width: 100%;
+ height: 100%;
+ -o-object-fit: cover;
+ object-fit: cover; }
+
+.avatar .avatar-title {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 100%;
+ height: 100%;
+ background-color: #bfc9d4;
+ color: #fff; }
+
+.avatar--group .avatar-xl {
+ margin-left: -1.28125rem; }
+
+.avatar--group .avatar {
+ margin-left: -.75rem; }
+
+.avatar--group img, .avatar--group .avatar .avatar-title {
+ border: 2px solid #ffffff; }
+
+.avatar-xl {
+ width: 5.125rem;
+ height: 5.125rem;
+ font-size: 1.70833rem; }
+
+.avatar-lg {
+ width: 4rem;
+ height: 4rem;
+ font-size: 1.33333rem; }
+
+.avatar-sm {
+ width: 2.5rem;
+ height: 2.5rem;
+ font-size: .83333rem; }
+
+/*
+ Indicators
+*/
+.avatar-indicators:before {
+ content: "";
+ position: absolute;
+ bottom: 1%;
+ right: 5%;
+ width: 28%;
+ height: 28%;
+ border-radius: 50%;
+ border: 3px solid #fff; }
+
+.avatar-offline:before {
+ background-color: #bfc9d4; }
+
+.avatar-online:before {
+ background-color: #009688; }
+
+.avatar.translateY-axis img, .avatar.translateY-axis .avatar-title {
+ -webkit-transition: all 0.35s ease;
+ transition: all 0.35s ease; }
+
+.avatar.translateY-axis img:hover, .avatar.translateY-axis .avatar-title:hover {
+ -webkit-transform: translateY(-5px) scale(1.02);
+ transform: translateY(-5px) scale(1.02); }
+
+.avatar.translateX-axis img, .avatar.translateX-axis .avatar-title {
+ -webkit-transition: all 0.35s ease;
+ transition: all 0.35s ease; }
+
+.avatar.translateX-axis img:hover, .avatar.translateX-axis .avatar-title:hover {
+ -webkit-transform: translateX(5px) scale(1.02);
+ transform: translateX(5px) scale(1.02); }
diff --git a/static/css/elements/breadcrumb.css b/static/css/elements/breadcrumb.css
new file mode 100644
index 00000000..db6daeed
--- /dev/null
+++ b/static/css/elements/breadcrumb.css
@@ -0,0 +1,242 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+.breadcrumb {
+ background-color: transparent;
+ margin-bottom: 0; }
+
+/*
+ Breadcrumb 1
+*/
+.breadcrumb-one {
+ display: inline-block; }
+ .breadcrumb-one .breadcrumb {
+ padding: 0;
+ vertical-align: text-bottom; }
+ .breadcrumb-one .breadcrumb-item {
+ align-self: center; }
+ .breadcrumb-one .breadcrumb-item a {
+ color: #888ea8;
+ vertical-align: text-bottom; }
+ .breadcrumb-one .breadcrumb-item a svg {
+ width: 18px;
+ height: 18px;
+ vertical-align: sub;
+ fill: #e0e6ed; }
+ .breadcrumb-one .breadcrumb-item.active a {
+ color: #515365; }
+ .breadcrumb-one .breadcrumb-item span {
+ vertical-align: text-bottom; }
+ .breadcrumb-one .breadcrumb-item.active {
+ color: #3b3f5c;
+ font-weight: 600; }
+ .breadcrumb-one .breadcrumb-item + .breadcrumb-item {
+ padding: 0px; }
+ .breadcrumb-one .breadcrumb-item + .breadcrumb-item::before {
+ color: #888ea8;
+ padding: 0 6px 0 6px; }
+
+/*
+ Breadcrumb 2
+*/
+.breadcrumb-two .breadcrumb {
+ list-style: none;
+ overflow: hidden;
+ padding: 0; }
+ .breadcrumb-two .breadcrumb li {
+ float: left; }
+
+.breadcrumb-two .breadcrumb-item + .breadcrumb-item::before {
+ color: #fff; }
+
+.breadcrumb-two .breadcrumb li a {
+ color: #1b55e2;
+ text-decoration: none;
+ padding: 6px 0 6px 40px;
+ background: #ebedf2;
+ position: relative;
+ display: block;
+ float: left; }
+ .breadcrumb-two .breadcrumb li a:after {
+ content: " ";
+ display: block;
+ width: 0;
+ height: 0;
+ border-top: 50px solid transparent;
+ /* Go big on the size, and let overflow hide */
+ border-bottom: 50px solid transparent;
+ border-left: 30px solid #ebedf2;
+ position: absolute;
+ top: 50%;
+ margin-top: -50px;
+ left: 100%;
+ z-index: 2; }
+ .breadcrumb-two .breadcrumb li a:before {
+ content: " ";
+ display: block;
+ width: 0;
+ height: 0;
+ border-top: 50px solid transparent;
+ /* Go big on the size, and let overflow hide */
+ border-bottom: 50px solid transparent;
+ border-left: 30px solid #ebedf2;
+ position: absolute;
+ top: 50%;
+ margin-top: -50px;
+ margin-left: 1px;
+ left: 100%;
+ z-index: 1; }
+
+.breadcrumb-two .breadcrumb li:last-child a:before {
+ margin-left: -6px; }
+
+.breadcrumb-two .breadcrumb li:first-child a {
+ padding-left: 10px;
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px; }
+
+.breadcrumb-two .breadcrumb li.active a {
+ background: #1b55e2;
+ color: #fff; }
+ .breadcrumb-two .breadcrumb li.active a:after {
+ border-left-color: #1b55e2; }
+
+.breadcrumb-two .breadcrumb li:last-child a {
+ pointer-events: none;
+ cursor: default;
+ padding-left: 20px;
+ padding-right: 20px;
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px; }
+ .breadcrumb-two .breadcrumb li:last-child a:after {
+ border: none; }
+
+/*
+ Breadcrumb 3
+*/
+.breadcrumb-three {
+ padding: 0;
+ background-color: transparent; }
+ .breadcrumb-three .breadcrumb {
+ padding: 0; }
+ .breadcrumb-three .breadcrumb-item {
+ color: #888ea8;
+ padding: 9px 9px;
+ background: #f1f2f3;
+ border-bottom-right-radius: 13px;
+ border-top-right-radius: 13px; }
+ .breadcrumb-three .breadcrumb-item.active {
+ color: #1b55e2;
+ font-weight: 600; }
+ .breadcrumb-three .breadcrumb-item + .breadcrumb-item::before {
+ color: #515365;
+ font-weight: 700;
+ font-size: 13px;
+ content: '';
+ padding: 0px 6px;
+ vertical-align: sub; }
+
+/*
+ Breadcrumb 4
+*/
+.breadcrumb-four .breadcrumb {
+ display: inline-flex;
+ padding: 0;
+ background-color: transparent;
+ margin-bottom: 0; }
+ .breadcrumb-four .breadcrumb li {
+ position: relative;
+ font-size: 14px;
+ background: #fff;
+ margin-right: 20px;
+ margin-bottom: 6px;
+ padding: 7px 10px;
+ border-radius: 10px;
+ border: 1px solid #e0e6ed;
+ -webkit-box-shadow: 2px 5px 17px 0 rgba(31, 45, 61, 0.1);
+ box-shadow: 0px 1px 8px 0px rgba(31, 45, 61, 0.1); }
+ .breadcrumb-four .breadcrumb li:last-child {
+ margin-right: 0; }
+ .breadcrumb-four .breadcrumb li:not(:first-child):before {
+ content: '';
+ position: absolute;
+ border-radius: 50%;
+ height: 4px;
+ width: 4px;
+ background: #1b55e2;
+ left: -13px;
+ top: 50%; }
+ .breadcrumb-four .breadcrumb li a {
+ color: #555;
+ vertical-align: sub; }
+ .breadcrumb-four .breadcrumb li a:hover {
+ text-decoration: none;
+ color: #4d7496; }
+ .breadcrumb-four .breadcrumb li:not(:first-child) svg {
+ margin-right: 5px; }
+ .breadcrumb-four .breadcrumb li svg {
+ color: #6f6f6f;
+ vertical-align: text-bottom;
+ width: 20px; }
+ .breadcrumb-four .breadcrumb li.active a {
+ color: #1b55e2 !important;
+ font-weight: 600; }
+ .breadcrumb-four .breadcrumb li.active svg {
+ color: #1b55e2; }
+ .breadcrumb-four .breadcrumb li span {
+ vertical-align: text-bottom; }
+
+/*
+ Breadcrumb 5
+*/
+.breadcrumb-five .breadcrumb {
+ padding: 0;
+ background-color: transparent;
+ margin-bottom: 0; }
+ .breadcrumb-five .breadcrumb li {
+ position: relative;
+ font-size: 14px;
+ margin-right: 20px;
+ padding: 0 7px; }
+ .breadcrumb-five .breadcrumb li:last-child {
+ margin-right: 0; }
+ .breadcrumb-five .breadcrumb li:not(:first-child):before {
+ content: '';
+ position: absolute;
+ border-radius: 50%;
+ height: 4px;
+ width: 4px;
+ background: #1b55e2;
+ left: -13px;
+ top: 50%; }
+ .breadcrumb-five .breadcrumb li a {
+ color: #555;
+ vertical-align: sub; }
+ .breadcrumb-five .breadcrumb li a:hover {
+ text-decoration: none;
+ color: #4d7496; }
+ .breadcrumb-five .breadcrumb li svg {
+ color: #6f6f6f;
+ vertical-align: bottom;
+ width: 20px; }
+ .breadcrumb-five .breadcrumb li.active a {
+ color: #1b55e2 !important;
+ font-weight: 600; }
+
+@media (max-width: 575px) {
+ .breadcrumb-two .breadcrumb li {
+ padding: 0; }
+ .breadcrumb-two .breadcrumb li a {
+ padding: 6px 10px 6px 10px;
+ margin-bottom: 5px; }
+ .breadcrumb-two .breadcrumb li a:after {
+ display: none; }
+ .breadcrumb-two .breadcrumb-item + .breadcrumb-item::before, .breadcrumb-two .breadcrumb li a:before {
+ display: none; } }
diff --git a/static/css/elements/color_library.css b/static/css/elements/color_library.css
new file mode 100644
index 00000000..b3ef6ad5
--- /dev/null
+++ b/static/css/elements/color_library.css
@@ -0,0 +1,45 @@
+.widget {
+ border: none;
+ box-shadow: none;
+}
+/*---------Palette Box--------*/
+.color-box {
+ display: flex;
+ align-items: center;
+ padding: 10px;
+ border: 1px solid #e0e6ed;
+ border-radius: 6px;
+ -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
+ -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
+ box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
+ background: white;
+}
+.color-box .cl-example {
+ width: 80px;
+ height: 80px;
+ margin-right: 20px;
+ border-radius: 6px;
+ -webkit-transition: all 0.35s ease;
+ transition: all 0.35s ease;
+ margin-top: -10px;
+ margin-left: -10px;
+ margin-bottom: -10px;
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+.color-box:hover .cl-example {
+ -webkit-transform: scale(1.09);
+ transform: scale(1.09);
+}
+.color-box .cl-info { flex: 1; }
+.color-box .cl-title {
+ font-size: 16px;
+ font-weight: 600;
+ margin-bottom: 0;
+ color: #3b3f5c;
+}
+.color-box .cl-info span {
+ font-size: 14px;
+ color: #888ea8;
+ font-weight: 600;
+}
\ No newline at end of file
diff --git a/static/css/elements/custom-pagination.css b/static/css/elements/custom-pagination.css
new file mode 100644
index 00000000..253be435
--- /dev/null
+++ b/static/css/elements/custom-pagination.css
@@ -0,0 +1,265 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+/*
+ ============================
+ Pagination container
+ =============================
+*/
+.paginating-container {
+ display: flex;
+ justify-content: center;
+ margin-bottom: 0; }
+ .paginating-container .prev svg, .paginating-container .next svg {
+ width: 18px;
+ height: 18px;
+ vertical-align: text-bottom; }
+ .paginating-container .pagination {
+ margin-bottom: 0; }
+ .paginating-container li {
+ padding: 10px 0;
+ font-weight: 600;
+ color: #3b3f5c;
+ border-radius: 4px; }
+ .paginating-container li a {
+ padding: 10px 15px;
+ font-weight: 600;
+ color: #3b3f5c; }
+ .paginating-container li:not(:last-child) {
+ margin-right: 4px; }
+
+/*
+ Default Style
+*/
+.pagination-default li {
+ border: 2px solid #e0e6ed; }
+ .pagination-default li:hover {
+ border: 2px solid #1b55e2 !important; }
+ .pagination-default li:hover a {
+ color: #1b55e2; }
+ .pagination-default li.active {
+ border: 2px solid #1b55e2 !important;
+ color: #1b55e2; }
+ .pagination-default li a.active:hover, .pagination-default li.active a {
+ color: #1b55e2; }
+
+.pagination-default .prev {
+ border: 2px solid #e0e6ed; }
+ .pagination-default .prev:hover {
+ border: 2px solid #1b55e2; }
+ .pagination-default .prev:hover a, .pagination-default .prev:hover svg {
+ color: #1b55e2; }
+
+.pagination-default .next {
+ border: 2px solid #e0e6ed; }
+ .pagination-default .next:hover {
+ border: 2px solid #1b55e2; }
+ .pagination-default .next:hover a, .pagination-default .next:hover svg {
+ color: #1b55e2; }
+
+/*
+ Solid Style
+*/
+.pagination-solid li {
+ background-color: #e0e6ed; }
+ .pagination-solid li:hover a {
+ color: #1b55e2; }
+ .pagination-solid li.active {
+ background-color: #1b55e2 !important;
+ color: #fff; }
+ .pagination-solid li a.active:hover, .pagination-solid li.active a {
+ color: #fff; }
+
+.pagination-solid .prev {
+ background-color: #e0e6ed; }
+ .pagination-solid .prev:hover {
+ background-color: #1b55e2; }
+ .pagination-solid .prev:hover a, .pagination-solid .prev:hover svg {
+ color: #fff; }
+
+.pagination-solid .next {
+ background-color: #e0e6ed; }
+ .pagination-solid .next:hover {
+ background-color: #1b55e2; }
+ .pagination-solid .next:hover a, .pagination-solid .next:hover svg {
+ color: #fff; }
+
+/*
+ ===================
+ No Spacing
+ ===================
+*/
+.pagination-no_spacing {
+ display: flex;
+ justify-content: center;
+ margin-bottom: 0; }
+ .pagination-no_spacing .prev {
+ background-color: #e0e6ed;
+ border-radius: 50%;
+ padding: 10px 11px;
+ margin-right: 5px; }
+ .pagination-no_spacing .prev:hover {
+ background-color: #1b55e2; }
+ .pagination-no_spacing .prev:hover svg {
+ color: #fff; }
+ .pagination-no_spacing .next {
+ background-color: #e0e6ed;
+ border-radius: 50%;
+ padding: 10px 11px;
+ margin-left: 5px; }
+ .pagination-no_spacing .next:hover {
+ background-color: #1b55e2; }
+ .pagination-no_spacing .next:hover svg {
+ color: #fff; }
+ .pagination-no_spacing .prev svg, .pagination-no_spacing .next svg {
+ width: 18px;
+ height: 18px;
+ vertical-align: text-bottom; }
+ .pagination-no_spacing .pagination {
+ margin-bottom: 0; }
+ .pagination-no_spacing li {
+ background-color: #e0e6ed;
+ padding: 10px 0;
+ font-weight: 600;
+ color: #3b3f5c; }
+ .pagination-no_spacing li:first-child {
+ border-top-left-radius: 50px;
+ border-bottom-left-radius: 50px; }
+ .pagination-no_spacing li:last-child {
+ border-top-right-radius: 50px;
+ border-bottom-right-radius: 50px; }
+ .pagination-no_spacing li a {
+ padding: 10px 15px;
+ font-weight: 600;
+ color: #3b3f5c; }
+ .pagination-no_spacing li a.active {
+ background-color: #1b55e2 !important;
+ border-radius: 6px;
+ color: #fff; }
+ .pagination-no_spacing li a.active:hover {
+ color: #fff; }
+ .pagination-no_spacing li a:hover {
+ color: #1b55e2; }
+
+/*
+ =======================
+ Custom Pagination
+ =======================
+*/
+/*
+ Custom Solid
+*/
+.pagination-custom_solid {
+ display: flex;
+ justify-content: center;
+ margin-bottom: 0; }
+ .pagination-custom_solid .prev {
+ background-color: #e0e6ed;
+ border-radius: 50%;
+ padding: 10px 11px;
+ margin-right: 25px; }
+ .pagination-custom_solid .prev:hover {
+ background-color: #1b55e2; }
+ .pagination-custom_solid .prev:hover svg {
+ color: #fff; }
+ .pagination-custom_solid .next {
+ background-color: #e0e6ed;
+ border-radius: 50%;
+ padding: 10px 11px;
+ margin-left: 25px; }
+ .pagination-custom_solid .next:hover {
+ background-color: #1b55e2; }
+ .pagination-custom_solid .next:hover svg {
+ color: #fff; }
+ .pagination-custom_solid .prev svg, .pagination-custom_solid .next svg {
+ width: 18px;
+ height: 18px;
+ vertical-align: text-bottom; }
+ .pagination-custom_solid .pagination {
+ margin-bottom: 0; }
+ .pagination-custom_solid li {
+ background-color: #e0e6ed;
+ padding: 10px 0;
+ font-weight: 600;
+ color: #3b3f5c; }
+ .pagination-custom_solid li:first-child {
+ border-top-left-radius: 50px;
+ border-bottom-left-radius: 50px; }
+ .pagination-custom_solid li:last-child {
+ border-top-right-radius: 50px;
+ border-bottom-right-radius: 50px; }
+ .pagination-custom_solid li a {
+ padding: 10px 15px;
+ font-weight: 600;
+ color: #3b3f5c; }
+ .pagination-custom_solid li a.active {
+ background-color: #1b55e2 !important;
+ border-radius: 6px;
+ color: #fff; }
+ .pagination-custom_solid li a.active:hover {
+ color: #fff; }
+ .pagination-custom_solid li a:hover {
+ color: #1b55e2; }
+
+/*
+ Custom Outline
+*/
+.pagination-custom_outline {
+ display: flex;
+ justify-content: center;
+ margin-bottom: 0; }
+ .pagination-custom_outline .prev {
+ border: 2px solid #e0e6ed;
+ border-radius: 50%;
+ padding: 8px 11px;
+ margin-right: 25px; }
+ .pagination-custom_outline .prev:hover {
+ border: 2px solid #1b55e2; }
+ .pagination-custom_outline .prev:hover svg {
+ color: #1b55e2; }
+ .pagination-custom_outline .next {
+ border: 2px solid #e0e6ed;
+ border-radius: 50%;
+ padding: 8px 11px;
+ margin-left: 25px; }
+ .pagination-custom_outline .next:hover {
+ border: 2px solid #1b55e2; }
+ .pagination-custom_outline .next:hover svg {
+ color: #1b55e2; }
+ .pagination-custom_outline .prev svg, .pagination-custom_outline .next svg {
+ width: 16px;
+ height: 16px;
+ vertical-align: text-bottom; }
+ .pagination-custom_outline .pagination {
+ margin-bottom: 0; }
+ .pagination-custom_outline li {
+ padding: 10px 0;
+ font-weight: 600;
+ color: #3b3f5c;
+ border: 1px solid #e0e6ed; }
+ .pagination-custom_outline li.active {
+ background-color: #e0e6ed; }
+ .pagination-custom_outline li:first-child {
+ border-top-left-radius: 50px;
+ border-bottom-left-radius: 50px; }
+ .pagination-custom_outline li:last-child {
+ border-top-right-radius: 50px;
+ border-bottom-right-radius: 50px; }
+ .pagination-custom_outline li a {
+ padding: 10px 15px;
+ font-weight: 600;
+ color: #3b3f5c; }
+ .pagination-custom_outline li a:hover {
+ color: #1b55e2; }
+ .pagination-custom_outline li.active a {
+ background-color: #ffffff;
+ border: 2px solid #1b55e2 !important;
+ border-radius: 6px;
+ color: #1b55e2; }
diff --git a/static/css/elements/custom-tree_view.css b/static/css/elements/custom-tree_view.css
new file mode 100644
index 00000000..b5503898
--- /dev/null
+++ b/static/css/elements/custom-tree_view.css
@@ -0,0 +1,125 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+/* Tree View */
+#myUL {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ color: #3b3f5c;
+ font-weight: 600; }
+ #myUL ul {
+ list-style-type: none; }
+
+.caret {
+ cursor: pointer;
+ -webkit-user-select: none;
+ /* Safari 3.1+ */
+ -moz-user-select: none;
+ /* Firefox 2+ */
+ -ms-user-select: none;
+ /* IE 10+ */
+ user-select: none;
+ font-size: 13px;
+ color: #0e1726;
+ text-transform: capitalize; }
+ .caret.caret-down::before {
+ content: url('data:image/svg+xml, '); }
+ .caret::before {
+ content: url('data:image/svg+xml, ');
+ color: #888ea8;
+ display: inline-block;
+ margin-right: 6px;
+ vertical-align: sub; }
+
+.nested {
+ display: none;
+ padding-left: 28px; }
+ .nested li {
+ margin-top: 8px;
+ margin-bottom: 8px;
+ color: #5c1ac3;
+ font-size: 13px; }
+
+.active {
+ display: block; }
+
+.file-tree {
+ margin-bottom: 0;
+ padding-left: 20px;
+ list-style: none;
+ overflow: hidden; }
+ .file-tree * {
+ list-style-type: none; }
+ .file-tree ul {
+ list-style: none;
+ display: none;
+ padding-left: 30px; }
+ .file-tree li {
+ position: relative;
+ padding: 5px 0;
+ border-radius: 0.25rem;
+ cursor: auto;
+ white-space: nowrap;
+ font-size: 0.875rem;
+ font-weight: 600;
+ color: #0e1726; }
+ .file-tree .file-tree-folder {
+ -webkit-transition: all 0.2s;
+ -moz-transition: all 0.2s;
+ transition: all 0.2s;
+ -webkit-transition-delay: 0s;
+ -moz-transition-delay: 0s;
+ transition-delay: 0s;
+ cursor: pointer; }
+ .file-tree .file-tree-folder::before {
+ content: "\e9b9";
+ font-size: 1.25rem; }
+ .file-tree .file-tree-folder::after {
+ -webkit-transition: all 0.2s;
+ -moz-transition: all 0.2s;
+ transition: all 0.2s;
+ -webkit-transition-delay: 0s;
+ -moz-transition-delay: 0s;
+ transition-delay: 0s;
+ position: absolute;
+ top: .4rem;
+ left: -2em;
+ content: "\f182";
+ display: block;
+ text-align: center;
+ font-family: 'flaticon' !important;
+ content: url('data:image/svg+xml, ');
+ font-size: 10px;
+ color: #2196f3; }
+ .file-tree .file-tree-folder.open::after {
+ -webkit-transform: rotate(180deg);
+ -moz-transform: rotate(180deg);
+ transform: rotate(180deg); }
+ .file-tree li.file-tree-folder::before {
+ display: inline-block;
+ text-align: center;
+ width: 30px;
+ margin-right: .25rem;
+ vertical-align: middle;
+ font-size: 1rem;
+ color: #2196f3;
+ content: url('data:image/svg+xml, '); }
+ .file-tree li::before {
+ content: url('data:image/svg+xml, ');
+ font-size: 1rem;
+ color: #2196f3;
+ margin-right: 9px;
+ position: relative;
+ top: 2px; }
+
+@media (max-width: 767px) {
+ .custo-radio {
+ margin-top: 5px; } }
diff --git a/static/css/elements/custom-typography.css b/static/css/elements/custom-typography.css
new file mode 100644
index 00000000..f677afae
--- /dev/null
+++ b/static/css/elements/custom-typography.css
@@ -0,0 +1,28 @@
+.element-background {
+ padding: 15px;
+ border: 1px solid #bfc9d4;
+ border-radius: 6px;
+}
+.font-family-showcase {
+ width: 18rem;
+ border: 1px solid #e0e6ed;
+ border-radius: 6px;
+ background: #fff;
+ margin: 0 auto;
+}
+.font-family-showcase .font-family-text { padding: 20px; border-bottom: 1px solid #e0e6ed; }
+.font-family-showcase .font-family-text p { font-size: 40px; margin-bottom: 0; }
+.font-family-showcase .font-family-info { padding: 20px; background-color: #ebedf2; }
+.font-family-showcase .font-family-info h5 { font-size: 17px; margin-bottom: 0; }
+.font-family-showcase .font-family-info a {
+ font-weight: 600;
+ font-size: 13px;
+ color: #1b55e2;
+}
+.font-family-showcase .font-family-info .font-family-link {
+ margin-top: 30px;
+ text-align: center;
+}
+@media (max-width: 575px) {
+ .font-family-showcase { width: auto; }
+}
\ No newline at end of file
diff --git a/static/css/elements/infobox.css b/static/css/elements/infobox.css
new file mode 100644
index 00000000..96119dcf
--- /dev/null
+++ b/static/css/elements/infobox.css
@@ -0,0 +1,131 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+/*
+ Infobox 1
+*/
+.infobox-1 {
+ border: 1px solid #e0e6ed;
+ width: 50%;
+ padding: 25px;
+ border-radius: 6px;
+ -webkit-box-shadow: 0px 2px 10px 1px rgba(31, 45, 61, 0.1);
+ box-shadow: 0px 2px 10px 1px rgba(31, 45, 61, 0.1);
+ margin-right: auto;
+ margin-left: auto; }
+ .infobox-1 .info-icon svg {
+ width: 50px;
+ height: 50px;
+ stroke-width: 1px;
+ margin-bottom: 20px;
+ color: #1b55e2; }
+ .infobox-1 .info-heading {
+ font-weight: 600;
+ font-size: 19px;
+ margin-bottom: 14px;
+ letter-spacing: 2px; }
+ .infobox-1 .info-text {
+ font-size: 15px;
+ color: #888ea8;
+ margin-bottom: 15px; }
+ .infobox-1 .info-link {
+ color: #1b55e2;
+ font-weight: 600; }
+ .infobox-1 .info-link svg {
+ width: 15px;
+ height: 15px; }
+
+/*
+ Infobox 2
+*/
+.infobox-2 {
+ border: 1px solid #e0e6ed;
+ width: 50%;
+ padding: 25px;
+ border-radius: 6px;
+ background: #3b3f5c;
+ -webkit-box-shadow: 0px 2px 10px 1px rgba(31, 45, 61, 0.1);
+ box-shadow: 0px 2px 10px 1px rgba(31, 45, 61, 0.1);
+ margin-right: auto;
+ margin-left: auto; }
+ .infobox-2 .info-icon {
+ border-radius: 50%;
+ background: #888ea8;
+ display: inline-block;
+ padding: 15px;
+ margin-bottom: 20px; }
+ .infobox-2 .info-icon svg {
+ width: 50px;
+ height: 50px;
+ stroke-width: 1px;
+ color: #d3d3d3; }
+ .infobox-2 .info-heading {
+ font-weight: 600;
+ font-size: 19px;
+ margin-bottom: 14px;
+ letter-spacing: 2px;
+ color: #fff; }
+ .infobox-2 .info-text {
+ font-size: 15px;
+ color: #e0e6ed;
+ margin-bottom: 15px; }
+ .infobox-2 .info-link {
+ color: #2196f3;
+ font-weight: 600; }
+ .infobox-2 .info-link svg {
+ width: 15px;
+ height: 15px; }
+
+/*
+ Infobox 3
+*/
+.infobox-3 {
+ position: relative;
+ border: 1px solid #e0e6ed;
+ width: 50%;
+ margin-top: 30px;
+ padding: 50px 25px 25px 25px;
+ border-radius: 6px;
+ -webkit-box-shadow: 0px 2px 10px 1px rgba(31, 45, 61, 0.1);
+ box-shadow: 0px 2px 10px 1px rgba(31, 45, 61, 0.1);
+ margin-right: auto;
+ margin-left: auto; }
+ .infobox-3 .info-icon {
+ position: absolute;
+ margin-bottom: 20px;
+ background: #1b55e2;
+ display: inline-block;
+ top: -31px;
+ padding: 6px;
+ border-radius: 6px; }
+ .infobox-3 .info-icon svg {
+ width: 50px;
+ height: 50px;
+ stroke-width: 1px;
+ color: #fff; }
+ .infobox-3 .info-heading {
+ font-weight: 600;
+ font-size: 19px;
+ margin-bottom: 14px;
+ letter-spacing: 2px; }
+ .infobox-3 .info-text {
+ font-size: 15px;
+ color: #888ea8;
+ margin-bottom: 15px; }
+ .infobox-3 .info-link {
+ color: #1b55e2;
+ font-weight: 600; }
+ .infobox-3 .info-link svg {
+ width: 15px;
+ height: 15px; }
+
+@media (max-width: 575px) {
+ .infobox-1, .infobox-2, .infobox-3 {
+ width: auto; } }
diff --git a/static/css/elements/miscellaneous.css b/static/css/elements/miscellaneous.css
new file mode 100644
index 00000000..72be7ade
--- /dev/null
+++ b/static/css/elements/miscellaneous.css
@@ -0,0 +1,16 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+.jumbotron p {
+ text-align: left; }
+
+.display-4 {
+ word-wrap: break-word;
+ font-size: 45px; }
diff --git a/static/css/elements/popover.css b/static/css/elements/popover.css
new file mode 100644
index 00000000..f548be49
--- /dev/null
+++ b/static/css/elements/popover.css
@@ -0,0 +1,130 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+.popovers-section h6 {
+ color: #3b3f5c;
+ font-size: 0.875rem;
+ margin-top: 25px;
+ margin-bottom: 20px; }
+
+.popover {
+ border: 1px solid #ebedf2;
+ border-radius: 4px; }
+
+/*
+ Popovers
+*/
+.popover-primary {
+ border-color: #c2d5ff; }
+
+.popover-success {
+ border-color: #e6ffbf; }
+
+.popover-info {
+ border-color: #bae7ff; }
+
+.popover-danger {
+ border-color: #ffe1e2; }
+
+.popover-warning {
+ border-color: #ffeccb; }
+
+.popover-secondary {
+ border-color: #dccff7; }
+
+.popover-dark {
+ border-color: #acb0c3; }
+
+/* popover Arrow */
+.popover-primary .arrow:after, .popover-primary .arrow:before {
+ border-top-color: #c2d5ff; }
+
+.popover-success .arrow:after, .popover-success .arrow:before {
+ border-top-color: #e6ffbf; }
+
+.popover-info .arrow:after, .popover-info .arrow:before {
+ border-top-color: #bae7ff; }
+
+.popover-danger .arrow:after, .popover-danger .arrow:before {
+ border-top-color: #ffe1e2; }
+
+.popover-warning .arrow:after, .popover-warning .arrow:before {
+ border-top-color: #ffeccb; }
+
+.popover-secondary .arrow:after, .popover-secondary .arrow:before {
+ border-top-color: #dccff7; }
+
+.popover-dark .arrow:after, .popover-dark .arrow:before {
+ border-top-color: #acb0c3; }
+
+/* popover Header */
+.popover-primary .popover-header {
+ background-color: #c2d5ff;
+ border: none;
+ color: #1b55e2; }
+
+.popover-success .popover-header {
+ background-color: #e6ffbf;
+ border: none;
+ color: #8dbf42; }
+
+.popover-info .popover-header {
+ background-color: #bae7ff;
+ border: none;
+ color: #2196f3; }
+
+.popover-danger .popover-header {
+ background-color: #ffe1e2;
+ border: none;
+ color: #e7515a; }
+
+.popover-warning .popover-header {
+ background-color: #ffeccb;
+ border: none;
+ color: #e2a03f; }
+
+.popover-secondary .popover-header {
+ background-color: #dccff7;
+ border: none;
+ color: #5c1ac3; }
+
+.popover-dark .popover-header {
+ background-color: #acb0c3;
+ border: none;
+ color: #3b3f5c; }
+
+/* Popover Body */
+.popover-primary .popover-body {
+ background-color: #c2d5ff;
+ color: #1b55e2; }
+
+.popover-success .popover-body {
+ background-color: #e6ffbf;
+ color: #8dbf42; }
+
+.popover-info .popover-body {
+ background-color: #bae7ff;
+ color: #2196f3; }
+
+.popover-danger .popover-body {
+ background-color: #ffe1e2;
+ color: #e7515a; }
+
+.popover-warning .popover-body {
+ background-color: #ffeccb;
+ color: #e2a03f; }
+
+.popover-secondary .popover-body {
+ background-color: #dccff7;
+ color: #5c1ac3; }
+
+.popover-dark .popover-body {
+ background-color: #acb0c3;
+ color: #3b3f5c; }
diff --git a/static/css/elements/search.css b/static/css/elements/search.css
new file mode 100644
index 00000000..2a43e405
--- /dev/null
+++ b/static/css/elements/search.css
@@ -0,0 +1,213 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+/*
+ Live Search
+*/
+.filtered-list-search {
+ margin-top: 0;
+ margin-bottom: 50px; }
+ .filtered-list-search form > div {
+ position: relative; }
+ .filtered-list-search form input {
+ border: none;
+ padding: 10px 16px;
+ background: #fff;
+ -webkit-box-shadow: 0 0 4px 2px rgba(31, 45, 61, 0.1);
+ box-shadow: 0 0 4px 2px rgba(31, 45, 61, 0.1); }
+ .filtered-list-search form input:focus {
+ box-shadow: 0 0 4px 2px rgba(31, 45, 61, 0.1); }
+ .filtered-list-search form button {
+ border-radius: 50%;
+ padding: 7px 7px;
+ position: absolute;
+ right: 4px;
+ top: 4px; }
+ .filtered-list-search form input::-webkit-input-placeholder {
+ /* Chrome/Opera/Safari */
+ color: #888ea8; }
+ .filtered-list-search form input::-moz-placeholder {
+ /* Firefox 19+ */
+ color: #888ea8; }
+ .filtered-list-search form input:-ms-input-placeholder {
+ /* IE 10+ */
+ color: #888ea8; }
+ .filtered-list-search form input:-moz-placeholder {
+ /* Firefox 18- */
+ color: #888ea8; }
+
+.searchable-container {
+ max-width: 1140px;
+ margin: 0 auto; }
+
+.searchable-items {
+ padding: 13px;
+ border: 1px solid #e0e6ed;
+ border-radius: 10px; }
+
+.searchable-container .searchable-items {
+ display: block;
+ width: 100%;
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch; }
+
+.searchable-container .items {
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: .75rem .625rem;
+ position: relative;
+ display: -ms-flexbox;
+ display: flex;
+ min-width: 0;
+ word-wrap: break-word;
+ justify-content: space-between;
+ background: #fff;
+ margin-bottom: 15px;
+ border-radius: 14px;
+ padding: 13px 18px;
+ width: 100%;
+ color: #0e1726;
+ min-width: 625px;
+ transition: all 0.35s ease;
+ cursor: pointer;
+ -webkit-box-shadow: 0px 2px 9px 2px rgba(31, 45, 61, 0.1);
+ box-shadow: 0px 2px 9px 2px rgba(31, 45, 61, 0.1); }
+ .searchable-container .items:hover {
+ -webkit-transform: translateY(0) scale(1.03);
+ transform: translateY(0) scale(1.03);
+ transform: translateY(0) scale(1.01); }
+ .searchable-container .items .user-profile {
+ display: flex; }
+ .searchable-container .items .user-profile img {
+ width: 43px;
+ height: 43px;
+ border-radius: 5px; }
+ .searchable-container .items .user-name p, .searchable-container .items .user-work p, .searchable-container .items .user-email p {
+ margin-bottom: 0;
+ color: #888ea8;
+ font-weight: 600; }
+ .searchable-container .items .user-status span.badge {
+ background: transparent;
+ transform: none; }
+ .searchable-container .items .user-status span.badge.badge-warning {
+ color: #e2a03f;
+ border: 2px dashed #e2a03f; }
+ .searchable-container .items .user-status span.badge.badge-danger {
+ color: #e7515a;
+ border: 2px dashed #e7515a; }
+ .searchable-container .items .user-status span.badge.badge-primary {
+ color: #1b55e2;
+ border: 2px dashed #1b55e2; }
+ .searchable-container .items .action-btn p {
+ margin-bottom: 0;
+ color: #3b3f5c;
+ cursor: pointer;
+ font-weight: 600; }
+ .searchable-container .items:hover .serial-number p, .searchable-container .items:hover .user-name p, .searchable-container .items:hover .user-work p, .searchable-container .items:hover .user-email p, .searchable-container .items:hover .action-btn p {
+ color: #1b55e2; }
+
+/*
+ Line Search
+*/
+.full-search.search-form-overlay {
+ height: 50px;
+ position: relative;
+ border: 1px solid #e0e6ed;
+ border-radius: 5px;
+ padding: 6px; }
+
+.search-form-overlay.input-focused .form-inline.search {
+ position: absolute;
+ bottom: 0;
+ top: 0;
+ background: #fff;
+ height: 100%;
+ width: 100%;
+ left: 0;
+ right: 0;
+ z-index: 32;
+ border-radius: 0;
+ margin-top: 0px !important;
+ display: flex;
+ padding: 0; }
+
+.search-form-overlay .form-inline {
+ justify-content: flex-end; }
+ .search-form-overlay .form-inline svg {
+ font-weight: 600;
+ margin: 4px 10px;
+ cursor: pointer;
+ color: #888ea8; }
+
+.search-form-overlay.input-focused .form-inline svg {
+ margin: 0;
+ position: absolute;
+ top: 10px;
+ left: 11px; }
+
+.search-form-overlay.input-focused .form-inline.search .search-bar {
+ width: 100%; }
+
+.search-form-overlay form.form-inline input.search-form-control {
+ width: 100%;
+ font-size: 13px;
+ background-color: #e3e3e3;
+ padding-top: 8px;
+ padding-bottom: 8px;
+ border: none;
+ color: #515365;
+ letter-spacing: 1px; }
+
+.search-form-overlay .form-inline.search .search-form-control {
+ border: none;
+ width: 100%;
+ display: none;
+ box-shadow: none; }
+
+.search-form-overlay.input-focused .form-inline.search .search-form-control {
+ background: transparent;
+ border-bottom: none;
+ display: block;
+ padding-left: 45px; }
+
+.demo-search-overlay {
+ display: none;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background: #fff !important;
+ z-index: 0;
+ opacity: 0;
+ transition: all 0.5s ease-in-out;
+ left: 0;
+ right: 0; }
+ .demo-search-overlay.show {
+ display: block;
+ opacity: .1; }
+
+/*
+ Search Box
+*/
+.search-input-group-style.input-group {
+ -webkit-box-shadow: 0px 0px 0px 1px rgba(136, 142, 168, 0.313725);
+ box-shadow: 0px 0px 0px 1px rgba(136, 142, 168, 0.313725); }
+ .search-input-group-style.input-group .input-group-prepend .input-group-text {
+ border: 1px solid #ffffff;
+ background-color: #ffffff; }
+ .search-input-group-style.input-group .input-group-prepend .input-group-text svg {
+ color: #1b55e2; }
+
+.search-input-group-style input {
+ border: none;
+ border-radius: 4px;
+ padding: 6px 16px;
+ color: #0e1726; }
diff --git a/static/css/elements/tooltip.css b/static/css/elements/tooltip.css
new file mode 100644
index 00000000..53c5e69f
--- /dev/null
+++ b/static/css/elements/tooltip.css
@@ -0,0 +1,81 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+.tooltip-inner {
+ border-radius: 6px; }
+
+.tooltip .tooltip-item {
+ color: #fff;
+ padding: 0 9px; }
+
+.tooltip-section h6 {
+ color: #3b3f5c;
+ font-size: 0.875rem;
+ margin-top: 25px;
+ margin-bottom: 20px; }
+
+/*
+ ==================
+ Colors
+ =================
+*/
+/*
+ Tooltips
+*/
+/* Tooltip Inner */
+.tooltip-primary .tooltip-inner {
+ color: #1b55e2;
+ background-color: #c2d5ff; }
+
+.tooltip-success .tooltip-inner {
+ color: #8dbf42;
+ background-color: #e6ffbf; }
+
+.tooltip-info .tooltip-inner {
+ color: #2196f3;
+ background-color: #bae7ff; }
+
+.tooltip-danger .tooltip-inner {
+ color: #e7515a;
+ background-color: #ffe1e2; }
+
+.tooltip-warning .tooltip-inner {
+ color: #e2a03f;
+ background-color: #ffeccb; }
+
+.tooltip-secondary .tooltip-inner {
+ color: #5c1ac3;
+ background-color: #dccff7; }
+
+.tooltip-dark .tooltip-inner {
+ color: #3b3f5c;
+ background-color: #acb0c3; }
+
+/* Tooltip arrow */
+.tooltip-primary .arrow:before {
+ border-top-color: #c2d5ff; }
+
+.tooltip-success .arrow:before {
+ border-top-color: #e6ffbf; }
+
+.tooltip-info .arrow:before {
+ border-top-color: #bae7ff; }
+
+.tooltip-danger .arrow:before {
+ border-top-color: #ffe1e2; }
+
+.tooltip-warning .arrow:before {
+ border-top-color: #ffeccb; }
+
+.tooltip-secondary .arrow:before {
+ border-top-color: #dccff7; }
+
+.tooltip-dark .arrow:before {
+ border-top-color: #acb0c3; }
diff --git a/static/css/forms/bootstrap-form.css b/static/css/forms/bootstrap-form.css
new file mode 100644
index 00000000..04ec5be2
--- /dev/null
+++ b/static/css/forms/bootstrap-form.css
@@ -0,0 +1,110 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+.row .col-lg-12 .widget .widget-header h4 {
+ color: #000000;
+ font-size: 20px; }
+
+body {
+ color: #515365;
+ font-weight: 600; }
+
+.form-control {
+ border: 1px solid #ebedf2;
+ border-radius: 4px;
+ color: #F49499; }
+ .form-control:disabled, .form-control[readonly] {
+ background-color: #f1f2f3; }
+ .form-control:focus {
+ border-color: #5c1ac3; }
+
+.help-block, .help-inline {
+ color: #888ea8; }
+
+.input-group-addon {
+ background-color: #ebedf2;
+ color: #3b3f5c; }
+
+.dropdown-toggle:after {
+ color: #3b3f5c; }
+
+.has-warning .control-label, .has-warning .help-block {
+ color: #ffbb44; }
+
+.has-warning .form-control {
+ border-color: #ffbb44; }
+
+.has-error .control-label, .has-error .help-block {
+ color: #ee3d49; }
+
+.has-error .form-control {
+ border-color: #ee3d49; }
+
+.has-success .control-label, .has-success .help-block {
+ color: #009688; }
+
+.has-success .form-control {
+ border-color: #009688; }
+
+.ui-spinner-button {
+ border: 1px solid #ebedf2;
+ color: #d3d3d3; }
+
+.form-horizontal .radio, .form-horizontal .radio-inline {
+ color: #888ea8;
+ font-weight: normal; }
+
+div.tagsinput {
+ border: 1px solid #ebedf2; }
+ div.tagsinput span.tag {
+ background: #edf1f7;
+ border: 1px solid #ebedf2; }
+
+.select2-container .select2-choice {
+ border: 1px solid #ebedf2;
+ color: #888ea8;
+ font-size: 13px;
+ font-weight: normal; }
+
+.select2-default {
+ color: #888ea8 !important;
+ font-size: 13px !important;
+ font-weight: normal; }
+
+.select2-container .select2-choice .select2-arrow {
+ border: 1px solid #f1f2f3;
+ background: #fff; }
+
+.select2-container-multi .select2-choices {
+ border: 1px solid #ebedf2; }
+ .select2-container-multi .select2-choices .select2-search-choice {
+ border: 1px solid #f1f2f3;
+ color: #888ea8;
+ font-weight: normal;
+ font-size: 13px; }
+
+.checkbox, .radio {
+ position: relative;
+ display: block;
+ cursor: pointer; }
+
+.checkbox-inline, .radio-inline {
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
+ cursor: pointer; }
+
+.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
+ padding-top: 7px;
+ margin-top: 0;
+ margin-bottom: 0; }
+
+.form-horizontal .checkbox, .form-horizontal .radio {
+ min-height: 27px; }
diff --git a/static/css/forms/custom-clipboard.css b/static/css/forms/custom-clipboard.css
new file mode 100644
index 00000000..2b3c0a91
--- /dev/null
+++ b/static/css/forms/custom-clipboard.css
@@ -0,0 +1,23 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+textarea {
+ resize: none; }
+
+.clipboard {
+ background-color: #f1f2f3;
+ padding: 20px;
+ border-radius: 6px; }
+ .clipboard.copy-txt {
+ background-color: #f1f2f3; }
+ .clipboard.copy-txt .otp-pass span {
+ font-size: 24px;
+ font-weight: 600;
+ color: #3b3f5c; }
diff --git a/static/css/forms/switches.css b/static/css/forms/switches.css
new file mode 100644
index 00000000..b31ddb6d
--- /dev/null
+++ b/static/css/forms/switches.css
@@ -0,0 +1,226 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+/*
+==================
+ Switches
+==================
+*/
+/* The switch - the box around the slider */
+.switch {
+ position: relative;
+ display: inline-block;
+ width: 35px;
+ height: 18px; }
+ .switch input {
+ display: none; }
+ .switch .slider {
+ position: absolute;
+ cursor: pointer;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background-color: #ebedf2;
+ -webkit-transition: .4s;
+ transition: .4s; }
+ .switch .slider:before {
+ position: absolute;
+ content: "";
+ background-color: white;
+ -webkit-transition: .4s;
+ -ms-transition: .4s;
+ transition: .4s;
+ height: 14px;
+ width: 14px;
+ left: 2px;
+ bottom: 2px;
+ box-shadow: 0 1px 15px 1px rgba(52, 40, 104, 0.34); }
+ .switch input:checked + .slider:before {
+ -webkit-transform: translateX(17px);
+ -ms-transform: translateX(17px);
+ transform: translateX(17px); }
+ .switch .slider.round {
+ border-radius: 34px; }
+ .switch .slider.round:before {
+ border-radius: 50%; }
+ .switch.s-default .slider:before {
+ background-color: #d3d3d3; }
+ .switch.s-primary .slider:before {
+ background-color: #1b55e2; }
+ .switch.s-success .slider:before {
+ background-color: #8dbf42; }
+ .switch.s-warning .slider:before {
+ background-color: #e2a03f; }
+ .switch.s-danger .slider:before {
+ background-color: #e7515a; }
+ .switch.s-secondary .slider:before {
+ background-color: #5c1ac3; }
+ .switch.s-info .slider:before {
+ background-color: #2196f3; }
+ .switch.s-dark .slider:before {
+ background-color: #3b3f5c; }
+ .switch input:checked + .slider:before {
+ background-color: #fff; }
+ .switch.s-default input:checked + .slider {
+ background-color: #d3d3d3; }
+ .switch.s-default input:focus + .slider {
+ box-shadow: 0 0 1px #ebedf2; }
+ .switch.s-primary input:checked + .slider {
+ background-color: #1b55e2; }
+ .switch.s-primary input:focus + .slider {
+ box-shadow: 0 0 1px #1b55e2; }
+ .switch.s-success input:checked + .slider {
+ background-color: #8dbf42; }
+ .switch.s-success input:focus + .slider {
+ box-shadow: 0 0 1px #8dbf42; }
+ .switch.s-warning input:checked + .slider {
+ background-color: #e2a03f; }
+ .switch.s-warning input:focus + .slider {
+ box-shadow: 0 0 1px #e2a03f; }
+ .switch.s-danger input:checked + .slider {
+ background-color: #e7515a; }
+ .switch.s-danger input:focus + .slider {
+ box-shadow: 0 0 1px #e7515a; }
+ .switch.s-secondary input:checked + .slider {
+ background-color: #5c1ac3; }
+ .switch.s-secondary input:focus + .slider {
+ box-shadow: 0 0 1px #5c1ac3; }
+ .switch.s-info input:checked + .slider {
+ background-color: #2196f3; }
+ .switch.s-info input:focus + .slider {
+ box-shadow: 0 0 1px #2196f3; }
+ .switch.s-dark input:checked + .slider {
+ background-color: #3b3f5c; }
+ .switch.s-dark input:focus + .slider {
+ box-shadow: 0 0 1px #3b3f5c; }
+ .switch.s-outline .slider {
+ border: 2px solid #ebedf2;
+ background-color: transparent;
+ width: 36px;
+ height: 19px; }
+ .switch.s-outline .slider:before {
+ height: 13px;
+ width: 13px; }
+ .switch.s-outline[class*="s-outline-"] .slider:before {
+ bottom: 1px;
+ left: 1px;
+ border: 2px solid #bfc9d4;
+ background-color: #bfc9d4;
+ color: #ebedf2;
+ box-shadow: 0 1px 15px 1px rgba(52, 40, 104, 0.25); }
+ .switch.s-icons.s-outline-default {
+ color: #d3d3d3; }
+ .switch.s-icons.s-outline-primary {
+ color: #1b55e2; }
+ .switch.s-icons.s-outline-success {
+ color: #8dbf42; }
+ .switch.s-icons.s-outline-warning {
+ color: #e2a03f; }
+ .switch.s-icons.s-outline-danger {
+ color: #e7515a; }
+ .switch.s-icons.s-outline-secondary {
+ color: #5c1ac3; }
+ .switch.s-icons.s-outline-info {
+ color: #2196f3; }
+ .switch.s-icons.s-outline-dark {
+ color: #3b3f5c; }
+ .switch.s-outline-default input:checked + .slider {
+ border: 2px solid #ebedf2; }
+ .switch.s-outline-default input:checked + .slider:before {
+ border: 2px solid #d3d3d3;
+ background-color: #d3d3d3;
+ box-shadow: 0 1px 15px 1px rgba(52, 40, 104, 0.25); }
+ .switch.s-outline-default input:focus + .slider {
+ box-shadow: 0 0 1px #ebedf2; }
+ .switch.s-outline-primary input:checked + .slider {
+ border: 2px solid #1b55e2; }
+ .switch.s-outline-primary input:checked + .slider:before {
+ border: 2px solid #1b55e2;
+ background-color: #1b55e2;
+ box-shadow: 0 1px 15px 1px rgba(52, 40, 104, 0.34); }
+ .switch.s-outline-primary input:focus + .slider {
+ box-shadow: 0 0 1px #1b55e2; }
+ .switch.s-outline-success input:checked + .slider {
+ border: 2px solid #8dbf42; }
+ .switch.s-outline-success input:checked + .slider:before {
+ border: 2px solid #8dbf42;
+ background-color: #8dbf42;
+ box-shadow: 0 1px 15px 1px rgba(52, 40, 104, 0.34); }
+ .switch.s-outline-success input:focus + .slider {
+ box-shadow: 0 0 1px #8dbf42; }
+ .switch.s-outline-warning input:checked + .slider {
+ border: 2px solid #e2a03f; }
+ .switch.s-outline-warning input:checked + .slider:before {
+ border: 2px solid #e2a03f;
+ background-color: #e2a03f;
+ box-shadow: 0 1px 15px 1px rgba(52, 40, 104, 0.34); }
+ .switch.s-outline-warning input:focus + .slider {
+ box-shadow: 0 0 1px #e2a03f; }
+ .switch.s-outline-danger input:checked + .slider {
+ border: 2px solid #e7515a; }
+ .switch.s-outline-danger input:checked + .slider:before {
+ border: 2px solid #e7515a;
+ background-color: #e7515a;
+ box-shadow: 0 1px 15px 1px rgba(52, 40, 104, 0.34); }
+ .switch.s-outline-danger input:focus + .slider {
+ box-shadow: 0 0 1px #e7515a; }
+ .switch.s-outline-secondary input:checked + .slider {
+ border: 2px solid #5c1ac3; }
+ .switch.s-outline-secondary input:checked + .slider:before {
+ border: 2px solid #5c1ac3;
+ background-color: #5c1ac3;
+ box-shadow: 0 1px 15px 1px rgba(52, 40, 104, 0.34); }
+ .switch.s-outline-secondary input:focus + .slider {
+ box-shadow: 0 0 1px #5c1ac3; }
+ .switch.s-outline-info input:checked + .slider {
+ border: 2px solid #2196f3; }
+ .switch.s-outline-info input:checked + .slider:before {
+ border: 2px solid #2196f3;
+ background-color: #2196f3;
+ box-shadow: 0 1px 15px 1px rgba(52, 40, 104, 0.34); }
+ .switch.s-outline-info input:focus + .slider {
+ box-shadow: 0 0 1px #2196f3; }
+ .switch.s-outline-dark input:checked + .slider {
+ border: 2px solid #3b3f5c; }
+ .switch.s-outline-dark input:checked + .slider:before {
+ border: 2px solid #3b3f5c;
+ background-color: #3b3f5c;
+ box-shadow: 0 1px 15px 1px rgba(52, 40, 104, 0.34); }
+ .switch.s-outline-dark input:focus + .slider {
+ box-shadow: 0 0 1px #3b3f5c; }
+ .switch.s-icons {
+ width: 57px;
+ height: 30px; }
+ .switch.s-icons .slider {
+ width: 48px;
+ height: 25px; }
+ .switch.s-icons .slider:before {
+ vertical-align: sub;
+ color: #3b3f5c;
+ height: 19px;
+ width: 19px;
+ line-height: 1.3;
+ content: url('data:image/svg+xml, '); }
+ .switch.s-icons input:checked + .slider:before {
+ content: url('data:image/svg+xml, ');
+ vertical-align: sub;
+ color: #fff;
+ line-height: 1.4;
+ -webkit-transform: translateX(23px);
+ -ms-transform: translateX(23px);
+ transform: translateX(23px); }
+
+/* Hide default HTML checkbox */
+/* The slider */
+/* Rounded Slider Switches */
+/* Solid Switches*/
+/* Outline Switches */
+/* Icons Switches */
diff --git a/static/css/forms/theme-checkbox-radio.css b/static/css/forms/theme-checkbox-radio.css
new file mode 100644
index 00000000..7521d27c
--- /dev/null
+++ b/static/css/forms/theme-checkbox-radio.css
@@ -0,0 +1,275 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+/*----------Theme checkbox---------*/
+.new-control {
+ position: relative;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ padding-left: 1.5rem;
+ margin-right: 1rem;
+ font-weight: 100;
+ font-size: 14px; }
+
+.new-control-input {
+ position: absolute;
+ z-index: -1;
+ opacity: 0; }
+
+.new-control.new-checkbox {
+ cursor: pointer; }
+ .new-control.new-checkbox .new-control-indicator {
+ position: absolute;
+ top: 2px;
+ left: 0;
+ display: block;
+ width: 17px;
+ height: 17px;
+ pointer-events: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ background-color: #e0e6ed;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-size: 50% 50%;
+ border-radius: 4px; }
+ .new-control.new-checkbox > input:checked ~ span.new-control-indicator {
+ background: #888ea8; }
+ .new-control.new-checkbox > input:checked ~ span.new-control-indicator:after {
+ display: block; }
+ .new-control.new-checkbox span.new-control-indicator:after {
+ border: solid #fff;
+ top: 50%;
+ left: 50%;
+ margin-left: -2px;
+ margin-top: -5px;
+ width: 4px;
+ height: 8px;
+ border-width: 0 2px 2px 0 !important;
+ transform: rotate(45deg);
+ content: '';
+ position: absolute;
+ display: none;
+ margin-left: -2px;
+ margin-top: -5px;
+ width: 4px;
+ height: 8px;
+ height: 8px; }
+
+/*rounded checkbox*/
+.new-checkbox-rounded span.new-control-indicator {
+ border-radius: 50% !important; }
+
+/* line through colors */
+.new-control.new-checkbox.new-checkbox-text > input:checked ~ span.new-chk-content, .new-control.new-checkbox.new-checkbox-text.checkbox-outline-default > input:checked ~ span.new-chk-content {
+ color: #888ea8; }
+
+.new-control.new-checkbox.new-checkbox-text.checkbox-primary > input:checked ~ span.new-chk-content, .new-control.new-checkbox.new-checkbox-text.checkbox-outline-primary > input:checked ~ span.new-chk-content {
+ color: #1b55e2; }
+
+.new-control.new-checkbox.new-checkbox-text.checkbox-success > input:checked ~ span.new-chk-content, .new-control.new-checkbox.new-checkbox-text.checkbox-outline-success > input:checked ~ span.new-chk-content {
+ color: #8dbf42; }
+
+.new-control.new-checkbox.new-checkbox-text.checkbox-info > input:checked ~ span.new-chk-content, .new-control.new-checkbox.new-checkbox-text.checkbox-outline-info > input:checked ~ span.new-chk-content {
+ color: #2196f3; }
+
+.new-control.new-checkbox.new-checkbox-text.checkbox-warning > input:checked ~ span.new-chk-content, .new-control.new-checkbox.new-checkbox-text.checkbox-outline-warning > input:checked ~ span.new-chk-content {
+ color: #e2a03f; }
+
+.new-control.new-checkbox.new-checkbox-text.checkbox-danger > input:checked ~ span.new-chk-content, .new-control.new-checkbox.new-checkbox-text.checkbox-outline-danger > input:checked ~ span.new-chk-content {
+ color: #e7515a; }
+
+.new-control.new-checkbox.new-checkbox-text.checkbox-secondary > input:checked ~ span.new-chk-content, .new-control.new-checkbox.new-checkbox-text.checkbox-outline-secondary > input:checked ~ span.new-chk-content {
+ color: #5c1ac3; }
+
+.new-control.new-checkbox.new-checkbox-text.checkbox-dark > input:checked ~ span.new-chk-content, .new-control.new-checkbox.new-checkbox-text.checkbox-outline-dark > input:checked ~ span.new-chk-content {
+ color: #3b3f5c; }
+
+.new-control.new-checkbox.checkbox-primary > input:checked ~ span.new-control-indicator {
+ background: #1b55e2; }
+
+.new-control.new-checkbox.checkbox-success > input:checked ~ span.new-control-indicator {
+ background: #8dbf42; }
+
+.new-control.new-checkbox.checkbox-info > input:checked ~ span.new-control-indicator {
+ background: #2196f3; }
+
+.new-control.new-checkbox.checkbox-warning > input:checked ~ span.new-control-indicator {
+ background: #e2a03f; }
+
+.new-control.new-checkbox.checkbox-danger > input:checked ~ span.new-control-indicator {
+ background: #e7515a; }
+
+.new-control.new-checkbox.checkbox-secondary > input:checked ~ span.new-control-indicator {
+ background: #5c1ac3; }
+
+.new-control.new-checkbox.checkbox-dark > input:checked ~ span.new-control-indicator {
+ background: #3b3f5c; }
+
+.new-control.new-checkbox[class*="checkbox-outline-"] > input:checked ~ span.new-control-indicator {
+ background-color: transparent; }
+
+.new-control.new-checkbox.checkbox-outline-default > input:checked ~ span.new-control-indicator {
+ border: 2px solid #888ea8; }
+
+.new-control.new-checkbox.checkbox-outline-primary > input:checked ~ span.new-control-indicator {
+ border: 2px solid #1b55e2; }
+
+.new-control.new-checkbox.checkbox-outline-success > input:checked ~ span.new-control-indicator {
+ border: 2px solid #8dbf42; }
+
+.new-control.new-checkbox.checkbox-outline-info > input:checked ~ span.new-control-indicator {
+ border: 2px solid #2196f3; }
+
+.new-control.new-checkbox.checkbox-outline-warning > input:checked ~ span.new-control-indicator {
+ border: 2px solid #e2a03f; }
+
+.new-control.new-checkbox.checkbox-outline-danger > input:checked ~ span.new-control-indicator {
+ border: 2px solid #e7515a; }
+
+.new-control.new-checkbox.checkbox-outline-secondary > input:checked ~ span.new-control-indicator {
+ border: 2px solid #5c1ac3; }
+
+.new-control.new-checkbox.checkbox-outline-dark > input:checked ~ span.new-control-indicator {
+ border: 2px solid #3b3f5c; }
+
+.new-control.new-checkbox.checkbox-outline-default > input:checked ~ span.new-control-indicator:after {
+ border-color: #888ea8; }
+
+.new-control.new-checkbox.checkbox-outline-primary > input:checked ~ span.new-control-indicator:after {
+ border-color: #1b55e2; }
+
+.new-control.new-checkbox.checkbox-outline-success > input:checked ~ span.new-control-indicator:after {
+ border-color: #8dbf42; }
+
+.new-control.new-checkbox.checkbox-outline-info > input:checked ~ span.new-control-indicator:after {
+ border-color: #2196f3; }
+
+.new-control.new-checkbox.checkbox-outline-warning > input:checked ~ span.new-control-indicator:after {
+ border-color: #e2a03f; }
+
+.new-control.new-checkbox.checkbox-outline-danger > input:checked ~ span.new-control-indicator:after {
+ border-color: #e7515a; }
+
+.new-control.new-checkbox.checkbox-outline-secondary > input:checked ~ span.new-control-indicator:after {
+ border-color: #5c1ac3; }
+
+.new-control.new-checkbox.checkbox-outline-dark > input:checked ~ span.new-control-indicator:after {
+ border-color: #3b3f5c; }
+
+.new-control.new-radio {
+ cursor: pointer; }
+ .new-control.new-radio .new-control-indicator {
+ position: absolute;
+ top: 2px;
+ left: 0;
+ display: block;
+ width: 16px;
+ height: 16px;
+ pointer-events: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ background-color: #e0e6ed;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-size: 50% 50%;
+ border-radius: 50%; }
+ .new-control.new-radio > input:checked ~ span.new-control-indicator {
+ background: #888ea8; }
+ .new-control.new-radio span.new-control-indicator:after {
+ top: 50%;
+ left: 50%;
+ margin-left: -3px;
+ margin-top: -3px;
+ content: '';
+ position: absolute;
+ display: none;
+ border-radius: 50%;
+ height: 6px;
+ width: 6px;
+ background-color: #fff; }
+ .new-control.new-radio.square-radio .new-control-indicator, .new-control.new-radio.square-radio span.new-control-indicator:after {
+ border-radius: 0; }
+ .new-control.new-radio.radio-primary > input:checked ~ span.new-control-indicator {
+ background: #1b55e2; }
+ .new-control.new-radio.radio-success > input:checked ~ span.new-control-indicator {
+ background: #8dbf42; }
+ .new-control.new-radio.radio-info > input:checked ~ span.new-control-indicator {
+ background: #2196f3; }
+ .new-control.new-radio.radio-warning > input:checked ~ span.new-control-indicator {
+ background: #e2a03f; }
+ .new-control.new-radio.radio-danger > input:checked ~ span.new-control-indicator {
+ background: #e7515a; }
+ .new-control.new-radio.radio-secondary > input:checked ~ span.new-control-indicator {
+ background: #5c1ac3; }
+ .new-control.new-radio.radio-dark > input:checked ~ span.new-control-indicator {
+ background: #3b3f5c; }
+ .new-control.new-radio[class*="radio-classic-"] > input:checked ~ span.new-control-indicator {
+ background-color: transparent; }
+ .new-control.new-radio.radio-classic-default > input:checked ~ span.new-control-indicator {
+ border: 3px solid #888ea8; }
+ .new-control.new-radio.radio-classic-primary > input:checked ~ span.new-control-indicator {
+ border: 3px solid #1b55e2; }
+ .new-control.new-radio.radio-classic-success > input:checked ~ span.new-control-indicator {
+ border: 3px solid #8dbf42; }
+ .new-control.new-radio.radio-classic-info > input:checked ~ span.new-control-indicator {
+ border: 3px solid #2196f3; }
+ .new-control.new-radio.radio-classic-warning > input:checked ~ span.new-control-indicator {
+ border: 3px solid #e2a03f; }
+ .new-control.new-radio.radio-classic-danger > input:checked ~ span.new-control-indicator {
+ border: 3px solid #e7515a; }
+ .new-control.new-radio.radio-classic-secondary > input:checked ~ span.new-control-indicator {
+ border: 3px solid #5c1ac3; }
+ .new-control.new-radio.radio-classic-dark > input:checked ~ span.new-control-indicator {
+ border: 3px solid #3b3f5c; }
+ .new-control.new-radio.radio-classic-default > input:checked ~ span.new-control-indicator:after {
+ background-color: #888ea8; }
+ .new-control.new-radio.radio-classic-primary > input:checked ~ span.new-control-indicator:after {
+ background-color: #1b55e2; }
+ .new-control.new-radio.radio-classic-success > input:checked ~ span.new-control-indicator:after {
+ background-color: #8dbf42; }
+ .new-control.new-radio.radio-classic-info > input:checked ~ span.new-control-indicator:after {
+ background-color: #2196f3; }
+ .new-control.new-radio.radio-classic-warning > input:checked ~ span.new-control-indicator:after {
+ background-color: #e2a03f; }
+ .new-control.new-radio.radio-classic-danger > input:checked ~ span.new-control-indicator:after {
+ background-color: #e7515a; }
+ .new-control.new-radio.radio-classic-secondary > input:checked ~ span.new-control-indicator:after {
+ background-color: #5c1ac3; }
+ .new-control.new-radio.radio-classic-dark > input:checked ~ span.new-control-indicator:after {
+ background-color: #3b3f5c; }
+ .new-control.new-radio.new-radio-text > input:checked ~ span.new-radio-content, .new-control.new-radio.new-radio-text.radio-classic-default > input:checked ~ span.new-radio-content {
+ color: #888ea8; }
+ .new-control.new-radio.new-radio-text.radio-primary > input:checked ~ span.new-radio-content, .new-control.new-radio.new-radio-text.radio-classic-primary > input:checked ~ span.new-radio-content {
+ color: #1b55e2; }
+ .new-control.new-radio.new-radio-text.radio-success > input:checked ~ span.new-radio-content, .new-control.new-radio.new-radio-text.radio-classic-success > input:checked ~ span.new-radio-content {
+ color: #8dbf42; }
+ .new-control.new-radio.new-radio-text.radio-info > input:checked ~ span.new-radio-content, .new-control.new-radio.new-radio-text.radio-classic-info > input:checked ~ span.new-radio-content {
+ color: #2196f3; }
+ .new-control.new-radio.new-radio-text.radio-warning > input:checked ~ span.new-radio-content, .new-control.new-radio.new-radio-text.radio-classic-warning > input:checked ~ span.new-radio-content {
+ color: #e2a03f; }
+ .new-control.new-radio.new-radio-text.radio-danger > input:checked ~ span.new-radio-content, .new-control.new-radio.new-radio-text.radio-classic-danger > input:checked ~ span.new-radio-content {
+ color: #e7515a; }
+ .new-control.new-radio.new-radio-text.radio-secondary > input:checked ~ span.new-radio-content, .new-control.new-radio.new-radio-text.radio-classic-secondary > input:checked ~ span.new-radio-content {
+ color: #5c1ac3; }
+ .new-control.new-radio.new-radio-text.radio-dark > input:checked ~ span.new-radio-content, .new-control.new-radio.new-radio-text.radio-classic-dark > input:checked ~ span.new-radio-content {
+ color: #3b3f5c; }
+
+/* Color */
+/* Outline checkbox */
+/*----------Theme Radio---------*/
+/*square radio*/
+/* Color */
+/* Outline Radio */
+/* line through colors */
diff --git a/static/css/loader.css b/static/css/loader.css
new file mode 100644
index 00000000..5c9fa26e
--- /dev/null
+++ b/static/css/loader.css
@@ -0,0 +1,30 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+div#load_screen {
+ background: #ecefff;
+ opacity: 1;
+ position: fixed;
+ z-index: 999999;
+ top: 0px;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ width: 100%; }
+ div#load_screen .loader {
+ display: flex;
+ justify-content: center;
+ height: 100vh; }
+ div#load_screen .loader-content {
+ right: 0;
+ align-self: center; }
+
+.spinner-grow {
+ color: #304aca; }
diff --git a/static/css/main.css b/static/css/main.css
new file mode 100644
index 00000000..6df8c62e
--- /dev/null
+++ b/static/css/main.css
@@ -0,0 +1,2056 @@
+html {
+ min-height: 100%; }
+
+body {
+ color: #888ea8;
+ height: 100%;
+ font-size: 0.875rem;
+ background: #f1f2f3;
+ overflow-x: hidden;
+ overflow-y: auto;
+ letter-spacing: 0.0312rem;
+ font-family: 'Nunito', sans-serif; }
+
+h1, h2, h3, h4, h5, h6 {
+ color: #3b3f5c; }
+
+:focus {
+ outline: none; }
+
+::-moz-selection {
+ /* Code for Firefox */
+ color: #1b55e2;
+ background: transparent; }
+
+::selection {
+ color: #1b55e2;
+ background: transparent; }
+
+p {
+ margin-top: 0;
+ margin-bottom: 0.625rem;
+ color: #515365; }
+
+hr {
+ margin-top: 20px;
+ margin-bottom: 20px;
+ border-top: 1px solid #f1f2f3; }
+
+strong {
+ font-weight: 600; }
+
+code {
+ color: #e7515a; }
+
+select.form-custom::-ms-expand {
+ display: none; }
+
+.custom-file-input:focus ~ .custom-file-label {
+ border: 1px solid #ced4da;
+ box-shadow: none; }
+ .custom-file-input:focus ~ .custom-file-label::after {
+ border: none;
+ border-left: 1px solid #ced4da; }
+
+.lead a.btn.btn-primary.btn-lg {
+ margin-top: 15px;
+ border-radius: 4px; }
+
+.jumbotron {
+ background-color: #f1f2f3; }
+
+.mark, mark {
+ background-color: #ffeccb; }
+
+.code-section-container {
+ margin-top: 20px;
+ text-align: left; }
+
+.toggle-code-snippet {
+ border: none;
+ background-color: transparent !important;
+ padding: 0px !important;
+ box-shadow: none !important;
+ color: #888ea8 !important;
+ margin-bottom: -24px;
+ border-bottom: 1px dashed #bfc9d4;
+ border-radius: 0; }
+ .toggle-code-snippet svg {
+ color: #1b55e2; }
+
+.code-section {
+ padding: 0;
+ height: 0; }
+
+.code-section-container.show-code .code-section {
+ margin-top: 20px;
+ height: auto; }
+
+.code-section pre {
+ margin-bottom: 0;
+ height: 0;
+ padding: 0;
+ border-radius: 6px; }
+
+.code-section-container.show-code .code-section pre {
+ height: auto;
+ padding: 22px; }
+
+.code-section code {
+ color: #fff; }
+
+/*blockquote*/
+blockquote.blockquote {
+ color: #0e1726;
+ padding: 20px 20px 20px 14px;
+ font-size: 0.875rem;
+ background-color: #ffffff;
+ border-bottom-right-radius: 8px;
+ border-top-right-radius: 8px;
+ border: 1px solid #e0e6ed;
+ border-left: 2px solid #1b55e2;
+ -webkit-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
+ -moz-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
+ box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07); }
+ blockquote.blockquote > p {
+ margin-bottom: 0; }
+
+blockquote .small:before, blockquote footer:before, blockquote small:before {
+ content: '\2014 \00A0'; }
+
+blockquote .small, blockquote footer, blockquote small {
+ display: block;
+ font-size: 80%;
+ line-height: 1.42857143;
+ color: #777; }
+
+blockquote.media-object.m-o-border-right {
+ border-right: 4px solid #1b55e2;
+ border-left: none; }
+
+blockquote.media-object .media .usr-img img {
+ width: 55px; }
+
+/* Icon List */
+.list-icon {
+ list-style: none;
+ padding: 0;
+ margin-bottom: 0; }
+ .list-icon li:not(:last-child) {
+ margin-bottom: 15px; }
+ .list-icon svg {
+ width: 18px;
+ height: 18px;
+ color: #1b55e2;
+ margin-right: 2px;
+ vertical-align: sub; }
+ .list-icon .list-text {
+ font-size: 14px;
+ font-weight: 600;
+ color: #515365;
+ letter-spacing: 1px; }
+
+a {
+ color: #515365;
+ outline: none; }
+ a:hover {
+ color: #555555;
+ text-decoration: none; }
+ a:focus {
+ outline: none;
+ text-decoration: none; }
+
+button:focus {
+ outline: none; }
+
+textarea {
+ outline: none; }
+ textarea:focus {
+ outline: none; }
+
+.btn-link:hover {
+ text-decoration: none; }
+
+span.blue {
+ color: #1b55e2; }
+
+span.green {
+ color: #8dbf42; }
+
+span.red {
+ color: #e7515a; }
+
+/* Form Group Label */
+.form-group label, label {
+ font-size: 15px;
+ color: #acb0c3;
+ letter-spacing: 1px; }
+
+/* Disable forms */
+.custom-control-input:disabled ~ .custom-control-label {
+ color: #d3d3d3; }
+
+/* Form Control */
+.form-control {
+ height: auto;
+ border: 1px solid #bfc9d4;
+ color: #3b3f5c;
+ font-size: 15px;
+ padding: 8px 10px;
+ letter-spacing: 1px;
+ height: calc(1.4em + 1.4rem + 2px);
+ padding: .75rem 1.25rem;
+ border-radius: 6px; }
+ .form-control:focus {
+ box-shadow: 0 0 5px 2px rgba(194, 213, 255, 0.619608);
+ border-color: #1b55e2;
+ color: #3b3f5c; }
+ .form-control::-webkit-input-placeholder, .form-control::-ms-input-placeholder, .form-control::-moz-placeholder {
+ color: #acb0c3;
+ font-size: 15px; }
+ .form-control:focus::-webkit-input-placeholder, .form-control:focus::-ms-input-placeholder, .form-control:focus::-moz-placeholder {
+ color: #d3d3d3;
+ font-size: 15px; }
+ .form-control.form-control-lg {
+ font-size: 19px;
+ padding: 11px 20px; }
+ .form-control.form-control-sm {
+ padding: 7px 16px;
+ font-size: 13px; }
+
+/* Custom Select */
+.custom-select {
+ height: auto;
+ border: 1px solid #f1f2f3;
+ color: #3b3f5c;
+ font-size: 15px;
+ padding: 8px 10px;
+ letter-spacing: 1px;
+ background-color: #f1f2f3; }
+ .custom-select.custom-select-lg {
+ font-size: 18px;
+ padding: 16px 20px; }
+ .custom-select.custom-select-sm {
+ font-size: 13px;
+ padding: 7px 16px; }
+ .custom-select:focus {
+ box-shadow: none;
+ border-color: #1b55e2;
+ color: #3b3f5c; }
+
+/* Form Control File */
+.form-control-file {
+ width: 100%;
+ color: #5c1ac3; }
+ .form-control-file::-webkit-file-upload-button {
+ letter-spacing: 1px;
+ padding: 9px 20px;
+ text-shadow: none;
+ font-size: 12px;
+ color: #fff;
+ font-weight: normal;
+ white-space: normal;
+ word-wrap: break-word;
+ transition: .2s ease-out;
+ touch-action: manipulation;
+ cursor: pointer;
+ background-color: #5c1ac3;
+ box-shadow: 0px 0px 15px 1px rgba(113, 106, 202, 0.2);
+ will-change: opacity, transform;
+ transition: all 0.3s ease-out;
+ -webkit-transition: all 0.3s ease-out;
+ border-radius: 4px;
+ border: transparent;
+ outline: none; }
+ .form-control-file::-ms-file-upload-button {
+ letter-spacing: 1px;
+ padding: 9px 20px;
+ text-shadow: none;
+ font-size: 14px;
+ color: #fff;
+ font-weight: normal;
+ white-space: normal;
+ word-wrap: break-word;
+ transition: .2s ease-out;
+ touch-action: manipulation;
+ cursor: pointer;
+ background-color: #5c1ac3;
+ box-shadow: 0px 0px 15px 1px rgba(113, 106, 202, 0.2);
+ will-change: opacity, transform;
+ transition: all 0.3s ease-out;
+ -webkit-transition: all 0.3s ease-out;
+ border-radius: 4px;
+ border: transparent;
+ outline: none; }
+ .form-control-file.form-control-file-rounded::-webkit-file-upload-button {
+ -webkit-border-radius: 1.875rem !important;
+ -moz-border-radius: 1.875rem !important;
+ -ms-border-radius: 1.875rem !important;
+ -o-border-radius: 1.875rem !important;
+ border-radius: 1.875rem !important; }
+
+select.form-control.form-custom {
+ display: inline-block;
+ width: 100%;
+ height: calc(2.25rem + 2px);
+ vertical-align: middle;
+ background: #fff url(../img/arrow-down.png) no-repeat right 0.75rem center;
+ background-size: 13px 14px;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none; }
+
+/* Form Control Custom File */
+.custom-file {
+ height: auto; }
+ .custom-file input {
+ height: auto; }
+
+.custom-file-label {
+ height: auto;
+ border: 1px solid #f1f2f3;
+ color: #3b3f5c;
+ font-size: 15px;
+ padding: 8px 10px;
+ letter-spacing: 1px;
+ background-color: #f1f2f3; }
+ .custom-file-label::after {
+ height: auto;
+ padding: 8px 12px;
+ color: #515365; }
+
+/* Input Group */
+.input-group button:hover, .input-group .btn:hover, .input-group button:focus, .input-group .btn:focus {
+ transform: none; }
+
+.input-group .input-group-prepend .input-group-text {
+ border: 1px solid #bfc9d4;
+ background-color: #f1f2f3; }
+ .input-group .input-group-prepend .input-group-text svg {
+ color: #888ea8; }
+
+.input-group:hover .input-group-prepend .input-group-text svg {
+ color: #1b55e2;
+ fill: rgba(27, 85, 226, 0.239216); }
+
+.input-group .input-group-append .input-group-text {
+ border: 1px solid #bfc9d4;
+ background-color: #f1f2f3; }
+ .input-group .input-group-append .input-group-text svg {
+ color: #888ea8; }
+
+.input-group:hover .input-group-append .input-group-text svg {
+ color: #1b55e2;
+ fill: rgba(27, 85, 226, 0.239216); }
+
+/* Input Group append */
+/* Input Group Append */
+/* Validation Customization */
+.invalid-feedback {
+ color: #e7515a;
+ font-size: 13px;
+ font-weight: 700;
+ letter-spacing: 1px; }
+
+.valid-feedback {
+ color: #8dbf42;
+ font-size: 13px;
+ font-weight: 700;
+ letter-spacing: 1px; }
+
+.valid-tooltip {
+ background-color: #8dbf42; }
+
+.invalid-tooltip {
+ background-color: #e7515a; }
+
+.custom-select.is-valid, .form-control.is-valid {
+ border-color: #8dbf42;
+ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%238dbf42' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e"); }
+
+.was-validated .custom-select:valid, .was-validated .form-control:valid {
+ border-color: #8dbf42;
+ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%238dbf42' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e"); }
+
+.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label {
+ color: #8dbf42; }
+
+.form-control.is-invalid, .was-validated .form-control:invalid {
+ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e7515a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e"); }
+
+.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label {
+ color: #e7515a; }
+
+.dropdown-toggle:after, .dropup .dropdown-toggle::after, .dropright .dropdown-toggle::after, .dropleft .dropdown-toggle::before {
+ display: none; }
+
+.dropdown-toggle svg.feather[class*="feather-chevron-"] {
+ width: 15px;
+ height: 15px;
+ vertical-align: middle; }
+
+.btn {
+ padding: 0.4375rem 1.25rem;
+ text-shadow: none;
+ font-size: 14px;
+ color: #3b3f5c;
+ font-weight: normal;
+ white-space: normal;
+ word-wrap: break-word;
+ transition: .2s ease-out;
+ touch-action: manipulation;
+ cursor: pointer;
+ background-color: #f1f2f3;
+ box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.1);
+ will-change: opacity, transform;
+ transition: all 0.3s ease-out;
+ -webkit-transition: all 0.3s ease-out; }
+ .btn svg {
+ width: 20px;
+ height: 20px;
+ vertical-align: bottom; }
+ .btn.rounded-circle {
+ height: 40px;
+ width: 40px;
+ padding: 8px 8px; }
+ .btn:hover, .btn:focus {
+ color: #3b3f5c;
+ background-color: #f1f2f3;
+ border-color: #d3d3d3;
+ -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
+ -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
+ box-shadow: 0 2px 5px 0 #e0e6ed,0 2px 10px 0 #e0e6ed;
+ -webkit-transform: translateY(-3px);
+ transform: translateY(-3px); }
+
+.btn-group .btn:hover, .btn-group .btn:focus {
+ -webkit-transform: none;
+ transform: none; }
+
+.btn.disabled, .btn.btn[disabled] {
+ background-color: #f1f2f3;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+ border: 1px solid rgba(0, 0, 0, 0.13); }
+
+.btn.disabled:hover, .btn.btn[disabled]:hover {
+ cursor: not-allowed; }
+
+.btn .caret {
+ border-top-color: #0e1726;
+ margin-top: 0;
+ margin-left: 3px;
+ vertical-align: middle; }
+
+.btn + .caret, .btn + .dropdown-toggle .caret {
+ margin-left: 0; }
+
+.btn-group > .btn, .btn-group .btn {
+ padding: 8px 14px; }
+
+.btn-group-lg > .btn, .btn-group-lg .btn {
+ font-size: 1.125rem; }
+
+.btn-group-lg > .btn {
+ padding: .625rem 1.5rem;
+ font-size: 16px; }
+
+.btn-lg {
+ padding: .625rem 1.5rem;
+ font-size: 16px; }
+
+.btn-group > .btn.btn-lg, .btn-group .btn.btn-lg {
+ padding: .625rem 1.5rem;
+ font-size: 16px; }
+
+.btn-group-lg > .btn, .btn-group-lg .btn {
+ font-size: 1.125rem; }
+
+.btn-group-sm > .btn, .btn-sm {
+ font-size: 0.6875rem; }
+
+.btn-group > .btn.btn-sm, .btn-group .btn.btn-sm {
+ font-size: 0.6875rem; }
+
+.btn-group .dropdown-menu {
+ border: 1px solid #e0e6ed;
+ box-shadow: rgba(113, 106, 202, 0.2) 0px 0px 15px 1px;
+ padding: 10px;
+ border-width: initial;
+ border-style: none;
+ border-color: initial;
+ border-image: initial; }
+ .btn-group .dropdown-menu a.dropdown-item {
+ border-radius: 5px;
+ font-size: 12px;
+ font-weight: 700;
+ color: #888ea8;
+ padding: 11px 8px; }
+ .btn-group .dropdown-menu a.dropdown-item:hover {
+ background-color: #f1f2f3; }
+ .btn-group .dropdown-menu a.dropdown-item svg {
+ cursor: pointer;
+ color: #888ea8;
+ margin-right: 6px;
+ vertical-align: middle;
+ width: 20px;
+ height: 20px;
+ fill: rgba(0, 23, 55, 0.08); }
+ .btn-group .dropdown-menu a.dropdown-item:hover svg {
+ color: #1b55e2; }
+
+.dropdown:not(.custom-dropdown-icon) .dropdown-menu {
+ border: none;
+ border: 1px solid #e0e6ed;
+ z-index: 899;
+ box-shadow: rgba(113, 106, 202, 0.2) 0px 0px 15px 1px;
+ padding: 10px;
+ border-width: initial;
+ border-style: none;
+ border-color: initial;
+ border-image: initial; }
+ .dropdown:not(.custom-dropdown-icon) .dropdown-menu a.dropdown-item {
+ font-size: 12px;
+ font-weight: 700;
+ color: #888ea8;
+ padding: 11px 8px; }
+ .dropdown:not(.custom-dropdown-icon) .dropdown-menu a.dropdown-item.active, .dropdown:not(.custom-dropdown-icon) .dropdown-menu a.dropdown-item:active {
+ background-color: transparent;
+ color: #3b3f5c;
+ font-weight: 700; }
+ .dropdown:not(.custom-dropdown-icon) .dropdown-menu a.dropdown-item:hover {
+ color: #888ea8;
+ background-color: #f1f2f3; }
+
+.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus {
+ box-shadow: none; }
+
+.show > .btn-primary.dropdown-toggle:focus {
+ box-shadow: none; }
+
+.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus {
+ box-shadow: none; }
+
+.show > .btn-secondary.dropdown-toggle:focus {
+ box-shadow: none; }
+
+.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus {
+ box-shadow: none; }
+
+.show > .btn-success.dropdown-toggle:focus {
+ box-shadow: none; }
+
+.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus {
+ box-shadow: none; }
+
+.show > .btn-info.dropdown-toggle:focus {
+ box-shadow: none; }
+
+.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus {
+ box-shadow: none; }
+
+.show > .btn-danger.dropdown-toggle:focus {
+ box-shadow: none; }
+
+.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus {
+ box-shadow: none; }
+
+.show > .btn-warning.dropdown-toggle:focus {
+ box-shadow: none; }
+
+.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus {
+ box-shadow: none; }
+
+.show > .btn-secondary.dropdown-toggle:focus {
+ box-shadow: none; }
+
+.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus {
+ box-shadow: none; }
+
+.show > .btn-dark.dropdown-toggle:focus {
+ box-shadow: none; }
+
+.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus {
+ box-shadow: none; }
+
+.show > .btn-outline-primary.dropdown-toggle:focus {
+ box-shadow: none; }
+
+.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus {
+ box-shadow: none; }
+
+.show > .btn-outline-success.dropdown-toggle:focus {
+ box-shadow: none; }
+
+.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus {
+ box-shadow: none; }
+
+.show > .btn-outline-info.dropdown-toggle:focus {
+ box-shadow: none; }
+
+.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus {
+ box-shadow: none; }
+
+.show > .btn-outline-danger.dropdown-toggle:focus {
+ box-shadow: none; }
+
+.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus {
+ box-shadow: none; }
+
+.show > .btn-outline-warning.dropdown-toggle:focus {
+ box-shadow: none; }
+
+.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus {
+ box-shadow: none; }
+
+.show > .btn-outline-secondary.dropdown-toggle:focus {
+ box-shadow: none; }
+
+.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus {
+ box-shadow: none; }
+
+.show > .btn-outline-dark.dropdown-toggle:focus {
+ box-shadow: none; }
+
+.btn.focus, .btn:focus {
+ box-shadow: none; }
+
+.btn-success:focus, .btn-info:focus, .btn-danger:focus, .btn-warning:focus, .btn-secondary:focus, .btn-dark:focus, .btn-outline-success:focus, .btn-outline-info:focus, .btn-outline-danger:focus, .btn-outline-warning:focus, .btn-outline-secondary:focus, .btn-outline-dark:focus .btn-light-default:focus, .btn-light-primary:focus, .btn-light-success:focus, .btn-light-info:focus, .btn-light-danger:focus, .btn-light-warning:focus, .btn-light-secondary:focus, .btn-light-dark:focus {
+ box-shadow: none; }
+
+/* Default Buttons */
+.btn-primary {
+ color: #fff !important;
+ background-color: #1b55e2 !important;
+ border-color: #1b55e2; }
+ .btn-primary:hover, .btn-primary:focus {
+ color: #fff !important;
+ background-color: #1b55e2;
+ box-shadow: none;
+ border-color: #1b55e2; }
+ .btn-primary:active, .btn-primary.active {
+ background-color: #1b55e2;
+ border-top: 1px solid #1b55e2; }
+ .btn-primary.disabled, .btn-primary.btn[disabled], .btn-primary:disabled {
+ background-color: #1b55e2;
+ border-color: #1b55e2;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none; }
+ .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover {
+ color: #fff !important;
+ background-color: #2aebcb;
+ border-color: #2aebcb; }
+ .btn-primary.focus:active {
+ color: #fff !important;
+ background-color: #2aebcb;
+ border-color: #2aebcb; }
+ .btn-primary:active:focus, .btn-primary:active:hover {
+ color: #fff !important;
+ background-color: #2aebcb;
+ border-color: #2aebcb; }
+
+.open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
+ color: #fff !important;
+ background-color: #2aebcb;
+ border-color: #2aebcb; }
+
+.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
+ color: #fff !important;
+ background-color: #1b55e2;
+ border-color: #1b55e2; }
+
+.show > .btn-primary.dropdown-toggle {
+ color: #fff !important;
+ background-color: #1b55e2;
+ border-color: #1b55e2; }
+
+.btn-primary .caret {
+ border-top-color: #fff; }
+
+.btn-group.open .btn-primary.dropdown-toggle {
+ background-color: #c2d5ff; }
+
+.btn-secondary {
+ color: #fff !important;
+ background-color: #5c1ac3;
+ border-color: #5c1ac3; }
+ .btn-secondary:hover, .btn-secondary:focus {
+ color: #fff !important;
+ background-color: #5c1ac3;
+ box-shadow: none;
+ border-color: #5c1ac3; }
+ .btn-secondary:active, .btn-secondary.active {
+ background-color: #5c1ac3;
+ border-top: 1px solid #5c1ac3; }
+ .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active {
+ color: #fff !important;
+ background-color: #5c1ac3;
+ border-color: #5c1ac3; }
+
+.show > .btn-secondary.dropdown-toggle {
+ color: #fff !important;
+ background-color: #5c1ac3;
+ border-color: #5c1ac3; }
+
+.btn-secondary.disabled, .btn-secondary.btn[disabled], .btn-secondary:disabled {
+ background-color: #5c1ac3;
+ border-color: #5c1ac3;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none; }
+
+.btn-secondary .caret {
+ border-top-color: #fff; }
+
+.btn-info {
+ color: #fff !important;
+ background-color: #2196f3;
+ border-color: #2196f3; }
+ .btn-info:hover, .btn-info:focus {
+ color: #fff !important;
+ background-color: #2196f3;
+ box-shadow: none;
+ border-color: #2196f3; }
+ .btn-info:active, .btn-info.active {
+ background-color: #2196f3;
+ border-top: 1px solid #2196f3; }
+ .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active {
+ color: #fff !important;
+ background-color: #2196f3;
+ border-color: #2196f3; }
+
+.show > .btn-info.dropdown-toggle {
+ color: #fff !important;
+ background-color: #2196f3;
+ border-color: #2196f3; }
+
+.btn-info.disabled, .btn-info.btn[disabled], .btn-info:disabled {
+ background-color: #2196f3;
+ border-color: #2196f3;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none; }
+
+.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover {
+ color: #fff !important;
+ background-color: #2196f3;
+ border-color: #2196f3; }
+
+.btn-info.focus:active {
+ color: #fff !important;
+ background-color: #2196f3;
+ border-color: #2196f3; }
+
+.btn-info:active:focus, .btn-info:active:hover {
+ color: #fff !important;
+ background-color: #2196f3;
+ border-color: #2196f3; }
+
+.open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover {
+ color: #fff !important;
+ background-color: #2196f3;
+ border-color: #2196f3; }
+
+.btn-info .caret {
+ border-top-color: #fff; }
+
+.btn-group.open .btn-info.dropdown-toggle {
+ background-color: #bae7ff; }
+
+.btn-warning {
+ color: #fff !important;
+ background-color: #e2a03f;
+ border-color: #e2a03f; }
+ .btn-warning:hover, .btn-warning:focus {
+ color: #fff !important;
+ background-color: #e2a03f;
+ box-shadow: none;
+ border-color: #e2a03f; }
+ .btn-warning:active, .btn-warning.active {
+ background-color: #e2a03f;
+ border-top: 1px solid #e2a03f; }
+ .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active {
+ color: #0e1726;
+ background-color: #e2a03f;
+ border-color: #e2a03f; }
+
+.show > .btn-warning.dropdown-toggle {
+ color: #0e1726;
+ background-color: #e2a03f;
+ border-color: #e2a03f; }
+
+.btn-warning.disabled, .btn-warning.btn[disabled], .btn-warning:disabled {
+ background-color: #e2a03f;
+ border-color: #e2a03f;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none; }
+
+.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover {
+ color: #fff !important;
+ background-color: #e2a03f;
+ border-color: #e2a03f; }
+
+.btn-warning.focus:active {
+ color: #fff !important;
+ background-color: #e2a03f;
+ border-color: #e2a03f; }
+
+.btn-warning:active:focus, .btn-warning:active:hover {
+ color: #fff !important;
+ background-color: #e2a03f;
+ border-color: #e2a03f; }
+
+.open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover {
+ color: #fff !important;
+ background-color: #e2a03f;
+ border-color: #e2a03f; }
+
+.btn-warning .caret {
+ border-top-color: #fff; }
+
+.btn-group.open .btn-warning.dropdown-toggle {
+ background-color: #df8505; }
+
+.btn-danger {
+ color: #fff !important;
+ background-color: #e7515a;
+ border-color: #e7515a; }
+ .btn-danger:hover, .btn-danger:focus {
+ color: #fff !important;
+ background-color: #e7515a;
+ box-shadow: none;
+ border-color: #e7515a; }
+ .btn-danger:active, .btn-danger.active {
+ background-color: #e7515a;
+ border-top: 1px solid #e7515a; }
+ .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active {
+ color: #fff !important;
+ background-color: #e7515a;
+ border-color: #e7515a; }
+
+.show > .btn-danger.dropdown-toggle {
+ color: #fff !important;
+ background-color: #e7515a;
+ border-color: #e7515a; }
+
+.btn-danger.disabled, .btn-danger.btn[disabled], .btn-danger:disabled {
+ background-color: #e7515a;
+ border-color: #e7515a;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none; }
+
+.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover {
+ color: #fff !important;
+ background-color: #c00;
+ border-color: #c00; }
+
+.btn-danger.focus:active {
+ color: #fff !important;
+ background-color: #c00;
+ border-color: #c00; }
+
+.btn-danger:active:focus, .btn-danger:active:hover {
+ color: #fff !important;
+ background-color: #c00;
+ border-color: #c00; }
+
+.open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover {
+ color: #fff !important;
+ background-color: #c00;
+ border-color: #c00; }
+
+.btn-danger .caret {
+ border-top-color: #fff; }
+
+.btn-group.open .btn-danger.dropdown-toggle {
+ background-color: #a9302a; }
+
+.btn-dark {
+ color: #fff !important;
+ background-color: #3b3f5c;
+ border-color: #3b3f5c; }
+ .btn-dark:hover, .btn-dark:focus {
+ color: #fff !important;
+ background-color: #3b3f5c;
+ box-shadow: none;
+ border-color: #3b3f5c; }
+ .btn-dark:active, .btn-dark.active {
+ background-color: #3b3f5c;
+ border-top: 1px solid #3b3f5c; }
+ .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active {
+ color: #fff !important;
+ background-color: #3b3f5c;
+ border-color: #3b3f5c; }
+
+.show > .btn-dark.dropdown-toggle {
+ color: #fff !important;
+ background-color: #3b3f5c;
+ border-color: #3b3f5c; }
+
+.btn-dark.disabled, .btn-dark.btn[disabled], .btn-dark:disabled {
+ background-color: #3b3f5c;
+ border-color: #3b3f5c;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none; }
+
+.btn-dark .caret {
+ border-top-color: #fff; }
+
+.btn-group.open .btn-dark.dropdown-toggle {
+ background-color: #484848; }
+
+.btn-success {
+ color: #fff !important;
+ background-color: #8dbf42;
+ border-color: #8dbf42; }
+ .btn-success:hover, .btn-success:focus {
+ color: #fff !important;
+ background-color: #8dbf42;
+ box-shadow: none;
+ border-color: #8dbf42; }
+ .btn-success:active, .btn-success.active {
+ background-color: #8dbf42;
+ border-top: 1px solid #8dbf42; }
+ .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active {
+ color: #fff !important;
+ background-color: #8dbf42;
+ border-color: #8dbf42; }
+
+.show > .btn-success.dropdown-toggle {
+ color: #fff !important;
+ background-color: #8dbf42;
+ border-color: #8dbf42; }
+
+.btn-success.disabled, .btn-success.btn[disabled], .btn-success:disabled {
+ background-color: #8dbf42;
+ border-color: #8dbf42;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none; }
+
+.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover {
+ color: #fff !important;
+ background-color: #17c678;
+ border-color: #17c678; }
+
+.btn-success.focus:active {
+ color: #fff !important;
+ background-color: #17c678;
+ border-color: #17c678; }
+
+.btn-success:active:focus, .btn-success:active:hover {
+ color: #fff !important;
+ background-color: #17c678;
+ border-color: #17c678; }
+
+.open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover {
+ color: #fff !important;
+ background-color: #17c678;
+ border-color: #17c678; }
+
+.btn-success .caret {
+ border-top-color: #fff; }
+
+/*-----/Button Light Colors------*/
+.btn.box-shadow-none {
+ border: none; }
+ .btn.box-shadow-none:hover, .btn.box-shadow-none:focus {
+ border: none;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+ background-color: transparent; }
+
+.box-shadow-none {
+ -webkit-box-shadow: none !important;
+ -moz-box-shadow: none !important;
+ box-shadow: none !important; }
+
+.btn.box-shadow-none:not(:disabled):not(.disabled).active, .btn.box-shadow-none:not(:disabled):not(.disabled):active {
+ border: none;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+ background-color: transparent; }
+
+.show > .btn.box-shadow-none.dropdown-toggle {
+ border: none;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+ background-color: transparent; }
+
+.btn-group.open .btn-success.dropdown-toggle {
+ background-color: #499249; }
+
+.btn-dismiss {
+ color: #0e1726;
+ background-color: #fff !important;
+ border-color: #fff;
+ padding: 3px 7px; }
+ .btn-dismiss:hover, .btn-dismiss:focus {
+ color: #0e1726;
+ background-color: #fff; }
+ .btn-dismiss:active, .btn-dismiss.active {
+ background-color: #fff;
+ border-top: 1px solid #fff; }
+
+.btn-group > .btn i {
+ margin-right: 3px; }
+
+.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.16), 0 0px 0px 0 rgba(0, 0, 0, 0.12);
+ -moz-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.16), 0 0px 0px 0 rgba(0, 0, 0, 0.12);
+ box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.16), 0 0px 0px 0 rgba(0, 0, 0, 0.12); }
+
+.btn-group > .btn + .dropdown-toggle {
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none; }
+ .btn-group > .btn + .dropdown-toggle.btn-primary {
+ border-left: 1px solid #4468fd; }
+ .btn-group > .btn + .dropdown-toggle.btn-success {
+ border-left: 1px solid #a3c66f; }
+ .btn-group > .btn + .dropdown-toggle.btn-info {
+ border-left: 1px solid #49acfb; }
+ .btn-group > .btn + .dropdown-toggle.btn-warning {
+ border-left: 1px solid #f5b455; }
+ .btn-group > .btn + .dropdown-toggle.btn-danger {
+ border-left: 1px solid #f1848b; }
+ .btn-group > .btn + .dropdown-toggle.btn-dark {
+ border-left: 1px solid #70767a; }
+ .btn-group > .btn + .dropdown-toggle.btn-secondary {
+ border-left: 1px solid #8353dc; }
+
+.btn-group.dropleft .dropdown-toggle-split {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0; }
+
+.btn-group.dropleft .btn-primary:not(.dropdown-toggle-split) {
+ border-left: 1px solid #4468fd; }
+
+.btn-group.dropleft .btn-success:not(.dropdown-toggle-split) {
+ border-left: 1px solid #a3c66f; }
+
+.btn-group.dropleft .btn-info:not(.dropdown-toggle-split) {
+ border-left: 1px solid #49acfb; }
+
+.btn-group.dropleft .btn-warning:not(.dropdown-toggle-split) {
+ border-left: 1px solid #f5b455; }
+
+.btn-group.dropleft .btn-danger:not(.dropdown-toggle-split) {
+ border-left: 1px solid #f1848b; }
+
+.btn-group.dropleft .btn-dark:not(.dropdown-toggle-split) {
+ border-left: 1px solid #70767a; }
+
+.btn-group.dropleft .btn-secondary:not(.dropdown-toggle-split) {
+ border-left: 1px solid #8353dc; }
+
+/*
+ Btn group dropdown-toggle
+*/
+.btn .badge.badge-align-right {
+ position: absolute;
+ top: -1px;
+ right: 8px; }
+
+.dropup .btn .caret {
+ border-bottom-color: #0e1726; }
+
+.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active {
+ background-color: #1b55e2;
+ color: #fff !important; }
+
+.show > .btn-outline-primary.dropdown-toggle {
+ background-color: #1b55e2;
+ color: #fff !important; }
+
+.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active {
+ background-color: #8dbf42;
+ color: #fff !important; }
+
+.show > .btn-outline-success.dropdown-toggle {
+ background-color: #8dbf42;
+ color: #fff !important; }
+
+.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active {
+ background-color: #2196f3;
+ color: #fff !important; }
+
+.show > .btn-outline-info.dropdown-toggle {
+ background-color: #2196f3;
+ color: #fff !important; }
+
+.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active {
+ background-color: #e7515a;
+ color: #fff !important; }
+
+.show > .btn-outline-danger.dropdown-toggle {
+ background-color: #e7515a;
+ color: #fff !important; }
+
+.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active {
+ background-color: #e2a03f;
+ color: #fff !important; }
+
+.show > .btn-outline-warning.dropdown-toggle {
+ background-color: #e2a03f;
+ color: #fff !important; }
+
+.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active {
+ background-color: #5c1ac3;
+ color: #fff !important; }
+
+.show > .btn-outline-secondary.dropdown-toggle {
+ background-color: #5c1ac3;
+ color: #fff !important; }
+
+.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active {
+ background-color: #3b3f5c;
+ color: #fff !important; }
+
+.show > .btn-outline-dark.dropdown-toggle {
+ background-color: #3b3f5c;
+ color: #fff !important; }
+
+.show > .btn-outline-primary.dropdown-toggle:after, .show > .btn-outline-success.dropdown-toggle:after, .show > .btn-outline-info.dropdown-toggle:after, .show > .btn-outline-danger.dropdown-toggle:after, .show > .btn-outline-warning.dropdown-toggle:after, .show > .btn-outline-secondary.dropdown-toggle:after, .show > .btn-outline-dark.dropdown-toggle:after, .show > .btn-outline-primary.dropdown-toggle:before, .show > .btn-outline-success.dropdown-toggle:before, .show > .btn-outline-info.dropdown-toggle:before, .show > .btn-outline-danger.dropdown-toggle:before, .show > .btn-outline-warning.dropdown-toggle:before, .show > .btn-outline-secondary.dropdown-toggle:before, .show > .btn-outline-dark.dropdown-toggle:before {
+ color: #fff !important; }
+
+.btn-outline-primary {
+ border: 1px solid #1b55e2 !important;
+ color: #1b55e2 !important;
+ background-color: transparent;
+ box-shadow: none; }
+
+.btn-outline-info {
+ border: 1px solid #2196f3 !important;
+ color: #2196f3 !important;
+ background-color: transparent;
+ box-shadow: none; }
+
+.btn-outline-warning {
+ border: 1px solid #e2a03f !important;
+ color: #e2a03f !important;
+ background-color: transparent;
+ box-shadow: none; }
+
+.btn-outline-success {
+ border: 1px solid #8dbf42 !important;
+ color: #8dbf42 !important;
+ background-color: transparent;
+ box-shadow: none; }
+
+.btn-outline-danger {
+ border: 1px solid #e7515a !important;
+ color: #e7515a !important;
+ background-color: transparent;
+ box-shadow: none; }
+
+.btn-outline-secondary {
+ border: 1px solid #5c1ac3 !important;
+ color: #5c1ac3 !important;
+ background-color: transparent;
+ box-shadow: none; }
+
+.btn-outline-dark {
+ border: 1px solid #3b3f5c !important;
+ color: #3b3f5c !important;
+ background-color: transparent;
+ box-shadow: none; }
+
+.btn-outline-primary:hover, .btn-outline-info:hover, .btn-outline-warning:hover, .btn-outline-success:hover, .btn-outline-danger:hover, .btn-outline-secondary:hover, .btn-outline-dark:hover {
+ box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.1); }
+
+.btn-outline-primary:hover {
+ color: #fff !important;
+ background-color: #1b55e2; }
+
+.btn-outline-info:hover {
+ color: #fff !important;
+ background-color: #2196f3; }
+
+.btn-outline-warning:hover {
+ color: #fff !important;
+ background-color: #e2a03f; }
+
+.btn-outline-success:hover {
+ color: #fff !important;
+ background-color: #8dbf42; }
+
+.btn-outline-danger:hover {
+ color: #fff !important;
+ background-color: #e7515a; }
+
+.btn-outline-secondary:hover {
+ color: #fff !important;
+ background-color: #5c1ac3; }
+
+.btn-outline-dark:hover {
+ color: #fff !important;
+ background-color: #3b3f5c; }
+
+/* Dropdown Toggle */
+.btn-rounded {
+ -webkit-border-radius: 1.875rem !important;
+ -moz-border-radius: 1.875rem !important;
+ -ms-border-radius: 1.875rem !important;
+ -o-border-radius: 1.875rem !important;
+ border-radius: 1.875rem !important; }
+
+/*
+ ===========================
+ Data Marker ( dot )
+ ===========================
+*/
+.data-marker {
+ padding: 2px;
+ border-radius: 50%;
+ font-size: 18px;
+ display: inline-flex;
+ width: 10px;
+ height: 10px;
+ border-radius: 50%;
+ align-items: center;
+ justify-content: center; }
+
+.data-marker-success {
+ background-color: #8dbf42; }
+
+.data-marker-warning {
+ background-color: #e2a03f; }
+
+.data-marker-danger, .data-marker-info, .data-marker-dark {
+ background-color: #e7515a; }
+
+.badge {
+ font-weight: 600;
+ line-height: 1.4;
+ padding: 3px 6px;
+ font-size: 12px;
+ font-weight: 600;
+ transition: all 0.3s ease-out;
+ -webkit-transition: all 0.3s ease-out; }
+ .badge:hover {
+ transition: all 0.3s ease-out;
+ -webkit-transition: all 0.3s ease-out;
+ -webkit-transform: translateY(-3px);
+ transform: translateY(-3px); }
+ .badge.badge-enabled {
+ background-color: #8dbf42;
+ color: #fff; }
+ .badge.badge-disable {
+ background-color: #e7515a;
+ color: #fff; }
+
+.badge-pills {
+ border-radius: 30px; }
+
+.badge-classic {
+ border-radius: 0; }
+
+.badge-collapsed-img img {
+ width: 40px;
+ height: 40px;
+ border-radius: 20px;
+ border: 2px solid #ffffff;
+ box-shadow: 0px 0px 15px 1px rgba(113, 106, 202, 0.3);
+ margin-left: -21px; }
+
+.badge-collapsed-img.badge-tooltip img {
+ width: 40px;
+ height: 40px;
+ border-radius: 20px;
+ border: 2px solid #ffffff;
+ box-shadow: 0px 0px 15px 1px rgba(113, 106, 202, 0.3);
+ margin-left: -21px;
+ -webkit-transition: all 0.35s ease;
+ transition: all 0.35s ease; }
+ .badge-collapsed-img.badge-tooltip img:hover {
+ -webkit-transform: translateY(-5px) scale(1.02);
+ transform: translateY(-5px) scale(1.02); }
+
+.badge-collapsed-img.translateY-axis img {
+ -webkit-transition: all 0.35s ease;
+ transition: all 0.35s ease; }
+ .badge-collapsed-img.translateY-axis img:hover {
+ -webkit-transform: translateY(-5px) scale(1.02);
+ transform: translateY(-5px) scale(1.02); }
+
+.badge-collapsed-img.rectangle-collapsed img {
+ width: 45px;
+ height: 32px; }
+
+.badge-collapsed-img.translateX-axis img {
+ -webkit-transition: all 0.35s ease;
+ transition: all 0.35s ease; }
+ .badge-collapsed-img.translateX-axis img:hover {
+ -webkit-transform: translateX(5px) scale(1.02);
+ transform: translateX(5px) scale(1.02); }
+
+.badge-primary {
+ color: #fff;
+ background-color: #1b55e2; }
+
+.badge-info {
+ color: #fff;
+ background-color: #2196f3; }
+
+.badge-success {
+ color: #fff;
+ background-color: #8dbf42; }
+
+.badge-danger {
+ color: #fff;
+ background-color: #e7515a; }
+
+.badge-warning {
+ color: #fff;
+ background-color: #e2a03f; }
+
+.badge-dark {
+ color: #fff;
+ background-color: #3b3f5c; }
+
+.badge-secondary {
+ background-color: #5c1ac3; }
+
+.outline-badge-primary {
+ color: #1b55e2;
+ background-color: transparent;
+ border: 1px solid #1b55e2; }
+
+.outline-badge-info {
+ color: #2196f3;
+ background-color: transparent;
+ border: 1px solid #2196f3; }
+
+.outline-badge-success {
+ color: #8dbf42;
+ background-color: transparent;
+ border: 1px solid #8dbf42; }
+
+.outline-badge-danger {
+ color: #e7515a;
+ background-color: transparent;
+ border: 1px solid #e7515a; }
+
+.outline-badge-warning {
+ color: #e2a03f;
+ background-color: transparent;
+ border: 1px solid #e2a03f; }
+
+.outline-badge-dark {
+ color: #3b3f5c;
+ background-color: transparent;
+ border: 1px solid #3b3f5c; }
+
+.outline-badge-secondary {
+ color: #5c1ac3;
+ background-color: transparent;
+ border: 1px solid #5c1ac3; }
+
+.outline-badge-primary:focus, .outline-badge-primary:hover {
+ background-color: #c2d5ff;
+ color: #1b55e2; }
+
+.outline-badge-secondary:focus, .outline-badge-secondary:hover {
+ color: #5c1ac3;
+ background-color: #dccff7; }
+
+.outline-badge-success:focus, .outline-badge-success:hover {
+ color: #8dbf42;
+ background-color: #e6ffbf; }
+
+.outline-badge-danger:focus, .outline-badge-danger:hover {
+ color: #e7515a;
+ background-color: #ffe1e2; }
+
+.outline-badge-warning:focus, .outline-badge-warning:hover {
+ color: #e2a03f;
+ background-color: #ffeccb; }
+
+.outline-badge-info:focus, .outline-badge-info:hover {
+ color: #2196f3;
+ background-color: #bae7ff; }
+
+.outline-badge-dark:focus, .outline-badge-dark:hover {
+ color: #3b3f5c;
+ background-color: #acb0c3; }
+
+/* Link */
+.badge[class*="link-badge-"] {
+ cursor: pointer; }
+
+.link-badge-primary {
+ color: #1b55e2;
+ background-color: transparent;
+ border: 1px solid transparent; }
+
+.link-badge-info {
+ color: #2196f3;
+ background-color: transparent;
+ border: 1px solid transparent; }
+
+.link-badge-success {
+ color: #8dbf42;
+ background-color: transparent;
+ border: 1px solid transparent; }
+
+.link-badge-danger {
+ color: #e7515a;
+ background-color: transparent;
+ border: 1px solid transparent; }
+
+.link-badge-warning {
+ color: #e2a03f;
+ background-color: transparent;
+ border: 1px solid transparent; }
+
+.link-badge-dark {
+ color: #3b3f5c;
+ background-color: transparent;
+ border: 1px solid transparent; }
+
+.link-badge-secondary {
+ color: #5c1ac3;
+ background-color: transparent;
+ border: 1px solid transparent; }
+
+.link-badge-primary:focus, .link-badge-primary:hover {
+ color: #1b55e2;
+ background-color: transparent; }
+
+.link-badge-secondary:focus, .link-badge-secondary:hover {
+ color: #6f51ea;
+ background-color: transparent; }
+
+.link-badge-success:focus, .link-badge-success:hover {
+ color: #2ea37d;
+ background-color: transparent; }
+
+.link-badge-danger:focus, .link-badge-danger:hover {
+ color: #e7515a;
+ background-color: transparent; }
+
+.link-badge-warning:focus, .link-badge-warning:hover {
+ color: #dea82a;
+ background-color: transparent; }
+
+.link-badge-info:focus, .link-badge-info:hover {
+ color: #009eda;
+ background-color: transparent; }
+
+.link-badge-dark:focus, .link-badge-dark:hover {
+ color: #454656;
+ background-color: transparent; }
+
+/* Custom Dropdown*/
+.custom-dropdown .dropdown-toggle::after, .custom-dropdown-icon .dropdown-toggle::after, .custom-dropdown .dropdown-toggle::before, .custom-dropdown-icon .dropdown-toggle::before {
+ display: none; }
+
+.custom-dropdown .dropdown-menu, .custom-dropdown-icon .dropdown-menu {
+ min-width: 11rem;
+ border-radius: 4px;
+ border: none;
+ border: 1px solid #e0e6ed;
+ z-index: 899;
+ box-shadow: rgba(113, 106, 202, 0.2) 0px 0px 15px 1px;
+ top: 15px !important;
+ padding: 10px;
+ border-width: initial;
+ border-style: none;
+ border-color: initial;
+ border-image: initial; }
+
+.custom-dropdown .dropdown-item.active, .custom-dropdown .dropdown-item:active, .custom-dropdown .dropdown-item:hover {
+ color: #888ea8;
+ background-color: #f1f2f3; }
+
+.custom-dropdown-icon .dropdown-item.active, .custom-dropdown-icon .dropdown-item:active, .custom-dropdown-icon .dropdown-item:hover {
+ color: #888ea8;
+ background-color: #f1f2f3; }
+
+.custom-dropdown .dropdown-item {
+ font-size: 13px;
+ color: #888ea8;
+ display: block;
+ font-weight: 700;
+ padding: 11px 8px;
+ font-size: 12px; }
+
+.custom-dropdown-icon .dropdown-item {
+ font-size: 13px;
+ color: #888ea8;
+ display: block;
+ font-weight: 700;
+ padding: 11px 8px;
+ font-size: 12px; }
+
+.custom-dropdown-icon .dropdown-menu .dropdown-item svg {
+ width: 20px;
+ height: 20px;
+ margin-right: 3px;
+ color: #888ea8; }
+
+.custom-dropdown .dropdown-item.active svg, .custom-dropdown .dropdown-item:active svg, .custom-dropdown .dropdown-item:hover svg {
+ color: #1b55e2; }
+
+.custom-dropdown-icon .dropdown-item.active svg, .custom-dropdown-icon .dropdown-item:active svg, .custom-dropdown-icon .dropdown-item:hover svg {
+ color: #1b55e2; }
+
+.status.rounded-tooltip .tooltip-inner {
+ border-radius: 20px;
+ padding: 8px 20px; }
+
+.tooltip-inner {
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ border-radius: 0; }
+
+.popover {
+ z-index: 999;
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ border-radius: 0;
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+ border-bottom-color: #b3b3b3; }
+
+input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
+ cursor: not-allowed;
+ background-color: #f1f2f3 !important;
+ color: #acb0c3; }
+
+.help-block, .help-inline {
+ color: #555555; }
+
+.controls {
+ position: relative; }
+
+.search-form-control {
+ border-radius: .25rem; }
+
+/* Table */
+.table-bordered {
+ border: 1px solid #f1f2f3; }
+
+.table-striped tbody tr:nth-of-type(odd) {
+ background-color: #f1f2f3 !important; }
+
+.table > tbody > tr > td {
+ vertical-align: middle;
+ color: #515365;
+ font-size: 13px;
+ letter-spacing: 1px; }
+
+.table > thead > tr > th {
+ color: #1b55e2;
+ font-weight: 700;
+ font-size: 13px;
+ letter-spacing: 1px;
+ text-transform: uppercase; }
+
+.table > tbody > tr > td .usr-img-frame {
+ background-color: #ebedf2;
+ padding: 2px;
+ width: 35px;
+ height: 35px; }
+ .table > tbody > tr > td .usr-img-frame img {
+ width: 35px;
+ margin: 0; }
+
+.table > tbody > tr > td .admin-name {
+ font-weight: 700;
+ color: #515365; }
+
+.table > tbody > tr > td .progress {
+ width: 135px;
+ height: 6px;
+ margin: auto 0; }
+
+.table > tbody > tr > td svg.icon {
+ width: 21px; }
+
+.table > tbody > tr > td .t-dot {
+ background-color: #000;
+ height: 11px;
+ width: 11px;
+ border-radius: 50%;
+ cursor: pointer;
+ margin: 0 auto; }
+
+.table > tbody > tr > td svg.t-icon {
+ padding: 5px;
+ border-radius: 50%;
+ font-size: 11px;
+ vertical-align: sub;
+ cursor: pointer; }
+ .table > tbody > tr > td svg.t-icon.t-hover-icon:hover {
+ background-color: #e7515a;
+ color: #fff; }
+
+.table-bordered td, .table-bordered th {
+ border: 1px solid #ebedf2; }
+
+.table thead th {
+ vertical-align: bottom;
+ border-bottom: none; }
+
+.table-hover:not(.table-dark) tbody tr:hover {
+ background-color: #f1f2f3 !important; }
+
+.table-controls > li > a svg {
+ color: #25d5e4; }
+
+.table tr td .custom-dropdown.t-custom-dropdown a.dropdown-toggle, .table tr td .custom-dropdown-icon.t-custom-dropdown a.dropdown-toggle {
+ border-radius: 5px;
+ border: 1px solid #d3d3d3; }
+
+.table-controls > li > a svg {
+ color: #888ea8;
+ width: 21px; }
+
+/* Table Dark */
+.table.table-dark > thead > tr > th {
+ color: #d3d3d3; }
+
+.table.table-dark > tbody > tr > td {
+ color: #ffffff; }
+
+.table-dark {
+ background-color: #060818; }
+ .table-dark.table-hover tbody tr {
+ background-color: #060818; }
+ .table-dark td, .table-dark th, .table-dark thead th {
+ border-color: #191e3a !important; }
+ .table-dark.table-hover tbody tr:hover {
+ background-color: rgba(25, 30, 58, 0.631373); }
+
+.table.table-dark > tbody > tr > td i.t-icon {
+ padding: 5px;
+ border-radius: 50%;
+ font-size: 14px;
+ vertical-align: sub;
+ cursor: pointer;
+ color: #0e1726 !important; }
+
+table .badge-success, table .badge-primary, table .badge-warning, table .badge-danger, table .badge-info, table .badge-secondary, table .badge-dark {
+ box-shadow: 0px 5px 20px 0 rgba(0, 0, 0, 0.2);
+ will-change: opacity, transform;
+ transition: all 0.3s ease-out;
+ -webkit-transition: all 0.3s ease-out; }
+
+.table > tfoot > tr > th {
+ color: #3b3f5c; }
+
+.table-vertical-align tr, .table-vertical-align th, .table-vertical-align td {
+ vertical-align: middle !important; }
+
+.statbox .widget-content:before, .statbox .widget-content:after {
+ display: table;
+ content: "";
+ line-height: 0;
+ clear: both; }
+
+.nav-tabs > li > a {
+ -webkit-border-radius: 0 !important;
+ -moz-border-radius: 0 !important;
+ border-radius: 0 !important; }
+
+.btn-toolbar {
+ margin-left: 0px; }
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+ .input-group > .form-control {
+ flex: 1 1 auto;
+ width: 1%; } }
+
+.spin {
+ -webkit-animation: spin 2s infinite linear;
+ animation: spin 2s infinite linear; }
+
+@keyframes spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg); }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg); } }
+
+@-webkit-keyframes spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg); }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg); } }
+
+.toast-primary {
+ background: #1b55e2; }
+
+.toast-header {
+ background: #1b55e2;
+ color: #fff;
+ border-bottom: 1px solid rgba(33, 150, 243, 0.341176); }
+ .toast-header .meta-time {
+ color: #f1f2f3; }
+ .toast-header .close {
+ color: #f1f2f3;
+ opacity: 1;
+ text-shadow: none; }
+
+.toast-body {
+ padding: 16px 12px;
+ color: #fff; }
+
+/*
+ ==========================
+ Background Colors
+ ==========================
+*/
+/*
+ Default
+*/
+.bg-primary {
+ background-color: #1b55e2 !important;
+ border-color: #1b55e2;
+ color: #fff; }
+
+.bg-success {
+ background-color: #8dbf42 !important;
+ border-color: #8dbf42;
+ color: #fff; }
+
+.bg-info {
+ background-color: #2196f3 !important;
+ border-color: #2196f3;
+ color: #fff; }
+
+.bg-warning {
+ background-color: #e2a03f !important;
+ border-color: #e2a03f;
+ color: #fff; }
+
+.bg-danger {
+ background-color: #e7515a !important;
+ border-color: #e7515a;
+ color: #fff; }
+
+.bg-secondary {
+ background-color: #5c1ac3 !important;
+ border-color: #5c1ac3;
+ color: #fff; }
+
+.bg-dark {
+ background-color: #fff;
+ border-color: #3b3f5c;
+ color: #fff; }
+
+/*
+ Light Background
+*/
+.bg-light-primary {
+ background-color: #c2d5ff !important;
+ border-color: #c2d5ff;
+ color: #2196f3; }
+
+.bg-light-success {
+ background-color: #e6ffbf !important;
+ border-color: #e6ffbf;
+ color: #8dbf42; }
+
+.bg-light-info {
+ background-color: #bae7ff !important;
+ border-color: #bae7ff;
+ color: #2196f3; }
+
+.bg-light-warning {
+ background-color: #ffeccb !important;
+ border-color: #ffeccb;
+ color: #e2a03f; }
+
+.bg-light-danger {
+ background-color: #ffe1e2 !important;
+ border-color: #ffe1e2;
+ color: #e7515a; }
+
+.bg-light-secondary {
+ background-color: #dccff7 !important;
+ border-color: #dccff7;
+ color: #5c1ac3; }
+
+.bg-light-dark {
+ background-color: #acb0c3;
+ border-color: #acb0c3;
+ color: #fff; }
+
+/*
+ Progress Bar
+*/
+.progress {
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ border-radius: 0;
+ background-color: #ebedf2;
+ margin-bottom: 1.25rem;
+ height: 16px;
+ box-shadow: 1px 3px 20px 3px #f1f2f3; }
+ .progress.progress-bar-stack .progress-bar:last-child {
+ border-top-right-radius: 16px;
+ border-bottom-right-radius: 16px; }
+ .progress .progress-bar {
+ font-size: 10px;
+ font-weight: 700;
+ box-shadow: 0 2px 4px rgba(0, 69, 255, 0.15), 0 8px 16px rgba(0, 69, 255, 0.2);
+ font-size: 12px;
+ letter-spacing: 1px;
+ font-weight: 100; }
+ .progress:not(.progress-bar-stack) .progress-bar {
+ border-radius: 16px; }
+
+.progress-sm {
+ height: 4px; }
+
+.progress-md {
+ height: 10px; }
+
+.progress-lg {
+ height: 20px; }
+
+.progress-xl {
+ height: 25px; }
+
+.progress-striped .progress-bar {
+ background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
+
+.progress .progress-title {
+ display: flex;
+ justify-content: space-between;
+ padding: 15px; }
+ .progress .progress-title span {
+ align-self: center; }
+
+.progress .progress-bar.bg-gradient-primary {
+ background-color: #1b55e2;
+ background: linear-gradient(to right, #0081ff 0%, #0045ff 100%); }
+
+.progress .progress-bar.bg-gradient-info {
+ background-color: #1b55e2;
+ background-image: linear-gradient(to right, #04befe 0%, #4481eb 100%); }
+
+.progress .progress-bar.bg-gradient-success {
+ background-color: #1b55e2;
+ background-image: linear-gradient(to right, #3cba92 0%, #0ba360 100%); }
+
+.progress .progress-bar.bg-gradient-warning {
+ background-color: #1b55e2;
+ background-image: linear-gradient(to right, #f09819 0%, #ff5858 100%); }
+
+.progress .progress-bar.bg-gradient-secondary {
+ background-color: #1b55e2;
+ background-image: linear-gradient(to right, #7579ff 0%, #b224ef 100%); }
+
+.progress .progress-bar.bg-gradient-danger {
+ background-color: #1b55e2;
+ background-image: linear-gradient(to right, #d09693 0%, #c71d6f 100%); }
+
+.progress .progress-bar.bg-gradient-dark {
+ background-color: #1b55e2;
+ background-image: linear-gradient(to right, #2b5876 0%, #4e4376 100%); }
+
+.br-0 {
+ border-radius: 0 !important; }
+
+.br-4 {
+ border-radius: 4px !important; }
+
+.br-6 {
+ border-radius: 6px !important; }
+
+.br-30 {
+ border-radius: 30px !important; }
+
+.br-50 {
+ border-radius: 50px !important; }
+
+.br-left-30 {
+ border-top-left-radius: 30px !important;
+ border-bottom-left-radius: 30px !important; }
+
+.br-right-30 {
+ border-top-right-radius: 30px !important;
+ border-bottom-right-radius: 30px !important; }
+
+.bx-top-6 {
+ border-top-right-radius: 6px !important;
+ border-top-left-radius: 6px !important; }
+
+.bx-bottom-6 {
+ border-bottom-right-radius: 6px !important;
+ border-bottom-left-radius: 6px !important; }
+
+/* Badge Custom */
+.badge.counter {
+ position: absolute;
+ z-index: 2;
+ right: 0;
+ top: -10px;
+ font-weight: 600;
+ width: 19px;
+ height: 19px;
+ border-radius: 50%;
+ padding: 2px 0px;
+ font-size: 12px; }
+
+.badge-chip {
+ display: inline-block;
+ padding: 0 25px;
+ font-size: 16px;
+ line-height: 42px;
+ border-radius: 25px; }
+ .badge-chip img {
+ float: left;
+ margin: 0px 10px 0px -26px;
+ height: 44px;
+ width: 44px;
+ border-radius: 50%; }
+ .badge-chip .closebtn {
+ color: #f1f2f3;
+ font-weight: bold;
+ float: right;
+ font-size: 20px;
+ cursor: pointer; }
+ .badge-chip .closebtn:hover {
+ color: #fff; }
+
+/*-------text-colors------*/
+.text-primary {
+ color: #1b55e2 !important; }
+
+.text-success {
+ color: #8dbf42 !important; }
+
+.text-info {
+ color: #2196f3 !important; }
+
+.text-danger {
+ color: #e7515a !important; }
+
+.text-warning {
+ color: #e2a03f !important; }
+
+.text-secondary {
+ color: #5c1ac3 !important; }
+
+.text-dark {
+ color: #3b3f5c !important; }
+
+.text-muted {
+ color: #888ea8 !important; }
+
+.text-white {
+ color: #fff !important; }
+
+.text-black {
+ color: #000 !important; }
+
+/*-----border main------*/
+.border {
+ border: 1px solid !important; }
+
+.border-bottom {
+ border-bottom: 1px solid !important; }
+
+.border-top {
+ border-top: 1px solid !important; }
+
+.border-right {
+ border-right: 1px solid !important; }
+
+.border-left {
+ border-left: 1px solid !important; }
+
+.border-primary {
+ border-color: #1b55e2 !important; }
+
+.border-info {
+ border-color: #2196f3 !important; }
+
+.border-warning {
+ border-color: #e2a03f !important; }
+
+.border-success {
+ border-color: #8dbf42 !important; }
+
+.border-danger {
+ border-color: #e7515a !important; }
+
+.border-secondary {
+ border-color: #5c1ac3 !important; }
+
+.border-dark {
+ border-color: #3b3f5c !important; }
+
+/*-----border style------*/
+.border-dotted {
+ border-style: dotted !important; }
+
+.border-dashed {
+ border-style: dashed !important; }
+
+.border-solid {
+ border-style: solid !important; }
+
+.border-double {
+ border-style: double !important; }
+
+/*-----border width------*/
+.border-width-1px {
+ border-width: 1px !important; }
+
+.border-width-2px {
+ border-width: 2px !important; }
+
+.border-width-3px {
+ border-width: 3px !important; }
+
+.border-width-4px {
+ border-width: 4px !important; }
+
+.border-width-5px {
+ border-width: 5px !important; }
+
+.border-width-6px {
+ border-width: 6px !important; }
+
+/*-----transform-position------*/
+.position-absolute {
+ position: absolute; }
+
+.position-static {
+ position: static; }
+
+.position-fixed {
+ position: fixed; }
+
+.position-inherit {
+ position: inherit; }
+
+.position-initial {
+ position: initial; }
+
+.position-relative {
+ position: relative; }
diff --git a/static/css/pages/coming-soon/style.css b/static/css/pages/coming-soon/style.css
new file mode 100644
index 00000000..8a13888c
--- /dev/null
+++ b/static/css/pages/coming-soon/style.css
@@ -0,0 +1,219 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+html {
+ height: 100%; }
+
+body {
+ height: 100%;
+ overflow: auto;
+ margin: 0;
+ padding: 0;
+ background: #fff; }
+
+.coming-soon-container {
+ display: flex; }
+
+.coming-soon-cont {
+ width: 50%;
+ display: flex;
+ flex-direction: column;
+ min-height: 100%;
+ height: 100vh; }
+ .coming-soon-cont .coming-soon-wrap {
+ max-width: 480px;
+ margin: 0 auto;
+ min-width: 311px;
+ min-height: 100%; }
+ .coming-soon-cont .coming-soon-container {
+ align-items: center;
+ display: flex;
+ flex-grow: 1;
+ padding: 30px 30px;
+ width: 100%;
+ min-height: 100%; }
+ .coming-soon-cont .coming-soon-container .coming-soon-content {
+ display: block;
+ width: 100%; }
+ .coming-soon-cont .coming-soon-content > h4 {
+ font-size: 40px;
+ margin-top: 30px;
+ font-weight: 700;
+ color: #1b55e2;
+ margin-bottom: 0;
+ text-shadow: 0px 5px 4px rgba(31, 45, 61, 0.101961); }
+ .coming-soon-cont .coming-soon-content > p:not(.terms-conditions) {
+ font-size: 16px;
+ color: #888ea8;
+ font-weight: 700;
+ margin-bottom: 50px; }
+ .coming-soon-cont #timer {
+ display: flex; }
+ .coming-soon-cont #timer .days, .coming-soon-cont #timer .hours, .coming-soon-cont #timer .min {
+ padding: 28px 0;
+ background: #1b55e2;
+ color: #fff;
+ border-radius: 4px;
+ font-weight: 600;
+ font-size: 15px;
+ letter-spacing: 2px;
+ text-align: center;
+ height: 95px;
+ width: 95px;
+ margin-right: 15px; }
+ .coming-soon-cont #timer .sec {
+ padding: 28px 0;
+ background: #1b55e2;
+ color: #fff;
+ border-radius: 4px;
+ font-weight: 600;
+ font-size: 15px;
+ letter-spacing: 2px;
+ text-align: center;
+ height: 95px;
+ width: 95px;
+ margin-right: 15px;
+ margin-right: 0; }
+ .coming-soon-cont #timer .days .count, .coming-soon-cont #timer .days .text {
+ display: block; }
+ .coming-soon-cont #timer .hours .count, .coming-soon-cont #timer .hours .text {
+ display: block; }
+ .coming-soon-cont #timer .min .count, .coming-soon-cont #timer .min .text {
+ display: block; }
+ .coming-soon-cont #timer .sec .count, .coming-soon-cont #timer .sec .text {
+ display: block; }
+ .coming-soon-cont .coming-soon-content > h3 {
+ text-align: center;
+ font-size: 21px;
+ font-weight: 700;
+ margin-top: 75px;
+ margin-bottom: 40px; }
+ .coming-soon-cont .coming-soon-wrap form .field-wrapper {
+ position: relative;
+ display: flex;
+ width: 100%; }
+ .coming-soon-cont .coming-soon-wrap form .field-wrapper svg {
+ position: absolute;
+ top: 11px;
+ color: #1b55e2;
+ fill: rgba(27, 85, 226, 0.239216);
+ left: 8px; }
+ .coming-soon-cont .coming-soon-wrap form .field-wrapper input {
+ padding: 10px 97px 10px 45px; }
+ .coming-soon-cont .coming-soon-wrap form .field-wrapper input::-webkit-input-placeholder, .coming-soon-cont .coming-soon-wrap form .field-wrapper input::-ms-input-placeholder, .coming-soon-cont .coming-soon-wrap form .field-wrapper input::-moz-placeholder {
+ color: #d3d3d3;
+ font-size: 14px; }
+ .coming-soon-cont .coming-soon-wrap form .field-wrapper input:focus {
+ border-bottom: 1px solid #1b55e2; }
+ .coming-soon-cont .coming-soon-wrap form .field-wrapper button.btn {
+ align-self: center;
+ position: absolute;
+ right: 0;
+ padding: 10px 17px;
+ border-bottom-left-radius: 20px; }
+ .coming-soon-cont .coming-soon-wrap form .field-wrapper button.btn:hover {
+ transform: none; }
+ .coming-soon-cont .social {
+ text-align: center;
+ color: #1b55e2;
+ margin: 45px 0 0 0; }
+ .coming-soon-cont .social li {
+ margin: 0; }
+ .coming-soon-cont .social li:not(:last-child) {
+ margin-right: 10px;
+ padding-right: 10px;
+ border-right: 2px solid #d3d3d3; }
+ .coming-soon-cont .social svg {
+ color: #1b55e2;
+ width: 20px;
+ height: 20px; }
+ .coming-soon-cont .terms-conditions {
+ max-width: 480px;
+ margin: 0 auto;
+ color: #3b3f5c;
+ font-weight: 600;
+ margin-top: 70px; }
+ .coming-soon-cont .terms-conditions a {
+ color: #1b55e2;
+ font-weight: 700; }
+
+.coming-soon-image {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: fixed;
+ right: 0;
+ min-height: auto;
+ height: 100vh;
+ width: 50%; }
+ .coming-soon-image .img-overlay-content {
+ height: 100%;
+ background: rgba(0, 0, 0, 0.55); }
+ .coming-soon-image .img-overlay-content p {
+ color: #fff;
+ position: absolute; }
+ .coming-soon-image .l-image {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-color: #060818;
+ background-position: center center;
+ background-repeat: no-repeat;
+ background-size: cover;
+ background-position-x: center;
+ background-position-y: center; }
+ .coming-soon-image .l-image .img-content {
+ display: flex;
+ justify-content: center;
+ height: 100%; }
+ .coming-soon-image .l-image img {
+ width: 577px;
+ align-self: center; }
+
+@media (max-width: 991px) {
+ .coming-soon-cont {
+ width: 100%; }
+ .coming-soon-cont .coming-soon-wrap {
+ min-width: auto; }
+ .coming-soon-image {
+ display: none; } }
+
+@media (max-width: 575px) {
+ .coming-soon-cont #timer {
+ display: flex;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -15px;
+ margin-left: -15px;
+ justify-content: center; }
+ .coming-soon-cont #timer .hours:not(:last-child) {
+ margin-right: 0; }
+ .coming-soon-cont #timer .days, .coming-soon-cont #timer .hours, .coming-soon-cont #timer .min, .coming-soon-cont #timer .sec {
+ -ms-flex: 0 0 40%;
+ flex: 0 0 40%;
+ max-width: 40%;
+ margin-bottom: 15px;
+ margin-bottom: 15px;
+ padding: 14px 0;
+ height: 71px; } }
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+ .coming-soon-cont .coming-soon-wrap {
+ width: 100%; }
+ .coming-soon-cont .coming-soon-container {
+ height: 100%; } }
diff --git a/static/css/pages/contact_us.css b/static/css/pages/contact_us.css
new file mode 100644
index 00000000..93692c75
--- /dev/null
+++ b/static/css/pages/contact_us.css
@@ -0,0 +1,131 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+/* Map */
+#basic_map1 {
+ width: 100%;
+ height: 757px; }
+
+/* Contact Section Header */
+.cu-contact-section {
+ position: relative;
+ padding: 0;
+ background-color: #c2d5ff; }
+ .cu-contact-section .cu-section-header {
+ position: absolute;
+ background: #3b3f5c;
+ z-index: 1;
+ width: 100%;
+ padding: 15px 34px;
+ color: #fff;
+ background-color: rgba(43, 80, 237, 0.109804); }
+ .cu-contact-section .cu-section-header h4 {
+ color: #fff;
+ font-size: 34px;
+ font-weight: 600;
+ letter-spacing: 3px; }
+ .cu-contact-section .cu-section-header p {
+ color: #fff;
+ font-size: 16px;
+ letter-spacing: 1px; }
+ .cu-contact-section .contact-form {
+ position: absolute;
+ top: 0;
+ right: 58px;
+ bottom: 0;
+ margin-top: auto;
+ margin-bottom: auto;
+ height: fit-content;
+ height: -moz-max-content;
+ height: -webkit-fit-content;
+ z-index: 2; }
+ .cu-contact-section .contact-form form {
+ background: #fff;
+ padding: 25px 35px;
+ border-radius: 10px;
+ margin-top: 24px;
+ margin-bottom: 24px;
+ -webkit-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.0901961), 0 1px 20px 0 rgba(0, 0, 0, 0.08), 0px 1px 11px 0px rgba(0, 0, 0, 0.06);
+ -moz-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.0901961), 0 1px 20px 0 rgba(0, 0, 0, 0.08), 0px 1px 11px 0px rgba(0, 0, 0, 0.06);
+ box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.0901961), 0 1px 20px 0 rgba(0, 0, 0, 0.08), 0px 1px 11px 0px rgba(0, 0, 0, 0.06); }
+ .cu-contact-section .contact-form form .input-fields {
+ position: relative; }
+ .cu-contact-section .contact-form form .input-fields svg {
+ position: absolute;
+ top: 11px;
+ color: #1b55e2;
+ width: 20px;
+ left: 25px; }
+ .cu-contact-section .contact-form form .input-fields svg.feather-mail {
+ left: 12px;
+ top: 7px; }
+ .cu-contact-section .contact-form form h4 {
+ font-size: 22px;
+ font-weight: 600;
+ margin-bottom: 25px;
+ color: #3b3f5c; }
+ .cu-contact-section .contact-form form input {
+ padding: 8px 5px 8px 40px;
+ background-color: transparent;
+ font-weight: 600; }
+ .cu-contact-section .contact-form form input::-webkit-input-placeholder, .cu-contact-section .contact-form form input::-ms-input-placeholder, .cu-contact-section .contact-form form input::-moz-placeholder {
+ color: #d3d3d3;
+ font-size: 14px; }
+ .cu-contact-section .contact-form form input:focus {
+ background-color: #ffffff;
+ border-color: #3b3f5c; }
+ .cu-contact-section .n-chk {
+ display: inline-block; }
+ .cu-contact-section .form-group textarea {
+ padding: 8px 5px 8px 43px;
+ background-color: transparent;
+ margin-top: 15px;
+ resize: none; }
+ .cu-contact-section .form-group textarea::-webkit-input-placeholder, .cu-contact-section .form-group textarea::-ms-input-placeholder, .cu-contact-section .form-group textarea::-moz-placeholder {
+ color: #d3d3d3;
+ font-size: 14px; }
+ .cu-contact-section .form-group textarea:focus {
+ background-color: #ffffff;
+ border-color: #3b3f5c; }
+ .cu-contact-section .form-group textarea:-ms-input-placeholder {
+ color: #7b8489; }
+ .cu-contact-section form button {
+ border: none;
+ padding: 15px 25px;
+ display: block;
+ width: 100%; }
+
+/* Contact Content */
+@media (max-width: 991px) {
+ .cu-contact-section .cu-section-header {
+ display: none; }
+ .cu-contact-section .contact-form {
+ right: 0;
+ left: 0;
+ margin-right: auto;
+ margin-left: auto;
+ margin-top: 0;
+ margin-bottom: 0; }
+ .cu-contact-section .contact-form form {
+ max-width: 530px;
+ margin: 0 auto;
+ width: 100%;
+ border-radius: 0; } }
+
+@media (max-width: 991px) {
+ body {
+ background: #fff; }
+ #basic_map1 {
+ display: none; } }
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+ .cu-contact-section .contact-form form {
+ min-width: 530px;
+ width: 100%; } }
diff --git a/static/css/pages/error/style-400.css b/static/css/pages/error/style-400.css
new file mode 100644
index 00000000..4c38595d
--- /dev/null
+++ b/static/css/pages/error/style-400.css
@@ -0,0 +1,59 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+.theme-logo {
+ width: 62px;
+ height: 62px; }
+
+body.error404 {
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23e6e6e6'/%3E%3Cstop offset='1' stop-color='%23c2d5ff'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%231b55e2' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%231b55e2' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.5'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E");
+ background-attachment: fixed;
+ background-size: cover;
+ background-color: #ffffff; }
+ body.error404 > .error-content {
+ min-height: 80vh;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ text-align: center;
+ padding: 30px; }
+
+.error404 .mini-text {
+ font-size: 33px;
+ font-weight: 700;
+ margin-bottom: 0;
+ color: #1b55e2; }
+
+.error404 .img-cartoon {
+ width: 170px;
+ height: 170px; }
+
+.error404 .error-number {
+ font-size: 170px;
+ color: #fff;
+ font-weight: 600;
+ margin-bottom: 5px;
+ margin-top: 15px;
+ text-shadow: 0px 5px 4px rgba(31, 45, 61, 0.101961); }
+
+.error404 .error-text {
+ font-size: 18px;
+ color: #3b3f5c;
+ font-weight: 600; }
+
+.error404 a.btn {
+ width: 134px;
+ padding: 6px;
+ font-size: 17px;
+ background-image: linear-gradient(135deg, #1b55e2 0%, #5c1ac3 100%);
+ border: none;
+ letter-spacing: 2px; }
+ .error404 a.btn:hover, .error404 a.btn:not(:disabled):not(.disabled):active {
+ background-image: linear-gradient(to right, #1b55e2 0%, #5c1ac3 100%); }
diff --git a/static/css/pages/error/style-500.css b/static/css/pages/error/style-500.css
new file mode 100644
index 00000000..b36d2cfe
--- /dev/null
+++ b/static/css/pages/error/style-500.css
@@ -0,0 +1,59 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+.theme-logo {
+ width: 62px;
+ height: 62px; }
+
+body.error500 {
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23e6e6e6'/%3E%3Cstop offset='1' stop-color='%23c2d5ff'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%231b55e2' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%231b55e2' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.5'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E");
+ background-attachment: fixed;
+ background-size: cover;
+ background-color: #ffffff; }
+ body.error500 > .error-content {
+ min-height: 80vh;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ text-align: center;
+ padding: 30px; }
+
+.error500 .mini-text {
+ font-size: 33px;
+ font-weight: 700;
+ margin-bottom: 0;
+ color: #1b55e2; }
+
+.error500 .img-cartoon {
+ width: 170px;
+ height: 170px; }
+
+.error500 .error-number {
+ font-size: 170px;
+ color: #fff;
+ font-weight: 600;
+ margin-bottom: 5px;
+ margin-top: 15px;
+ text-shadow: 0px 5px 4px rgba(31, 45, 61, 0.101961); }
+
+.error500 .error-text {
+ font-size: 18px;
+ color: #3b3f5c;
+ font-weight: 600; }
+
+.error500 a.btn {
+ width: 134px;
+ padding: 6px;
+ font-size: 17px;
+ background-image: linear-gradient(135deg, #1b55e2 0%, #5c1ac3 100%);
+ border: none;
+ letter-spacing: 2px; }
+ .error500 a.btn:hover, .error500 a.btn:not(:disabled):not(.disabled):active {
+ background-image: linear-gradient(to right, #1b55e2 0%, #5c1ac3 100%); }
diff --git a/static/css/pages/error/style-503.css b/static/css/pages/error/style-503.css
new file mode 100644
index 00000000..390343b2
--- /dev/null
+++ b/static/css/pages/error/style-503.css
@@ -0,0 +1,59 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+.theme-logo {
+ width: 62px;
+ height: 62px; }
+
+body.error503 {
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23e6e6e6'/%3E%3Cstop offset='1' stop-color='%23c2d5ff'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%231b55e2' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%231b55e2' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.5'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E");
+ background-attachment: fixed;
+ background-size: cover;
+ background-color: #ffffff; }
+ body.error503 > .error-content {
+ min-height: 80vh;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ text-align: center;
+ padding: 30px; }
+
+.error503 .mini-text {
+ font-size: 33px;
+ font-weight: 700;
+ margin-bottom: 0;
+ color: #1b55e2; }
+
+.error503 .img-cartoon {
+ width: 170px;
+ height: 170px; }
+
+.error503 .error-number {
+ font-size: 170px;
+ color: #fff;
+ font-weight: 600;
+ margin-bottom: 5px;
+ margin-top: 15px;
+ text-shadow: 0px 5px 4px rgba(31, 45, 61, 0.101961); }
+
+.error503 .error-text {
+ font-size: 18px;
+ color: #3b3f5c;
+ font-weight: 600; }
+
+.error503 a.btn {
+ width: 134px;
+ padding: 6px;
+ font-size: 17px;
+ background-image: linear-gradient(135deg, #1b55e2 0%, #5c1ac3 100%);
+ border: none;
+ letter-spacing: 2px; }
+ .error503 a.btn:hover, .error503 a.btn:not(:disabled):not(.disabled):active {
+ background-image: linear-gradient(to right, #1b55e2 0%, #5c1ac3 100%); }
diff --git a/static/css/pages/error/style-maintanence.css b/static/css/pages/error/style-maintanence.css
new file mode 100644
index 00000000..875dddc2
--- /dev/null
+++ b/static/css/pages/error/style-maintanence.css
@@ -0,0 +1,58 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+.maintanence-hero-img img {
+ width: 62px;
+ height: 62px; }
+
+body.maintanence {
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23e6e6e6'/%3E%3Cstop offset='1' stop-color='%23c2d5ff'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%231b55e2' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%231b55e2' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.5'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E");
+ background-attachment: fixed;
+ background-size: cover;
+ background-color: #ffffff; }
+ body.maintanence > .maintanence-content {
+ min-height: 90vh;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ text-align: center;
+ padding: 30px; }
+
+.maintanence .error-title {
+ margin-top: 65px;
+ color: #ffffff;
+ font-weight: 600;
+ font-size: 54px;
+ font-weight: 600;
+ margin-bottom: 5px;
+ text-shadow: 0px 5px 4px rgba(31, 45, 61, 0.101961); }
+
+.maintanence .error-text {
+ margin-top: 40px;
+ font-size: 24px;
+ font-weight: 600;
+ margin-bottom: 0;
+ color: #1b55e2; }
+
+.maintanence a.btn {
+ width: 134px;
+ padding: 6px;
+ font-size: 17px;
+ background-image: linear-gradient(135deg, #1b55e2 0%, #5c1ac3 100%);
+ border: none;
+ letter-spacing: 2px; }
+
+.maintanence .text {
+ color: #3b3f5c;
+ font-size: 15px;
+ font-size: 16px;
+ color: #3b3f5c;
+ font-weight: 600;
+ margin-top: 21px; }
diff --git a/static/css/pages/faq/faq.css b/static/css/pages/faq/faq.css
new file mode 100644
index 00000000..0ed63125
--- /dev/null
+++ b/static/css/pages/faq/faq.css
@@ -0,0 +1,261 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+body {
+ background-color: #f1f2f3; }
+
+/*Navbar*/
+nav .navbar-brand {
+ font-size: 30px;
+ font-weight: 700;
+ color: #fff; }
+
+.navbar-expand .navbar-nav .nav-link {
+ color: #fff;
+ padding: 0 17px; }
+
+.fq-header-wrapper {
+ padding: 0 0;
+ background-color: #1b55e2;
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 1000'%3E%3Cg %3E%3Ccircle fill='%232b50ed' cx='50' cy='0' r='50'/%3E%3Cg fill='%233154ea' %3E%3Ccircle cx='0' cy='50' r='50'/%3E%3Ccircle cx='100' cy='50' r='50'/%3E%3C/g%3E%3Ccircle fill='%233658e8' cx='50' cy='100' r='50'/%3E%3Cg fill='%233c5be5' %3E%3Ccircle cx='0' cy='150' r='50'/%3E%3Ccircle cx='100' cy='150' r='50'/%3E%3C/g%3E%3Ccircle fill='%23415fe2' cx='50' cy='200' r='50'/%3E%3Cg fill='%234662df' %3E%3Ccircle cx='0' cy='250' r='50'/%3E%3Ccircle cx='100' cy='250' r='50'/%3E%3C/g%3E%3Ccircle fill='%234b66dc' cx='50' cy='300' r='50'/%3E%3Cg fill='%235069d9' %3E%3Ccircle cx='0' cy='350' r='50'/%3E%3Ccircle cx='100' cy='350' r='50'/%3E%3C/g%3E%3Ccircle fill='%23546cd5' cx='50' cy='400' r='50'/%3E%3Cg fill='%23596fd2' %3E%3Ccircle cx='0' cy='450' r='50'/%3E%3Ccircle cx='100' cy='450' r='50'/%3E%3C/g%3E%3Ccircle fill='%235e72cf' cx='50' cy='500' r='50'/%3E%3Cg fill='%236275cb' %3E%3Ccircle cx='0' cy='550' r='50'/%3E%3Ccircle cx='100' cy='550' r='50'/%3E%3C/g%3E%3Ccircle fill='%236678c8' cx='50' cy='600' r='50'/%3E%3Cg fill='%236b7bc4' %3E%3Ccircle cx='0' cy='650' r='50'/%3E%3Ccircle cx='100' cy='650' r='50'/%3E%3C/g%3E%3Ccircle fill='%236f7ec0' cx='50' cy='700' r='50'/%3E%3Cg fill='%237381bc' %3E%3Ccircle cx='0' cy='750' r='50'/%3E%3Ccircle cx='100' cy='750' r='50'/%3E%3C/g%3E%3Ccircle fill='%237783b8' cx='50' cy='800' r='50'/%3E%3Cg fill='%237c86b4' %3E%3Ccircle cx='0' cy='850' r='50'/%3E%3Ccircle cx='100' cy='850' r='50'/%3E%3C/g%3E%3Ccircle fill='%238089b0' cx='50' cy='900' r='50'/%3E%3Cg fill='%23848bac' %3E%3Ccircle cx='0' cy='950' r='50'/%3E%3Ccircle cx='100' cy='950' r='50'/%3E%3C/g%3E%3Ccircle fill='%23888ea8' cx='50' cy='1000' r='50'/%3E%3C/g%3E%3C/svg%3E");
+ background-attachment: fixed;
+ background-size: contain; }
+ .fq-header-wrapper h1 {
+ font-size: 46px;
+ font-weight: 700;
+ color: #fff;
+ margin-bottom: 8px; }
+ .fq-header-wrapper p {
+ color: #d3d3d3;
+ font-size: 14px;
+ margin-bottom: 27px;
+ line-height: 25px; }
+ .fq-header-wrapper button {
+ border-radius: 30px;
+ padding: 10px 25px;
+ letter-spacing: 2px;
+ font-weight: 600;
+ font-size: 16px;
+ background: transparent;
+ color: #fff; }
+ .fq-header-wrapper button:hover {
+ background-color: transparent;
+ color: #fff;
+ box-shadow: none; }
+ .fq-header-wrapper .banner-img img {
+ width: 582px;
+ height: 582px; }
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+ .fq-header-wrapper {
+ background-image: none; } }
+
+/*
+ Common Question
+*/
+.faq .faq-layouting .fq-comman-question-wrapper {
+ padding: 52px 52px;
+ -webkit-box-shadow: 0 10px 30px 0 rgba(31, 45, 61, 0.1);
+ box-shadow: 0 10px 30px 0 rgba(31, 45, 61, 0.1);
+ border-radius: 15px;
+ background: #fff;
+ margin-top: -57px;
+ margin-bottom: 70px; }
+ .faq .faq-layouting .fq-comman-question-wrapper h3 {
+ font-size: 29px;
+ font-weight: 700;
+ margin-bottom: 40px; }
+ .faq .faq-layouting .fq-comman-question-wrapper ul {
+ padding: 0; }
+ .faq .faq-layouting .fq-comman-question-wrapper ul li {
+ font-size: 15px;
+ font-weight: 600;
+ margin-bottom: 16px;
+ color: #3b3f5c; }
+ .faq .faq-layouting .fq-comman-question-wrapper ul li:hover {
+ cursor: pointer;
+ color: #1b55e2; }
+ .faq .faq-layouting .fq-comman-question-wrapper ul li .icon-svg {
+ display: inline-block;
+ margin-right: 9px; }
+ .faq .faq-layouting .fq-comman-question-wrapper ul li svg {
+ color: #888ea8;
+ width: 19px;
+ height: 19px;
+ vertical-align: bottom; }
+ .faq .faq-layouting .fq-comman-question-wrapper ul li:hover svg {
+ color: #1b55e2; }
+
+.faq .faq-layouting .fq-tab-section {
+ margin-bottom: 70px; }
+ .faq .faq-layouting .fq-tab-section h2 {
+ font-size: 29px;
+ font-weight: 700;
+ margin-bottom: 40px; }
+ .faq .faq-layouting .fq-tab-section .accordion .card {
+ border: none;
+ margin-bottom: 26px;
+ -webkit-box-shadow: 2px 5px 17px 0 rgba(31, 45, 61, 0.1);
+ box-shadow: 2px 5px 17px 0 rgba(31, 45, 61, 0.1);
+ border-radius: 12px;
+ cursor: pointer; }
+ .faq .faq-layouting .fq-tab-section .accordion .card .card-header {
+ padding: 0;
+ border: none;
+ background: none; }
+ .faq .faq-layouting .fq-tab-section .accordion .card .card-header > div {
+ padding: 13px 21px;
+ font-weight: 600;
+ font-size: 16px;
+ color: #1b55e2; }
+ .faq .faq-layouting .fq-tab-section .accordion .card .card-header div .faq-q-title {
+ overflow: hidden;
+ white-space: nowrap;
+ font-size: 13px;
+ color: #3b3f5c;
+ font-weight: 700; }
+ .faq .faq-layouting .fq-tab-section .accordion .card .card-header div svg.feather-code {
+ width: 17px;
+ vertical-align: middle;
+ margin-right: 11px;
+ color: #888ea8; }
+ .faq .faq-layouting .fq-tab-section .accordion .card:hover .card-header div svg.feather-code {
+ color: #1b55e2; }
+ .faq .faq-layouting .fq-tab-section .accordion .card .card-header div[aria-expanded="true"] svg.feather-code {
+ color: #1b55e2; }
+ .faq .faq-layouting .fq-tab-section .accordion .card .card-header div .like-faq {
+ display: inline-block;
+ float: right; }
+ .faq .faq-layouting .fq-tab-section .accordion .card .card-header div svg.feather-thumbs-up {
+ cursor: pointer;
+ vertical-align: bottom;
+ margin-right: 10px;
+ width: 18px;
+ color: #888ea8;
+ fill: rgba(0, 23, 55, 0.08); }
+ .faq .faq-layouting .fq-tab-section .accordion .card:hover .card-header div svg.feather-thumbs-up {
+ color: #1b55e2;
+ fill: rgba(27, 85, 226, 0.239216); }
+ .faq .faq-layouting .fq-tab-section .accordion .card .card-header div[aria-expanded="true"] svg.feather-thumbs-up {
+ color: #1b55e2;
+ fill: rgba(27, 85, 226, 0.239216); }
+ .faq .faq-layouting .fq-tab-section .accordion .card .card-header div span.faq-like-count {
+ font-size: 13px;
+ font-weight: 700;
+ color: #888ea8;
+ fill: rgba(0, 23, 55, 0.08); }
+ .faq .faq-layouting .fq-tab-section .accordion .card:hover .card-header div span.faq-like-count, .faq .faq-layouting .fq-tab-section .accordion .card .card-header div[aria-expanded="true"] span.faq-like-count {
+ color: #1b55e2;
+ fill: rgba(27, 85, 226, 0.239216); }
+ .faq .faq-layouting .fq-tab-section .accordion .card .card-body p {
+ font-size: 14px;
+ font-weight: 600;
+ line-height: 23px; }
+
+.faq .faq-layouting .fq-article-section {
+ margin-bottom: 90px; }
+ .faq .faq-layouting .fq-article-section h2 {
+ font-size: 29px;
+ font-weight: 700;
+ margin-bottom: 40px; }
+ .faq .faq-layouting .fq-article-section .card {
+ border: none;
+ -webkit-box-shadow: 2px 5px 17px 0 rgba(31, 45, 61, 0.1);
+ box-shadow: 2px 5px 17px 0 rgba(31, 45, 61, 0.1);
+ border-radius: 12px; }
+ .faq .faq-layouting .fq-article-section .card img {
+ border-top-left-radius: 12px;
+ border-top-right-radius: 12px; }
+ .faq .faq-layouting .fq-article-section .card .card-body .fq-rating {
+ margin-bottom: 13px; }
+ .faq .faq-layouting .fq-article-section .card .card-body .fq-rating svg {
+ width: 17px;
+ color: #e2a03f; }
+ .faq .faq-layouting .fq-article-section .card .card-body .fq-rating svg.checked {
+ fill: rgba(226, 160, 63, 0.541176); }
+ .faq .faq-layouting .fq-article-section .card .card-body h5.card-title {
+ font-weight: 700;
+ font-size: 20px;
+ margin-bottom: 21px; }
+ .faq .faq-layouting .fq-article-section .card .card-body p.card-text {
+ letter-spacing: 1px;
+ color: #888ea8; }
+ .faq .faq-layouting .fq-article-section .card .card-body p.meta-text {
+ font-size: 13px;
+ font-weight: 600;
+ color: #1b55e2; }
+ .faq .faq-layouting .fq-article-section .card .card-body p.meta-text svg {
+ width: 18px;
+ vertical-align: bottom; }
+
+/*
+ Tab Section
+*/
+/*
+ Article Section
+*/
+/*
+ Mini Footer Wrapper
+*/
+#miniFooterWrapper {
+ color: #fff;
+ font-size: 14px;
+ border-top: solid 1px #ffffff;
+ padding: 14px;
+ -webkit-box-shadow: 0px -1px 20px 0 rgba(31, 45, 61, 0.1);
+ box-shadow: 0px -1px 20px 0 rgba(31, 45, 61, 0.1); }
+ #miniFooterWrapper .arrow {
+ background-color: #1b55e2;
+ border-radius: 50%;
+ position: absolute;
+ z-index: 2;
+ top: -33px;
+ width: 40px;
+ height: 40px;
+ box-shadow: 0px 0px 15px 1px rgba(113, 106, 202, 0.2);
+ left: 0;
+ right: 0;
+ margin: 0 auto;
+ display: flex;
+ justify-content: center;
+ cursor: pointer; }
+ #miniFooterWrapper .arrow p {
+ align-self: center;
+ margin-bottom: 0;
+ color: #fff;
+ font-weight: 600;
+ font-size: 15px;
+ letter-spacing: 1px; }
+ #miniFooterWrapper .copyright a {
+ color: #1b55e2;
+ font-weight: 700;
+ text-decoration: none; }
+
+/*
+ Media Query
+*/
+@media (max-width: 1199px) {
+ .fq-header-wrapper .banner-img img {
+ width: 340px;
+ height: 363px;
+ margin: 0 auto; } }
+
+@media (max-width: 767px) {
+ .fq-header-wrapper {
+ min-height: 640px; }
+ .faq .faq-layouting .fq-comman-question-wrapper {
+ margin-top: 32px; } }
+
+@media (max-width: 575px) {
+ .fq-header-wrapper .banner-img img {
+ width: 283px;
+ height: 363px; }
+ .faq .faq-layouting .fq-tab-section .accordion .card .card-header div svg.feather-code {
+ display: none; } }
diff --git a/static/css/pages/faq/faq2.css b/static/css/pages/faq/faq2.css
new file mode 100644
index 00000000..d85cffe0
--- /dev/null
+++ b/static/css/pages/faq/faq2.css
@@ -0,0 +1,95 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+/*
+ Tab Section
+*/
+.faq .faq-layouting .fq-tab-section {
+ padding: 35px 50px;
+ background: #fff;
+ border-radius: 6px;
+ -webkit-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.0901961), 0 1px 20px 0 rgba(0, 0, 0, 0.08), 0px 1px 11px 0px rgba(0, 0, 0, 0.06);
+ -moz-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.0901961), 0 1px 20px 0 rgba(0, 0, 0, 0.08), 0px 1px 11px 0px rgba(0, 0, 0, 0.06);
+ box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.0901961), 0 1px 20px 0 rgba(0, 0, 0, 0.08), 0px 1px 11px 0px rgba(0, 0, 0, 0.06); }
+ .faq .faq-layouting .fq-tab-section h2 {
+ font-size: 25px;
+ font-weight: 700;
+ margin-bottom: 45px;
+ letter-spacing: 0px;
+ text-align: center; }
+ .faq .faq-layouting .fq-tab-section h2 span {
+ color: #1b55e2; }
+ .faq .faq-layouting .fq-tab-section .accordion .card {
+ border: 2px solid #e0e6ed;
+ border-radius: 6px;
+ margin-bottom: 4px; }
+ .faq .faq-layouting .fq-tab-section .accordion .card .card-header {
+ padding: 0;
+ border: none;
+ background: none; }
+ .faq .faq-layouting .fq-tab-section .accordion .card .card-header > div {
+ padding: 19px 30px;
+ font-weight: 600;
+ font-size: 16px;
+ color: #1b55e2;
+ cursor: pointer; }
+ .faq .faq-layouting .fq-tab-section .accordion .card .card-header > div[aria-expanded="true"] {
+ border-bottom: 2px solid #e0e6ed; }
+ .faq .faq-layouting .fq-tab-section .accordion .card .card-header div .faq-q-title {
+ overflow: hidden;
+ font-size: 14px;
+ color: #888ea8;
+ font-weight: 600;
+ letter-spacing: 1px; }
+ .faq .faq-layouting .fq-tab-section .accordion .card .card-header div[aria-expanded="true"] .faq-q-title {
+ color: #1b55e2; }
+ .faq .faq-layouting .fq-tab-section .accordion .card .card-header div .icons {
+ display: inline-block;
+ float: right; }
+ .faq .faq-layouting .fq-tab-section .accordion .card .card-header div .icons svg {
+ color: #888ea8; }
+ .faq .faq-layouting .fq-tab-section .accordion .card .card-header div[aria-expanded="true"] .icons svg {
+ color: #1b55e2; }
+ .faq .faq-layouting .fq-tab-section .accordion .card .card-header div svg.feather-thumbs-up {
+ cursor: pointer;
+ vertical-align: bottom;
+ margin-right: 10px;
+ width: 18px;
+ color: #888ea8;
+ fill: rgba(0, 23, 55, 0.08); }
+ .faq .faq-layouting .fq-tab-section .accordion .card:hover .card-header div svg.feather-thumbs-up {
+ color: #1b55e2;
+ fill: rgba(27, 85, 226, 0.239216); }
+ .faq .faq-layouting .fq-tab-section .accordion .card .card-header div[aria-expanded="true"] svg.feather-thumbs-up {
+ color: #1b55e2;
+ fill: rgba(27, 85, 226, 0.239216); }
+ .faq .faq-layouting .fq-tab-section .accordion .card .card-header div span.faq-like-count {
+ font-size: 13px;
+ font-weight: 700;
+ color: #888ea8;
+ fill: rgba(0, 23, 55, 0.08); }
+ .faq .faq-layouting .fq-tab-section .accordion .card:hover .card-header div span.faq-like-count, .faq .faq-layouting .fq-tab-section .accordion .card .card-header div[aria-expanded="true"] span.faq-like-count {
+ color: #1b55e2;
+ fill: rgba(27, 85, 226, 0.239216); }
+ .faq .faq-layouting .fq-tab-section .accordion .card .card-body {
+ padding: 19px 30px; }
+ .faq .faq-layouting .fq-tab-section .accordion .card .card-body p {
+ font-size: 13px;
+ line-height: 23px;
+ letter-spacing: 1px; }
+
+/*
+ Media Query
+*/
+@media (max-width: 575px) {
+ .faq .faq-layouting .fq-tab-section {
+ padding: 35px 25px; }
+ .faq .faq-layouting .fq-tab-section .accordion .card .card-header div svg.feather-code {
+ display: none; } }
diff --git a/static/css/pages/helpdesk.css b/static/css/pages/helpdesk.css
new file mode 100644
index 00000000..eb8c28e9
--- /dev/null
+++ b/static/css/pages/helpdesk.css
@@ -0,0 +1,307 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+body {
+ font-family: 'Nunito', sans-serif;
+ background-color: #f1f2f3; }
+
+.helpdesk:before {
+ content: "";
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ z-index: -1;
+ pointer-events: none;
+ height: 280px;
+ background-color: #1b55e2;
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 1000'%3E%3Cg %3E%3Ccircle fill='%232b50ed' cx='50' cy='0' r='50'/%3E%3Cg fill='%233154ea' %3E%3Ccircle cx='0' cy='50' r='50'/%3E%3Ccircle cx='100' cy='50' r='50'/%3E%3C/g%3E%3Ccircle fill='%233658e8' cx='50' cy='100' r='50'/%3E%3Cg fill='%233c5be5' %3E%3Ccircle cx='0' cy='150' r='50'/%3E%3Ccircle cx='100' cy='150' r='50'/%3E%3C/g%3E%3Ccircle fill='%23415fe2' cx='50' cy='200' r='50'/%3E%3Cg fill='%234662df' %3E%3Ccircle cx='0' cy='250' r='50'/%3E%3Ccircle cx='100' cy='250' r='50'/%3E%3C/g%3E%3Ccircle fill='%234b66dc' cx='50' cy='300' r='50'/%3E%3Cg fill='%235069d9' %3E%3Ccircle cx='0' cy='350' r='50'/%3E%3Ccircle cx='100' cy='350' r='50'/%3E%3C/g%3E%3Ccircle fill='%23546cd5' cx='50' cy='400' r='50'/%3E%3Cg fill='%23596fd2' %3E%3Ccircle cx='0' cy='450' r='50'/%3E%3Ccircle cx='100' cy='450' r='50'/%3E%3C/g%3E%3Ccircle fill='%235e72cf' cx='50' cy='500' r='50'/%3E%3Cg fill='%236275cb' %3E%3Ccircle cx='0' cy='550' r='50'/%3E%3Ccircle cx='100' cy='550' r='50'/%3E%3C/g%3E%3Ccircle fill='%236678c8' cx='50' cy='600' r='50'/%3E%3Cg fill='%236b7bc4' %3E%3Ccircle cx='0' cy='650' r='50'/%3E%3Ccircle cx='100' cy='650' r='50'/%3E%3C/g%3E%3Ccircle fill='%236f7ec0' cx='50' cy='700' r='50'/%3E%3Cg fill='%237381bc' %3E%3Ccircle cx='0' cy='750' r='50'/%3E%3Ccircle cx='100' cy='750' r='50'/%3E%3C/g%3E%3Ccircle fill='%237783b8' cx='50' cy='800' r='50'/%3E%3Cg fill='%237c86b4' %3E%3Ccircle cx='0' cy='850' r='50'/%3E%3Ccircle cx='100' cy='850' r='50'/%3E%3C/g%3E%3Ccircle fill='%238089b0' cx='50' cy='900' r='50'/%3E%3Cg fill='%23848bac' %3E%3Ccircle cx='0' cy='950' r='50'/%3E%3Ccircle cx='100' cy='950' r='50'/%3E%3C/g%3E%3Ccircle fill='%23888ea8' cx='50' cy='1000' r='50'/%3E%3C/g%3E%3C/svg%3E");
+ background-attachment: fixed;
+ background-size: contain; }
+
+.helpdesk .navbar .navbar-brand {
+ color: #fff;
+ font-weight: 800;
+ letter-spacing: 2px; }
+
+.helpdesk .navbar .nav-link {
+ color: #fff !important; }
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+ .helpdesk:before {
+ background-image: none; } }
+
+/*
+ Helpdesk Header Wrapper
+*/
+.hd-header-wrapper {
+ padding: 67px 0;
+ border-radius: 4px; }
+ .hd-header-wrapper h4 {
+ color: #fff;
+ font-size: 46px;
+ padding: 0 8px; }
+ .hd-header-wrapper p {
+ color: #fff;
+ font-size: 17px;
+ font-weight: 600;
+ letter-spacing: 1px;
+ margin-bottom: 35px; }
+ .hd-header-wrapper .input-group {
+ -webkit-box-shadow: 0px 0px 15px 1px rgba(113, 106, 202, 0.2);
+ box-shadow: 0px 0px 15px 1px rgba(113, 106, 202, 0.2); }
+ .hd-header-wrapper span.input-group-text {
+ background-color: #fff;
+ border-color: #fff;
+ padding: 11px 8px 11px 20px;
+ border-radius: 4px;
+ font-size: 22px;
+ font-weight: normal !important; }
+ .hd-header-wrapper span.input-group-text svg {
+ font-weight: 600;
+ color: #1b55e2; }
+ .hd-header-wrapper .form-control:focus {
+ box-shadow: none;
+ border-color: #1b55e2;
+ color: #3b3f5c;
+ background: #f1f2f3; }
+ .hd-header-wrapper input {
+ border: none;
+ border-radius: 4px;
+ padding: 20px 16px;
+ color: #0e1726;
+ height: 100%; }
+
+.input-group .input-group-prepend .input-group-text {
+ border: 1px solid #ffffff;
+ background-color: #ffffff; }
+
+/*
+ Tab Section
+*/
+/* Tab Content */
+.hd-tab-section .accordion .card {
+ border: none;
+ margin-bottom: 26px;
+ -webkit-box-shadow: 2px 5px 17px 0 rgba(31, 45, 61, 0.1);
+ box-shadow: 2px 5px 17px 0 rgba(31, 45, 61, 0.1);
+ border-radius: 12px !important;
+ cursor: pointer; }
+ .hd-tab-section .accordion .card .card-header {
+ background-color: #fff;
+ color: #3b3f5c;
+ border-color: transparent;
+ padding: 0;
+ border-radius: 6px; }
+ .hd-tab-section .accordion .card .card-header div > div {
+ padding: 13px 21px;
+ cursor: pointer;
+ background: transparent;
+ border: none;
+ overflow: hidden;
+ white-space: nowrap;
+ font-size: 13px;
+ color: #3b3f5c;
+ font-weight: 700; }
+ .hd-tab-section .accordion .card .card-header div > div svg {
+ width: 17px;
+ vertical-align: middle;
+ margin-right: 11px;
+ color: #888ea8; }
+ .hd-tab-section .accordion .card .card-header div > div[aria-expanded="true"] svg {
+ color: #1b55e2; }
+ .hd-tab-section .accordion .card:hover .card-header div > div svg {
+ color: #1b55e2; }
+ .hd-tab-section .accordion .card:not(:last-child) .card-header div > div {
+ border-bottom: none; }
+ .hd-tab-section .accordion .card .card-body {
+ padding: 20px 30px; }
+ .hd-tab-section .accordion .card .card-body p {
+ line-height: 2.2;
+ font-size: 14px;
+ letter-spacing: 1px;
+ color: #0e1726; }
+
+/* Contact Content */
+.hd-contact-section {
+ margin-bottom: 50px; }
+ .hd-contact-section .hd-slide-header {
+ text-align: center;
+ font-size: 24px;
+ font-weight: 600;
+ margin-bottom: 50px;
+ color: #3b3f5c; }
+
+.carousel-item.community-help {
+ padding: 13px; }
+
+.carousel-item-content {
+ max-width: 607px;
+ max-width: 697px;
+ margin: 0 auto;
+ padding: 43px 0;
+ height: 331px; }
+
+/* Community help */
+.hd-contact-section .community-help .media {
+ padding: 13px 25px;
+ border: 1px solid #bfc9d4;
+ border-radius: 12px;
+ background: #fff; }
+ .hd-contact-section .community-help .media svg {
+ width: 54px;
+ height: 55px;
+ margin-right: 11px;
+ align-self: center;
+ color: #1b55e2;
+ stroke-width: 1.5px; }
+ .hd-contact-section .community-help .media h5 {
+ color: #1b55e2;
+ font-weight: 800;
+ font-size: 17px;
+ margin-bottom: 5px; }
+ .hd-contact-section .community-help .media p {
+ font-size: 14px;
+ font-weight: 600;
+ color: #3b3f5c; }
+
+.hd-contact-section .news-updates .media {
+ padding: 13px 25px;
+ border: 1px solid #bfc9d4;
+ border-radius: 12px;
+ background: #fff; }
+ .hd-contact-section .news-updates .media svg {
+ width: 54px;
+ height: 55px;
+ margin-right: 11px;
+ color: #1b55e2;
+ stroke-width: 1.5px; }
+ .hd-contact-section .news-updates .media h5 {
+ color: #1b55e2;
+ font-weight: 800;
+ margin-bottom: 0; }
+ .hd-contact-section .news-updates .media p {
+ font-size: 14px;
+ font-weight: 600; }
+
+/* News updates */
+/* Carousel indicators */
+.carousel-indicators {
+ bottom: -34px;
+ left: 0;
+ right: 0;
+ height: 22px; }
+ .carousel-indicators li {
+ width: 6px;
+ height: 6px;
+ border-radius: 50%;
+ opacity: 1;
+ background-color: #888ea8; }
+ .carousel-indicators li.active {
+ background-color: #1b55e2; }
+
+.carousel-control-next, .carousel-control-prev {
+ opacity: 1;
+ background: #f1f2f3; }
+
+.carousel-control-prev-icon {
+ background-image: none;
+ -webkit-box-shadow: 2px 5px 17px 0 rgba(31, 45, 61, 0.1);
+ box-shadow: 0px 0px 19px 3px rgba(31, 45, 61, 0.1);
+ padding: 9px;
+ height: 33px;
+ width: 33px;
+ position: relative;
+ border-radius: 50px; }
+ .carousel-control-prev-icon svg {
+ color: #1b55e2;
+ position: absolute;
+ top: 4px;
+ left: -1px;
+ right: 0;
+ margin-left: auto;
+ margin-right: auto;
+ width: 23px; }
+ .carousel-control-prev-icon:before {
+ display: none; }
+
+.carousel-control-next-icon {
+ background-image: none;
+ -webkit-box-shadow: 2px 5px 17px 0 rgba(31, 45, 61, 0.1);
+ box-shadow: 0px 0px 19px 3px rgba(31, 45, 61, 0.1);
+ padding: 9px;
+ height: 33px;
+ width: 33px;
+ position: relative;
+ border-radius: 50px; }
+ .carousel-control-next-icon svg {
+ color: #1b55e2;
+ position: absolute;
+ top: 4px;
+ left: 0;
+ right: -2px;
+ margin-left: auto;
+ margin-right: auto;
+ width: 23px; }
+ .carousel-control-next-icon:before {
+ display: none; }
+
+/*
+ Mini Footer Wrapper
+*/
+#miniFooterWrapper {
+ color: #fff;
+ font-size: 14px;
+ border-top: solid 1px #ffffff;
+ padding: 14px;
+ -webkit-box-shadow: 0px -1px 20px 0 rgba(31, 45, 61, 0.1);
+ box-shadow: 0px -1px 20px 0 rgba(31, 45, 61, 0.1); }
+ #miniFooterWrapper .arrow {
+ background-color: #1b55e2;
+ border-radius: 50%;
+ position: absolute;
+ z-index: 2;
+ top: -33px;
+ width: 40px;
+ height: 40px;
+ box-shadow: 0px 0px 15px 1px rgba(113, 106, 202, 0.2);
+ left: 0;
+ right: 0;
+ margin: 0 auto;
+ display: flex;
+ justify-content: center;
+ cursor: pointer; }
+ #miniFooterWrapper .arrow p {
+ align-self: center;
+ margin-bottom: 0;
+ color: #fff;
+ font-weight: 600;
+ font-size: 15px;
+ letter-spacing: 1px; }
+ #miniFooterWrapper .copyright a {
+ color: #1b55e2;
+ font-weight: 700;
+ text-decoration: none; }
+
+@media (max-width: 1199px) {
+ .carousel-control-next, .carousel-control-prev {
+ background: transparent; } }
+
+@media (max-width: 991px) {
+ .carousel-control-next, .carousel-control-prev {
+ display: none; } }
+
+@media (max-width: 767px) {
+ .hd-contact-section .community-help .media {
+ margin-bottom: 3px; } }
+
+@media (max-width: 575px) {
+ .carousel-item-content {
+ height: auto; } }
diff --git a/static/css/pages/privacy/privacy.css b/static/css/pages/privacy/privacy.css
new file mode 100644
index 00000000..1b2847f4
--- /dev/null
+++ b/static/css/pages/privacy/privacy.css
@@ -0,0 +1,136 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+body {
+ background-color: #f1f2f3; }
+
+.h5, h5 {
+ font-size: 1.25rem; }
+
+.h4, h4 {
+ font-size: 1.5rem; }
+
+.h6, h6 {
+ font-size: 1rem; }
+
+.navbar-brand-privacy img {
+ width: 62px;
+ height: 62px; }
+
+/*
+ ======================
+ Header Wrapper
+ ======================
+*/
+#headerWrapper {
+ padding: 30px 50px; }
+ #headerWrapper:before {
+ content: "";
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ z-index: -1;
+ pointer-events: none;
+ height: 280px;
+ background-color: #1b55e2;
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 1000'%3E%3Cg %3E%3Ccircle fill='%232b50ed' cx='50' cy='0' r='50'/%3E%3Cg fill='%233154ea' %3E%3Ccircle cx='0' cy='50' r='50'/%3E%3Ccircle cx='100' cy='50' r='50'/%3E%3C/g%3E%3Ccircle fill='%233658e8' cx='50' cy='100' r='50'/%3E%3Cg fill='%233c5be5' %3E%3Ccircle cx='0' cy='150' r='50'/%3E%3Ccircle cx='100' cy='150' r='50'/%3E%3C/g%3E%3Ccircle fill='%23415fe2' cx='50' cy='200' r='50'/%3E%3Cg fill='%234662df' %3E%3Ccircle cx='0' cy='250' r='50'/%3E%3Ccircle cx='100' cy='250' r='50'/%3E%3C/g%3E%3Ccircle fill='%234b66dc' cx='50' cy='300' r='50'/%3E%3Cg fill='%235069d9' %3E%3Ccircle cx='0' cy='350' r='50'/%3E%3Ccircle cx='100' cy='350' r='50'/%3E%3C/g%3E%3Ccircle fill='%23546cd5' cx='50' cy='400' r='50'/%3E%3Cg fill='%23596fd2' %3E%3Ccircle cx='0' cy='450' r='50'/%3E%3Ccircle cx='100' cy='450' r='50'/%3E%3C/g%3E%3Ccircle fill='%235e72cf' cx='50' cy='500' r='50'/%3E%3Cg fill='%236275cb' %3E%3Ccircle cx='0' cy='550' r='50'/%3E%3Ccircle cx='100' cy='550' r='50'/%3E%3C/g%3E%3Ccircle fill='%236678c8' cx='50' cy='600' r='50'/%3E%3Cg fill='%236b7bc4' %3E%3Ccircle cx='0' cy='650' r='50'/%3E%3Ccircle cx='100' cy='650' r='50'/%3E%3C/g%3E%3Ccircle fill='%236f7ec0' cx='50' cy='700' r='50'/%3E%3Cg fill='%237381bc' %3E%3Ccircle cx='0' cy='750' r='50'/%3E%3Ccircle cx='100' cy='750' r='50'/%3E%3C/g%3E%3Ccircle fill='%237783b8' cx='50' cy='800' r='50'/%3E%3Cg fill='%237c86b4' %3E%3Ccircle cx='0' cy='850' r='50'/%3E%3Ccircle cx='100' cy='850' r='50'/%3E%3C/g%3E%3Ccircle fill='%238089b0' cx='50' cy='900' r='50'/%3E%3Cg fill='%23848bac' %3E%3Ccircle cx='0' cy='950' r='50'/%3E%3Ccircle cx='100' cy='950' r='50'/%3E%3C/g%3E%3Ccircle fill='%23888ea8' cx='50' cy='1000' r='50'/%3E%3C/g%3E%3C/svg%3E");
+ background-attachment: fixed;
+ background-size: contain; }
+ #headerWrapper .main-heading {
+ color: #fff;
+ margin: 0; }
+ #headerWrapper .main-heading i {
+ font-size: 50px;
+ vertical-align: sub; }
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+ #headerWrapper:before {
+ background-image: none; } }
+
+/*
+ ======================
+ Privacy Wrapper
+ ======================
+*/
+#privacyWrapper {
+ padding: 80px 0; }
+ #privacyWrapper .privacy-container {
+ max-width: 815px;
+ margin: 0 auto; }
+ #privacyWrapper .privacyContent {
+ padding: 30px 30px;
+ background: #fff;
+ margin-top: -60px;
+ border-radius: 5px;
+ -webkit-box-shadow: 2px 5px 17px 0 rgba(31, 45, 61, 0.1);
+ box-shadow: 2px 5px 17px 0 #1f2d3d1a; }
+ #privacyWrapper .privacyContent .privacy-head {
+ margin-bottom: 40px;
+ padding-bottom: 40px;
+ border-bottom: 1px solid #e0e6ed; }
+ #privacyWrapper .privacyContent .privacyHeader h1 {
+ font-weight: 600; }
+ #privacyWrapper .privacyContent .privacyHeader p {
+ margin-bottom: 0;
+ font-size: 16px; }
+ #privacyWrapper .privacyContent .get-privacy-terms svg {
+ margin-right: 12px; }
+ #privacyWrapper .privacy-content-container section:not(:last-child) {
+ margin-bottom: 45px; }
+ #privacyWrapper .privacy-content-container h5 {
+ margin-bottom: 24px; }
+ #privacyWrapper h5 {
+ margin: 0;
+ font-weight: 600;
+ font-size: 22px;
+ letter-spacing: 1px; }
+ #privacyWrapper h5.policy-info-ques {
+ color: #666666;
+ font-weight: 600; }
+
+/*
+ ==========================
+ Mini Footer Wrapper
+ ==========================
+*/
+#miniFooterWrapper {
+ color: #fff;
+ font-size: 14px;
+ border-top: solid 1px #ffffff;
+ padding: 14px;
+ -webkit-box-shadow: 0px -1px 20px 0 rgba(31, 45, 61, 0.1);
+ box-shadow: 0px -1px 20px 0 rgba(31, 45, 61, 0.1); }
+ #miniFooterWrapper .arrow {
+ background-color: #1b55e2;
+ border-radius: 50%;
+ position: absolute;
+ z-index: 2;
+ top: -33px;
+ width: 40px;
+ height: 40px;
+ box-shadow: 0px 0px 15px 1px rgba(113, 106, 202, 0.2);
+ left: 0;
+ right: 0;
+ margin: 0 auto;
+ display: flex;
+ justify-content: center;
+ cursor: pointer; }
+ #miniFooterWrapper .arrow p {
+ align-self: center;
+ margin-bottom: 0;
+ color: #fff;
+ font-weight: 600;
+ font-size: 15px;
+ letter-spacing: 1px; }
+ #miniFooterWrapper .copyright a {
+ color: #1b55e2;
+ font-weight: 700;
+ text-decoration: none; }
diff --git a/static/css/plugins.css b/static/css/plugins.css
new file mode 100644
index 00000000..78b88622
--- /dev/null
+++ b/static/css/plugins.css
@@ -0,0 +1,12 @@
+@import url('main.css');
+@import url('../../plugins/perfect-scrollbar/perfect-scrollbar.css');
+@import url('structure.css');
+/*
+ Importing highlight.js CSS code
+
+ Just for demo purpose only
+
+ @Note:- monokai-sublime.css stylesheet is for highliting the code;
+
+*/
+@import '../../plugins/highlight/styles/monokai-sublime.css';
diff --git a/static/css/scrollspyNav.css b/static/css/scrollspyNav.css
new file mode 100644
index 00000000..1604b2b9
--- /dev/null
+++ b/static/css/scrollspyNav.css
@@ -0,0 +1,72 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+.sidenav {
+ position: fixed;
+ right: -30px;
+ top: 125px;
+ width: 236px;
+ height: auto;
+ border-left: 1px solid #e0e6ed; }
+ .sidenav .sidenav-header:after {
+ display: none; }
+ .sidenav .sidenav-header p {
+ font-weight: 600;
+ font-size: 18px;
+ color: #fff;
+ margin-bottom: 20px;
+ background: #1b55e2;
+ text-align: center;
+ border-radius: 5px;
+ padding: 4px;
+ letter-spacing: 1px;
+ background-image: linear-gradient(to right, #1b55e2 0%, #5c1ac3 100%); }
+ .sidenav .sidenav-content {
+ background-color: transparent;
+ display: block;
+ border: none; }
+ .sidenav .sidenav-content a {
+ display: block;
+ padding: 3px 0px;
+ color: #3b3f5c;
+ font-size: 12px;
+ padding: 3px 25px; }
+ .sidenav .sidenav-content a.active {
+ color: #5c1ac3;
+ font-weight: 700;
+ border-left: 1px solid #5c1ac3; }
+ .sidenav .sidenav-content a:hover {
+ color: #1b55e2;
+ font-weight: 700;
+ border-left: 1px solid #5c1ac3; }
+
+#content > .container {
+ display: flex;
+ max-width: 58.333333% !important;
+ margin-left: 2px;
+ padding: 0 16px !important; }
+ #content > .container > .container {
+ padding: 0;
+ margin: 0; }
+
+@media (max-width: 575px) {
+ .sidenav .sidenav-content a {
+ padding: 4px 7px;
+ margin-right: 0;
+ margin-bottom: 10px; } }
+
+@media (max-width: 1199px) {
+ .sidenav {
+ display: none; }
+ #content > .container {
+ max-width: 100% !important;
+ margin-left: auto; }
+ #content > .container > .container {
+ max-width: 100%; } }
diff --git a/static/css/structure.css b/static/css/structure.css
new file mode 100644
index 00000000..f2ebe57f
--- /dev/null
+++ b/static/css/structure.css
@@ -0,0 +1,1151 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+html {
+ min-height: 100%; }
+
+body {
+ color: #888ea8;
+ height: 100%;
+ font-size: 0.875rem;
+ background: #f1f2f3;
+ overflow-x: hidden;
+ overflow-y: auto;
+ letter-spacing: 0.0312rem;
+ font-family: 'Nunito', sans-serif; }
+
+h1, h2, h3, h4, h5, h6 {
+ color: #3b3f5c; }
+
+:focus {
+ outline: none; }
+
+::-moz-selection {
+ /* Code for Firefox */
+ color: #1b55e2;
+ background: transparent; }
+
+::selection {
+ color: #1b55e2;
+ background: transparent; }
+
+p {
+ margin-top: 0;
+ margin-bottom: 0.625rem;
+ color: #515365; }
+
+hr {
+ margin-top: 20px;
+ margin-bottom: 20px;
+ border-top: 1px solid #f1f2f3; }
+
+strong {
+ font-weight: 600; }
+
+code {
+ color: #e7515a; }
+
+/*Page title*/
+.page-header {
+ border: 0;
+ margin: 0; }
+ .page-header:before {
+ display: table;
+ content: "";
+ line-height: 0; }
+ .page-header:after {
+ display: table;
+ content: "";
+ line-height: 0;
+ clear: both; }
+
+.page-title h3 {
+ margin: 0;
+ margin-bottom: 0;
+ font-size: 15px;
+ color: #3b3f5c;
+ font-weight: 700; }
+
+.page-title span {
+ display: block;
+ font-size: 11px;
+ color: #888;
+ font-weight: normal; }
+
+.main-container {
+ min-height: 100vh;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ padding: 0 0 0 16px; }
+
+#container.fixed-header {
+ margin-top: 56px; }
+
+#content {
+ position: relative;
+ width: 50%;
+ flex-grow: 8;
+ margin-top: 106px;
+ margin-bottom: 0;
+ margin-left: 212px;
+ transition: .600s; }
+
+.main-container-fluid > .main-content > .container {
+ float: left;
+ width: 100%; }
+
+#content > .wrapper {
+ -webkit-transition: margin ease-in-out .1s;
+ -moz-transition: margin ease-in-out .1s;
+ -o-transition: margin ease-in-out .1s;
+ transition: margin ease-in-out .1s;
+ position: relative; }
+
+.widget {
+ padding: 0;
+ margin-top: 0;
+ margin-bottom: 0;
+ border-radius: 6px;
+ -webkit-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
+ -moz-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
+ box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07); }
+
+.layout-top-spacing {
+ margin-top: 20px; }
+
+.layout-spacing {
+ padding-bottom: 40px; }
+
+.layout-px-spacing {
+ padding: 0 20px 0 18px !important;
+ min-height: calc(100vh - 170px) !important; }
+
+.sidebar-closed .layout-px-spacing {
+ padding: 0 16px !important; }
+
+.widget.box .widget-header {
+ background: #fff;
+ padding: 0px 8px 0px;
+ border-top-right-radius: 6px;
+ border-top-left-radius: 6px; }
+
+.row [class*="col-"] .widget .widget-header h4 {
+ color: #3b3f5c;
+ font-size: 17px;
+ font-weight: 600;
+ margin: 0;
+ padding: 16px 15px; }
+
+.seperator-header {
+ background: transparent;
+ box-shadow: none;
+ margin-bottom: 40px;
+ border-radius: 0; }
+ .seperator-header h4 {
+ color: #888ea8;
+ margin-bottom: 0;
+ display: inline-block;
+ border: 2px dashed #888ea8;
+ line-height: 1.4;
+ padding: 3px 6px;
+ font-size: 15px;
+ font-weight: 600;
+ border-radius: 4px;
+ letter-spacing: 1px; }
+
+.widget .widget-header {
+ border-bottom: 0px solid #f1f2f3; }
+ .widget .widget-header:before {
+ display: table;
+ content: "";
+ line-height: 0; }
+ .widget .widget-header:after {
+ display: table;
+ content: "";
+ line-height: 0;
+ clear: both; }
+
+.widget-content-area {
+ padding: 20px;
+ position: relative;
+ background-color: #fff;
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px; }
+
+.content-area {
+ max-width: 58.333333%;
+ margin-left: 80px; }
+
+/*
+=====================
+ Navigation Bar
+=====================
+*/
+.header-container {
+ z-index: 1030;
+ border-bottom: 1px solid #0e1726; }
+ .header-container .navbar {
+ padding: 4px 0; }
+
+.navbar {
+ padding: 0;
+ background: #0e1726; }
+ .navbar .theme-brand {
+ padding: 0.9px 0 0.9px 27px !important;
+ border-radius: 6px 6px 0 0;
+ justify-content: space-between; }
+ .navbar .theme-brand li.theme-logo {
+ align-self: center; }
+ .navbar .theme-brand li.theme-logo img {
+ width: 34px;
+ height: 34px;
+ border-radius: 5px; }
+ .navbar .theme-brand li.theme-text {
+ margin-right: 47px; }
+ .navbar .theme-brand li.theme-text a {
+ font-size: 24px !important;
+ color: #e0e6ed !important;
+ line-height: 2.75rem;
+ padding: 0 0.8rem;
+ text-transform: initial;
+ position: unset;
+ font-weight: 700; }
+ .navbar.expand-header {
+ margin: 0; }
+
+.navbar-brand {
+ width: 5.5rem;
+ padding-top: 0.0rem;
+ padding-bottom: 0.0rem;
+ margin-right: 0.0rem; }
+
+.navbar-expand-sm .navbar-item {
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ padding-left: 0;
+ margin-bottom: 0;
+ list-style: none; }
+ .navbar-expand-sm .navbar-item .nav-link {
+ line-height: 2.75rem;
+ padding: 6.24px 9.6px;
+ text-transform: initial;
+ position: unset; }
+
+.header-container .navbar .dropdown-menu {
+ border-radius: 6px;
+ border-color: #e0e6ed; }
+
+.header-container .navbar .dropdown-item {
+ line-height: 1.8;
+ font-size: 0.96rem;
+ padding: 15px 0 15px 0;
+ word-wrap: normal;
+ border-radius: 6px; }
+
+.header-container .navbar .navbar-item .nav-item .dropdown-item.active, .header-container .navbar .navbar-item .nav-item .dropdown-item:active {
+ background-color: transparent;
+ color: #16181b; }
+
+.header-container .navbar .navbar-item .nav-item.dropdown .nav-link:hover span {
+ color: #e0e6ed !important; }
+
+.header-container .navbar .navbar-item .nav-item.dropdown .dropdown-menu {
+ top: 109%;
+ border-radius: 0;
+ border: none;
+ border-radius: 6px;
+ -webkit-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
+ box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
+ background: #fff;
+ margin-top: 0; }
+ .header-container .navbar .navbar-item .nav-item.dropdown .dropdown-menu:after {
+ position: absolute;
+ content: '';
+ top: -10px;
+ margin-left: -7px;
+ height: 0;
+ width: 0;
+ border-left: 9px solid transparent;
+ border-right: 9px solid transparent;
+ border-bottom: 15px solid #fff;
+ left: auto;
+ right: 7px;
+ border-bottom-color: #fafafa; }
+
+.header-container .navbar .language-dropdown {
+ margin-left: 20px; }
+ .header-container .navbar .language-dropdown a.nav-link {
+ position: relative;
+ font-size: 24px;
+ padding: 0; }
+ .header-container .navbar .language-dropdown a.dropdown-toggle:after {
+ display: none; }
+ .header-container .navbar .language-dropdown a.dropdown-toggle img {
+ width: 20px;
+ height: 20px;
+ margin: 11px 0px; }
+ .header-container .navbar .language-dropdown .dropdown-menu {
+ min-width: 7rem;
+ left: 50%;
+ transform: translate(-50%, 0);
+ box-shadow: none;
+ top: 105% !important;
+ z-index: 1070;
+ border: 1px solid #e0e6ed;
+ padding: 6px 6px;
+ border-radius: 4px; }
+ .header-container .navbar .language-dropdown .dropdown-menu:before {
+ top: -10px;
+ left: 41%;
+ right: auto !important; }
+ .header-container .navbar .language-dropdown .dropdown-menu:after {
+ top: -8.5px;
+ left: 49% !important;
+ right: auto !important; }
+ .header-container .navbar .language-dropdown .dropdown-menu .dropdown-item:hover {
+ background: rgba(27, 85, 226, 0.180392); }
+ .header-container .navbar .language-dropdown .dropdown-menu .dropdown-item.active, .header-container .navbar .language-dropdown .dropdown-menu .dropdown-item:active {
+ background: transparent;
+ color: #16181b; }
+ .header-container .navbar .language-dropdown .dropdown-menu a img {
+ width: 20px;
+ height: 20px;
+ margin-right: 16px; }
+ .header-container .navbar .language-dropdown .dropdown-menu a span {
+ color: #3b3f5c;
+ font-weight: 500; }
+
+/* Language */
+/* Language Dropdown */
+/*Message Dropdown*/
+.navbar .navbar-item .nav-item.dropdown.message-dropdown {
+ margin-left: 20px; }
+ .navbar .navbar-item .nav-item.dropdown.message-dropdown .nav-link {
+ padding: 0 0; }
+ .navbar .navbar-item .nav-item.dropdown.message-dropdown .nav-link:after {
+ display: none; }
+ .navbar .navbar-item .nav-item.dropdown.message-dropdown .nav-link svg {
+ color: #e0e6ed;
+ width: 22px;
+ height: 22px; }
+ .navbar .navbar-item .nav-item.dropdown.message-dropdown .nav-link span.badge {
+ position: absolute;
+ top: 13px;
+ right: 2px;
+ width: 18px;
+ height: 18px;
+ border-radius: 50%;
+ padding: 1px 5px 0px;
+ font-size: 10px;
+ color: #fff !important;
+ background: #1b55e2;
+ border: 1px solid #e0e6ed;
+ top: 10px;
+ right: -8px; }
+ .navbar .navbar-item .nav-item.dropdown.message-dropdown.double-digit .nav-link span.badge {
+ top: 11px;
+ right: 1px;
+ width: 22px;
+ height: 22px;
+ padding: 3px 3px 0px;
+ font-size: 9px; }
+ .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu {
+ min-width: 15rem;
+ right: -15px;
+ left: auto;
+ padding: 10px !important; }
+ .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item {
+ padding: 13px 21px; }
+ .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item.active, .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item:active {
+ background-color: transparent; }
+ .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item:focus, .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item:hover {
+ background-color: rgba(27, 85, 226, 0.180392); }
+ .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item:first-child {
+ padding-top: 16px; }
+ .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu:after {
+ right: 17px; }
+ .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .dropdown-item:last-child {
+ padding-bottom: 16px; }
+ .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .media {
+ margin: 0; }
+ .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .media img {
+ width: 40px;
+ height: 40px;
+ margin-right: 11px; }
+ .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .media .media-body {
+ align-self: center; }
+ .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .media .media-body h5.usr-name {
+ font-size: 15px;
+ margin-bottom: 0px;
+ color: #1b55e2; }
+ .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu .media .media-body p.msg-title {
+ font-size: 9px;
+ font-weight: 700;
+ color: #3b3f5c;
+ margin-bottom: 0; }
+
+.navbar .navbar-item .nav-item.dropdown.notification-dropdown {
+ margin-left: 16px; }
+ .navbar .navbar-item .nav-item.dropdown.notification-dropdown .nav-link {
+ padding: 0 0; }
+ .navbar .navbar-item .nav-item.dropdown.notification-dropdown .nav-link:after {
+ display: none; }
+ .navbar .navbar-item .nav-item.dropdown.notification-dropdown .nav-link svg {
+ color: #e0e6ed;
+ width: 22px;
+ height: 22px; }
+ .navbar .navbar-item .nav-item.dropdown.notification-dropdown .nav-link span.badge {
+ position: absolute;
+ top: 9px;
+ right: 3px;
+ width: 8px;
+ height: 8px;
+ border-radius: 50%;
+ padding: 3px 0px 0px;
+ font-size: 10px;
+ color: #fff !important;
+ background: #c2d5ff;
+ display: block;
+ border: 1px solid #3b3f5c; }
+ .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu {
+ min-width: 15rem;
+ right: -5px;
+ left: auto; }
+ .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .dropdown-item {
+ padding: 0.625rem 1rem; }
+ .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .dropdown-item:focus, .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .dropdown-item:hover {
+ background-color: rgba(27, 85, 226, 0.180392); }
+ .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .dropdown-item:not(:last-child) {
+ border-bottom: 1px solid #ebedf2; }
+ .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .media {
+ margin: 0; }
+ .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu svg {
+ width: 20px;
+ height: 20px;
+ font-weight: 600;
+ color: #1b55e2;
+ fill: rgba(0, 23, 55, 0.08);
+ margin-right: 14px;
+ align-self: center; }
+ .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .media-body .notification-para {
+ white-space: normal;
+ line-height: 16px;
+ color: #3b3f5c; }
+ .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu .media-body .notification-para .user-name {
+ font-weight: 600;
+ color: #1b55e2;
+ display: inline-block; }
+
+.navbar .navbar-item .nav-item.search-animated {
+ position: relative; }
+ .navbar .navbar-item .nav-item.search-animated svg {
+ font-weight: 600;
+ margin: 0 9.6px;
+ cursor: pointer;
+ color: #888ea8;
+ position: absolute;
+ width: 18px;
+ height: 18px;
+ top: 9px; }
+
+.navbar .navbar-item .nav-item form.form-inline input.search-form-control {
+ width: 100%;
+ font-size: 14px;
+ background-color: rgba(81, 83, 101, 0.28);
+ border: none;
+ -webkit-border-radius: 6px;
+ -moz-border-radius: 6px;
+ border-radius: 6px;
+ color: #888ea8;
+ letter-spacing: 1px;
+ padding: 0px 4px 0px 35px;
+ height: 36px;
+ font-weight: 600; }
+ .navbar .navbar-item .nav-item form.form-inline input.search-form-control:focus {
+ border: 1px solid #3b3f5c;
+ box-shadow: none; }
+
+.navbar .navbar-item .nav-item .form-inline.search .search-form-control {
+ border: 1px solid rgba(81, 83, 101, 0.28);
+ width: 100%;
+ width: 370px; }
+
+.navbar .navbar-item .nav-item form.form-inline input.search-form-control::-webkit-input-placeholder, .navbar .navbar-item .nav-item form.form-inline input.search-form-control::-ms-input-placeholder, .navbar .navbar-item .nav-item form.form-inline input.search-form-control::-moz-placeholder {
+ color: #888ea8;
+ letter-spacing: 1px;
+ font-size: 13px; }
+
+.navbar .navbar-item .nav-item form.form-inline input.search-form-control:focus::-webkit-input-placeholder, .navbar .navbar-item .nav-item form.form-inline input.search-form-control:focus::-ms-input-placeholder, .navbar .navbar-item .nav-item form.form-inline input.search-form-control:focus::-moz-placeholder {
+ color: #3b3f5c; }
+
+/*Notification Dropdown*/
+.search-overlay {
+ display: none;
+ position: fixed;
+ width: 100vw;
+ height: 100vh;
+ background: transparent !important;
+ z-index: 814 !important;
+ opacity: 0;
+ transition: all 0.5s ease-in-out; }
+ .search-overlay.show {
+ display: block;
+ opacity: .1; }
+
+/* User Profile Dropdown*/
+.navbar .navbar-item .nav-item.user-profile-dropdown .nav-link.user {
+ padding: 0 20px 0 16px;
+ position: relative; }
+
+.navbar .navbar-item .nav-item.dropdown.user-profile-dropdown .nav-link:after {
+ display: none; }
+
+.navbar .navbar-item .nav-item.user-profile-dropdown .nav-link img {
+ width: 28px;
+ border-radius: 4px;
+ height: 28px; }
+
+.navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu {
+ z-index: 9999;
+ min-width: 13rem;
+ padding: 11px;
+ top: 68px;
+ left: -164px; }
+ .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item {
+ padding: 0; }
+ .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item a {
+ display: block;
+ color: #3b3f5c;
+ font-size: 13px;
+ font-weight: 600;
+ padding: 9px 30px; }
+ .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item:focus, .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item:hover {
+ background-color: rgba(27, 85, 226, 0.180392); }
+ .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item.active, .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item:active {
+ background-color: transparent; }
+ .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item:not(:last-child) {
+ border-bottom: 1px solid #ebedf2; }
+ .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu .dropdown-item svg {
+ width: 21px;
+ margin-right: 16px;
+ height: 21px;
+ color: #1b55e2;
+ fill: rgba(0, 23, 55, 0.08); }
+
+/*
+===============
+ Sidebar
+===============
+*/
+.sub-header-container {
+ position: fixed;
+ top: 53px;
+ width: 100%;
+ z-index: 1029;
+ display: flex; }
+ .sub-header-container .navbar {
+ -webkit-box-shadow: 0px 0px 15px 1px rgba(138, 132, 206, 0.03);
+ -moz-box-shadow: 0px 0px 15px 1px rgba(138, 132, 206, 0.03);
+ box-shadow: 0px 20px 20px rgba(126, 142, 177, 0.12);
+ background: #fafafa;
+ border-radius: 0;
+ padding: 9px 0;
+ justify-content: flex-start;
+ min-height: 53px;
+ width: 100%; }
+ .sub-header-container .navbar .toggle-sidebar {
+ position: relative;
+ padding: 0 25px 0 31px;
+ margin-left: 0; }
+ .sub-header-container .navbar .sidebarCollapse {
+ position: relative;
+ padding: 0 25px 0 31px;
+ margin-left: 0; }
+ .sub-header-container .navbar .sidebarCollapse svg {
+ width: 20px;
+ height: 20px;
+ color: #888ea8;
+ vertical-align: text-top; }
+
+.page-header {
+ display: flex;
+ padding: 0 0; }
+
+.sub-header-container .breadcrumb-one {
+ display: inline-block; }
+ .sub-header-container .breadcrumb-one .breadcrumb {
+ padding: 0;
+ vertical-align: sub;
+ background-color: transparent;
+ margin-bottom: 0; }
+ .sub-header-container .breadcrumb-one .breadcrumb-item {
+ align-self: center; }
+ .sub-header-container .breadcrumb-one .breadcrumb-item a {
+ color: #888ea8;
+ vertical-align: sub; }
+ .sub-header-container .breadcrumb-one .breadcrumb-item a svg {
+ width: 18px;
+ height: 18px;
+ vertical-align: sub;
+ fill: #888ea8; }
+ .sub-header-container .breadcrumb-one .breadcrumb-item.active a {
+ color: #515365; }
+ .sub-header-container .breadcrumb-one .breadcrumb-item span {
+ vertical-align: sub; }
+ .sub-header-container .breadcrumb-one .breadcrumb-item.active {
+ color: #3b3f5c;
+ font-weight: 600; }
+ .sub-header-container .breadcrumb-one .breadcrumb-item + .breadcrumb-item {
+ padding: 0px; }
+ .sub-header-container .breadcrumb-one .breadcrumb-item + .breadcrumb-item::before {
+ color: #888ea8;
+ padding: 0 6px 0 6px;
+ vertical-align: bottom; }
+
+.sub-header-container .more-dropdown .custom-dropdown-icon {
+ padding-right: 20px; }
+ .sub-header-container .more-dropdown .custom-dropdown-icon a.dropdown-toggle {
+ position: relative;
+ padding: 9px 35px 10px 15px;
+ border: 1px solid #d3d3d3;
+ border-radius: 8px;
+ transform: none;
+ font-size: 13px;
+ line-height: 17px;
+ background-color: #fff;
+ letter-spacing: normal;
+ min-width: 115px;
+ text-align: inherit;
+ color: #1b2e4b;
+ box-shadow: none;
+ max-height: 35px; }
+ .sub-header-container .more-dropdown .custom-dropdown-icon a.dropdown-toggle svg {
+ position: absolute;
+ right: 15px;
+ top: 11px;
+ color: #888ea8;
+ width: 13px;
+ height: 13px;
+ margin: 0;
+ -webkit-transition: -webkit-transform .2s ease-in-out;
+ transition: -webkit-transform .2s ease-in-out;
+ transition: transform .2s ease-in-out;
+ transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; }
+ .sub-header-container .more-dropdown .custom-dropdown-icon.show a.dropdown-toggle svg {
+ -webkit-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg); }
+ .sub-header-container .more-dropdown .custom-dropdown-icon .dropdown-menu {
+ position: absolute;
+ right: 16px;
+ top: 40px !important;
+ padding: 8px 0;
+ border: none;
+ min-width: 155px;
+ border: 1px solid #d3d3d3; }
+ .sub-header-container .more-dropdown .custom-dropdown-icon .dropdown-menu a {
+ padding: 8px 15px;
+ font-size: 13px;
+ font-weight: 500;
+ color: #3b3f5c; }
+ .sub-header-container .more-dropdown .custom-dropdown-icon .dropdown-menu a:hover {
+ background-color: #bae7ff;
+ color: #2196f3; }
+
+@media (max-width: 575px) {
+ .page-header {
+ display: block; } }
+
+/*
+===============
+ Sidebar
+===============
+*/
+.sidebar-wrapper {
+ width: 206px;
+ width: 212px;
+ position: fixed;
+ z-index: 1028;
+ border-radius: 6px 6px 0 0;
+ transition: .600s;
+ height: 100vh;
+ touch-action: none;
+ user-select: none;
+ -webkit-user-drag: none;
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+ top: 106px;
+ left: 16px; }
+
+.sidebar-theme {
+ background: transparent; }
+
+.sidebar-closed.main-container {
+ padding: 0; }
+
+.sidebar-closed > .sidebar-wrapper {
+ left: -270px; }
+
+.sidebar-closed > #content {
+ margin-left: 0; }
+
+#sidebar .navbar-brand .img-fluid {
+ display: inline;
+ width: 44px;
+ height: auto;
+ margin-left: 20px;
+ margin-top: 5px; }
+
+#sidebar .border-underline {
+ border-left: 1px solid #ccc;
+ height: 20px;
+ margin-top: 18px;
+ margin-left: 0px;
+ margin-right: 8px; }
+
+#sidebar * {
+ overflow: hidden;
+ white-space: nowrap; }
+
+.shadow-bottom {
+ display: block;
+ position: absolute;
+ z-index: 2;
+ height: 33px;
+ width: 100%;
+ pointer-events: none;
+ margin-top: -13px;
+ left: -4px;
+ -webkit-filter: blur(5px);
+ filter: blur(3px);
+ background: -webkit-linear-gradient(180deg, #f1f2f3 49%, #f1f2f3f2 85%, #2C303C00);
+ background: linear-gradient(#F2F4F4 41%, rgba(255, 255, 255, 0.11) 95%, rgba(255, 255, 255, 0)); }
+
+#sidebar ul.menu-categories {
+ position: relative;
+ margin: auto;
+ width: 100%;
+ height: calc(100vh - 127px) !important;
+ overflow: hidden; }
+ #sidebar ul.menu-categories.ps {
+ height: calc(100vh - 107px) !important;
+ margin-right: 0;
+ padding-right: 22px;
+ border-right: 1px solid #e0e6ed; }
+
+#sidebar .ps__thumb-y {
+ right: 4px; }
+
+#sidebar ul.menu-categories li > .dropdown-toggle[data-active="true"] svg.feather-chevron-right, #sidebar ul.menu-categories li > .dropdown-toggle[aria-expanded="true"] svg.feather-chevron-right {
+ transform: rotate(90deg); }
+
+#sidebar ul.menu-categories li.menu:first-child ul.submenu > li a {
+ justify-content: flex-start; }
+ #sidebar ul.menu-categories li.menu:first-child ul.submenu > li a i {
+ align-self: center;
+ margin-right: 12px;
+ font-size: 19px;
+ width: 21px; }
+
+#sidebar ul.menu-categories li.menu:first-child > .dropdown-toggle {
+ margin-top: 21px; }
+
+#sidebar ul.menu-categories li.menu > .dropdown-toggle {
+ display: flex;
+ justify-content: space-between;
+ cursor: pointer;
+ font-size: 13px;
+ color: #0e1726;
+ padding: 11px 14px;
+ transition: .600s;
+ margin-bottom: 4px;
+ font-weight: 600;
+ letter-spacing: 1px; }
+ #sidebar ul.menu-categories li.menu > .dropdown-toggle > div {
+ align-self: center; }
+
+#sidebar ul.menu-categories li.menu .dropdown-toggle:after {
+ display: none; }
+
+#sidebar ul.menu-categories li.menu > .dropdown-toggle svg {
+ color: #506690;
+ margin-right: 10px;
+ vertical-align: middle;
+ width: 20px;
+ height: 20px;
+ fill: rgba(0, 23, 55, 0.08); }
+
+#sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"] {
+ background: #fff;
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ border-radius: 6px;
+ color: #0e1726; }
+ #sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"] svg {
+ color: #000342;
+ fill: #acb0c3; }
+ #sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"]:hover svg, #sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"] span {
+ color: #000342; }
+
+#sidebar ul.menu-categories li.menu > .dropdown-toggle:hover, #sidebar ul.menu-categories li.menu > .dropdown-toggle.dropdown-toggle:not([data-active="true"]):not([aria-expanded="true"]):hover {
+ background: #bfc9d4;
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ border-radius: 6px; }
+
+#sidebar ul.menu-categories li.menu > .dropdown-toggle[aria-expanded="true"]:not([data-active="true"]) {
+ background: #bfc9d4;
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+ border-radius: 6px;
+ color: #0e1726; }
+
+#sidebar ul.menu-categories li.menu > .dropdown-toggle:hover svg {
+ color: #000342; }
+
+#sidebar ul.menu-categories li.menu > .dropdown-toggle[aria-expanded="true"]:not([data-active="true"]) svg {
+ color: #000342;
+ color: #506690;
+ fill: rgba(27, 85, 226, 0.239216); }
+
+#sidebar ul.menu-categories li.menu > .dropdown-toggle svg.feather-chevron-right {
+ vertical-align: middle;
+ margin-right: 0;
+ width: 15px; }
+
+#sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"] svg.flaticon-right-arrow, #sidebar ul.menu-categories li.menu > .dropdown-toggle[data-active="true"] svg.flaticon-down-arrow {
+ background-color: transparent; }
+
+#sidebar ul.menu-categories li.menu > a span:not(.badge) {
+ vertical-align: middle; }
+
+#sidebar ul.menu-categories ul.submenu > li a {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ padding: 10px 12px 10px 48px;
+ padding-left: 24px;
+ margin-left: 36px;
+ font-size: 13px;
+ color: #515365; }
+
+#sidebar ul.menu-categories li.menu ul.submenu > li a:before {
+ content: '';
+ background-color: #d3d3d3;
+ position: absolute;
+ height: 3px;
+ width: 3px;
+ top: 17.5px;
+ left: 13px;
+ border-radius: 50%; }
+
+#sidebar ul.menu-categories ul.submenu > li.active a {
+ color: #1b55e2;
+ border-top-left-radius: 10px;
+ border-bottom-left-radius: 10px;
+ font-weight: 600; }
+
+#sidebar ul.menu-categories li.menu ul.submenu > li.active a:before {
+ background-color: #1b55e2; }
+
+#sidebar ul.menu-categories ul.submenu > li.active {
+ position: relative; }
+
+#sidebar ul.menu-categories ul.submenu > li a:hover {
+ color: #1b55e2; }
+ #sidebar ul.menu-categories ul.submenu > li a:hover:before {
+ background-color: #1b55e2 !important; }
+
+#sidebar ul.menu-categories ul.submenu > li a i {
+ align-self: center;
+ font-size: 9px; }
+
+#sidebar ul.menu-categories ul.submenu li > [data-active="true"] i {
+ color: #1b55e2; }
+
+#sidebar ul.menu-categories ul.submenu li > [data-active="true"]:before {
+ background-color: #1b55e2 !important; }
+
+#sidebar ul.menu-categories ul.submenu li > a[data-active="true"] {
+ color: #1b55e2; }
+
+#sidebar ul.menu-categories ul.submenu > li ul.sub-submenu > li a {
+ position: relative;
+ padding: 10px 12px 10px 48px;
+ padding-left: 13px;
+ margin-left: 47px;
+ font-size: 12px;
+ color: #515365; }
+
+#sidebar ul.menu-categories ul.submenu > li ul.sub-submenu > li.active a {
+ color: #5c1ac3; }
+
+#sidebar ul.menu-categories ul.submenu > li ul.sub-submenu > li a:hover {
+ color: #1b55e2; }
+
+#sidebar ul.menu-categories ul.submenu > li ul.sub-submenu > li a:before {
+ display: none; }
+
+#sidebar ul.menu-categories ul.submenu > li ul.sub-submenu > li.active a:before {
+ background-color: #1b55e2; }
+
+.overlay {
+ display: none;
+ position: fixed;
+ width: 100vw;
+ height: 100vh;
+ background: rgba(0, 0, 0, 0.4);
+ z-index: 1035 !important;
+ opacity: 0;
+ transition: all 0.5s ease-in-out;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ left: 0;
+ touch-action: pan-y;
+ user-select: none;
+ -webkit-user-drag: none;
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
+
+.e-animated {
+ -webkit-animation-duration: 0.6s;
+ animation-duration: 0.6s;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both; }
+
+@-webkit-keyframes e-fadeInUp {
+ 0% {
+ opacity: 0;
+ margin-top: 10px; }
+ 100% {
+ opacity: 1;
+ margin-top: 0; } }
+
+@keyframes e-fadeInUp {
+ 0% {
+ opacity: 0;
+ margin-top: 10px; }
+ 100% {
+ opacity: 1;
+ margin-top: 0; } }
+
+.e-fadeInUp {
+ -webkit-animation-name: e-fadeInUp;
+ animation-name: e-fadeInUp; }
+
+#sidebar ul.menu-categories .ps__rail-y {
+ right: -4px !important; }
+
+/*
+ ======================
+ Footer-wrapper
+ ======================
+*/
+.footer-wrapper {
+ padding: 10px 20px 10px 18px;
+ display: inline-block;
+ background: transparent;
+ font-weight: 600;
+ font-size: 12px;
+ width: 100%;
+ border-top-left-radius: 6px;
+ display: flex;
+ justify-content: space-between; }
+
+.main-container.sidebar-closed .footer-wrapper {
+ border-radius: 0; }
+
+.footer-wrapper .footer-section p {
+ margin-bottom: 0;
+ color: #515365;
+ font-size: 13px;
+ letter-spacing: 1px; }
+ .footer-wrapper .footer-section p a {
+ color: #515365; }
+
+.footer-wrapper .footer-section svg {
+ color: #e7515a;
+ fill: rgba(231, 81, 90, 0.419608);
+ width: 15px;
+ height: 15px;
+ vertical-align: text-top; }
+
+/*
+ ======================
+ MEDIA QUERIES
+ ======================
+*/
+@media (min-width: 992px) {
+ .sidebar-closed #sidebar .theme-brand li.theme-text a {
+ display: none; } }
+
+@media (max-width: 991px) {
+ .navbar .theme-brand {
+ padding: 0.9px 0 0.9px 14px !important; }
+ .sub-header-container .navbar .toggle-sidebar, .sub-header-container .navbar .sidebarCollapse {
+ position: relative;
+ padding: 0 25px 0 16px; }
+ /*
+ =============
+ NavBar
+ =============
+ */
+ .main-container.sidebar-closed #content {
+ margin-left: 0; }
+ /*
+ =============
+ Sidebar
+ =============
+ */
+ .shadow-bottom {
+ width: 100%; }
+ #content {
+ margin-left: 0; }
+ #sidebar .theme-brand {
+ border-radius: 0;
+ background-color: #1b55e2;
+ padding: 7px 12px 7px 24px;
+ border-color: #1b55e2; }
+ .sidebar-closed #sidebar .theme-brand {
+ padding: 0.9px 12px 0.9px 24px; }
+ .main-container:not(.sbar-open) .sidebar-wrapper, body.alt-menu .sidebar-closed > .sidebar-wrapper {
+ width: 0;
+ left: -52px; }
+ .main-container {
+ padding: 0; }
+ #sidebar ul.menu-categories.ps {
+ height: calc(100vh - 70px) !important; }
+ .sidebar-wrapper {
+ position: fixed;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 255px;
+ z-index: 9999;
+ backface-visibility: hidden;
+ -webkit-backface-visibility: hidden;
+ -webkit-transform: translate3d(0, 0, 0);
+ border-radius: 0; }
+ .sidebar-closed > .sidebar-wrapper {
+ left: 0; }
+ .sidebar-noneoverflow {
+ overflow: hidden; }
+ #sidebar {
+ height: 100vh !important;
+ padding: 10px 0 10px 10px;
+ backface-visibility: hidden;
+ -webkit-backface-visibility: hidden;
+ -webkit-transform: translate3d(0, 0, 0);
+ background: #f1f2f3; }
+ .footer-wrapper {
+ padding: 0 16px 17px 16px; }
+ .layout-px-spacing {
+ padding: 0 16px !important; }
+ /* display .overlay when it has the .active class */
+ .overlay.show {
+ display: block;
+ opacity: .7; } }
+
+@media (max-width: 767px) {
+ .navbar .theme-brand li.theme-text {
+ display: none;
+ margin-right: 0; }
+ .navbar .navbar-item .nav-item .form-inline.search {
+ opacity: 0;
+ transition: opacity 200ms, top 200ms;
+ top: -25px; }
+ .navbar .navbar-item .nav-item .form-inline.search .search-form-control {
+ opacity: 0;
+ transition: opacity 200ms, top 200ms; }
+ .navbar .navbar-item .nav-item .form-inline.search.input-focused {
+ position: absolute;
+ bottom: 0;
+ top: 0;
+ background: #060818;
+ height: 100%;
+ width: 100%;
+ left: 0;
+ right: 0;
+ z-index: 32;
+ margin-top: 0px !important;
+ display: flex;
+ opacity: 1;
+ transition: opacity 200ms, top 200ms; }
+ .navbar .navbar-item .nav-item .form-inline.search.input-focused .search-form-control {
+ opacity: 1;
+ transition: opacity 200ms, top 200ms; }
+ .navbar .navbar-item .nav-item.search-animated {
+ position: initial; }
+ .navbar .navbar-item .nav-item.search-animated svg {
+ font-weight: 600;
+ margin: 0 9.6px;
+ cursor: pointer;
+ color: #e0e6ed;
+ position: initial;
+ width: 24px;
+ height: 24px;
+ transition: top 200ms;
+ top: -25px; }
+ .navbar .navbar-item .nav-item.search-animated.show-search svg {
+ margin: 0;
+ position: absolute;
+ top: 16px;
+ left: 16px;
+ width: 22px;
+ height: 22px;
+ color: #e0e6ed;
+ z-index: 40;
+ transition: top 200ms; }
+ .navbar .navbar-item .nav-item .form-inline.search.input-focused .search-bar {
+ width: 100%; }
+ .navbar .navbar-item .nav-item .form-inline.search.input-focused .search-form-control {
+ background: transparent;
+ display: block;
+ padding-left: 50px;
+ padding-right: 12px;
+ border: none; }
+ .navbar .navbar-item .nav-item .form-inline.search .search-form-control {
+ border: none;
+ width: 100%;
+ display: none; }
+ .header-container .navbar .language-dropdown {
+ margin-left: 16px; } }
+
+@media (max-width: 575px) {
+ .navbar .navbar-item .nav-item.message-dropdown .dropdown-menu {
+ min-width: 16.2rem; }
+ .sub-header-container .breadcrumb-one .breadcrumb-item:not(.active), .sub-header-container .breadcrumb-one .breadcrumb-item + .breadcrumb-item::before {
+ display: none; }
+ .sub-header-container .breadcrumb-one .breadcrumb-item span {
+ vertical-align: sub;
+ font-size: 15px;
+ font-weight: 700; }
+ .sub-header-container .navbar .toggle-sidebar, .sub-header-container .navbar .sidebarCollapse {
+ padding: 0 13px 0 16px; }
+ .navbar .navbar-item .nav-item.dropdown .dropdown-menu:after {
+ right: 45px; }
+ .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu {
+ right: -44px; }
+ .navbar .navbar-item .nav-item.dropdown.notification-dropdown .dropdown-menu:after {
+ right: 46px; }
+ .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu {
+ right: -82px; }
+ .navbar .navbar-item .nav-item.dropdown.message-dropdown .dropdown-menu:after {
+ right: 83px; }
+ .footer-wrapper .footer-section.f-section-2 {
+ display: none; } }
diff --git a/static/css/tables/table-basic.css b/static/css/tables/table-basic.css
new file mode 100644
index 00000000..90aeceea
--- /dev/null
+++ b/static/css/tables/table-basic.css
@@ -0,0 +1,71 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+.table-controls {
+ padding: 0;
+ margin: 0;
+ list-style: none; }
+ .table-controls > li {
+ display: inline-block;
+ margin: 0 2px;
+ line-height: 1; }
+ .table-controls > li > a {
+ display: inline-block; }
+ .table-controls > li > a i {
+ margin: 0;
+ color: #555;
+ font-size: 16px;
+ display: block; }
+ .table-controls > li > a i:hover {
+ text-decoration: none; }
+
+.table .progress {
+ margin-bottom: 0; }
+
+/*Table Colors*/
+.contextual-table.table > thead > tr > th, .contextual-table.table > tbody > tr > td {
+ border: none; }
+
+.table-default > td, .table-default > th {
+ background-color: #f1f2f3;
+ color: #3b3f5c; }
+
+.table-primary > td, .table-primary > th {
+ background-color: #c7d8fd;
+ color: #2196f3; }
+
+.table-secondary > td, .table-secondary > th {
+ background-color: #e0d4f9;
+ color: #5c1ac3; }
+
+.table-success > td, .table-success > th {
+ background-color: #cbfdf3;
+ color: #8dbf42; }
+
+.table-danger > td, .table-danger > th {
+ background-color: #ffe1e2;
+ color: #e7515a; }
+
+.table-warning > td, .table-warning > th {
+ background-color: #fdefd5;
+ color: #e2a03f; }
+
+.table-info > td, .table-info > th {
+ background-color: #bae7ff;
+ color: #2196f3; }
+
+.table-light > td, .table-light > th {
+ background-color: #ffffff;
+ color: #888ea8; }
+
+.table-dark > td, .table-dark > th {
+ background-color: #acb0c3;
+ color: #515365;
+ border-color: #fff !important; }
diff --git a/static/css/users/account-setting.css b/static/css/users/account-setting.css
new file mode 100644
index 00000000..a39d12a8
--- /dev/null
+++ b/static/css/users/account-setting.css
@@ -0,0 +1,308 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+.section {
+ -webkit-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.0901961), 0 1px 20px 0 rgba(0, 0, 0, 0.08), 0px 1px 11px 0px rgba(0, 0, 0, 0.06);
+ -moz-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.0901961), 0 1px 20px 0 rgba(0, 0, 0, 0.08), 0px 1px 11px 0px rgba(0, 0, 0, 0.06);
+ box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.0901961), 0 1px 20px 0 rgba(0, 0, 0, 0.08), 0px 1px 11px 0px rgba(0, 0, 0, 0.06); }
+
+.layout-spacing {
+ padding-bottom: 25px; }
+
+.form-control {
+ padding: 8px 8px; }
+
+.blockui-growl-message {
+ display: none;
+ text-align: left;
+ padding: 15px;
+ background-color: #8dbf42;
+ color: #fff;
+ border-radius: 3px; }
+ .blockui-growl-message i {
+ font-size: 20px; }
+
+.general-info .info h6, .about .info h5, .work-platforms .info h5, .contact .info h5, .social .info h5, .skill .info h5, .edu-experience .info h5, .work-experience .info h5 {
+ color: #3b3f5c;
+ margin: 4px 8px 40px 8px;
+ font-weight: 700;
+ font-size: 16px;
+ text-transform: uppercase; }
+
+/*
+ General Infomation
+*/
+.general-info {
+ background-color: #fff;
+ border-radius: 6px; }
+ .general-info .info, .general-info .save-info {
+ padding: 20px; }
+ .general-info .info .form {
+ width: 92%; }
+ .general-info .info .upload {
+ border-right: 1px solid #ebedf2; }
+ .general-info .info .upload p {
+ font-size: 14px;
+ font-weight: 600;
+ color: #1b55e2; }
+ .general-info .info .upload p i {
+ font-size: 22px;
+ color: #1b55e2;
+ vertical-align: middle; }
+ .general-info .info label {
+ color: #888ea8;
+ font-size: 13px;
+ letter-spacing: 1px; }
+ .general-info .info .dropify-wrapper {
+ width: 120px;
+ height: 120px;
+ border: none;
+ border-radius: 6px; }
+ .general-info .info .dropify-wrapper .dropify-preview {
+ background-color: #fff;
+ padding: 0; }
+ .general-info .info .dropify-wrapper .dropify-clear {
+ font-size: 16px;
+ padding: 4px 8px;
+ color: #fff;
+ border: none; }
+ .general-info .info .dropify-wrapper .dropify-clear:hover {
+ background-color: transparent; }
+ .general-info .info .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message {
+ padding-top: 27px; }
+ .general-info .info .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message::before {
+ height: 20px;
+ position: absolute;
+ top: -1px;
+ left: 45%;
+ color: #fff;
+ -webkit-transform: translate(-50%, 0);
+ transform: translate(-50%, 0);
+ background: transparent;
+ width: 0;
+ height: 0;
+ font-size: 28px;
+ width: 24px;
+ content: " ";
+ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-upload-cloud'%3e%3cpolyline points='16 16 12 12 8 16'%3e%3c/polyline%3e%3cline x1='12' y1='12' x2='12' y2='21'%3e%3c/line%3e%3cpath d='M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3'%3e%3c/path%3e%3cpolyline points='16 16 12 12 8 16'%3e%3c/polyline%3e%3c/svg%3e");
+ height: 20px; }
+ .general-info .info .dropify-wrapper.touch-fallback {
+ border: 1px solid #ebedf2; }
+ .general-info .info .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner {
+ padding: 0; }
+ .general-info .info .dropify-wrapper.touch-fallback .dropify-clear {
+ color: #515365; }
+ .general-info .info .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename {
+ margin-top: 10px; }
+
+/*
+ Image upload
+*/
+/*
+ About
+*/
+.about {
+ background-color: #fff;
+ border-radius: 6px; }
+ .about .info, .about .save-info {
+ padding: 20px; }
+ .about .info label {
+ color: #888ea8;
+ font-size: 13px;
+ letter-spacing: 1px; }
+
+/*
+ Education and Experience
+*/
+.work-platforms {
+ background-color: #fff;
+ border-radius: 6px; }
+ .work-platforms .info {
+ padding: 20px; }
+ .work-platforms .platform-div:not(:last-child) {
+ margin-bottom: 55px;
+ padding-bottom: 55px;
+ border-bottom: 2px solid #e0e6ed; }
+ .work-platforms .platform-div:last-child {
+ margin-bottom: 40px; }
+
+/*
+ Contact
+*/
+.contact {
+ background-color: #fff;
+ border-radius: 6px; }
+ .contact .info, .contact .save-info {
+ padding: 20px; }
+ .contact .info label {
+ color: #888ea8;
+ font-size: 13px;
+ letter-spacing: 1px; }
+
+/*
+ Social
+*/
+.social {
+ background-color: #fff;
+ border-radius: 6px; }
+ .social .info, .social .save-info {
+ padding: 20px; }
+ .social .input-group-prepend .input-group-text {
+ border-radius: 6px;
+ color: #fff;
+ border: none; }
+
+.input-group .input-group-prepend .input-group-text svg {
+ color: #1b55e2; }
+
+.social .info input {
+ border-radius: 0.25rem !important; }
+
+/*
+ Skills
+*/
+.skill {
+ background-color: #fff;
+ border-radius: 6px; }
+ .skill .input-form {
+ margin-bottom: 24px;
+ display: flex;
+ width: 50%;
+ margin-right: auto;
+ margin-left: auto; }
+ .skill input[type="text"] {
+ margin-right: 10px; }
+ .skill .info {
+ padding: 20px; }
+ .skill .skill-name {
+ font-size: 13px;
+ font-weight: 700;
+ margin-bottom: 0;
+ margin-top: 0; }
+ .skill .save-info {
+ padding: 20px; }
+ .skill .info label {
+ text-transform: uppercase;
+ color: #c2d5ff; }
+ .skill .custom-progress.progress-up .range-count {
+ margin-top: 11px; }
+ .skill .custom-progress.progress-down .range-count {
+ margin-top: 15px; }
+ .skill .range-count {
+ font-weight: 700;
+ color: #3b3f5c; }
+ .skill .range-count .range-count-number {
+ display: inline-block;
+ background: #ffffff;
+ padding: 3px 8px;
+ border-radius: 5px;
+ color: #1b55e2;
+ border: 1px solid #e0e6ed; }
+ .skill .custom-progress.top-right .range-count, .skill .custom-progress.bottom-right .range-count {
+ text-align: right; }
+ .skill .progress-range-counter::-webkit-slider-thumb {
+ -webkit-appearance: none;
+ appearance: none;
+ background: #1b55e2;
+ cursor: pointer;
+ height: 16px;
+ width: 16px;
+ margin-top: -4px;
+ -webkit-transition: all 0.35s ease;
+ transition: all 0.35s ease; }
+ .skill .progress-range-counter:active::-webkit-slider-thumb {
+ -webkit-transform: scale(1.2);
+ transform: scale(1.2); }
+ .skill .progress-range-counter:focus::-webkit-slider-thumb {
+ background: #1b55e2;
+ cursor: pointer;
+ height: 16px;
+ width: 16px;
+ margin-top: -4px;
+ box-shadow: none; }
+ .skill .progress-range-counter::-moz-range-thumb {
+ background: #1b55e2;
+ cursor: pointer;
+ height: 16px;
+ width: 16px;
+ margin-top: -4px; }
+
+/*
+ Education and Experience
+*/
+.edu-experience {
+ background-color: #fff;
+ border-radius: 6px; }
+ .edu-experience .edu-section:not(:last-child) {
+ margin-bottom: 55px;
+ padding-bottom: 55px;
+ border-bottom: 2px solid #e0e6ed; }
+ .edu-experience .edu-section:last-child {
+ margin-bottom: 40px; }
+ .edu-experience .info, .edu-experience .save-info {
+ padding: 20px; }
+ .edu-experience .info label {
+ color: #888ea8;
+ font-size: 13px;
+ letter-spacing: 1px; }
+
+/*
+ Work Experience
+*/
+.work-experience {
+ background-color: #fff;
+ border-radius: 6px; }
+ .work-experience .work-section:not(:last-child) {
+ margin-bottom: 55px;
+ padding-bottom: 55px;
+ border-bottom: 2px solid #e0e6ed; }
+ .work-experience .work-section:last-child {
+ margin-bottom: 40px; }
+ .work-experience .info, .work-experience .save-info {
+ padding: 20px; }
+ .work-experience .info label {
+ color: #888ea8;
+ font-size: 13px;
+ letter-spacing: 1px; }
+
+/*
+ Footer
+*/
+.account-settings-footer {
+ position: fixed;
+ bottom: 0;
+ width: calc(100% - 266px);
+ background: #191e3a;
+ padding: 12px 20px;
+ -webkit-box-shadow: -2px -9px 20px rgba(126, 142, 177, 0.12);
+ -moz-box-shadow: -2px -9px 20px rgba(126, 142, 177, 0.12);
+ box-shadow: -2px -9px 20px rgba(126, 142, 177, 0.12);
+ border-top: 1px solid #f1f2f3;
+ border-radius: 6px 6px 0 0;
+ z-index: 5; }
+ .account-settings-footer .as-footer-container {
+ display: flex;
+ justify-content: space-between; }
+
+.sidebar-closed .account-settings-footer {
+ width: calc(100% - 32px); }
+
+@media (max-width: 991px) {
+ .account-settings-container .account-content {
+ width: 100%;
+ padding: 0; }
+ .account-settings-footer {
+ width: calc(100% - 29px); } }
+
+@media (max-width: 767px) {
+ .general-info .info .upload {
+ border-right: none; }
+ .skill .input-form {
+ width: 100%; } }
diff --git a/static/css/users/user-profile.css b/static/css/users/user-profile.css
new file mode 100644
index 00000000..f09d305a
--- /dev/null
+++ b/static/css/users/user-profile.css
@@ -0,0 +1,389 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+.widget-content-area {
+ -webkit-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.0901961), 0 1px 20px 0 rgba(0, 0, 0, 0.08), 0px 1px 11px 0px rgba(0, 0, 0, 0.06);
+ -moz-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.0901961), 0 1px 20px 0 rgba(0, 0, 0, 0.08), 0px 1px 11px 0px rgba(0, 0, 0, 0.06);
+ box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.0901961), 0 1px 20px 0 rgba(0, 0, 0, 0.08), 0px 1px 11px 0px rgba(0, 0, 0, 0.06); }
+
+.layout-spacing {
+ padding-bottom: 25px; }
+
+/*
+===================
+ User Profile
+===================
+*/
+.user-profile .widget-content-area {
+ border-radius: 6px; }
+ .user-profile .widget-content-area .edit-profile {
+ height: 35px;
+ width: 35px;
+ display: flex;
+ justify-content: center;
+ align-self: center;
+ background-color: #1b55e2;
+ background: linear-gradient(to right, #0081ff 0%, #0045ff 100%);
+ border-radius: 50%;
+ box-shadow: 0 10px 15px rgba(0, 69, 255, 0.2); }
+ .user-profile .widget-content-area .edit-profile svg {
+ font-size: 17px;
+ vertical-align: middle;
+ margin-right: 0;
+ color: #fff;
+ width: 19px;
+ align-self: center; }
+ .user-profile .widget-content-area h3 {
+ position: relative;
+ font-size: 21px;
+ font-weight: 600;
+ color: #3b3f5c;
+ margin: 6px 0px 0 0; }
+ .user-profile .widget-content-area h3:after {
+ position: absolute;
+ content: "";
+ height: 2px;
+ width: 55px;
+ background: #1b55e2;
+ border-radius: 50%;
+ bottom: 9px;
+ left: 15px; }
+ .user-profile .widget-content-area .user-info {
+ margin-top: 40px; }
+ .user-profile .widget-content-area .user-info img {
+ border-radius: 9px;
+ box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); }
+ .user-profile .widget-content-area .user-info p {
+ font-size: 20px;
+ font-weight: 600;
+ margin-top: 22px;
+ color: #1b55e2; }
+ .user-profile .widget-content-area .user-info-list ul.contacts-block {
+ border: none;
+ max-width: 217px;
+ margin: 36px auto; }
+ .user-profile .widget-content-area .user-info-list ul.contacts-block li {
+ margin-bottom: 13px;
+ font-weight: 600;
+ font-size: 13px; }
+ .user-profile .widget-content-area .user-info-list ul.contacts-block li a {
+ font-weight: 600;
+ font-size: 15px;
+ color: #1b55e2; }
+ .user-profile .widget-content-area .user-info-list ul.contacts-block svg {
+ width: 21px;
+ margin-right: 15px;
+ color: #888ea8;
+ vertical-align: middle;
+ fill: rgba(0, 23, 55, 0.08); }
+ .user-profile .widget-content-area .user-info-list ul.contacts-block li:hover svg {
+ color: #1b55e2;
+ fill: rgba(27, 85, 226, 0.239216); }
+ .user-profile .widget-content-area .user-info-list ul.contacts-block ul.list-inline {
+ margin: 27px auto; }
+ .user-profile .widget-content-area .user-info-list ul.contacts-block ul.list-inline div.social-icon {
+ border: 2px solid #e0e6ed;
+ border-radius: 50%;
+ height: 35px;
+ width: 35px;
+ display: flex;
+ justify-content: center;
+ align-self: center; }
+ .user-profile .widget-content-area .user-info-list ul.contacts-block ul.list-inline svg {
+ margin-right: 0;
+ color: #1b55e2;
+ width: 19px;
+ align-self: center; }
+
+/*
+==============
+ Skills
+==============
+*/
+.skills .widget-content-area {
+ border-radius: 6px; }
+ .skills .widget-content-area h3 {
+ position: relative;
+ font-size: 21px;
+ font-weight: 600;
+ color: #3b3f5c;
+ margin: 6px 0px 40px 0; }
+ .skills .widget-content-area h3:after {
+ position: absolute;
+ content: "";
+ height: 2px;
+ width: 47px;
+ background: #1b55e2;
+ border-radius: 50%;
+ bottom: -2px;
+ left: 15px; }
+ .skills .widget-content-area p.skill-item {
+ margin-bottom: 5px;
+ font-size: 15px;
+ color: #515365;
+ font-weight: 600; }
+ .skills .widget-content-area .progress {
+ height: 20px;
+ box-shadow: 1px 3px 20px 3px #f1f2f3;
+ margin-bottom: 31px; }
+ .skills .widget-content-area .progress .progress-bar {
+ background-color: #1b55e2;
+ background: linear-gradient(to right, #0081ff 0%, #0045ff 100%);
+ border-radius: 1rem;
+ box-shadow: 0 2px 4px rgba(0, 69, 255, 0.15), 0 8px 16px rgba(0, 69, 255, 0.2);
+ font-size: 12px;
+ letter-spacing: 1px;
+ font-weight: 100; }
+ .skills .widget-content-area .progress .progress-title {
+ display: flex;
+ justify-content: space-between;
+ padding: 15px; }
+ .skills .widget-content-area .progress .progress-title span {
+ align-self: center; }
+
+/*
+==============
+ Bio
+==============
+*/
+.bio .widget-content-area {
+ border-radius: 6px;
+ padding-bottom: 0; }
+ .bio .widget-content-area h3 {
+ position: relative;
+ font-size: 21px;
+ font-weight: 600;
+ color: #3b3f5c;
+ margin: 6px 0px 40px 0; }
+ .bio .widget-content-area h3:after {
+ position: absolute;
+ content: "";
+ height: 2px;
+ width: 30px;
+ background: #1b55e2;
+ border-radius: 50%;
+ bottom: -2px;
+ left: 15px; }
+ .bio .widget-content-area h5 {
+ font-size: 16px;
+ font-weight: 700;
+ color: #3b3f5c; }
+ .bio .widget-content-area p {
+ color: #888ea8;
+ font-size: 15px; }
+ .bio .widget-content-area .bio-skill-box {
+ padding-top: 30px;
+ padding-bottom: 30px; }
+ .bio .widget-content-area .b-skills {
+ padding: 22px 16px;
+ box-shadow: 2px 5px 17px 0 rgba(31, 45, 61, 0.17);
+ background: #fff;
+ border-radius: 10px;
+ padding: 30px 30px 24px; }
+ .bio .widget-content-area .b-skills svg {
+ width: 30px;
+ height: 30px;
+ margin-right: 21px;
+ color: #1b55e2; }
+ .bio .widget-content-area .b-skills h5 {
+ margin-bottom: 10px;
+ font-size: 16px; }
+ .bio .widget-content-area .b-skills p {
+ font-size: 13px; }
+
+/*
+================
+ Education
+================
+*/
+.education .widget-content-area {
+ border-radius: 6px; }
+ .education .widget-content-area h3 {
+ position: relative;
+ font-size: 21px;
+ font-weight: 600;
+ color: #3b3f5c;
+ margin: 6px 0px 40px 0; }
+ .education .widget-content-area h3:after {
+ position: absolute;
+ content: "";
+ height: 2px;
+ width: 97px;
+ background: #1b55e2;
+ border-radius: 50%;
+ bottom: -2px;
+ left: 15px; }
+ .education .widget-content-area .timeline-alter .item-timeline {
+ display: flex; }
+ .education .widget-content-area .timeline-alter .item-timeline .t-dot {
+ position: relative;
+ border-color: #1b55e2;
+ padding: 10px; }
+ .education .widget-content-area .timeline-alter .item-timeline .t-dot:before {
+ content: '';
+ position: absolute;
+ border-color: inherit;
+ border-width: 2px;
+ border-style: solid;
+ border-radius: 50%;
+ width: 10px;
+ height: 10px;
+ top: 15px;
+ left: 50%;
+ transform: translateX(-50%); }
+ .education .widget-content-area .timeline-alter .item-timeline:not(:last-child) .t-dot:after {
+ content: '';
+ position: absolute;
+ border-color: inherit;
+ border-width: 2px;
+ border-style: solid;
+ border-radius: 50%;
+ width: 10px;
+ height: 10px;
+ top: 15px;
+ left: 50%;
+ transform: translateX(-50%);
+ width: 0;
+ height: auto;
+ top: 25px;
+ bottom: -15px;
+ border-right-width: 0;
+ border-top-width: 0;
+ border-bottom-width: 0;
+ border-radius: 0;
+ border-color: #ebedf2; }
+ .education .widget-content-area .timeline-alter .item-timeline .t-dot img {
+ width: 45px;
+ height: 45px;
+ border-radius: 50%;
+ z-index: 7;
+ position: relative; }
+ .education .widget-content-area .timeline-alter .item-timeline .t-meta-date {
+ padding: 10px; }
+ .education .widget-content-area .timeline-alter .item-timeline .t-meta-date p {
+ margin: 0;
+ min-width: 100px;
+ max-width: 100px;
+ font-size: 12px;
+ font-weight: 700;
+ color: #888ea8; }
+ .education .widget-content-area .timeline-alter .item-timeline .t-text {
+ padding: 10px;
+ align-self: center; }
+ .education .widget-content-area .timeline-alter .item-timeline .t-text p {
+ font-size: 13px;
+ margin: 0;
+ color: #515365;
+ font-weight: 600; }
+ .education .widget-content-area .timeline-alter .item-timeline .t-text p a {
+ color: #2196f3;
+ font-weight: 600; }
+
+@media (max-width: 575px) {
+ .education .widget-content-area .timeline-alter .item-timeline {
+ display: block;
+ text-align: center; }
+ .education .widget-content-area .timeline-alter .item-timeline .t-meta-date p, .education .widget-content-area .timeline-alter .item-timeline .t-usr-txt p {
+ margin: 0 auto; } }
+
+/*
+=======================
+ Work Experience
+=======================
+*/
+.work-experience .widget-content-area {
+ border-radius: 6px; }
+ .work-experience .widget-content-area h3 {
+ position: relative;
+ font-size: 21px;
+ font-weight: 600;
+ color: #3b3f5c;
+ margin: 6px 0px 40px 0; }
+ .work-experience .widget-content-area h3:after {
+ position: absolute;
+ content: "";
+ height: 2px;
+ width: 173px;
+ background: #1b55e2;
+ border-radius: 50%;
+ bottom: -2px;
+ left: 15px; }
+ .work-experience .widget-content-area .timeline-alter .item-timeline {
+ display: flex; }
+ .work-experience .widget-content-area .timeline-alter .item-timeline .t-dot {
+ position: relative;
+ border-color: #1b55e2;
+ padding: 10px; }
+ .work-experience .widget-content-area .timeline-alter .item-timeline .t-dot:before {
+ content: '';
+ position: absolute;
+ border-color: inherit;
+ border-width: 2px;
+ border-style: solid;
+ border-radius: 50%;
+ width: 10px;
+ height: 10px;
+ top: 15px;
+ left: 50%;
+ transform: translateX(-50%); }
+ .work-experience .widget-content-area .timeline-alter .item-timeline:not(:last-child) .t-dot:after {
+ content: '';
+ position: absolute;
+ border-color: inherit;
+ border-width: 2px;
+ border-style: solid;
+ border-radius: 50%;
+ width: 10px;
+ height: 10px;
+ top: 15px;
+ left: 50%;
+ transform: translateX(-50%);
+ width: 0;
+ height: auto;
+ top: 25px;
+ bottom: -15px;
+ border-right-width: 0;
+ border-top-width: 0;
+ border-bottom-width: 0;
+ border-radius: 0;
+ border-color: #ebedf2; }
+ .work-experience .widget-content-area .timeline-alter .item-timeline .t-dot img {
+ width: 45px;
+ height: 45px;
+ border-radius: 50%;
+ z-index: 7;
+ position: relative; }
+ .work-experience .widget-content-area .timeline-alter .item-timeline .t-meta-date {
+ padding: 10px; }
+ .work-experience .widget-content-area .timeline-alter .item-timeline .t-meta-date p {
+ margin: 0;
+ min-width: 100px;
+ max-width: 100px;
+ font-size: 12px;
+ font-weight: 700;
+ color: #888ea8; }
+ .work-experience .widget-content-area .timeline-alter .item-timeline .t-text {
+ padding: 10px;
+ align-self: center; }
+ .work-experience .widget-content-area .timeline-alter .item-timeline .t-text p {
+ font-size: 13px;
+ margin: 0;
+ color: #515365;
+ font-weight: 600; }
+ .work-experience .widget-content-area .timeline-alter .item-timeline .t-text p a {
+ color: #2196f3;
+ font-weight: 600; }
+
+@media (max-width: 575px) {
+ .work-experience .widget-content-area .timeline-alter .item-timeline {
+ display: block;
+ text-align: center; }
+ .work-experience .widget-content-area .timeline-alter .item-timeline .t-meta-date p, .work-experience .widget-content-area .timeline-alter .item-timeline .t-usr-txt p {
+ margin: 0 auto; } }
diff --git a/static/css/widgets/modules-widgets.css b/static/css/widgets/modules-widgets.css
new file mode 100644
index 00000000..6372f32f
--- /dev/null
+++ b/static/css/widgets/modules-widgets.css
@@ -0,0 +1,1707 @@
+/*
+ ===============================
+ @Import Function
+ ===============================
+*/
+/*
+ ===============================
+ @Import Mixins
+ ===============================
+*/
+/*
+ ===============================
+ /|\ /|\
+ /|\ /|\
+ /|\ Analytics Section /|\
+ /|\ /|\
+ /|\ /|\
+ ===============================
+*/
+.layout-spacing {
+ padding-bottom: 30px; }
+
+.widget {
+ position: relative;
+ padding: 0;
+ border-radius: 6px;
+ border: none;
+ -webkit-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
+ -moz-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
+ box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07); }
+
+/*
+ ==================
+ Notification
+ ==================
+*/
+.widget-card-four {
+ padding: 25px 32px;
+ background: #fff; }
+ .widget-card-four .w-content {
+ display: flex;
+ justify-content: space-between; }
+ .widget-card-four .w-info h6 {
+ font-weight: 600;
+ margin-bottom: 0;
+ color: #0e1726;
+ font-size: 23px;
+ letter-spacing: 0; }
+ .widget-card-four .w-info p {
+ font-weight: 600;
+ margin-bottom: 0;
+ color: #5c1ac3;
+ font-size: 16px; }
+ .widget-card-four .w-icon {
+ color: #5c1ac3;
+ background-color: #dccff7;
+ height: 45px;
+ display: inline-flex;
+ width: 45px;
+ align-self: center;
+ justify-content: center;
+ border-radius: 50%;
+ padding: 10px; }
+ .widget-card-four .progress {
+ height: 8px;
+ margin-bottom: 0;
+ margin-top: 62px;
+ margin-bottom: 0;
+ height: 22px;
+ padding: 4px;
+ border-radius: 20px;
+ box-shadow: 0 2px 2px rgba(224, 230, 237, 0.458824); }
+ .widget-card-four .progress-bar {
+ position: relative; }
+ .widget-card-four .progress-bar:before {
+ content: '';
+ height: 7px;
+ width: 7px;
+ background: #fff;
+ position: absolute;
+ right: 3px;
+ border-radius: 50%;
+ top: 3.4px; }
+
+/*
+ =====================
+ Unique Visitors
+ =====================
+*/
+.widget.widget-chart-three {
+ background: #fff; }
+ .widget.widget-chart-three .widget-heading {
+ display: flex;
+ justify-content: space-between;
+ border-bottom: 1px dashed #e0e6ed;
+ padding: 20px 20px;
+ margin-bottom: 0;
+ padding-bottom: 20px; }
+ .widget.widget-chart-three .widget-heading h5 {
+ font-size: 17px;
+ display: block;
+ color: #0e1726;
+ font-weight: 600;
+ margin-bottom: 0; }
+ .widget.widget-chart-three .widget-heading .dropdown {
+ align-self: center; }
+ .widget.widget-chart-three .widget-heading .dropdown a svg {
+ color: #888ea8;
+ width: 19px;
+ height: 19px; }
+ .widget.widget-chart-three .widget-heading .dropdown .dropdown-menu {
+ padding: 8px 8px;
+ min-width: 10rem;
+ border-radius: 6px;
+ top: 5px !important; }
+ .widget.widget-chart-three .apexcharts-legend-marker {
+ left: -5px !important; }
+
+.widget.widget-activity-two {
+ position: relative;
+ background: #fff;
+ border-radius: 8px;
+ height: 100%; }
+ .widget.widget-activity-two .widget-heading {
+ display: flex;
+ justify-content: space-between;
+ border-bottom: 1px dashed #e0e6ed;
+ padding: 20px 20px;
+ padding-bottom: 20px; }
+ .widget.widget-activity-two .widget-heading h5 {
+ font-size: 17px;
+ display: block;
+ color: #0e1726;
+ font-weight: 600;
+ margin-bottom: 0; }
+
+/*
+ ========================
+ Recent Activities
+ ========================
+*/
+.widget-activity-two .widget-content {
+ padding: 20px 20px 20px 20px; }
+
+.widget-activity-two .mt-container {
+ position: relative;
+ height: 293px;
+ overflow: auto;
+ padding: 0 0 0 12px; }
+
+.widget-activity-two .timeline-line .item-timeline {
+ display: flex; }
+ .widget-activity-two .timeline-line .item-timeline .t-dot {
+ position: relative; }
+ .widget-activity-two .timeline-line .item-timeline .t-dot:before {
+ content: '';
+ position: absolute;
+ border-color: inherit;
+ border-width: 3px;
+ border-style: solid;
+ border-radius: 50%;
+ width: 16px;
+ height: 16px;
+ top: 10px;
+ left: 50%;
+ transform: translateX(-50%);
+ border-color: #e0e6ed;
+ background: #bfc9d4; }
+ .widget-activity-two .timeline-line .item-timeline .t-dot:after {
+ content: '';
+ position: absolute;
+ border-color: inherit;
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 50%;
+ width: 10px;
+ height: 10px;
+ top: 15px;
+ left: 50%;
+ transform: translateX(-50%);
+ border-color: #bfc9d4;
+ width: 0;
+ height: auto;
+ top: 25px;
+ bottom: -15px;
+ border-right-width: 0;
+ border-top-width: 0;
+ border-bottom-width: 0;
+ border-radius: 0; }
+ .widget-activity-two .timeline-line .item-timeline.timeline-new .t-dot:before {
+ background: #1b55e2;
+ border-color: #c2d5ff; }
+ .widget-activity-two .timeline-line .item-timeline:last-child .t-dot:after {
+ display: none; }
+ .widget-activity-two .timeline-line .item-timeline .t-meta-time {
+ margin: 0;
+ min-width: 100px;
+ max-width: 100px;
+ font-size: 12px;
+ font-weight: 700;
+ color: #888ea8;
+ align-self: center; }
+ .widget-activity-two .timeline-line .item-timeline .t-text {
+ padding: 10px;
+ align-self: center;
+ margin-left: 10px; }
+ .widget-activity-two .timeline-line .item-timeline .t-text p {
+ font-size: 13px;
+ margin: 0;
+ color: #bfc9d4;
+ font-weight: 600; }
+ .widget-activity-two .timeline-line .item-timeline .t-text p span {
+ color: #515365;
+ font-weight: 600; }
+ .widget-activity-two .timeline-line .item-timeline .t-text p a {
+ color: #888ea8;
+ font-weight: 600; }
+
+.widget-activity-two .tm-action-btn {
+ text-align: center;
+ margin-top: 9px; }
+ .widget-activity-two .tm-action-btn button {
+ box-shadow: none;
+ font-weight: 700;
+ letter-spacing: 0px;
+ font-size: 15px;
+ padding: 0;
+ background: transparent;
+ color: #1b55e2;
+ border: none; }
+
+/*
+ ========================
+ Recent Activities
+ ========================
+*/
+.widget.widget-activity-three {
+ position: relative;
+ background: #fff;
+ border-radius: 8px;
+ height: 100%; }
+ .widget.widget-activity-three .widget-heading {
+ display: flex;
+ justify-content: space-between;
+ border-bottom: 1px dashed #e0e6ed;
+ padding: 20px 20px;
+ padding-bottom: 20px; }
+ .widget.widget-activity-three .widget-heading h5 {
+ font-size: 17px;
+ display: block;
+ color: #0e1726;
+ font-weight: 600;
+ margin-bottom: 0; }
+
+.widget-activity-three .widget-content {
+ padding: 20px 10px 20px 20px; }
+
+.widget-activity-three .mt-container {
+ position: relative;
+ height: 325px;
+ overflow: auto;
+ padding: 0 12px 0 12px; }
+
+.widget.widget-activity-three .timeline-line .item-timeline {
+ display: flex;
+ margin-bottom: 20px; }
+ .widget.widget-activity-three .timeline-line .item-timeline .t-dot {
+ position: relative; }
+ .widget.widget-activity-three .timeline-line .item-timeline .t-dot div {
+ background: #1b55e2;
+ border-radius: 50%;
+ padding: 5px;
+ margin-right: 11px;
+ display: flex;
+ height: 37px;
+ justify-content: center;
+ width: 36px; }
+ .widget.widget-activity-three .timeline-line .item-timeline .t-dot div.t-primary {
+ background-color: #1b55e2;
+ box-shadow: 0 10px 20px -10px #1b55e2; }
+ .widget.widget-activity-three .timeline-line .item-timeline .t-dot div.t-success {
+ background-color: #009688;
+ box-shadow: 0 10px 20px -10px #009688; }
+ .widget.widget-activity-three .timeline-line .item-timeline .t-dot div.t-danger {
+ background-color: #e7515a;
+ box-shadow: 0 10px 20px -10px #e7515a; }
+ .widget.widget-activity-three .timeline-line .item-timeline .t-dot div.t-warning {
+ background-color: #e2a03f;
+ box-shadow: 0 10px 20px -10px #e2a03f; }
+ .widget.widget-activity-three .timeline-line .item-timeline .t-dot div.t-dark {
+ background-color: #3b3f5c;
+ box-shadow: 0 10px 20px -10px #3b3f5c; }
+ .widget.widget-activity-three .timeline-line .item-timeline .t-dot svg {
+ color: #fff;
+ height: 20px;
+ width: 20px;
+ stroke-width: 1.6px;
+ align-self: center; }
+ .widget.widget-activity-three .timeline-line .item-timeline .t-content {
+ width: 100%; }
+ .widget.widget-activity-three .timeline-line .item-timeline .t-content .t-uppercontent {
+ display: flex;
+ justify-content: space-between; }
+ .widget.widget-activity-three .timeline-line .item-timeline .t-content .t-uppercontent h5 {
+ font-size: 15px;
+ letter-spacing: 0;
+ font-weight: 700;
+ margin-bottom: 5px; }
+ .widget.widget-activity-three .timeline-line .item-timeline .t-content .t-uppercontent span {
+ margin-bottom: 0;
+ font-size: 11px;
+ font-weight: 500;
+ color: #888ea8; }
+ .widget.widget-activity-three .timeline-line .item-timeline .t-content p {
+ margin-bottom: 8px;
+ font-size: 13px;
+ font-weight: 500;
+ color: #888ea8; }
+ .widget.widget-activity-three .timeline-line .item-timeline .t-content div.tags .badge {
+ padding: 2px 4px;
+ font-size: 11px;
+ letter-spacing: 1px;
+ transform: none; }
+ .widget.widget-activity-three .timeline-line .item-timeline .t-content div.tags .badge-primary {
+ background-color: #c2d5ff;
+ color: #1b55e2; }
+ .widget.widget-activity-three .timeline-line .item-timeline .t-content div.tags .badge-success {
+ background-color: #e6ffbf;
+ color: #009688; }
+ .widget.widget-activity-three .timeline-line .item-timeline .t-content div.tags .badge-warning {
+ background-color: #ffeccb;
+ color: #e2a03f; }
+ .widget.widget-activity-three .timeline-line .item-timeline .t-dot:after {
+ content: '';
+ position: absolute;
+ border-width: 1px;
+ border-style: solid;
+ left: 40%;
+ transform: translateX(-50%);
+ border-color: #bfc9d4;
+ width: 0;
+ height: auto;
+ top: 36px;
+ bottom: -20px;
+ border-right-width: 0;
+ border-top-width: 0;
+ border-bottom-width: 0;
+ border-radius: 0; }
+ .widget.widget-activity-three .timeline-line .item-timeline:last-child .t-dot:after {
+ display: none; }
+
+/*
+ ==================
+ Statistics
+ ==================
+*/
+.widget-one_hybrid {
+ background: #fff; }
+ .widget-one_hybrid .widget-heading {
+ padding: 20px 13px; }
+ .widget-one_hybrid .widget-heading .w-icon {
+ display: inline-block;
+ padding: 7px 8px;
+ border-radius: 50%;
+ margin-bottom: 15px; }
+ .widget-one_hybrid .widget-heading svg {
+ height: 18px;
+ width: 18px; }
+ .widget-one_hybrid .widget-heading .w-value {
+ font-size: 21px;
+ font-weight: 700;
+ margin-bottom: 0; }
+ .widget-one_hybrid .widget-heading h5 {
+ margin-bottom: 0;
+ font-size: 15px;
+ font-weight: 600;
+ color: #506690; }
+ .widget-one_hybrid.widget-followers {
+ background: #c2d5ff; }
+ .widget-one_hybrid.widget-followers .widget-heading .w-icon {
+ color: #1b55e2;
+ border: 1px solid #1b55e2; }
+ .widget-one_hybrid.widget-referral {
+ background: #ffe1e2; }
+ .widget-one_hybrid.widget-referral .widget-heading .w-icon {
+ color: #e7515a;
+ border: 1px solid #e7515a; }
+ .widget-one_hybrid.widget-social {
+ background: #bae7ff; }
+ .widget-one_hybrid.widget-social .widget-heading .w-icon {
+ color: #2196f3;
+ border: 1px solid #2196f3; }
+ .widget-one_hybrid.widget-engagement {
+ background: #e6ffbf; }
+ .widget-one_hybrid.widget-engagement .widget-heading .w-icon {
+ color: #8dbf42;
+ border: 1px solid #8dbf42; }
+
+/*
+ ==================
+ Balance
+ ==================
+*/
+.widget-account-invoice-two {
+ padding: 22px 19px;
+ background: #e2a03f;
+ background: linear-gradient(to right, #0081ff 0%, #0045ff 100%); }
+ .widget-account-invoice-two .account-box .info {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 84px; }
+ .widget-account-invoice-two .account-box h5 {
+ color: #e0e6ed;
+ margin-bottom: 0;
+ font-size: 17px;
+ font-weight: 600; }
+ .widget-account-invoice-two .account-box p {
+ color: #e0e6ed;
+ font-weight: 700;
+ margin-bottom: 0;
+ align-self: center; }
+ .widget-account-invoice-two .account-box .acc-action {
+ margin-top: 23px;
+ display: flex;
+ justify-content: space-between; }
+ .widget-account-invoice-two .account-box .acc-action a {
+ display: inline-block;
+ padding: 8px;
+ border-radius: 6px;
+ color: #e0e6ed;
+ font-weight: 600;
+ box-shadow: 0px 0px 2px 0px #bfc9d4; }
+ .widget-account-invoice-two .account-box .acc-action a:first-child {
+ margin-right: 2px; }
+ .widget-account-invoice-two .account-box .acc-action a svg {
+ width: 18px;
+ height: 18px; }
+
+/*
+ ==================
+ Statistics
+ ==================
+*/
+.widget-card-one {
+ background: #fff;
+ padding: 20px 0;
+ height: 100%; }
+ .widget-card-one .widget-content .media {
+ padding-left: 15px;
+ padding-right: 15px;
+ margin-bottom: 19px;
+ padding-bottom: 21px;
+ border-bottom: 1px dashed #e0e6ed; }
+ .widget-card-one .widget-content .media .w-img {
+ margin-right: 9px;
+ align-self: center; }
+ .widget-card-one .widget-content .media img {
+ width: 50px;
+ height: 50px;
+ border-radius: 50%;
+ border: 3px solid #e0e6ed; }
+ .widget-card-one .widget-content .media-body {
+ align-self: center; }
+ .widget-card-one .widget-content .media-body h6 {
+ font-weight: 700;
+ font-size: 15px;
+ letter-spacing: 0;
+ margin-bottom: 0; }
+ .widget-card-one .widget-content .media-body p {
+ font-size: 14px;
+ letter-spacing: 1px;
+ margin-bottom: 0;
+ font-weight: 600;
+ color: #888ea8;
+ padding: 0; }
+ .widget-card-one .widget-content p {
+ font-weight: 600;
+ font-size: 13px;
+ margin-bottom: 61px;
+ padding: 0 20px; }
+ .widget-card-one .widget-content .w-action {
+ padding: 0 20px; }
+ .widget-card-one .widget-content .w-action svg {
+ color: #1b55e2;
+ fill: #c2d5ff; }
+ .widget-card-one .widget-content .w-action span {
+ vertical-align: sub;
+ font-weight: 700;
+ color: #0e1726;
+ letter-spacing: 1px; }
+
+/*
+ ===========================
+ Visitors by Browser
+ ===========================
+*/
+.widget-four {
+ position: relative;
+ background: #fff;
+ padding: 20px;
+ border-radius: 8px;
+ height: 100%; }
+ .widget-four .widget-heading {
+ margin-bottom: 54px; }
+ .widget-four .widget-heading h5 {
+ font-size: 17px;
+ display: block;
+ color: #0e1726;
+ font-weight: 600;
+ margin-bottom: 0; }
+ .widget-four .widget-content {
+ font-size: 17px; }
+ .widget-four .widget-content .browser-list {
+ display: flex; }
+ .widget-four .widget-content .browser-list:not(:last-child) {
+ margin-bottom: 30px; }
+ .widget-four .widget-content .w-icon {
+ display: inline-block;
+ padding: 8px 8px;
+ border-radius: 50%;
+ display: inline-flex;
+ align-self: center;
+ height: 34px;
+ width: 34px;
+ margin-right: 12px; }
+ .widget-four .widget-content .w-icon svg {
+ display: block;
+ width: 17px;
+ height: 17px; }
+ .widget-four .widget-content .browser-list:nth-child(1) .w-icon {
+ background: #c2d5ff; }
+ .widget-four .widget-content .browser-list:nth-child(2) .w-icon {
+ background: #ffe1e2; }
+ .widget-four .widget-content .browser-list:nth-child(3) .w-icon {
+ background: #ffeccb; }
+ .widget-four .widget-content .browser-list:nth-child(1) .w-icon svg {
+ color: #1b55e2; }
+ .widget-four .widget-content .browser-list:nth-child(2) .w-icon svg {
+ color: #e7515a; }
+ .widget-four .widget-content .browser-list:nth-child(3) .w-icon svg {
+ color: #e2a03f; }
+ .widget-four .widget-content .w-browser-details {
+ width: 100%;
+ align-self: center; }
+ .widget-four .widget-content .w-browser-info {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 1px; }
+ .widget-four .widget-content .w-browser-info h6 {
+ font-size: 13px;
+ font-weight: 600;
+ margin-bottom: 0;
+ color: #888ea8; }
+ .widget-four .widget-content .w-browser-info p {
+ font-size: 12px;
+ font-weight: 600;
+ margin-bottom: 0;
+ color: #888ea8; }
+ .widget-four .widget-content .w-browser-stats .progress {
+ margin-bottom: 0;
+ height: 22px;
+ padding: 4px;
+ border-radius: 20px;
+ box-shadow: 0 2px 2px rgba(224, 230, 237, 0.458824), 1px 6px 7px rgba(224, 230, 237, 0.458824); }
+ .widget-four .widget-content .w-browser-stats .progress .progress-bar {
+ position: relative; }
+ .widget-four .widget-content .w-browser-stats .progress .progress-bar:before {
+ content: '';
+ height: 7px;
+ width: 7px;
+ background: #fff;
+ position: absolute;
+ right: 3px;
+ border-radius: 50%;
+ top: 3.4px; }
+
+/*
+ ==================
+ Dev Summit
+ ==================
+*/
+.widget-card-two {
+ background: #fff;
+ padding: 20px 0px; }
+ .widget-card-two .media {
+ padding-left: 15px;
+ padding-right: 15px;
+ margin-bottom: 19px;
+ padding-bottom: 21px;
+ border-bottom: 1px dashed #e0e6ed; }
+ .widget-card-two .media .w-img {
+ margin-right: 10px; }
+ .widget-card-two .media .w-img img {
+ width: 50px;
+ height: 50px;
+ border-radius: 50%;
+ border: 3px solid #e0e6ed; }
+ .widget-card-two .media .media-body {
+ align-self: center; }
+ .widget-card-two .media .media-body h6 {
+ font-weight: 700;
+ font-size: 15px;
+ letter-spacing: 0;
+ margin-bottom: 0; }
+ .widget-card-two .media .media-body p {
+ margin-bottom: 0;
+ font-weight: 600;
+ color: #888ea8; }
+ .widget-card-two .card-bottom-section {
+ text-align: center; }
+ .widget-card-two .card-bottom-section h5 {
+ font-size: 14px;
+ color: #009688;
+ font-weight: 700;
+ margin-bottom: 20px; }
+ .widget-card-two .card-bottom-section .img-group img {
+ width: 46px;
+ height: 46px;
+ border-radius: 50%;
+ border: 2px solid #e0e6ed; }
+ .widget-card-two .card-bottom-section .img-group img:not(:last-child) {
+ margin-right: 5px; }
+ .widget-card-two .card-bottom-section a {
+ display: block;
+ margin-top: 18px;
+ background: #1b55e2;
+ color: #fff;
+ padding: 10px 10px;
+ transform: none;
+ margin-right: 15px;
+ margin-left: 15px;
+ font-size: 15px;
+ font-weight: 600;
+ letter-spacing: 1px; }
+ .widget-card-two .card-bottom-section a.btn:hover, .widget-card-two .card-bottom-section a.btn:focus {
+ border-color: #1b55e2; }
+
+/*
+ =====================
+ Task Indicator
+ =====================
+*/
+.widget-five {
+ background: #fff;
+ padding: 28px 0 0 0;
+ height: 100%; }
+ .widget-five .widget-content .header {
+ display: flex;
+ justify-content: space-between;
+ padding-left: 15px;
+ padding-right: 15px;
+ padding-bottom: 23px;
+ border-bottom: 1px dashed #e0e6ed; }
+ .widget-five .widget-content .header-body {
+ align-self: center; }
+ .widget-five .widget-content .header-body h6 {
+ font-weight: 700;
+ font-size: 15px;
+ letter-spacing: 0;
+ margin-bottom: 0; }
+ .widget-five .widget-content .header-body p {
+ margin-bottom: 0;
+ font-weight: 600;
+ color: #888ea8;
+ padding: 0; }
+ .widget-five .widget-content .task-action {
+ display: flex; }
+ .widget-five .widget-content .task-action .dropdown.custom-dropdown {
+ align-self: center; }
+ .widget-five .widget-content .task-action .dropdown.custom-dropdown a.dropdown-toggle svg {
+ color: #888ea8; }
+ .widget-five .widget-content .task-action .dropdown.custom-dropdown .dropdown-menu {
+ padding: 8px 8px;
+ min-width: 10rem;
+ border-radius: 6px;
+ top: 5px !important; }
+ .widget-five .w-content {
+ text-align: center;
+ height: 100%;
+ padding: 20px 26px; }
+ .widget-five .w-content div .task-left {
+ margin-bottom: 0;
+ font-size: 30px;
+ color: #1b55e2;
+ background: #c2d5ff;
+ font-weight: 600;
+ border-radius: 50%;
+ display: inline-flex;
+ height: 76px;
+ width: 76px;
+ justify-content: center;
+ padding: 13px 0px;
+ border: 5px solid #fff;
+ margin-bottom: 20px;
+ -webkit-box-shadow: 0px 0px 8px 2px #e0e6ed;
+ box-shadow: 0px 0px 8px 2px #e0e6ed; }
+ .widget-five .w-content div .task-completed {
+ font-size: 14px;
+ font-weight: 700;
+ margin-bottom: 4px;
+ color: #009688; }
+ .widget-five .w-content div .task-hight-priority {
+ color: #acb0c3;
+ font-weight: 500;
+ margin-bottom: 0; }
+ .widget-five .w-content div .task-hight-priority span {
+ color: #e7515a;
+ font-weight: 700; }
+
+/*
+ ===========================
+ /|\ /|\
+ /|\ /|\
+ /|\ Sales Section /|\
+ /|\ /|\
+ /|\ /|\
+ ===========================
+*/
+.layout-spacing {
+ padding-bottom: 30px; }
+
+.sales .widget {
+ position: relative;
+ padding: 20px;
+ border-radius: 8px;
+ border: none;
+ background: #fff; }
+ .sales .widget .widget-heading {
+ margin-bottom: 15px; }
+ .sales .widget h5 {
+ font-weight: 700;
+ font-size: 19px;
+ letter-spacing: 0px;
+ margin-bottom: 0;
+ color: #515365; }
+
+/*
+ ==================
+ Total Sales
+ ==================
+*/
+.widget-two {
+ position: relative;
+ background: #fff;
+ padding: 0;
+ border-radius: 8px;
+ height: 100%;
+ -webkit-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
+ -moz-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
+ box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07); }
+ .widget-two .widget-content {
+ font-size: 17px; }
+ .widget-two .w-chart {
+ position: absolute;
+ bottom: 0;
+ bottom: 0;
+ right: 0;
+ left: 0; }
+ .widget-two .w-numeric-value {
+ display: flex;
+ color: #fff;
+ font-weight: 500;
+ padding: 20px;
+ justify-content: space-between; }
+ .widget-two .w-numeric-value .w-icon {
+ display: inline-block;
+ background: #ffeccb;
+ padding: 13px 12px;
+ border-radius: 50%;
+ display: inline-flex;
+ align-self: center;
+ height: 45px;
+ width: 45px; }
+ .widget-two .w-numeric-value svg {
+ display: block;
+ color: #e2a03f;
+ width: 20px;
+ height: 20px; }
+ .widget-two .w-numeric-value .w-value {
+ font-size: 19px;
+ display: block;
+ color: #0e1726;
+ font-weight: 700;
+ margin-bottom: -9px; }
+ .widget-two .w-numeric-value .w-numeric-title {
+ font-size: 13px;
+ color: #888ea8;
+ font-weight: 600; }
+
+.widget.widget-one {
+ padding: 22px 18px;
+ background: #fff; }
+ .widget.widget-one .widget-heading h6 {
+ color: #0e1726;
+ margin-bottom: 41px;
+ font-size: 17px;
+ display: block;
+ font-weight: 600; }
+ .widget.widget-one .w-chart {
+ display: flex; }
+ .widget.widget-one .w-chart .w-chart-section {
+ width: 50%;
+ padding: 0 12px; }
+ .widget.widget-one .w-chart .w-chart-section .w-detail {
+ position: absolute;
+ color: #fff; }
+ .widget.widget-one .w-chart .w-chart-section .w-title {
+ font-size: 13px;
+ font-weight: 700;
+ margin-bottom: 0; }
+ .widget.widget-one .w-chart .w-chart-section .w-stats {
+ color: #f8538d;
+ font-size: 20px;
+ letter-spacing: 1px;
+ margin-bottom: 0;
+ font-weight: 700; }
+
+/*
+ ==================
+ Widget
+ ==================
+*/
+.widget-one {
+ position: relative;
+ background: #1b55e2;
+ padding: 0;
+ border-radius: 8px;
+ height: 100%;
+ -webkit-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
+ -moz-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
+ box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07); }
+ .widget-one .widget-content {
+ font-size: 17px; }
+ .widget-one .w-numeric-value {
+ position: absolute;
+ display: flex;
+ color: #fff;
+ font-weight: 500;
+ padding: 20px; }
+ .widget-one .w-numeric-value .w-icon {
+ display: inline-block;
+ background: #fff;
+ padding: 13px 12px;
+ border-radius: 50%;
+ display: inline-flex;
+ align-self: center;
+ height: 45px;
+ width: 45px;
+ margin-right: 14px; }
+ .widget-one .w-numeric-value svg {
+ display: block;
+ color: #1b55e2;
+ width: 20px;
+ height: 20px; }
+ .widget-one .w-numeric-value .w-value {
+ font-size: 26px;
+ display: block;
+ color: #fff;
+ font-weight: 600;
+ margin-bottom: -9px; }
+ .widget-one .w-numeric-value .w-numeric-title {
+ font-size: 13px;
+ color: #fff;
+ letter-spacing: 1px;
+ font-weight: 600; }
+
+/*
+ ====================
+ Order Summary
+ ====================
+*/
+.widget-three {
+ position: relative;
+ background: #fff;
+ padding: 20px;
+ border-radius: 8px;
+ height: 100%;
+ -webkit-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
+ -moz-box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
+ box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07); }
+ .widget-three .widget-heading {
+ margin-bottom: 54px; }
+ .widget-three .widget-heading h5 {
+ font-size: 19px;
+ display: block;
+ color: #0e1726;
+ font-weight: 600;
+ margin-bottom: 0; }
+ .widget-three .widget-content {
+ font-size: 17px; }
+ .widget-three .widget-content .summary-list {
+ display: flex; }
+ .widget-three .widget-content .summary-list:not(:last-child) {
+ margin-bottom: 30px; }
+ .widget-three .widget-content .w-icon {
+ display: inline-block;
+ padding: 8px 8px;
+ border-radius: 50%;
+ display: inline-flex;
+ align-self: center;
+ height: 34px;
+ width: 34px;
+ margin-right: 12px; }
+ .widget-three .widget-content .w-icon svg {
+ display: block;
+ width: 17px;
+ height: 17px; }
+ .widget-three .widget-content .summary-list:nth-child(1) .w-icon {
+ background: #dccff7; }
+ .widget-three .widget-content .summary-list:nth-child(2) .w-icon {
+ background: #e6ffbf; }
+ .widget-three .widget-content .summary-list:nth-child(3) .w-icon {
+ background: #ffeccb; }
+ .widget-three .widget-content .summary-list:nth-child(1) .w-icon svg {
+ color: #5c1ac3; }
+ .widget-three .widget-content .summary-list:nth-child(2) .w-icon svg {
+ color: #009688; }
+ .widget-three .widget-content .summary-list:nth-child(3) .w-icon svg {
+ color: #e2a03f; }
+ .widget-three .widget-content .w-summary-details {
+ width: 100%;
+ align-self: center; }
+ .widget-three .widget-content .w-summary-info {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 1px; }
+ .widget-three .widget-content .w-summary-info h6 {
+ font-size: 13px;
+ font-weight: 600;
+ margin-bottom: 0;
+ color: #888ea8; }
+ .widget-three .widget-content .w-summary-info p {
+ font-size: 12px;
+ font-weight: 600;
+ margin-bottom: 0;
+ color: #888ea8; }
+ .widget-three .widget-content .w-summary-stats .progress {
+ margin-bottom: 0;
+ height: 6px;
+ border-radius: 20px;
+ box-shadow: 0 2px 2px rgba(224, 230, 237, 0.458824), 1px 6px 7px rgba(224, 230, 237, 0.458824); }
+
+/*
+ ==================
+ Revenue
+ ==================
+*/
+.widget-chart-one .widget-heading {
+ display: flex;
+ justify-content: space-between; }
+
+.widget-chart-one .apexcharts-legend-marker {
+ left: -5px !important; }
+
+.widget-chart-one .apexcharts-yaxis-title, .widget-chart-one .apexcharts-xaxis-title {
+ font-weight: 600;
+ fill: #bfc9d4; }
+
+.widget-chart-one .widget-heading .tabs {
+ padding: 0;
+ margin: 0; }
+ .widget-chart-one .widget-heading .tabs li {
+ display: inline-block;
+ list-style: none;
+ padding: 0 0; }
+ .widget-chart-one .widget-heading .tabs a {
+ font-size: 14px;
+ letter-spacing: 1px;
+ font-weight: 600;
+ padding: 5px 7px;
+ background: #1b55e2;
+ color: #fff;
+ border-radius: 4px; }
+
+/*
+ =======================
+ Sold By cateory
+ =======================
+*/
+.widget-chart-two {
+ padding: 0 !important; }
+
+.widget.widget-chart-two .widget-heading {
+ padding: 20px 20px 0 20px; }
+
+.widget.widget-chart-two .widget-content {
+ padding: 0 0 20px 0; }
+
+.widget-chart-two .apexcharts-canvas {
+ margin: 0 auto; }
+
+.widget-chart-two .apexcharts-legend-marker {
+ left: -5px !important; }
+
+/*
+ ==================
+ Transaction
+ ==================
+*/
+.widget-table-one .widget-heading {
+ display: flex; }
+
+.widget-table-one .transactions-list {
+ padding: 12px 12px;
+ border: 1px dashed #bfc9d4;
+ border-radius: 6px;
+ -webkit-transition: all 0.1s ease;
+ transition: all 0.1s ease; }
+ .widget-table-one .transactions-list:not(:last-child) {
+ margin-bottom: 15px; }
+ .widget-table-one .transactions-list:hover {
+ -webkit-transform: translateY(-1px) scale(1.01);
+ transform: translateY(-1px) scale(1.01); }
+ .widget-table-one .transactions-list .t-item {
+ display: flex;
+ justify-content: space-between; }
+ .widget-table-one .transactions-list .t-item .t-company-name {
+ display: flex; }
+ .widget-table-one .transactions-list .t-item .t-icon {
+ margin-right: 12px; }
+ .widget-table-one .transactions-list .t-item .t-icon .avatar {
+ position: relative;
+ display: inline-block;
+ width: 38px;
+ height: 38px;
+ font-size: 14px;
+ font-weight: 600;
+ letter-spacing: 1px; }
+ .widget-table-one .transactions-list .t-item .t-icon .avatar .avatar-title {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 100%;
+ height: 100%;
+ background-color: #ffe1e2;
+ color: #e7515a; }
+ .widget-table-one .transactions-list .t-item .t-icon .icon {
+ position: relative;
+ display: inline-block;
+ padding: 10px;
+ background-color: #ffeccb;
+ border-radius: 50%; }
+ .widget-table-one .transactions-list .t-item .t-icon .icon svg {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 19px;
+ height: 19px;
+ color: #e2a03f;
+ stroke-width: 2; }
+ .widget-table-one .transactions-list .t-item .t-name {
+ align-self: center; }
+ .widget-table-one .transactions-list .t-item .t-name h4 {
+ font-size: 15px;
+ letter-spacing: 0px;
+ font-weight: 600;
+ margin-bottom: 0; }
+ .widget-table-one .transactions-list .t-item .t-name .meta-date {
+ font-size: 12px;
+ margin-bottom: 0;
+ font-weight: 600;
+ color: #888ea8; }
+ .widget-table-one .transactions-list .t-item .t-rate {
+ align-self: center; }
+ .widget-table-one .transactions-list .t-item .t-rate p {
+ margin-bottom: 0;
+ font-size: 13px;
+ letter-spacing: 0px; }
+ .widget-table-one .transactions-list .t-item .t-rate svg {
+ width: 14px;
+ height: 14px;
+ vertical-align: baseline; }
+ .widget-table-one .transactions-list .t-item .t-rate.rate-inc p, .widget-table-one .transactions-list .t-item .t-rate.rate-inc svg {
+ color: #009688; }
+ .widget-table-one .transactions-list .t-item .t-rate.rate-dec p, .widget-table-one .transactions-list .t-item .t-rate.rate-dec svg {
+ color: #e7515a; }
+
+/*
+ ========================
+ Recent Activities
+ ========================
+*/
+.widget-activity-one .widget-content select {
+ padding: 0;
+ width: auto;
+ font-size: 13px;
+ border: none;
+ height: auto;
+ box-shadow: none;
+ color: #acb0c3;
+ font-weight: 600;
+ letter-spacing: 2px;
+ margin: 0 0 0 auto;
+ margin-bottom: 20px; }
+
+.widget-activity-one .mt-container {
+ position: relative;
+ height: 232px;
+ overflow: auto; }
+
+.widget-activity-one .timeline-line .item-timeline {
+ display: flex; }
+ .widget-activity-one .timeline-line .item-timeline .t-dot {
+ position: relative; }
+ .widget-activity-one .timeline-line .item-timeline .t-dot:before {
+ content: '';
+ position: absolute;
+ border-color: inherit;
+ border-width: 3px;
+ border-style: solid;
+ border-radius: 50%;
+ width: 16px;
+ height: 16px;
+ top: 10px;
+ left: 50%;
+ transform: translateX(-50%);
+ border-color: #e0e6ed;
+ background: #bfc9d4; }
+ .widget-activity-one .timeline-line .item-timeline .t-dot:after {
+ content: '';
+ position: absolute;
+ border-color: inherit;
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 50%;
+ width: 10px;
+ height: 10px;
+ top: 15px;
+ left: 50%;
+ transform: translateX(-50%);
+ border-color: #bfc9d4;
+ width: 0;
+ height: auto;
+ top: 25px;
+ bottom: -15px;
+ border-right-width: 0;
+ border-top-width: 0;
+ border-bottom-width: 0;
+ border-radius: 0; }
+ .widget-activity-one .timeline-line .item-timeline.timeline-new .t-dot:before {
+ background: #1b55e2;
+ border-color: #c2d5ff; }
+ .widget-activity-one .timeline-line .item-timeline:last-child .t-dot:after {
+ display: none; }
+ .widget-activity-one .timeline-line .item-timeline .t-meta-time {
+ margin: 0;
+ min-width: 100px;
+ max-width: 100px;
+ font-size: 12px;
+ font-weight: 700;
+ color: #888ea8;
+ align-self: center; }
+ .widget-activity-one .timeline-line .item-timeline .t-text {
+ padding: 10px;
+ align-self: center;
+ margin-left: 10px; }
+ .widget-activity-one .timeline-line .item-timeline .t-text p {
+ font-size: 13px;
+ margin: 0;
+ color: #bfc9d4;
+ font-weight: 600; }
+ .widget-activity-one .timeline-line .item-timeline .t-text p span {
+ color: #515365;
+ font-weight: 600; }
+ .widget-activity-one .timeline-line .item-timeline .t-text p a {
+ color: #888ea8;
+ font-weight: 600; }
+ .widget-activity-one .timeline-line .item-timeline .t-time {
+ margin: 0;
+ min-width: 80px;
+ max-width: 80px;
+ font-size: 13px;
+ font-weight: 600;
+ color: #acb0c3;
+ padding: 10px 0;
+ letter-spacing: 1px; }
+
+.widget-activity-one .tm-action-btn {
+ text-align: center;
+ padding-top: 20px; }
+ .widget-activity-one .tm-action-btn button {
+ background: transparent;
+ box-shadow: none;
+ padding: 0;
+ color: #1b55e2;
+ font-weight: 700;
+ letter-spacing: 1px;
+ border: none;
+ font-size: 15px; }
+ .widget-activity-one .tm-action-btn svg {
+ width: 15px;
+ height: 15px;
+ vertical-align: inherit; }
+
+/*
+ ========================
+ Recent Activities
+ ========================
+*/
+.widget-activity-four {
+ padding-right: 0;
+ padding-left: 0; }
+ .widget-activity-four .mt-container {
+ position: relative;
+ height: 272px;
+ overflow: auto;
+ padding-right: 12px; }
+ .widget-activity-four .widget-heading {
+ padding: 0 20px; }
+ .widget-activity-four .widget-content {
+ padding: 0 8px 0 20px; }
+ .widget-activity-four .timeline-line .item-timeline {
+ display: flex;
+ width: 100%;
+ margin-bottom: 12px; }
+ .widget-activity-four .timeline-line .item-timeline .t-dot {
+ position: relative; }
+ .widget-activity-four .timeline-line .item-timeline .t-dot:before {
+ content: '';
+ position: absolute;
+ border-color: inherit;
+ border-radius: 50%;
+ width: 8px;
+ height: 8px;
+ top: 5px;
+ left: 5px;
+ transform: translateX(-50%);
+ border-color: #e0e6ed;
+ background: #bfc9d4;
+ z-index: 1; }
+ .widget-activity-four .timeline-line .item-timeline .t-dot:after {
+ content: '';
+ position: absolute;
+ border-color: inherit;
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 50%;
+ width: 10px;
+ height: 10px;
+ left: 5px;
+ transform: translateX(-50%);
+ border-color: #e0e6ed;
+ width: 0;
+ height: auto;
+ top: 12px;
+ bottom: -19px;
+ border-right-width: 0;
+ border-top-width: 0;
+ border-bottom-width: 0;
+ border-radius: 0; }
+ .widget-activity-four .timeline-line .item-timeline.timeline-primary .t-dot:before {
+ background-color: #1b55e2;
+ border-color: #a4bdf7; }
+ .widget-activity-four .timeline-line .item-timeline.timeline-success .t-dot:before {
+ background-color: #009688;
+ border-color: #9ad2cd; }
+ .widget-activity-four .timeline-line .item-timeline.timeline-danger .t-dot:before {
+ background-color: #e7515a;
+ border-color: #f1acb0; }
+ .widget-activity-four .timeline-line .item-timeline.timeline-dark .t-dot:before {
+ background-color: #3b3f5c;
+ border-color: #9fa3bb; }
+ .widget-activity-four .timeline-line .item-timeline.timeline-secondary .t-dot:before {
+ background: #1b55e2;
+ border-color: #c2d5ff; }
+ .widget-activity-four .timeline-line .item-timeline.timeline-warning .t-dot:before {
+ background-color: #e2a03f;
+ border-color: #dec7a5; }
+ .widget-activity-four .timeline-line .item-timeline:last-child .t-dot:after {
+ display: none; }
+ .widget-activity-four .timeline-line .item-timeline .t-meta-time {
+ margin: 0;
+ min-width: 100px;
+ max-width: 100px;
+ font-size: 12px;
+ font-weight: 700;
+ color: #888ea8;
+ align-self: center; }
+ .widget-activity-four .timeline-line .item-timeline .t-text {
+ align-self: center;
+ margin-left: 20px;
+ display: flex;
+ width: 100%;
+ justify-content: space-between; }
+ .widget-activity-four .timeline-line .item-timeline .t-text p {
+ font-size: 12px;
+ margin: 0;
+ color: #888ea8;
+ font-weight: 400; }
+ .widget-activity-four .timeline-line .item-timeline .t-text span.badge {
+ position: absolute;
+ right: 11px;
+ padding: 2px 4px;
+ font-size: 11px;
+ letter-spacing: 1px;
+ opacity: 0;
+ font-weight: 400;
+ transform: none; }
+ .widget-activity-four .timeline-line .item-timeline:hover .t-text span.badge {
+ opacity: 1; }
+ .widget-activity-four .timeline-line .item-timeline .t-text p.t-time {
+ text-align: right;
+ color: #888ea8;
+ font-size: 10px; }
+ .widget-activity-four .timeline-line .item-timeline .t-time {
+ margin: 0;
+ min-width: 80px;
+ max-width: 80px;
+ font-size: 13px;
+ font-weight: 600;
+ color: #acb0c3;
+ letter-spacing: 1px; }
+ .widget-activity-four .tm-action-btn {
+ text-align: center;
+ padding-top: 20px; }
+ .widget-activity-four .tm-action-btn button {
+ background: transparent;
+ box-shadow: none;
+ padding: 0;
+ color: #1b55e2;
+ font-weight: 600;
+ letter-spacing: 0.5px;
+ border: none;
+ font-size: 15px; }
+ .widget-activity-four .tm-action-btn svg {
+ width: 15px;
+ height: 15px;
+ vertical-align: inherit; }
+
+/*
+ =====================
+ Account Info
+ =====================
+*/
+.widget-account-invoice-one .invoice-box .acc-total-info {
+ padding: 0 0;
+ margin-bottom: 18px;
+ padding-bottom: 18px;
+ border-bottom: 1px dashed #bfc9d4; }
+
+.widget-account-invoice-one .invoice-box h5 {
+ text-align: center;
+ font-size: 20px;
+ letter-spacing: 1px;
+ margin-bottom: 10px;
+ color: #1b55e2; }
+
+.widget-account-invoice-one .invoice-box .acc-amount {
+ text-align: center;
+ font-size: 23px;
+ font-weight: 700;
+ margin-bottom: 0;
+ color: #009688; }
+
+.widget-account-invoice-one .invoice-box .inv-detail {
+ margin-bottom: 18px;
+ padding-bottom: 18px;
+ border-bottom: 1px dashed #bfc9d4; }
+
+.widget-account-invoice-one .invoice-box [class*="info-detail-"]:not(.info-sub) {
+ display: flex;
+ justify-content: space-between; }
+ .widget-account-invoice-one .invoice-box [class*="info-detail-"]:not(.info-sub) p {
+ margin-bottom: 13px;
+ font-weight: 700;
+ font-size: 14px; }
+
+.widget-account-invoice-one .invoice-box [class*="info-detail-"].info-sub .info-detail {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 0;
+ font-weight: 700;
+ font-size: 14px; }
+ .widget-account-invoice-one .invoice-box [class*="info-detail-"].info-sub .info-detail p {
+ margin-bottom: 0; }
+
+.widget-account-invoice-one .invoice-box [class*="info-detail-"].info-sub .info-detail-sub {
+ margin-left: 9px; }
+ .widget-account-invoice-one .invoice-box [class*="info-detail-"].info-sub .info-detail-sub p {
+ color: #888ea8;
+ margin-bottom: 2px;
+ font-weight: 600; }
+
+.widget-account-invoice-one .invoice-box .inv-action {
+ text-align: center;
+ display: flex;
+ justify-content: space-around; }
+ .widget-account-invoice-one .invoice-box .inv-action a {
+ transform: none; }
+
+/*
+ =====================
+ Recent Orders
+ =====================
+*/
+.widget-table-two {
+ position: relative; }
+ .widget-table-two h5 {
+ font-weight: 700;
+ font-size: 19px;
+ letter-spacing: 1px;
+ margin-bottom: 20px; }
+ .widget-table-two .widget-content {
+ background: transparent; }
+ .widget-table-two .table {
+ border-collapse: separate;
+ border-spacing: 0 5px;
+ margin-bottom: 0; }
+ .widget-table-two .table > thead > tr > th {
+ text-transform: initial;
+ font-weight: 600;
+ border-top: none;
+ background: #e0e6ed;
+ padding-top: 0;
+ padding-bottom: 0;
+ padding-right: 0;
+ padding-left: 0;
+ -webkit-transition: all 0.1s ease;
+ transition: all 0.1s ease;
+ padding: 10px 0 10px 5px; }
+ .widget-table-two .table > thead > tr > th:first-child {
+ border-bottom-left-radius: 6px;
+ border-top-left-radius: 6px; }
+ .widget-table-two .table > thead > tr > th:last-child {
+ border-bottom-right-radius: 6px;
+ border-top-right-radius: 6px; }
+ .widget-table-two .table > thead > tr > th .th-content {
+ color: #1b55e2;
+ font-weight: 600;
+ font-size: 14px;
+ letter-spacing: 1px; }
+ .widget-table-two .table > thead > tr > th:first-child .th-content {
+ margin-left: 10px; }
+ .widget-table-two .table > thead > tr > th:last-child .th-content {
+ text-align: right;
+ margin-right: 10px; }
+ .widget-table-two .table > thead > tr > th:nth-last-child(2) .th-content {
+ text-align: center;
+ padding: 0 15px 0 0; }
+ .widget-table-two .table > tbody > tr > td {
+ border-top: none;
+ background: transparent;
+ padding-top: 0;
+ padding-bottom: 0;
+ padding-right: 0;
+ padding-left: 0;
+ -webkit-transition: all 0.1s ease;
+ transition: all 0.1s ease; }
+ .widget-table-two .table > tbody > tr:hover > td {
+ transform: translateY(-1px) scale(1.01); }
+ .widget-table-two .table > tbody > tr:hover > td .td-content {
+ color: #515365; }
+ .widget-table-two .table > tbody > tr > td .td-content {
+ cursor: pointer;
+ font-weight: 600;
+ letter-spacing: 1px;
+ color: #888ea8; }
+ .widget-table-two .table > tbody > tr > td:first-child {
+ border-top-left-radius: 6px;
+ padding: 10px 0 10px 15px;
+ border-bottom-left-radius: 6px; }
+ .widget-table-two .table > tbody > tr > td:last-child {
+ border-top-right-radius: 6px;
+ padding: 15.5px 15px 15.5px 0;
+ text-align: right;
+ border-bottom-right-radius: 6px; }
+ .widget-table-two .table .td-content.customer-name {
+ color: #515365; }
+ .widget-table-two .table .td-content.product-brand {
+ letter-spacing: 1px; }
+ .widget-table-two .table .td-content img {
+ width: 35px;
+ height: 35px;
+ border-radius: 50%;
+ margin-right: 13px; }
+ .widget-table-two .table tr > td:nth-last-child(2) .td-content {
+ text-align: center; }
+ .widget-table-two .table .td-content .badge {
+ transform: none; }
+ .widget-table-two .table tr:hover .td-content .badge {
+ transform: translateY(-3px); }
+ .widget-table-two .table tr .td-content .outline-badge-primary {
+ background-color: #c2d5ff; }
+ .widget-table-two .table tr .td-content .outline-badge-success {
+ color: #009688;
+ background-color: #e6ffbf;
+ border-color: #009688; }
+ .widget-table-two .table tr .td-content .outline-badge-danger {
+ background-color: #ffe1e2; }
+
+/*
+ ===========================
+ Top Selling Product
+ ===========================
+*/
+.widget-table-three {
+ position: relative; }
+ .widget-table-three h5 {
+ font-weight: 700;
+ font-size: 19px;
+ letter-spacing: 1px;
+ margin-bottom: 20px; }
+ .widget-table-three .widget-content {
+ background: transparent; }
+ .widget-table-three .table {
+ border-collapse: separate;
+ border-spacing: 0 5px;
+ margin-bottom: 0; }
+ .widget-table-three .table > thead > tr > th {
+ text-transform: initial;
+ font-weight: 600;
+ border-top: none;
+ background: #e0e6ed;
+ padding-top: 0;
+ padding-bottom: 0;
+ padding-right: 0;
+ padding-left: 0;
+ -webkit-transition: all 0.1s ease;
+ transition: all 0.1s ease;
+ padding: 10px 0 10px 15px; }
+ .widget-table-three .table > thead > tr > th:first-child .th-content {
+ margin-left: 10px; }
+ .widget-table-three .table > thead > tr > th:last-child .th-content {
+ text-align: right;
+ margin-right: 10px; }
+ .widget-table-three .table > thead > tr > th:first-child {
+ border-bottom-left-radius: 6px;
+ border-top-left-radius: 6px; }
+ .widget-table-three .table > thead > tr > th:last-child {
+ border-bottom-right-radius: 6px;
+ border-top-right-radius: 6px; }
+ .widget-table-three .table > thead > tr > th .th-content {
+ color: #1b55e2;
+ font-weight: 600;
+ font-size: 14px;
+ letter-spacing: 1px; }
+ .widget-table-three .table > tbody > tr {
+ background: transparent; }
+ .widget-table-three .table > tbody > tr > td {
+ border-top: none;
+ padding-top: 0;
+ padding-bottom: 0;
+ padding-right: 0;
+ padding-left: 0;
+ -webkit-transition: all 0.1s ease;
+ transition: all 0.1s ease; }
+ .widget-table-three .table > tbody > tr:hover > td {
+ transform: translateY(-1px) scale(1.01); }
+ .widget-table-three .table > tbody > tr:hover > td .td-content {
+ color: #3b3f5c; }
+ .widget-table-three .table > tbody > tr > td .td-content {
+ cursor: pointer;
+ font-weight: 600;
+ letter-spacing: 1px;
+ color: #888ea8; }
+ .widget-table-three .table > tbody > tr > td:first-child {
+ border-top-left-radius: 6px;
+ padding: 10px 0px 10px 15px;
+ border-bottom-left-radius: 6px; }
+ .widget-table-three .table > tbody > tr > td:last-child {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px; }
+ .widget-table-three .table > tbody > tr > td:last-child .td-content {
+ text-align: right;
+ padding: 0 15px 0 0; }
+ .widget-table-three .table tr > td:nth-last-child(2) .td-content {
+ padding: 10px 0 10px 15px; }
+ .widget-table-three .table .td-content .discount-pricing {
+ padding: 10px 0 10px 15px; }
+ .widget-table-three .table .td-content.product-name {
+ color: #515365;
+ letter-spacing: 1px; }
+ .widget-table-three .table .td-content img {
+ width: 35px;
+ height: 35px;
+ border-radius: 50%;
+ margin-right: 10px; }
+ .widget-table-three .table .td-content .pricing {
+ padding: 10px 0 10px 15px; }
+ .widget-table-three .table .td-content .tag {
+ background: transparent;
+ transform: none;
+ font-weight: 600;
+ letter-spacing: 2px;
+ padding: 2px 5px;
+ border-radius: 6px; }
+ .widget-table-three .table .td-content .tag-primary {
+ color: #1b55e2;
+ border: 1px dashed #1b55e2;
+ background: #c2d5ff; }
+ .widget-table-three .table .td-content .tag-success {
+ color: #009688;
+ border: 1px dashed #009688;
+ background: #e6ffbf; }
+ .widget-table-three .table .td-content .tag-danger {
+ color: #e7515a;
+ border: 1px dashed #e7515a;
+ background: #ffe1e2; }
+ .widget-table-three .table .td-content a {
+ padding: 0;
+ font-size: 13px;
+ background: transparent;
+ transform: none;
+ letter-spacing: 1px;
+ border-bottom: 1px dashed #bfc9d4; }
+
+/*
+ =====================
+ Media Query
+ =====================
+*/
+@media (max-width: 1199px) {
+ .widget.widget-activity-two .widget-heading {
+ margin-bottom: 21px; }
+ .widget-activity-two .mt-container {
+ position: relative;
+ height: 177px; } }
+
+@media (max-width: 575px) {
+ .widget-card-four .w-content-img img {
+ height: 94px; }
+ .widget-notification-one .noti-action a span {
+ display: none; }
+ .widget-statistic .col-12:not(:last-child) .widget-one_hybrid {
+ margin-bottom: 40px; } }
+
+/*
+ ====================
+ Media Object
+ ====================
+*/
+@media (min-width: 1200px) {
+ .table-responsive {
+ overflow-x: hidden; } }
+
+@media (max-width: 1430px) and (min-width: 1200px) {
+ /*
+ ===========================
+ Top Selling Product
+ ===========================
+ */
+ .widget-table-two .table .td-content img, .widget-table-three .table .td-content img {
+ display: block; }
+ /*
+ ===========================
+ Top Selling Product
+ ===========================
+ */ }
+
+@media (max-width: 767px) {
+ .widget-notification-two button {
+ display: none; } }
+
+@media (max-width: 575px) {
+ /*
+ ==================
+ Total Sales
+ ==================
+ */
+ .widget-two .w-chart {
+ position: inherit; }
+ /*
+ ========================
+ Recent Activities
+ ========================
+ */
+ .widget-activity-one .mt-container {
+ height: auto; }
+ /*
+ ===========================
+ Top Selling Product
+ ===========================
+ */
+ .widget-table-two .table > thead > tr > th {
+ padding-right: 15px; }
+ .widget-table-two .table > tbody > tr > td {
+ border-top: none;
+ padding-top: 0;
+ padding-bottom: 0;
+ padding-right: 12px;
+ padding-left: 12px; }
+ .widget-table-two .table .td-content.customer-name {
+ color: #515365;
+ text-align: center; }
+ .widget-table-two .table .td-content.product-brand {
+ text-align: center; }
+ .widget-table-two .table .td-content img {
+ display: block;
+ margin: 0 auto 5px auto; }
+ /*
+ ===========================
+ Top Selling Product
+ ===========================
+ */
+ .widget-table-three .table > thead > tr > th {
+ padding-right: 15px; }
+ .widget-table-three .table > tbody > tr > td {
+ border-top: none;
+ padding-top: 0;
+ padding-bottom: 0;
+ padding-right: 12px;
+ padding-left: 12px; }
+ .widget-table-three .table .td-content.product-name {
+ text-align: center; }
+ .widget-table-three .table .td-content img {
+ display: block;
+ margin: 0 auto 5px auto; } }
diff --git a/static/img/.DS_Store b/static/img/.DS_Store
new file mode 100644
index 00000000..e944b8ec
Binary files /dev/null and b/static/img/.DS_Store differ
diff --git a/static/img/120x120.jpg b/static/img/120x120.jpg
new file mode 100644
index 00000000..fa5c32a6
Binary files /dev/null and b/static/img/120x120.jpg differ
diff --git a/static/img/1280x857.jpg b/static/img/1280x857.jpg
new file mode 100644
index 00000000..5562e2db
Binary files /dev/null and b/static/img/1280x857.jpg differ
diff --git a/static/img/175x115.jpg b/static/img/175x115.jpg
new file mode 100644
index 00000000..4a5c3643
Binary files /dev/null and b/static/img/175x115.jpg differ
diff --git a/static/img/200x200.jpg b/static/img/200x200.jpg
new file mode 100644
index 00000000..4d40faa8
Binary files /dev/null and b/static/img/200x200.jpg differ
diff --git a/static/img/300x300.jpg b/static/img/300x300.jpg
new file mode 100644
index 00000000..53056abb
Binary files /dev/null and b/static/img/300x300.jpg differ
diff --git a/static/img/350x250.jpg b/static/img/350x250.jpg
new file mode 100644
index 00000000..5790acf2
Binary files /dev/null and b/static/img/350x250.jpg differ
diff --git a/static/img/400x168.jpg b/static/img/400x168.jpg
new file mode 100644
index 00000000..7383302c
Binary files /dev/null and b/static/img/400x168.jpg differ
diff --git a/static/img/400x300.jpg b/static/img/400x300.jpg
new file mode 100644
index 00000000..a23dc0e5
Binary files /dev/null and b/static/img/400x300.jpg differ
diff --git a/static/img/509x343.jpg b/static/img/509x343.jpg
new file mode 100644
index 00000000..136f12ab
Binary files /dev/null and b/static/img/509x343.jpg differ
diff --git a/static/img/600x300.jpg b/static/img/600x300.jpg
new file mode 100644
index 00000000..b028f334
Binary files /dev/null and b/static/img/600x300.jpg differ
diff --git a/static/img/640x426.jpg b/static/img/640x426.jpg
new file mode 100644
index 00000000..8c9ccaa8
Binary files /dev/null and b/static/img/640x426.jpg differ
diff --git a/static/img/90x90.jpg b/static/img/90x90.jpg
new file mode 100644
index 00000000..a423e041
Binary files /dev/null and b/static/img/90x90.jpg differ
diff --git a/static/img/ab-1.jpeg b/static/img/ab-1.jpeg
new file mode 100644
index 00000000..86bac9ce
Binary files /dev/null and b/static/img/ab-1.jpeg differ
diff --git a/static/img/arrow-down.png b/static/img/arrow-down.png
new file mode 100644
index 00000000..4eac5cdc
Binary files /dev/null and b/static/img/arrow-down.png differ
diff --git a/static/img/bg.png b/static/img/bg.png
new file mode 100644
index 00000000..ce5b63e7
Binary files /dev/null and b/static/img/bg.png differ
diff --git a/static/img/ca.png b/static/img/ca.png
new file mode 100644
index 00000000..a693d813
Binary files /dev/null and b/static/img/ca.png differ
diff --git a/static/img/contact-us-map-pin.svg b/static/img/contact-us-map-pin.svg
new file mode 100644
index 00000000..3efa3795
--- /dev/null
+++ b/static/img/contact-us-map-pin.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/static/img/de.png b/static/img/de.png
new file mode 100644
index 00000000..ccfd296f
Binary files /dev/null and b/static/img/de.png differ
diff --git a/static/img/faq.svg b/static/img/faq.svg
new file mode 100644
index 00000000..2f2ddfa3
--- /dev/null
+++ b/static/img/faq.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/static/img/favicon.ico b/static/img/favicon.ico
new file mode 100644
index 00000000..7abef30f
Binary files /dev/null and b/static/img/favicon.ico differ
diff --git a/static/img/fr.png b/static/img/fr.png
new file mode 100644
index 00000000..6d03da38
Binary files /dev/null and b/static/img/fr.png differ
diff --git a/static/img/jp.png b/static/img/jp.png
new file mode 100644
index 00000000..0cfb71fb
Binary files /dev/null and b/static/img/jp.png differ
diff --git a/static/img/mindset.svg b/static/img/mindset.svg
new file mode 100644
index 00000000..de94cb46
--- /dev/null
+++ b/static/img/mindset.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/static/js/.DS_Store b/static/js/.DS_Store
new file mode 100644
index 00000000..2b34b398
Binary files /dev/null and b/static/js/.DS_Store differ
diff --git a/static/js/app.js b/static/js/app.js
new file mode 100644
index 00000000..22491c82
--- /dev/null
+++ b/static/js/app.js
@@ -0,0 +1,238 @@
+var App = function() {
+ var MediaSize = {
+ xl: 1200,
+ lg: 992,
+ md: 991,
+ sm: 576
+ };
+ var ToggleClasses = {
+ headerhamburger: '.toggle-sidebar',
+ inputFocused: 'input-focused',
+ };
+
+ var Selector = {
+ mainHeader: '.header.navbar',
+ headerhamburger: '.toggle-sidebar',
+ fixed: '.fixed-top',
+ mainContainer: '.main-container',
+ sidebar: '#sidebar',
+ sidebarContent: '#sidebar-content',
+ sidebarStickyContent: '.sticky-sidebar-content',
+ ariaExpandedTrue: '#sidebar [aria-expanded="true"]',
+ ariaExpandedFalse: '#sidebar [aria-expanded="false"]',
+ contentWrapper: '#content',
+ contentWrapperContent: '.container',
+ mainContentArea: '.main-content',
+ searchFull: '.toggle-search',
+ overlay: {
+ sidebar: '.overlay',
+ cs: '.cs-overlay',
+ search: '.search-overlay'
+ }
+ };
+
+ var toggleFunction = {
+ sidebar: function($recentSubmenu) {
+ $('.sidebarCollapse').on('click', function (sidebar) {
+ sidebar.preventDefault();
+ $(Selector.mainContainer).toggleClass("sidebar-closed");
+ $(Selector.mainHeader).toggleClass('expand-header');
+ $(Selector.mainContainer).toggleClass("sbar-open");
+ $('.overlay').toggleClass('show');
+ $('html,body').toggleClass('sidebar-noneoverflow');
+ });
+ },
+ overlay: function() {
+ $('#dismiss, .overlay, cs-overlay').on('click', function () {
+ // hide sidebar
+ $(Selector.mainContainer).addClass('sidebar-closed');
+ $(Selector.mainContainer).removeClass('sbar-open');
+ // hide overlay
+ $('.overlay').removeClass('show');
+ $('html,body').removeClass('sidebar-noneoverflow');
+ });
+ },
+ search: function() {
+ $(Selector.searchFull).click(function(event) {
+ $(this).parents('.search-animated').find('.search-full').addClass(ToggleClasses.inputFocused);
+ $(this).parents('.search-animated').addClass('show-search');
+ $(Selector.overlay.search).addClass('show');
+ $(Selector.overlay.search).addClass('show');
+ });
+
+ $(Selector.overlay.search).click(function(event) {
+ $(this).removeClass('show');
+ $(Selector.searchFull).parents('.search-animated').find('.search-full').removeClass(ToggleClasses.inputFocused);
+ $(Selector.searchFull).parents('.search-animated').removeClass('show-search');
+ });
+ }
+ }
+
+ var inBuiltfunctionality = {
+ mainCatActivateScroll: function() {
+ const ps = new PerfectScrollbar('.menu-categories', {
+ wheelSpeed:.5,
+ swipeEasing:!0,
+ minScrollbarLength:40,
+ maxScrollbarLength:300,
+ suppressScrollX : true
+ });
+ },
+ preventScrollBody: function() {
+ $('#sidebar').bind('mousewheel DOMMouseScroll', function(e) {
+ var scrollTo = null;
+
+ if (e.type == 'mousewheel') {
+ scrollTo = (e.originalEvent.wheelDelta * -1);
+ }
+ else if (e.type == 'DOMMouseScroll') {
+ scrollTo = 40 * e.originalEvent.detail;
+ }
+
+ if (scrollTo) {
+ e.preventDefault();
+ $(this).scrollTop(scrollTo + $(this).scrollTop());
+ }
+ });
+ },
+ functionalDropdown: function() {
+ var getDropdownElement = document.querySelectorAll('.more-dropdown .dropdown-item');
+ for (var i = 0; i < getDropdownElement.length; i++) {
+ getDropdownElement[i].addEventListener('click', function() {
+ document.querySelectorAll('.more-dropdown .dropdown-toggle > span')[0].innerText = this.getAttribute('data-value');
+ })
+ }
+ }
+ }
+
+ var _mobileResolution = {
+ onRefresh: function() {
+ var windowWidth = window.innerWidth;
+ if ( windowWidth <= MediaSize.md ) {
+ toggleFunction.sidebar();
+ }
+ },
+
+ // Note : - _mobileResolution -> onResize | Uncomment it if need for onresize functions for MOBILE RESOLUTION i.e. below or equal to 991px |
+
+ /*
+ onResize: function() {
+ $(window).on('resize', function(event) {
+ event.preventDefault();
+ var windowWidth = window.innerWidth;
+ if ( windowWidth <= MediaSize.md ) {
+ }
+ });
+ }
+ */
+ }
+
+ var _desktopResolution = {
+ onRefresh: function() {
+ var windowWidth = window.innerWidth;
+ if ( windowWidth > MediaSize.md ) {
+ toggleFunction.sidebar(true);
+ }
+ },
+
+ // Note : - _desktopResolution -> onResize | Uncomment it if need, for onresize functions for DESKTOP RESOLUTION i.e. above or equal to 991px |
+
+ /*
+ onResize: function() {
+ $(window).on('resize', function(event) {
+ event.preventDefault();
+ var windowWidth = window.innerWidth;
+ if ( windowWidth > MediaSize.md ) {
+ }
+ });
+ }
+ */
+ }
+
+ function sidebarFunctionality() {
+ function sidebarCloser() {
+
+ if (window.innerWidth <= 991 ) {
+
+ if (!$('body').hasClass('alt-menu')) {
+
+ $("#container").addClass("sidebar-closed");
+ $('.overlay').removeClass('show');
+ } else {
+ $(".navbar").removeClass("expand-header");
+ $('.overlay').removeClass('show');
+ $('#container').removeClass('sbar-open');
+ $('html, body').removeClass('sidebar-noneoverflow');
+ }
+
+ } else if (window.innerWidth > 991 ) {
+
+ if (!$('body').hasClass('alt-menu')) {
+
+ $("#container").removeClass("sidebar-closed");
+ $(".navbar").removeClass("expand-header");
+ $('.overlay').removeClass('show');
+ $('#container').removeClass('sbar-open');
+ $('html, body').removeClass('sidebar-noneoverflow');
+ } else {
+ $('html, body').addClass('sidebar-noneoverflow');
+ $("#container").addClass("sidebar-closed");
+ $(".navbar").addClass("expand-header");
+ $('.overlay').addClass('show');
+ $('#container').addClass('sbar-open');
+ }
+ }
+
+ }
+
+ function sidebarMobCheck() {
+ if (window.innerWidth <= 991 ) {
+
+ if ( $('.main-container').hasClass('sbar-open') ) {
+ return;
+ } else {
+ sidebarCloser()
+ }
+ } else if (window.innerWidth > 991 ) {
+ sidebarCloser();
+ }
+ }
+
+ sidebarCloser();
+
+ $(window).resize(function(event) {
+ sidebarMobCheck();
+ });
+
+ }
+
+ return {
+ init: function() {
+ toggleFunction.overlay();
+ toggleFunction.search();
+ /*
+ Desktop Resoltion fn
+ */
+ _desktopResolution.onRefresh();
+
+ // Note : - _desktopResolution -> onResize | Uncomment it if need for onresize functions for MOBILE RESOLUTION i.e. above or equal to 991px |
+
+ // _desktopResolution.onResize();
+
+ /*
+ Mobile Resoltion fn
+ */
+ _mobileResolution.onRefresh();
+
+ // Note : - _mobileResolution -> onResize | Uncomment it if need for onresize functions for DESKTOP RESOLUTION i.e. below or equal to 991px |
+
+ // _mobileResolution.onResize();
+
+ sidebarFunctionality();
+ inBuiltfunctionality.mainCatActivateScroll();
+ inBuiltfunctionality.preventScrollBody();
+ inBuiltfunctionality.functionalDropdown();
+ }
+ }
+
+}();
diff --git a/static/js/apps/contact.js b/static/js/apps/contact.js
new file mode 100644
index 00000000..8e21eff6
--- /dev/null
+++ b/static/js/apps/contact.js
@@ -0,0 +1,319 @@
+$(document).ready(function() {
+
+ checkall('contact-check-all', 'contact-chkbox');
+
+ $('#input-search').on('keyup', function() {
+ var rex = new RegExp($(this).val(), 'i');
+ $('.searchable-items .items:not(.items-header-section)').hide();
+ $('.searchable-items .items:not(.items-header-section)').filter(function() {
+ return rex.test($(this).text());
+ }).show();
+ });
+
+ $('.view-grid').on('click', function(event) {
+ event.preventDefault();
+ /* Act on the event */
+
+ $(this).parents('.switch').find('.view-list').removeClass('active-view');
+ $(this).addClass('active-view');
+
+ $(this).parents('.searchable-container').removeClass('list');
+ $(this).parents('.searchable-container').addClass('grid');
+
+ $(this).parents('.searchable-container').find('.searchable-items').removeClass('list');
+ $(this).parents('.searchable-container').find('.searchable-items').addClass('grid');
+
+ });
+
+ $('.view-list').on('click', function(event) {
+ event.preventDefault();
+ /* Act on the event */
+ $(this).parents('.switch').find('.view-grid').removeClass('active-view');
+ $(this).addClass('active-view');
+
+ $(this).parents('.searchable-container').removeClass('grid');
+ $(this).parents('.searchable-container').addClass('list');
+
+ $(this).parents('.searchable-container').find('.searchable-items').removeClass('grid');
+ $(this).parents('.searchable-container').find('.searchable-items').addClass('list');
+ });
+
+ $('#btn-add-contact').on('click', function(event) {
+ $('#addContactModal #btn-add').show();
+ $('#addContactModal #btn-edit').hide();
+ $('#addContactModal').modal('show');
+ })
+
+function deleteContact() {
+ $(".delete").on('click', function(event) {
+ event.preventDefault();
+ /* Act on the event */
+ $(this).parents('.items').remove();
+ });
+}
+
+function addContact() {
+ $("#btn-add").click(function() {
+
+ var getParent = $(this).parents('.modal-content');
+
+ var $_name = getParent.find('#c-name');
+ var $_email = getParent.find('#c-email');
+ var $_occupation = getParent.find('#c-occupation');
+ var $_phone = getParent.find('#c-phone');
+ var $_location = getParent.find('#c-location');
+
+ var $_getValidationField = document.getElementsByClassName('validation-text');
+ var reg = /^.+@[^\.].*\.[a-z]{2,}$/;
+ var phoneReg = /^\d*\.?\d*$/;
+
+ var $_nameValue = $_name.val();
+ var $_emailValue = $_email.val();
+ var $_occupationValue = $_occupation.val();
+ var $_phoneValue = $_phone.val();
+ var $_locationValue = $_location.val();
+
+ if ($_nameValue == "") {
+ $_getValidationField[0].innerHTML = 'Name must be filled out';
+ $_getValidationField[0].style.display = 'block';
+ } else {
+ $_getValidationField[0].style.display = 'none';
+ }
+
+ if ($_emailValue == "") {
+ $_getValidationField[1].innerHTML = 'Email Id must be filled out';
+ $_getValidationField[1].style.display = 'block';
+ } else if((reg.test($_emailValue) == false)) {
+ $_getValidationField[1].innerHTML = 'Invalid Email';
+ $_getValidationField[1].style.display = 'block';
+ } else {
+ $_getValidationField[1].style.display = 'none';
+ }
+
+ if ($_phoneValue == "") {
+ $_getValidationField[2].innerHTML = 'Invalid (Enter 10 Digits)';
+ $_getValidationField[2].style.display = 'block';
+ } else if((phoneReg.test($_phoneValue) == false)) {
+ $_getValidationField[2].innerHTML = 'Please Enter A numeric value';
+ $_getValidationField[2].style.display = 'block';
+ } else {
+ $_getValidationField[2].style.display = 'none';
+ }
+
+ if ($_nameValue == "" || $_emailValue == "" || (reg.test($_emailValue) == false) || $_phoneValue == "" || (phoneReg.test($_phoneValue) == false)) {
+ return false;
+ }
+
+ $html = '
' +
+ '
' +
+ '
' +
+
+ '
' +
+ '' +
+ '
' +
+
+ '

' +
+ '
' +
+ '
' +
+ '
' +
+ '
Email:
' +
+ '
'+ $_emailValue +'
' +
+ '
' +
+ '
' +
+ '
Location:
' +
+ '
'+ $_locationValue +'
' +
+ '
' +
+ '
' +
+ '
Phone:
' +
+ '
'+ $_phoneValue +'
' +
+ '
' +
+ '
' +
+ '
' +
+ '
';
+
+ $(".searchable-items > .items-header-section").after($html);
+ $('#addContactModal').modal('hide');
+
+ var $_setNameValueEmpty = $_name.val('');
+ var $_setEmailValueEmpty = $_email.val('');
+ var $_setOccupationValueEmpty = $_occupation.val('');
+ var $_setPhoneValueEmpty = $_phone.val('');
+ var $_setLocationValueEmpty = $_location.val('');
+
+ deleteContact();
+ editContact();
+ checkall('contact-check-all', 'contact-chkbox');
+ });
+}
+
+$('#addContactModal').on('hidden.bs.modal', function (e) {
+ var $_name = document.getElementById('c-name');
+ var $_email = document.getElementById('c-email');
+ var $_occupation = document.getElementById('c-occupation');
+ var $_phone = document.getElementById('c-phone');
+ var $_location = document.getElementById('c-location');
+ var $_getValidationField = document.getElementsByClassName('validation-text');
+
+ var $_setNameValueEmpty = $_name.value = '';
+ var $_setEmailValueEmpty = $_email.value = '';
+ var $_setOccupationValueEmpty = $_occupation.value = '';
+ var $_setPhoneValueEmpty = $_phone.value = '';
+ var $_setLocationValueEmpty = $_location.value = '';
+
+ for (var i = 0; i < $_getValidationField.length; i++) {
+ e.preventDefault();
+ $_getValidationField[i].style.display = 'none';
+ }
+})
+
+function editContact() {
+ $('.edit').on('click', function(event) {
+
+ $('#addContactModal #btn-add').hide();
+ $('#addContactModal #btn-edit').show();
+
+ // Get Parents
+ var getParentItem = $(this).parents('.items');
+ var getModal = $('#addContactModal');
+
+ // Get List Item Fields
+ var $_name = getParentItem.find('.user-name');
+ var $_email = getParentItem.find('.usr-email-addr');
+ var $_occupation = getParentItem.find('.user-work');
+ var $_phone = getParentItem.find('.usr-ph-no');
+ var $_location = getParentItem.find('.usr-location');
+
+ // Get Attributes
+ var $_nameAttrValue = $_name.attr('data-name');
+ var $_emailAttrValue = $_email.attr('data-email');
+ var $_occupationAttrValue = $_occupation.attr('data-occupation');
+ var $_phoneAttrValue = $_phone.attr('data-phone');
+ var $_locationAttrValue = $_location.attr('data-location');
+
+ // Get Modal Attributes
+ var $_getModalNameInput = getModal.find('#c-name');
+ var $_getModalEmailInput = getModal.find('#c-email');
+ var $_getModalOccupationInput = getModal.find('#c-occupation');
+ var $_getModalPhoneInput = getModal.find('#c-phone');
+ var $_getModalLocationInput = getModal.find('#c-location');
+
+ // Set Modal Field's Value
+ var $_setModalNameValue = $_getModalNameInput.val($_nameAttrValue);
+ var $_setModalEmailValue = $_getModalEmailInput.val($_emailAttrValue);
+ var $_setModalOccupationValue = $_getModalOccupationInput.val($_occupationAttrValue);
+ var $_setModalPhoneValue = $_getModalPhoneInput.val($_phoneAttrValue);
+ var $_setModalLocationValue = $_getModalLocationInput.val($_locationAttrValue);
+
+ $('#addContactModal').modal('show');
+
+ $("#btn-edit").off('click').click(function(){
+
+ var getParent = $(this).parents('.modal-content');
+
+ var $_getInputName = getParent.find('#c-name');
+ var $_getInputNmail = getParent.find('#c-email');
+ var $_getInputNccupation = getParent.find('#c-occupation');
+ var $_getInputNhone = getParent.find('#c-phone');
+ var $_getInputNocation = getParent.find('#c-location');
+
+
+ var $_nameValue = $_getInputName.val();
+ var $_emailValue = $_getInputNmail.val();
+ var $_occupationValue = $_getInputNccupation.val();
+ var $_phoneValue = $_getInputNhone.val();
+ var $_locationValue = $_getInputNocation.val();
+
+ var setUpdatedNameValue = $_name.text($_nameValue);
+ var setUpdatedEmailValue = $_email.text($_emailValue);
+ var setUpdatedOccupationValue = $_occupation.text($_occupationValue);
+ var setUpdatedPhoneValue = $_phone.text($_phoneValue);
+ var setUpdatedLocationValue = $_location.text($_locationValue);
+
+ var setUpdatedAttrNameValue = $_name.attr('data-name', $_nameValue);
+ var setUpdatedAttrEmailValue = $_email.attr('data-email', $_emailValue);
+ var setUpdatedAttrOccupationValue = $_occupation.attr('data-occupation', $_occupationValue);
+ var setUpdatedAttrPhoneValue = $_phone.attr('data-phone', $_phoneValue);
+ var setUpdatedAttrLocationValue = $_location.attr('data-location', $_locationValue);
+ $('#addContactModal').modal('hide');
+ });
+ })
+}
+
+$(".delete-multiple").on("click", function() {
+ var inboxCheckboxParents = $(".contact-chkbox:checked").parents('.items');
+ inboxCheckboxParents.remove();
+});
+
+deleteContact();
+addContact();
+editContact();
+
+})
+
+
+// Validation Process
+
+var $_getValidationField = document.getElementsByClassName('validation-text');
+var reg = /^.+@[^\.].*\.[a-z]{2,}$/;
+var phoneReg = /^\d{10}$/;
+
+getNameInput = document.getElementById('c-name');
+
+getNameInput.addEventListener('input', function() {
+
+ getNameInputValue = this.value;
+
+ if (getNameInputValue == "") {
+ $_getValidationField[0].innerHTML = 'Name Required';
+ $_getValidationField[0].style.display = 'block';
+ } else {
+ $_getValidationField[0].style.display = 'none';
+ }
+
+})
+
+
+getEmailInput = document.getElementById('c-email');
+
+getEmailInput.addEventListener('input', function() {
+
+ getEmailInputValue = this.value;
+
+ if (getEmailInputValue == "") {
+ $_getValidationField[1].innerHTML = 'Email Required';
+ $_getValidationField[1].style.display = 'block';
+ } else if((reg.test(getEmailInputValue) == false)) {
+ $_getValidationField[1].innerHTML = 'Invalid Email';
+ $_getValidationField[1].style.display = 'block';
+ } else {
+ $_getValidationField[1].style.display = 'none';
+ }
+
+})
+
+getPhoneInput = document.getElementById('c-phone');
+
+getPhoneInput.addEventListener('input', function() {
+
+ getPhoneInputValue = this.value;
+
+ if (getPhoneInputValue == "") {
+ $_getValidationField[2].innerHTML = 'Phone Number Required';
+ $_getValidationField[2].style.display = 'block';
+ } else if((phoneReg.test(getPhoneInputValue) == false)) {
+ $_getValidationField[2].innerHTML = 'Invalid (Enter 10 Digits)';
+ $_getValidationField[2].style.display = 'block';
+ } else {
+ $_getValidationField[2].style.display = 'none';
+ }
+
+})
diff --git a/static/js/apps/custom-mailbox.js b/static/js/apps/custom-mailbox.js
new file mode 100644
index 00000000..cc398029
--- /dev/null
+++ b/static/js/apps/custom-mailbox.js
@@ -0,0 +1,1340 @@
+$(document).ready(function() {
+
+
+ var today = new Date();
+ var dd = String(today.getDate()).padStart(2, '0');
+ var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
+ var yyyy = today.getFullYear();
+ var today = mm + '/' + dd + '/' + yyyy;
+
+ $('.current-recent-mail').text(today + ' -')
+
+
+ // Applying Scroll Bar
+
+ const ps = new PerfectScrollbar('.message-box-scroll');
+ const mailScroll = new PerfectScrollbar('.mail-sidebar-scroll', {
+ suppressScrollX : true
+ });
+
+ function mailInboxScroll() {
+ $('.mailbox-inbox .collapse').each(function(){ const mailContainerScroll = new PerfectScrollbar($(this)[0], {
+ suppressScrollX : true
+ }); });
+ }
+ mailInboxScroll();
+
+
+ /*
+ fn. dynamicBadgeNotification ==> Get the badge count for mail sidebar
+ */
+ function dynamicBadgeNotification( setMailCategoryCount ) {
+ var mailCategoryCount = setMailCategoryCount;
+
+ // Get Parents Div(s)
+ var get_ParentsDiv = $('.mail-item');
+ var get_MailInboxParentsDiv = $('.mail-item.mailInbox');
+ var get_UnreadMailInboxParentsDiv = $('[id*="unread-"]');
+ var get_DraftParentsDiv = $('.mail-item.draft');
+
+ // Get Parents Div(s) Counts
+ var get_MailInboxElementsCount = get_MailInboxParentsDiv.length;
+ var get_UnreadMailInboxElementsCount = get_UnreadMailInboxParentsDiv.length;
+ var get_DraftElementsCount = get_DraftParentsDiv.length;
+
+ // Get Badge Div(s)
+ var getBadgeMailInboxDiv = $('#mailInbox .mail-badge');
+ var getBadgeDraftMailDiv = $('#draft .mail-badge');
+
+ if (mailCategoryCount === 'mailInbox') {
+ if (get_UnreadMailInboxElementsCount === 0) {
+ getBadgeMailInboxDiv.text('');
+ return;
+ }
+ getBadgeMailInboxDiv.text(get_UnreadMailInboxElementsCount);
+ } else if (mailCategoryCount === 'draftmail') {
+ if (get_DraftElementsCount === 0) {
+ getBadgeDraftMailDiv.text('');
+ return;
+ }
+ getBadgeDraftMailDiv.text(get_DraftElementsCount);
+ }
+ }
+
+ dynamicBadgeNotification('mailInbox');
+ dynamicBadgeNotification('draftmail');
+
+ // Open Modal on Compose Button Click
+ $('#btn-compose-mail').on('click', function(event) {
+ $('#btn-send').show();
+ $('#btn-reply').hide();
+ $('#btn-fwd').hide();
+ $('#composeMailModal').modal('show');
+
+ // Save And Reply Save
+ $('#btn-save').show();
+ $('#btn-reply-save').hide();
+ $('#btn-fwd-save').hide();
+ })
+
+ /*
+ Init. fn. checkAll ==> Checkbox check all
+ */
+ document.getElementById('inboxAll').addEventListener('click', function() {
+ var getActiveList = document.querySelectorAll('.tab-title .list-actions.active');
+ var getActiveListID = '.'+getActiveList[0].id;
+
+ var getItemsCheckboxes = '';
+
+ if (getActiveList[0].id === 'personal' || getActiveList[0].id === 'work' || getActiveList[0].id === 'social' || getActiveList[0].id === 'private') {
+
+ getItemsGroupCheckboxes = document.querySelectorAll(getActiveListID);
+ for (var i = 0; i < getItemsGroupCheckboxes.length; i++) {
+ getItemsGroupCheckboxes[i].parentNode.parentNode.parentNode;
+
+ getItemsCheckboxes = document.querySelectorAll('.'+getItemsGroupCheckboxes[i].parentNode.parentNode.parentNode.className.split(' ')[0] + ' ' + getActiveListID + ' .inbox-chkbox');
+
+ if (getItemsCheckboxes[i].checked) {
+ getItemsCheckboxes[i].checked = false;
+ } else {
+ if (this.checked) {
+ getItemsCheckboxes[i].checked = true;
+ }
+ }
+ }
+
+ } else {
+ getItemsCheckboxes = document.querySelectorAll('.mail-item'+getActiveListID + ' .inbox-chkbox');
+ for (var i = 0; i < getItemsCheckboxes.length; i++ ) {
+ if (getItemsCheckboxes[i].checked) {
+ getItemsCheckboxes[i].checked = false;
+ } else {
+ if (this.checked) {
+ getItemsCheckboxes[i].checked = true;
+ }
+ }
+ }
+ }
+ })
+
+ /*
+ fn. randomString ==> Generate Random Numbers
+ */
+ function randomString(length, chars) {
+ var result = '';
+ for (var i = length; i > 0; --i) result += chars[Math.round(Math.random() * (chars.length - 1))];
+ return result;
+ }
+
+ /*
+ fn. formatAMPM ==> Get Time in 24hr Format
+ */
+ function formatAMPM(date) {
+ var hours = date.getHours();
+ var minutes = date.getMinutes();
+ var ampm = hours >= 12 ? 'PM' : 'AM';
+ hours = hours % 12;
+ hours = hours ? hours : 12; // the hour '0' should be '12'
+ minutes = minutes < 10 ? '0'+minutes : minutes;
+ var strTime = hours + ':' + minutes + ' ' + ampm;
+ return strTime;
+ }
+
+ /*
+ fn. formatBytes ==> Calculate and convert bytes into ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
+ */
+ function formatBytes(bytes, decimals) {
+ if (bytes === 0) return '0 Bytes';
+ const k = 1024;
+ const dm = decimals < 0 ? 0 : decimals;
+ const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+ const i = Math.floor(Math.log(bytes) / Math.log(k));
+ return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
+ }
+
+ // Search on each key pressed
+
+ $('.input-search').on('keyup', function() {
+ var rex = new RegExp($(this).val(), 'i');
+ $('.message-box .mail-item').hide();
+ $('.message-box .mail-item').filter(function() {
+ return rex.test($(this).text());
+ }).show();
+ });
+
+ // Tooltip
+
+ $('[data-toggle="tooltip"]').tooltip({
+ 'template': '',
+ })
+
+ // Triggered when mail is Closed
+
+ $('.close-message').on('click', function(event) {
+ event.preventDefault();
+ $('.content-box .collapse').collapse('hide')
+ $(this).parents('.content-box').css({
+ width: '0',
+ left: 'auto',
+ right: '-46px'
+ });
+ });
+
+ // Open Mail Sidebar on resolution below or equal to 991px.
+
+ $('.mail-menu').on('click', function(e){
+ $(this).parents('.mail-box-container').children('.tab-title').addClass('mail-menu-show')
+ $(this).parents('.mail-box-container').children('.mail-overlay').addClass('mail-overlay-show')
+ })
+
+ // Close sidebar when clicked on ovelay ( and ovelay itself ).
+
+ $('.mail-overlay').on('click', function(e){
+ $(this).parents('.mail-box-container').children('.tab-title').removeClass('mail-menu-show')
+ $(this).removeClass('mail-overlay-show')
+ })
+
+ /*
+ fn. contentBoxPosition ==> Triggered when clicked on any each mail to show the mail content.
+ */
+ function contentBoxPosition() {
+ $('.content-box .collapse').on('show.bs.collapse', function(event) {
+ var getCollpaseElementId = this.id;
+ var getSelectedMailTitleElement = $('.content-box').find('.mail-title');
+ var getSelectedMailContentTitle = $(this).find('.mail-content').attr('data-mailTitle');
+ $(this).parent('.content-box').css({
+ width: '100%',
+ left: '0',
+ right: '100%'
+ });
+ $(this).parents('#mailbox-inbox').find('.message-box [data-target="#'+getCollpaseElementId+'"]').parents('.mail-item').removeAttr('id');
+ getSelectedMailTitleElement.text(getSelectedMailContentTitle);
+ getSelectedMailTitleElement.attr('data-selectedMailTitle', getSelectedMailContentTitle);
+ dynamicBadgeNotification('mailInbox');
+ })
+ }
+ function stopPropagations() {
+ $('.mail-item-heading .mail-item-inner .new-control').on('click', function(e){
+ e.stopPropagation();
+ })
+ }
+
+ /*
+ ====================
+ Quill Editor
+ ====================
+ */
+
+ var quill = new Quill('#editor-container', {
+ modules: {
+ toolbar: [
+ [{ header: [1, 2, false] }],
+ ['bold', 'italic', 'underline'],
+ ['image', 'code-block']
+ ]
+ },
+ placeholder: 'Compose an epic...',
+ theme: 'snow' // or 'bubble'
+ });
+
+ // Validating input fields
+
+ var $_getValidationField = document.getElementsByClassName('validation-text');
+ var emailReg = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+
+ getEmailToInput = document.getElementById('m-to');
+
+ getEmailToInput.addEventListener('input', function() {
+
+ getEmailToInputValue = this.value;
+
+ if (getEmailToInputValue == "") {
+ $_getValidationField[0].innerHTML = 'Email Required';
+ $_getValidationField[0].style.display = 'block';
+ } else if((emailReg.test(getEmailToInputValue) == false)) {
+ $_getValidationField[0].innerHTML = 'Invalid Email';
+ $_getValidationField[0].style.display = 'block';
+ } else {
+ $_getValidationField[0].style.display = 'none';
+ }
+ })
+
+ getCCEmailInput = document.getElementById('m-cc');
+ getCCEmailInput.addEventListener('input', function() {
+
+ getCCEmailInputValue = this.value;
+
+ if (!getCCEmailInputValue == "") {
+ if((emailReg.test(getCCEmailInputValue) == false)) {
+ $_getValidationField[1].innerHTML = 'Invalid Email';
+ $_getValidationField[1].style.display = 'block';
+ } else {
+ $_getValidationField[1].style.display = 'none';
+ }
+ } else {
+ $_getValidationField[1].style.display = 'none';
+ }
+
+ })
+
+ getSubjectInput = document.getElementById('m-subject');
+
+ getSubjectInput.addEventListener('input', function() {
+
+ getSubjectInput = this.value;
+
+ if (getSubjectInput == "") {
+ $_getValidationField[2].innerHTML = 'Subject Required';
+ $_getValidationField[2].style.display = 'block';
+ } else {
+ $_getValidationField[2].style.display = 'none';
+ }
+
+ })
+
+ $('#composeMailModal').on('hidden.bs.modal', function (e) {
+
+ $(this)
+ .find("input,textarea")
+ .val('')
+ .end();
+
+ quill.deleteText(0, 2000);
+
+ for (var i = 0; i < $_getValidationField.length; i++) {
+ e.preventDefault();
+ $_getValidationField[i].style.display = 'none';
+ }
+ })
+
+
+ /*
+ =========================
+ Tab Functionality
+ =========================
+ */
+ var $listbtns = $('.list-actions').click(function() {
+ $(this).parents('.mail-box-container').find('.mailbox-inbox > .content-box').css({
+ width: '0',
+ left: 'auto',
+ right: '-46px'
+ });
+ $('.content-box .collapse').collapse('hide');
+ var getActionCenterDivElement = $(this).parents('.mail-box-container').find('.action-center');
+ if (this.id == 'mailInbox') {
+ var $el = $('.' + this.id).show();
+ getActionCenterDivElement.removeClass('tab-trash-active');
+ $('#ct > div').not($el).hide();
+ } else if (this.id == 'personal') {
+ $el = '.' + $(this).attr('id');
+ $elShow = $($el).show();
+ getActionCenterDivElement.removeClass('tab-trash-active');
+ $('#ct > div .mail-item-heading'+$el).parents('.mail-item').show();
+ $('#ct > div .mail-item-heading').not($el).parents('.mail-item').hide();
+ } else if (this.id == 'work') {
+ $el = '.' + $(this).attr('id');
+ $elShow = $($el).show();
+ getActionCenterDivElement.removeClass('tab-trash-active');
+ $('#ct > div .mail-item-heading'+$el).parents('.mail-item').show();
+ $('#ct > div .mail-item-heading').not($el).parents('.mail-item').hide();
+ } else if (this.id == 'social') {
+ $el = '.' + $(this).attr('id');
+ $elShow = $($el).show();
+ getActionCenterDivElement.removeClass('tab-trash-active');
+ $('#ct > div .mail-item-heading'+$el).parents('.mail-item').show();
+ $('#ct > div .mail-item-heading').not($el).parents('.mail-item').hide();
+ } else if (this.id == 'private') {
+ $el = '.' + $(this).attr('id');
+ $elShow = $($el).show();
+ getActionCenterDivElement.removeClass('tab-trash-active');
+ $('#ct > div .mail-item-heading'+$el).parents('.mail-item').show();
+ $('#ct > div .mail-item-heading').not($el).parents('.mail-item').hide();
+ getActionCenterDivElement.removeClass('tab-trash-active');
+ } else if (this.id == 'trashed') {
+ var $el = $('.' + this.id).show();
+ getActionCenterDivElement.addClass('tab-trash-active');
+ $('#ct > div').not($el).hide();
+ } else {
+ var $el = $('.' + this.id).show();
+ getActionCenterDivElement.removeClass('tab-trash-active');
+ $('#ct > div').not($el).hide();
+ }
+ $listbtns.removeClass('active');
+ $(this).addClass('active');
+ })
+
+ setTimeout(function() {
+ $(".list-actions#mailInbox").trigger('click');
+ },10);
+
+ // Mark As Important
+ $(".action-important").on("click", function() {
+ var notificationText = '';
+ var getCheckedItemlength = $(".inbox-chkbox:checked").length;
+
+ if ($(".inbox-chkbox:checked").parents('.mail-item').hasClass('important')) {
+ var notificationText = getCheckedItemlength < 2 ? getCheckedItemlength + ' Mail removed from Important' : getCheckedItemlength + ' Mails removed from Important';
+ } else {
+ var notificationText = getCheckedItemlength < 2 ? getCheckedItemlength + ' Mail Added to Important' : getCheckedItemlength + ' Mails Added to Important';
+ }
+
+ $(".inbox-chkbox:checked").parents('.mail-item').toggleClass('important');
+ $(".inbox-chkbox:checked").prop('checked',false);
+ $("#inboxAll:checked").prop('checked',false);
+ $(".list-actions#important").trigger('click');
+ Snackbar.show({
+ text: notificationText,
+ width: 'auto',
+ pos: 'top-center',
+ actionTextColor: '#bfc9d4',
+ backgroundColor: '#515365'
+ });
+ });
+
+ // Mark as Span
+ $(".action-spam").on("click", function() {
+ var inboxCheckboxParents = $(".inbox-chkbox:checked").parents('.mail-item');
+ var mailItemClass = inboxCheckboxParents.attr('class').split(' ')[1];
+ var mailItemClassRemoveClass = inboxCheckboxParents.toggleClass('mailInbox');
+
+ var notificationText = '';
+ var getCheckedItemlength = $(".inbox-chkbox:checked").length;
+
+ if ($(".inbox-chkbox:checked").parents('.mail-item').hasClass('spam')) {
+ var notificationText = getCheckedItemlength < 2 ? getCheckedItemlength + ' Mail removed from Spam' : getCheckedItemlength + ' Mails removed from Spam';
+ } else {
+ var notificationText = getCheckedItemlength < 2 ? getCheckedItemlength + ' Mail Added to Spam' : getCheckedItemlength + ' Mails Added to Spam';
+ }
+ inboxCheckboxParents.toggleClass('spam');
+ $(".inbox-chkbox:checked").prop('checked',false);
+ $("#inboxAll:checked").prop('checked',false);
+ $(".list-actions#spam").trigger('click');
+
+ Snackbar.show({
+ text: notificationText,
+ width: 'auto',
+ pos: 'top-center',
+ actionTextColor: '#bfc9d4',
+ backgroundColor: '#515365'
+ });
+ });
+
+ // Mark as read
+ $(".action-mark_as_read").on("click", function() {
+ var inboxCheckboxParents = $(".inbox-chkbox:checked").parents('.mail-item');
+
+ var notificationText = '';
+ var getCheckedItemlength = $(".inbox-chkbox:checked").length;
+ var notificationText = getCheckedItemlength < 2 ? getCheckedItemlength + ' Mail marked as Read' : getCheckedItemlength + ' Mails marked as Read';
+
+ inboxCheckboxParents.removeAttr('id');
+ dynamicBadgeNotification('mailInbox');
+ $("#inboxAll:checked").prop('checked',false);
+ $(".inbox-chkbox:checked").prop('checked',false);
+
+ Snackbar.show({
+ text: notificationText,
+ width: 'auto',
+ pos: 'top-center',
+ actionTextColor: '#bfc9d4',
+ backgroundColor: '#515365'
+ });
+ })
+
+ // Mark as Unread
+ $(".action-mark_as_unRead").on("click", function() {
+ var inboxCheckboxParents = $(".inbox-chkbox:checked").parents('.mail-item');
+ var getMailTitle = inboxCheckboxParents.find('.mail-title').attr('data-mailtitle');
+ var randomAlphaNumeric = randomString(10, '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ');
+
+ var notificationText = '';
+ var getCheckedItemlength = $(".inbox-chkbox:checked").length;
+ var notificationText = getCheckedItemlength < 2 ? getCheckedItemlength + ' Mail marked as UnRead' : getCheckedItemlength + ' Mails marked as UnRead';
+
+ inboxCheckboxParents.attr('id', 'unread-'+getMailTitle.replace(/\s+/g, '-').toLowerCase()+randomAlphaNumeric);
+ dynamicBadgeNotification('mailInbox');
+ $("#inboxAll:checked").prop('checked',false);
+ $(".inbox-chkbox:checked").prop('checked',false);
+
+ Snackbar.show({
+ text: notificationText,
+ width: 'auto',
+ pos: 'top-center',
+ actionTextColor: '#bfc9d4',
+ backgroundColor: '#515365'
+ });
+
+ })
+
+ // Delete a mail
+ $(".action-delete").on("click", function() {
+ var inboxCheckboxParents = $(".inbox-chkbox:checked").parents('.mail-item');
+ var inboxMailItemClass = inboxCheckboxParents.attr('class');
+ var getFirstClass = inboxMailItemClass.split(' ')[1];
+ var getSecondClass = inboxMailItemClass.split(' ')[2];
+ var getThirdClass = inboxMailItemClass.split(' ')[3];
+ var getFourthClass = inboxMailItemClass.split(' ')[4];
+ var getFifthClass = inboxMailItemClass.split(' ')[5];
+
+ var notificationText = '';
+ var getCheckedItemlength = $(".inbox-chkbox:checked").length;
+
+ var notificationText = getCheckedItemlength < 2 ? getCheckedItemlength + ' Mail Deleted' : getCheckedItemlength + ' Mails Deleted';
+
+ if (getFirstClass === 'mailInbox' || getFirstClass === 'sentmail' || getFirstClass === 'draft' || getFirstClass === 'spam') {
+ inboxCheckboxParents.removeClass(getFirstClass);
+ }
+ if (getSecondClass === 'mailInbox' || getSecondClass === 'important') {
+ inboxCheckboxParents.removeClass(getSecondClass);
+ }
+ inboxCheckboxParents.addClass('trashed');
+ $(".inbox-chkbox:checked").prop('checked',false);
+ $("#inboxAll:checked").prop('checked',false);
+ $(".list-actions#trashed").trigger('click');
+
+ Snackbar.show({
+ text: notificationText,
+ width: 'auto',
+ pos: 'top-center',
+ actionTextColor: '#bfc9d4',
+ backgroundColor: '#515365'
+ });
+ });
+
+ // Revive Mail from Tash
+ $(".revive-mail").on("click", function() {
+ var inboxCheckboxParents = $(".inbox-chkbox:checked").parents('.mail-item');
+ var inboxMailItemClass = inboxCheckboxParents.attr('class');
+ var getFirstClass = inboxMailItemClass.split(' ')[1];
+
+ var notificationText = '';
+ var getCheckedItemlength = $(".inbox-chkbox:checked").length;
+ var notificationText = getCheckedItemlength < 2 ? getCheckedItemlength + ' Mail restored' : getCheckedItemlength + ' Mails restored';
+
+
+ inboxCheckboxParents.removeClass(getFirstClass);
+ inboxCheckboxParents.addClass('mailInbox');
+ $(".inbox-chkbox:checked").prop('checked',false);
+ $("#inboxAll:checked").prop('checked',false);
+ $(".list-actions#mailInbox").trigger('click');
+
+ Snackbar.show({
+ text: notificationText,
+ width: 'auto',
+ pos: 'top-center',
+ actionTextColor: '#bfc9d4',
+ backgroundColor: '#515365'
+ });
+ })
+
+ // Permanently Delete Mail
+ $(".permanent-delete").on("click", function() {
+ var inboxCheckboxParents = $(".inbox-chkbox:checked").parents('.mail-item');
+
+ var notificationText = '';
+ var getCheckedItemlength = $(".inbox-chkbox:checked").length;
+ var notificationText = getCheckedItemlength < 2 ? getCheckedItemlength + ' Mail Permanently Deleted' : getCheckedItemlength + ' Mails Permanently Deleted';
+
+ if (inboxCheckboxParents.hasClass('trashed')) {
+ inboxCheckboxParents.remove();
+ }
+ $("#inboxAll:checked").prop('checked',false);
+
+ Snackbar.show({
+ text: notificationText,
+ width: 'auto',
+ pos: 'top-center',
+ actionTextColor: '#bfc9d4',
+ backgroundColor: '#515365'
+ });
+ })
+
+ // Mark mail Priority/Groups as [ Personal, Work, Social, Private ]
+ $(".label-group-item").on("click", function() {
+ var getLabelColor = $(this).attr('class').split(' ')[1];
+ var splitLabelColor = getLabelColor.split('-')[1];
+
+
+ var notificationText = '';
+ var getCheckedItemlength = $(".inbox-chkbox:checked").length;
+
+ if ($(".inbox-chkbox:checked").parents('.mail-item-heading').hasClass(splitLabelColor)) {
+ var notificationText = getCheckedItemlength < 2 ? getCheckedItemlength + ' Mail removed from '+ splitLabelColor.toUpperCase() +' Group' : getCheckedItemlength + ' Mails removed from '+ splitLabelColor.toUpperCase() +' Group';
+ } else {
+ var notificationText = getCheckedItemlength < 2 ? getCheckedItemlength + ' Mail Grouped as ' + splitLabelColor.toUpperCase() : getCheckedItemlength + ' Mails Grouped as ' + splitLabelColor.toUpperCase();
+ }
+
+
+ $(".inbox-chkbox:checked").parents('.mail-item-heading').toggleClass(splitLabelColor);
+ $(".inbox-chkbox:checked").prop('checked',false);
+ $("#inboxAll:checked").prop('checked',false);
+
+ Snackbar.show({
+ text: notificationText,
+ width: 'auto',
+ pos: 'top-center',
+ actionTextColor: '#bfc9d4',
+ backgroundColor: '#515365'
+ });
+ });
+
+ /*
+ fn. $_sendMail ==> Trigger when clicked on Send Mail Button in Modal.
+ */
+ function $_sendMail(getDraftTragetID) {
+ $("#btn-send").off('click').on('click', function(event) {
+ event.preventDefault();
+ /* Act on the event */
+ draftTragetID = getDraftTragetID;
+
+ var $_mailFrom = document.getElementById('m-form').value;
+ var $_mailTo = document.getElementById('m-to').value;
+
+ var $_mailCC = document.getElementById('m-cc').value;
+ var $_mailAttachment = document.getElementById('mail_File_attachment');
+ var $_mailSubject = document.getElementById('m-subject').value;
+ var $_mailDescriptionText = quill.getText();
+ var $_mailDescriptionInnerHTML = quill.root.innerHTML;
+
+ var delta = quill.getContents();
+ var $_textDelta = JSON.stringify(delta);
+
+ var $outerAttachmentHTML = '';
+ var $innerAttachmentHTML = '';
+ var getSVG = '';
+ if ($_mailAttachment.files.length >= 1) {
+ for (var i = 0; i < $_mailAttachment.files.length; ++i) {
+ $outerAttachmentHTML += ''+ $_mailAttachment.files.item(i).name +'';
+
+ // Dectecting the format/type of the uploaded file for appling the icon/svg accordingly
+ if ($_mailAttachment.files.item(i).type.split('/')[0] === 'image') {
+ getSVG = '';
+ } else if ($_mailAttachment.files.item(i).type.split('/')[0] === 'application') {
+ if ($_mailAttachment.files.item(i).type.split('/')[1] === 'zip') {
+ getSVG = '';
+ } else if ($_mailAttachment.files.item(i).type.split('/')[1] === 'vnd.openxmlformats-officedocument.spreadsheetml.sheet' || $_mailAttachment.files.item(i).type.split('/')[1] === 'vnd.openxmlformats-officedocument.wordprocessingml.document' ) {
+ getSVG = '';
+ } else {
+ getSVG = '';
+ }
+ } else if ($_mailAttachment.files.item(i).type.split('/')[0] === 'video') {
+ getSVG = '';
+ } else {
+ getSVG = '';
+ }
+
+ $innerAttachmentHTML += '';
+ }
+ }
+
+ var outerConditionHTML = $_mailAttachment.files.length >= 1 ? '' + $outerAttachmentHTML + '
' : "";
+
+ var innerConditionHTML = $_mailAttachment.files.length >= 1 ? '' + $innerAttachmentHTML + '
' : "";
+
+ var attachmentIcon = $_mailAttachment.files.length >= 1 ? '' : "";
+
+ var randomAlphaNumeric = randomString(10, '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ');
+
+ $html = '' +
+ '
' +
+ '
' +
+ '
' +
+ '
' +
+
+ '
' +
+ '
' +
+ '' +
+ '
' +
+ '
' +
+ '
' +
+ '
' +
+ outerConditionHTML+
+ '
' +
+ '
' +
+ '
' +
+ '
';
+
+ $html2 = ''+
+ '
'+
+ '
'+
+
+ "
"+$_mailDescriptionInnerHTML+"
"+
+
+ '
Best Regards,
'+
+ '
Info
'+
+ innerConditionHTML +
+ '
'+
+ '
';
+
+ $("#ct").prepend($html);
+ $(".content-box > .msg-close").after($html2);
+ $('#composeMailModal').modal('hide');
+ $(".list-actions#sentmail").trigger('click');
+ swal({
+ title: 'Mail Sent Successfully',
+ type: 'success',
+ padding: '2em'
+ })
+ $_GET_mailItem_Reply();
+ $_GET_mailItem_Forward();
+ contentBoxPosition();
+ stopPropagations();
+ mailInboxScroll()
+ if (draftTragetID != "") {
+ $('[data-target="'+draftTragetID+'"]').parents('.mail-item').remove();
+ dynamicBadgeNotification('draftmail');
+ }
+ });
+ }
+
+ /*
+ Button Save ==> Trigger when clicked on Save Button in Modal.
+ */
+ $("#btn-save").on('click', function(event) {
+ event.preventDefault();
+ /* Act on the event */
+
+ var $_mailFrom = document.getElementById('m-form').value;
+ var $_mailTo = document.getElementById('m-to').value;
+ var $_mailCC = document.getElementById('m-cc').value;
+ var $_mailAttachment = document.getElementById('mail_File_attachment');
+ var $_mailSubject = document.getElementById('m-subject').value;
+ var $_mailDescription = quill.getText();
+
+ var delta = quill.getContents();
+ var $_textDelta = JSON.stringify(delta);
+
+ $outerAttachmentHTML = '';
+ if ($_mailAttachment.files.length >= 1) {
+ for (var i = 0; i < $_mailAttachment.files.length; ++i) {
+ $outerAttachmentHTML += ''+ $_mailAttachment.files.item(i).name +''
+ }
+ }
+
+ var outerConditionHTML = $_mailAttachment.files.length >= 1 ? '' + $outerAttachmentHTML + '
' : "";
+
+ var randomAlphaNumeric = randomString(10, '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ');
+
+ $html = '' +
+ '
' +
+ '
' +
+ '
' +
+ '
' +
+
+ '
' +
+ '
' +
+ '' +
+ '
' +
+ '
' +
+ '
' +
+ '
' +
+ outerConditionHTML+
+ '
' +
+ '
' +
+ '
' +
+ '
';
+
+ $("#ct").prepend($html);
+ $('#composeMailModal').modal('hide');
+ $(".list-actions#draft").trigger('click');
+ swal({
+ title: 'Successfully Saved to Draft',
+ type: 'success',
+ padding: '2em'
+ })
+ $_GET_mailItem_Draft();
+ contentBoxPosition();
+ stopPropagations();
+ dynamicBadgeNotification('draftmail');
+ });
+
+ /*
+ Button Send Reply ==> Trigger when clicked on SEND Button in REPLY Modal.
+ */
+ $("#btn-reply").on('click', function(event) {
+ event.preventDefault();
+ /* Act on the event */
+
+ var $_mailFrom = document.getElementById('m-form').value;
+ var $_mailTo = document.getElementById('m-to').value;
+ var $_mailCC = document.getElementById('m-cc').value;
+ var $_mailAttachment = document.getElementById('mail_File_attachment');
+ var $_mailSubject = document.getElementById('m-subject').value;
+ var $_mailDescriptionText = quill.getText();
+ var $_mailDescriptionInnerHTML = quill.root.innerHTML;
+
+ var delta = quill.getContents();
+ var $_textDelta = JSON.stringify(delta);
+
+ var $outerAttachmentHTML = '';
+ var $innerAttachmentHTML = '';
+ var getSVG = '';
+ if ($_mailAttachment.files.length >= 1) {
+ for (var i = 0; i < $_mailAttachment.files.length; ++i) {
+ $outerAttachmentHTML += ''+ $_mailAttachment.files.item(i).name +''
+
+ // Dectecting the format/type of the uploaded file for appling the icon/svg accordingly
+ if ($_mailAttachment.files.item(i).type.split('/')[0] === 'image') {
+ getSVG = '';
+ } else if ($_mailAttachment.files.item(i).type.split('/')[0] === 'application') {
+ if ($_mailAttachment.files.item(i).type.split('/')[1] === 'zip') {
+ getSVG = '';
+ } else if ($_mailAttachment.files.item(i).type.split('/')[1] === 'vnd.openxmlformats-officedocument.spreadsheetml.sheet' || $_mailAttachment.files.item(i).type.split('/')[1] === 'vnd.openxmlformats-officedocument.wordprocessingml.document' ) {
+ getSVG = '';
+ } else {
+ getSVG = '';
+ }
+ } else if ($_mailAttachment.files.item(i).type.split('/')[0] === 'video') {
+ getSVG = '';
+ } else {
+ getSVG = '';
+ }
+
+ $innerAttachmentHTML += '';
+ }
+ }
+
+ var outerConditionHTML = $_mailAttachment.files.length >= 1 ? '' + $outerAttachmentHTML + '
' : "";
+
+ var innerConditionHTML = $_mailAttachment.files.length >= 1 ? '' + $innerAttachmentHTML + '
' : "";
+
+ var randomAlphaNumeric = randomString(10, '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ');
+
+ $html = '' +
+ '
' +
+ '
' +
+ '
' +
+ '
' +
+
+ '
' +
+ '
' +
+ '' +
+ '
' +
+ '
' +
+ '
' +
+ '
' +
+ outerConditionHTML+
+ '
' +
+ '
' +
+ '
' +
+ '
';
+
+ $html2 = ''+
+ '
'+
+
+ '
'+
+
+ "
"+$_mailDescriptionInnerHTML+"
"+
+
+ '
Best Regards,
'+
+ '
Info
'+
+ innerConditionHTML +
+ '
'+
+ '
';
+
+ $("#ct").prepend($html);
+ $(".content-box > .msg-close").after($html2);
+ $('#composeMailModal').modal('hide');
+ $(".list-actions#sentmail").trigger('click');
+ swal({
+ title: 'Mail Sent Successfully',
+ type: 'success',
+ padding: '2em'
+ })
+ $_GET_mailItem_Reply();
+ $_GET_mailItem_Forward();
+ contentBoxPosition();
+ stopPropagations();
+ mailInboxScroll();
+ });
+
+ /*
+ Btn Reply Save ==> Trigger when clicked on SAVE Button in REPLY Modal.
+ */
+ $("#btn-reply-save").on('click', function(event) {
+ event.preventDefault();
+ /* Act on the event */
+
+ var $_mailFrom = document.getElementById('m-form').value;
+ var $_mailTo = document.getElementById('m-to').value;
+ var $_mailCC = document.getElementById('m-cc').value;
+ var $_mailAttachment = document.getElementById('mail_File_attachment');
+ var $_mailSubject = document.getElementById('m-subject').value;
+ var $_mailDescription = quill.getText();
+
+ var delta = quill.getContents();
+ var $_textDelta = JSON.stringify(delta);
+
+ $outerAttachmentHTML = '';
+ if ($_mailAttachment.files.length >= 1) {
+ for (var i = 0; i < $_mailAttachment.files.length; ++i) {
+ $outerAttachmentHTML += ''+ $_mailAttachment.files.item(i).name +''
+ }
+ }
+
+ var outerConditionHTML = $_mailAttachment.files.length >= 1 ? '' + $outerAttachmentHTML + '
' : "";
+
+ var randomAlphaNumeric = randomString(10, '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ');
+
+ $html = '' +
+ '
' +
+ '
' +
+ '
' +
+ '
' +
+
+ '
' +
+ '
' +
+ '' +
+ '
' +
+ '
' +
+ '
' +
+ '
' +
+ outerConditionHTML+
+ '
' +
+ '
' +
+ '
' +
+ '
';
+
+ $("#ct").prepend($html);
+ $('#composeMailModal').modal('hide');
+ $(".list-actions#draft").trigger('click');
+ swal({
+ title: 'Successfully Saved to Draft',
+ type: 'success',
+ padding: '2em'
+ })
+ $_GET_mailItem_Draft();
+ contentBoxPosition();
+ stopPropagations();
+ dynamicBadgeNotification('draftmail');
+ });
+
+ /*
+ Button Send FWD ==> Trigger when clicked on SEND Button in FWD Modal.
+ */
+ $("#btn-fwd").on('click', function(event) {
+ event.preventDefault();
+ /* Act on the event */
+ var $_mailFrom = document.getElementById('m-form').value;
+ var $_mailTo = document.getElementById('m-to').value;
+ var $_mailCC = document.getElementById('m-cc').value;
+ var $_mailAttachment = document.getElementById('mail_File_attachment');
+ var $_mailSubject = document.getElementById('m-subject').value;
+ var $_mailDescriptionText = quill.getText();
+ var $_mailDescriptionInnerHTML = quill.root.innerHTML;
+ var delta = quill.getContents();
+ var $_textDelta = JSON.stringify(delta);
+
+ var $outerAttachmentHTML = '';
+ var $innerAttachmentHTML = '';
+ var getSVG = '';
+ if ($_mailAttachment.files.length >= 1) {
+ for (var i = 0; i < $_mailAttachment.files.length; ++i) {
+ $outerAttachmentHTML += ''+ $_mailAttachment.files.item(i).name +''
+
+ // Dectecting the format/type of the uploaded file for appling the icon/svg accordingly
+ if ($_mailAttachment.files.item(i).type.split('/')[0] === 'image') {
+ getSVG = '';
+ } else if ($_mailAttachment.files.item(i).type.split('/')[0] === 'application') {
+ if ($_mailAttachment.files.item(i).type.split('/')[1] === 'zip') {
+ getSVG = '';
+ } else if ($_mailAttachment.files.item(i).type.split('/')[1] === 'vnd.openxmlformats-officedocument.spreadsheetml.sheet' || $_mailAttachment.files.item(i).type.split('/')[1] === 'vnd.openxmlformats-officedocument.wordprocessingml.document' ) {
+ getSVG = '';
+ } else {
+ getSVG = '';
+ }
+ } else if ($_mailAttachment.files.item(i).type.split('/')[0] === 'video') {
+ getSVG = '';
+ } else {
+ getSVG = '';
+ }
+
+ $innerAttachmentHTML += '';
+ }
+ }
+
+ var outerConditionHTML = $_mailAttachment.files.length >= 1 ? '' + $outerAttachmentHTML + '
' : "";
+
+ var innerConditionHTML = $_mailAttachment.files.length >= 1 ? '' + $innerAttachmentHTML + '
' : "";
+
+ var randomAlphaNumeric = randomString(10, '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ');
+
+ $html = '' +
+ '
' +
+ '
' +
+ '
' +
+ '
' +
+
+ '
' +
+ '
' +
+ '' +
+ '
' +
+ '
' +
+ '
' +
+ '
' +
+ outerConditionHTML+
+ '
' +
+ '
' +
+ '
' +
+ '
';
+
+ $html2 = ''+
+ '
'+
+
+ '
'+
+
+ "
"+$_mailDescriptionInnerHTML+"
"+
+
+ '
Best Regards,
'+
+ '
Info
'+
+ innerConditionHTML+
+ '
'+
+ '
';
+
+ $("#ct").prepend($html);
+ $(".content-box > .msg-close").after($html2);
+ $('#composeMailModal').modal('hide');
+ $(".list-actions#sentmail").trigger('click');
+ swal({
+ title: 'Mail Sent Successfully',
+ type: 'success',
+ padding: '2em'
+ })
+ $_GET_mailItem_Reply();
+ $_GET_mailItem_Forward();
+ contentBoxPosition();
+ stopPropagations();
+ mailInboxScroll();
+ });
+
+ /*
+ Btn Fwd Save ==> Trigger when clicked on SAVE Button in FWD Modal.
+ */
+ $("#btn-fwd-save").on('click', function(event) {
+ event.preventDefault();
+ /* Act on the event */
+ var $_mailFrom = document.getElementById('m-form').value;
+ var $_mailTo = document.getElementById('m-to').value;
+ var $_mailCC = document.getElementById('m-cc').value;
+ var $_mailAttachment = document.getElementById('mail_File_attachment');
+ var $_mailSubject = document.getElementById('m-subject').value;
+ var $_mailDescription = quill.getText();
+ var delta = quill.getContents();
+ var $_textDelta = JSON.stringify(delta);
+
+ $outerAttachmentHTML = '';
+ if ($_mailAttachment.files.length >= 1) {
+ for (var i = 0; i < $_mailAttachment.files.length; ++i) {
+ $outerAttachmentHTML += ''+ $_mailAttachment.files.item(i).name +''
+ }
+ }
+
+ var outerConditionHTML = $_mailAttachment.files.length >= 1 ? '' + $outerAttachmentHTML + '
' : "";
+
+ var randomAlphaNumeric = randomString(10, '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ');
+
+ $html = '' +
+ '
' +
+ '
' +
+ '
' +
+ '
' +
+
+ '
' +
+ '
' +
+ '' +
+ '
' +
+ '
' +
+ '
' +
+ '
' +
+ outerConditionHTML+
+ '
' +
+ '
' +
+ '
' +
+ '
';
+
+ $("#ct").prepend($html);
+ $('#composeMailModal').modal('hide');
+ $(".list-actions#draft").trigger('click');
+ swal({
+ title: 'Successfully Saved to Draft',
+ type: 'success',
+ padding: '2em'
+ })
+ $_GET_mailItem_Draft();
+ contentBoxPosition();
+ stopPropagations();
+ dynamicBadgeNotification('draftmail');
+ });
+
+
+ /*
+ fn. $_GET_mailItem_Draft ==> Trigger when clicked on Draft Button in Modal.
+ */
+ function $_GET_mailItem_Draft() {
+ $(".mail-item.draft").off('click').on('click', function(event) {
+
+ $('#btn-send').show();
+ $('#btn-reply').hide();
+ $('#btn-fwd').hide();
+ // Save And Reply Save
+ $('#btn-save').show();
+ $('#btn-reply-save').hide();
+ $('#btn-fwd-save').hide();
+
+ var $_mailFrom = $(this).find('.f-body').attr('data-mailFrom');
+ var $_mailTo = $(this).find('.f-body').attr('data-mailTo');
+ var $_mailCC = $(this).find('.f-body').attr('data-mailCC');
+ var $_mailSubject = $(this).find('.mail-title').attr('data-mailtitle');
+ var $_mailDataTarget = $(this).find('.mail-item-heading').attr('data-target');
+ $_sendMail($_mailDataTarget);
+ var $_mailDescription = JSON.parse($(this).find('.mail-content-excerpt').attr('data-maildescription'));
+
+ $('#m-form').val($_mailFrom);
+ $('#m-to').val($_mailTo);
+ $('#m-cc').val($_mailCC);
+ $('#m-subject').val($_mailSubject);
+ quill.setContents($_mailDescription);
+ $('#composeMailModal').modal('show');
+ })
+ }
+
+ /*
+ fn. $_GET_mailItem_Reply ==> Trigger when clicked on Reply Button inside Mail Content.
+ */
+ function $_GET_mailItem_Reply() {
+ $(".reply").on('click', function(event) {
+
+ // Send And Reply
+ $('#btn-reply').show();
+ $('#btn-send').hide();
+ $('#btn-fwd').hide();
+
+ // Save And Reply Save
+ $('#btn-reply-save').show();
+ $('#btn-fwd-save').hide();
+ $('#btn-save').hide();
+
+ var $_mailFrom = $(this).parents('.mail-content-container').attr('data-mailFrom');
+ var $_mailTo = $(this).parents('.mail-content-container').attr('data-mailTo');
+ var $_mailCC = $(this).parents('.mail-content-container').attr('data-mailCC');
+ var $_mailSubject = $(this).parents('.mail-content-container').find('.mail-content').attr('data-mailtitle');
+ var $_mailDescription = JSON.parse($(this).parents('.mail-content-container').find('.mail-content').attr('data-maildescription'));
+
+ $('#m-form').val($_mailFrom);
+ $('#m-to').val($_mailTo);
+ $('#m-cc').val($_mailCC);
+ $('#m-subject').val('Re: ' + $_mailSubject);
+ quill.setContents($_mailDescription);
+ $('#composeMailModal').modal('show');
+ })
+ }
+
+ /*
+ fn. $_GET_mailItem_Forward ==> Trigger when clicked on Forward Button inside Mail Content.
+ */
+ function $_GET_mailItem_Forward() {
+ $(".forward").on('click', function(event) {
+
+ $('#btn-fwd').show();
+ $('#btn-reply').hide();
+ $('#btn-send').hide();
+
+ $('#btn-fwd-save').show();
+ $('#btn-reply-save').hide();
+ $('#btn-save').hide();
+
+ var $_mailFrom = $(this).parents('.mail-content-container').attr('data-mailFrom');
+ var $_mailTo = $(this).parents('.mail-content-container').attr('data-mailTo');
+ var $_mailCC = $(this).parents('.mail-content-container').attr('data-mailCC');
+ var $_mailSubject = $(this).parents('.mail-content-container').find('.mail-content').attr('data-mailtitle');
+ var $_mailDescription = JSON.parse($(this).parents('.mail-content-container').find('.mail-content').attr('data-maildescription'));
+
+ $('#m-form').val($_mailFrom);
+ $('#m-to').val($_mailTo);
+ $('#m-cc').val($_mailCC);
+ $('#m-subject').val('Fwd: ' + $_mailSubject);
+ quill.setContents($_mailDescription);
+ $('#composeMailModal').modal('show');
+ })
+ }
+
+ $_sendMail();
+ $_GET_mailItem_Draft();
+ $_GET_mailItem_Reply();
+ $_GET_mailItem_Forward();
+ contentBoxPosition();
+ stopPropagations();
+
+ $('.tab-title .nav-pills a.nav-link').on('click', function(event) {
+ $(this).parents('.mail-box-container').find('.tab-title').removeClass('mail-menu-show')
+ $(this).parents('.mail-box-container').find('.mail-overlay').removeClass('mail-overlay-show')
+ })
+
+});
\ No newline at end of file
diff --git a/static/js/apps/invoice.js b/static/js/apps/invoice.js
new file mode 100644
index 00000000..8d167477
--- /dev/null
+++ b/static/js/apps/invoice.js
@@ -0,0 +1,63 @@
+$('.search > input').on('keyup', function() {
+ var rex = new RegExp($(this).val(), 'i');
+ $('.nav .nav-item').hide();
+ $('.nav .nav-item').filter(function() {
+ return rex.test($(this).text());
+ }).show();
+});
+
+$('[data-toggle="tooltip"]').tooltip({
+ 'template': '',
+})
+
+var $btns = $('.list-actions').click(function() {
+
+ var getDataInvoiceAttr = $(this).attr('data-invoice-id');
+ var getParentDiv = $(this).parents('.doc-container');
+ var getParentInvListContainer = $(this).parents('.inv-list-container');
+
+ var $el = $('.' + this.id).show();
+ $('#ct > div').not($el).hide();
+ var setInvoiceNumber = getParentDiv.find('.invoice-inbox .inv-number').text('#'+ getDataInvoiceAttr);
+ var showInvHeaderSection = getParentDiv.find('.invoice-inbox .invoice-header-section').css('display', 'flex');
+ var showInvContentSection = getParentDiv.find('.invoice-inbox #ct').css('display', 'block');
+ var showInvContentSection = getParentDiv.find('.invoice-inbox').css('height', 'calc(100vh - 197px)');
+ var hideInvEmptyContent = getParentDiv.find('.invoice-inbox .inv-not-selected').css('display', 'none');
+ var hideInvEmptyContent = getParentDiv.find('.invoice-container .inv--thankYou').css('display', 'block');
+ if ($(this).parents('.tab-title').hasClass('open-inv-sidebar')) {
+ $(this).parents('.tab-title').removeClass('open-inv-sidebar');
+ }
+ $btns.removeClass('active');
+ $(this).addClass('active');
+
+ var myDiv = document.getElementsByClassName('invoice-inbox')[0];
+ myDiv.scrollTop = 0;
+})
+
+$('.action-print').on('click', function(event) {
+ event.preventDefault();
+ /* Act on the event */
+ window.print();
+});
+
+const ps = new PerfectScrollbar('.inv-list-container', {
+ suppressScrollX : true
+});
+
+
+const inv_container = new PerfectScrollbar('.invoice-inbox', {
+ suppressScrollX : true
+});
+
+if (window.innerWidth >= 768) {
+ const inv_container = new PerfectScrollbar('.invoice-inbox', {
+ suppressScrollX : true
+ });
+} else if (window.innerWidth < 768) {
+ inv_container.destroy();
+}
+
+
+$('.hamburger, .inv-not-selected p').on('click', function(event) {
+ $('.doc-container').find('.tab-title').toggleClass('open-inv-sidebar')
+})
\ No newline at end of file
diff --git a/static/js/apps/mailbox-chat.js b/static/js/apps/mailbox-chat.js
new file mode 100644
index 00000000..c4cf3019
--- /dev/null
+++ b/static/js/apps/mailbox-chat.js
@@ -0,0 +1,156 @@
+$('.search > input').on('keyup', function() {
+ var rex = new RegExp($(this).val(), 'i');
+ $('.people .person').hide();
+ $('.people .person').filter(function() {
+ return rex.test($(this).text());
+ }).show();
+});
+
+$('.user-list-box .person').on('click', function(event) {
+ if ($(this).hasClass('.active')) {
+ return false;
+ } else {
+ var findChat = $(this).attr('data-chat');
+ var personName = $(this).find('.user-name').text();
+ var personImage = $(this).find('img').attr('src');
+ var hideTheNonSelectedContent = $(this).parents('.chat-system').find('.chat-box .chat-not-selected').hide();
+ var showChatInnerContent = $(this).parents('.chat-system').find('.chat-box .chat-box-inner').show();
+
+ if (window.innerWidth <= 767) {
+ $('.chat-box .current-chat-user-name .name').html(personName.split(' ')[0]);
+ } else if (window.innerWidth > 767) {
+ $('.chat-box .current-chat-user-name .name').html(personName);
+ }
+ $('.chat-box .current-chat-user-name img').attr('src', personImage);
+ $('.chat').removeClass('active-chat');
+ $('.user-list-box .person').removeClass('active');
+ $('.chat-box .chat-box-inner').css('height', '100%');
+ $(this).addClass('active');
+ $('.chat[data-chat = '+findChat+']').addClass('active-chat');
+ }
+ if ($(this).parents('.user-list-box').hasClass('user-list-box-show')) {
+ $(this).parents('.user-list-box').removeClass('user-list-box-show');
+ }
+ $('.chat-meta-user').addClass('chat-active');
+ $('.chat-box').css('height', 'calc(100vh - 233px)');
+ $('.chat-footer').addClass('chat-active');
+
+ const ps = new PerfectScrollbar('.chat-conversation-box', {
+ suppressScrollX : true
+ });
+
+ const getScrollContainer = document.querySelector('.chat-conversation-box');
+ getScrollContainer.scrollTop = 0;
+});
+
+const ps = new PerfectScrollbar('.people', {
+ suppressScrollX : true
+});
+
+function callOnConnect() {
+ var getCallStatusText = $('.overlay-phone-call .call-status');
+ var getCallTimer = $('.overlay-phone-call .timer');
+ var setCallStatusText = getCallStatusText.text('Connected');
+ var setCallTimerDiv = getCallTimer.css('visibility', 'visible');
+}
+
+$('.phone-call-screen').off('click').on('click', function(event) {
+ var getCallingUserName = $(this).parents('.chat-system').find('.person.active .user-name').attr('data-name');
+ var getCallingUserImg = $(this).parents('.chat-system').find('.person.active .f-head img').attr('src');
+ var setCallingUserName = $(this).parents('.chat-box').find('.overlay-phone-call .user-name').text(getCallingUserName);
+ var setCallingUserName = $(this).parents('.chat-box').find('.overlay-phone-call .calling-user-img img').attr('src', getCallingUserImg);
+ var applyOverlay = $(this).parents('.chat-box').find('.overlay-phone-call').addClass('phone-call-show');
+ setTimeout(callOnConnect, 2000);
+})
+
+$('.switch-to-video-call').off('click').on('click', function(event) {
+ var getCallerId = $(this).parents('.overlay-phone-call').find('.user-name').text();
+ var getCallerImg = $(this).parents('.overlay-phone-call').find('.calling-user-img img').attr('src');
+ $(this).parents('.overlay-phone-call').removeClass('phone-call-show');
+ $('.overlay-video-call').addClass('video-call-show');
+ $('.overlay-video-call').find('.user-name').text(getCallerId);
+ $('.overlay-video-call').find('.calling-user-img img').attr('src', getCallerImg);
+ var removeOverlay = $(this).parents('.overlay-phone-call').removeClass('phone-call-show');
+ var getCallStatusText = $(this).parents('.overlay-phone-call').find('.call-status').text('Calling...');
+ var getCallStatusTimer = $(this).parents('.overlay-phone-call').find('.timer').removeAttr('style');
+ setTimeout(videoCallOnConnect, 2000);
+})
+$('.switch-to-microphone').off('click').on('click', function(event) {
+ var toggleClass = $(this).toggleClass('micro-off');
+})
+$('.cancel-call').on('click', function(event) {
+
+ if ($(this).parents('.overlay-phone-call').hasClass('phone-call-show')) {
+ var removeOverlay = $(this).parents('.overlay-phone-call').removeClass('phone-call-show');
+ var getCallStatusText = $(this).parents('.overlay-phone-call').find('.call-status').text('Calling...');
+ var getCallStatusTimer = $(this).parents('.overlay-phone-call').find('.timer').removeAttr('style');
+ } else if ($(this).parents('.overlay-video-call').hasClass('video-call-show')) {
+ var removeOverlay = $(this).parents('.overlay-video-call').removeClass('video-call-show');
+ var setCallStatusText = $(this).parents('.overlay-video-call').find('.call-status').text('Calling...');
+ var removeVideoConnectClass = $(this).parents('.overlay-video-call').removeClass('onConnect');
+ var displayCallerImage = $(this).parents('.overlay-video-call').find('.calling-user-img').css('display', 'block');
+ var hideVideoCallTimerDiv = $(this).parents('.overlay-video-call').find('.timer').removeAttr('style');
+ }
+})
+$('.go-back-chat').on('click', function(event) {
+
+ if ($(this).parents('.overlay-phone-call').hasClass('phone-call-show')) {
+ var removeOverlay = $(this).parents('.chat-box').find('.overlay-phone-call').removeClass('phone-call-show');
+ } else if ($(this).parents('.overlay-video-call').hasClass('video-call-show')) {
+ var removeOverlay = $(this).parents('.chat-box').find('.overlay-video-call').removeClass('video-call-show')
+ }
+
+})
+
+function videoCallOnConnect() {
+ var getVideoCallingDiv = $('.overlay-video-call');
+ var setVideoCallingImage = getVideoCallingDiv.addClass('onConnect');
+ var getCallStatusText = $('.overlay-video-call .call-status');
+ var getCallStatusImage = $('.overlay-video-call .calling-user-img');
+ var getCallTimer = $('.overlay-video-call .timer');
+ var setCallStatusText = getCallStatusText.text('Connected');
+ var setVideoCallingImage = getCallStatusImage.css('display', 'none');
+ var setVideoCallTimerDiv = getCallTimer.css('visibility', 'visible');
+}
+
+$('.video-call-screen').off('click').on('click', function(event) {
+ var getCallingUserName = $(this).parents('.chat-system').find('.person.active .user-name').attr('data-name');
+ var getCallingUserImg = $(this).parents('.chat-system').find('.person.active .f-head img').attr('src');
+ var setCallingUserName = $(this).parents('.chat-box').find('.overlay-video-call .user-name').text(getCallingUserName);
+ var setCallingUserName = $(this).parents('.chat-box').find('.overlay-video-call .calling-user-img img').attr('src', getCallingUserImg);
+ var applyOverlay = $(this).parents('.chat-box').find('.overlay-video-call').addClass('video-call-show');
+ setTimeout(videoCallOnConnect, 2000);
+})
+$('.switch-to-phone-call').off('click').on('click', function(event) {
+ var getCallerId = $(this).parents('.overlay-video-call').find('.user-name').text();
+ var getCallerImg = $(this).parents('.overlay-video-call').find('.calling-user-img img').attr('src');
+
+ $(this).parents('.overlay-video-call').removeClass('video-call-show');
+ $('.overlay-phone-call').addClass('phone-call-show');
+ $('.overlay-phone-call').find('.user-name').text(getCallerId);
+ $('.overlay-phone-call').find('.calling-user-img img').attr('src', getCallerImg);
+
+ var removeOverlay = $(this).parents('.overlay-video-call').removeClass('video-call-show');
+ var setCallStatusText = $(this).parents('.overlay-video-call').find('.call-status').text('Calling...');
+ var removeVideoConnectClass = $(this).parents('.overlay-video-call').removeClass('onConnect');
+ var displayCallerImage = $(this).parents('.overlay-video-call').find('.calling-user-img').css('display', 'block');
+ var hideVideoCallTimerDiv = $(this).parents('.overlay-video-call').find('.timer').removeAttr('style');
+ setTimeout(callOnConnect, 2000);
+})
+
+$('.mail-write-box').on('keydown', function(event) {
+ if(event.key === 'Enter') {
+ var chatInput = $(this);
+ var chatMessageValue = chatInput.val();
+ if (chatMessageValue === '') { return; }
+ $messageHtml = '' + chatMessageValue + '
';
+ var appendMessage = $(this).parents('.chat-system').find('.active-chat').append($messageHtml);
+ const getScrollContainer = document.querySelector('.chat-conversation-box');
+ getScrollContainer.scrollTop = getScrollContainer.scrollHeight;
+ var clearChatInput = chatInput.val('');
+ }
+})
+
+$('.hamburger, .chat-system .chat-box .chat-not-selected p').on('click', function(event) {
+ $(this).parents('.chat-system').find('.user-list-box').toggleClass('user-list-box-show')
+})
\ No newline at end of file
diff --git a/static/js/apps/notes.js b/static/js/apps/notes.js
new file mode 100644
index 00000000..6b57aa10
--- /dev/null
+++ b/static/js/apps/notes.js
@@ -0,0 +1,180 @@
+$(document).ready(function() {
+ function deleteNote() {
+ $(".delete-note").off('click').on('click', function(event) {
+ event.stopPropagation();
+ $(this).parents('.note-item').remove();
+ })
+ }
+
+ function favNote() {
+ $(".fav-note").off('click').on('click', function(event) {
+ event.stopPropagation();
+ $(this).parents('.note-item').toggleClass('note-fav');
+ })
+ }
+
+ function addLabelGroups() {
+ $('.tags-selector .label-group-item').off('click').on('click', function(event) {
+ event.preventDefault();
+ /* Act on the event */
+ var getclass = this.className;
+ var getSplitclass = getclass.split(' ')[0];
+ if ($(this).hasClass('label-personal')) {
+ $(this).parents('.note-item').removeClass('note-social');
+ $(this).parents('.note-item').removeClass('note-work');
+ $(this).parents('.note-item').removeClass('note-important');
+ $(this).parents('.note-item').toggleClass(getSplitclass);
+ } else if ($(this).hasClass('label-work')) {
+ $(this).parents('.note-item').removeClass('note-personal');
+ $(this).parents('.note-item').removeClass('note-social');
+ $(this).parents('.note-item').removeClass('note-important');
+ $(this).parents('.note-item').toggleClass(getSplitclass);
+ } else if ($(this).hasClass('label-social')) {
+ $(this).parents('.note-item').removeClass('note-personal');
+ $(this).parents('.note-item').removeClass('note-work');
+ $(this).parents('.note-item').removeClass('note-important');
+ $(this).parents('.note-item').toggleClass(getSplitclass);
+ } else if ($(this).hasClass('label-important')) {
+ $(this).parents('.note-item').removeClass('note-personal');
+ $(this).parents('.note-item').removeClass('note-social');
+ $(this).parents('.note-item').removeClass('note-work');
+ $(this).parents('.note-item').toggleClass(getSplitclass);
+ }
+ });
+ }
+
+ $('.hamburger').on('click', function(event) {
+ $('.app-note-container').find('.tab-title').toggleClass('note-menu-show')
+ $('.app-note-container').find('.app-note-overlay').toggleClass('app-note-overlay-show')
+ })
+ $('.app-note-overlay').on('click', function(e){
+ $(this).parents('.app-note-container').children('.tab-title').removeClass('note-menu-show')
+ $(this).removeClass('app-note-overlay-show')
+ })
+ $('.tab-title .nav-pills a.nav-link').on('click', function(event) {
+ $(this).parents('.app-note-container').find('.tab-title').removeClass('note-menu-show')
+ $(this).parents('.app-note-container').find('.app-note-overlay').removeClass('app-note-overlay-show')
+ })
+
+ var $btns = $('.list-actions').click(function() {
+ if (this.id == 'all-notes') {
+ var $el = $('.' + this.id).fadeIn();
+ $('#ct > div').not($el).hide();
+ } if (this.id == 'important') {
+ var $el = $('.' + this.id).fadeIn();
+ $('#ct > div').not($el).hide();
+ } else {
+ var $el = $('.' + this.id).fadeIn();
+ $('#ct > div').not($el).hide();
+ }
+ $btns.removeClass('active');
+ $(this).addClass('active');
+ })
+
+ $('#btn-add-notes').on('click', function(event) {
+ $('#notesMailModal').modal('show');
+ $('#btn-n-save').hide();
+ $('#btn-n-add').show();
+ })
+
+ // Button add
+ $("#btn-n-add").on('click', function(event) {
+ event.preventDefault();
+ /* Act on the event */
+ var today = new Date();
+ var dd = String(today.getDate()).padStart(2, '0');
+ var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
+ var yyyy = today.getFullYear();
+ var today = mm + '/' + dd + '/' + yyyy;
+
+ var $_noteTitle = document.getElementById('n-title').value;
+ var $_noteDescription = document.getElementById('n-description').value;
+
+ $html = '' +
+ '
' +
+ '
' +
+ '
'+$_noteTitle+'
' +
+ '
'+today+'
' +
+ '
' +
+ '
'+$_noteDescription+'
' +
+ '
' +
+ '
' +
+ '
' +
+ '' +
+ '
' +
+ '
';
+
+ $("#ct").prepend($html);
+ $('#notesMailModal').modal('hide');
+
+ deleteNote();
+ favNote();
+ addLabelGroups();
+ });
+
+ $('#notesMailModal').on('hidden.bs.modal', function (event) {
+ event.preventDefault();
+ document.getElementById('n-title').value = '';
+ document.getElementById('n-description').value = '';
+ })
+
+ deleteNote();
+ favNote();
+ addLabelGroups();
+})
+
+// Validation Process
+
+var $_getValidationField = document.getElementsByClassName('validation-text');
+
+getNoteTitleInput = document.getElementById('n-title');
+
+getNoteTitleInput.addEventListener('input', function() {
+
+ getNoteTitleInputValue = this.value;
+
+ if (getNoteTitleInputValue == "") {
+ $_getValidationField[0].innerHTML = 'Title Required';
+ $_getValidationField[0].style.display = 'block';
+ } else {
+ $_getValidationField[0].style.display = 'none';
+ }
+})
+
+getNoteDescriptionInput = document.getElementById('n-description');
+
+getNoteDescriptionInput.addEventListener('input', function() {
+
+ getNoteDescriptionInputValue = this.value;
+
+ if (getNoteDescriptionInputValue == "") {
+ $_getValidationField[1].innerHTML = 'Description Required';
+ $_getValidationField[1].style.display = 'block';
+ } else {
+ $_getValidationField[1].style.display = 'none';
+ }
+
+})
\ No newline at end of file
diff --git a/static/js/apps/scrumboard.js b/static/js/apps/scrumboard.js
new file mode 100644
index 00000000..8c96c9a6
--- /dev/null
+++ b/static/js/apps/scrumboard.js
@@ -0,0 +1,461 @@
+$(function() {
+
+ /*
+ =========================================
+ | |
+ | Variables Definations |
+ | |
+ =========================================
+ */
+
+ var Container = {
+ scrumboard: $('.scrumboard'),
+ card: $('.scrumboard .card')
+ }
+
+ // Containers
+ var scrumboard = Container.scrumboard;
+ var card = Container.card;
+
+
+ // Make Task Sortable
+
+ function $_taskSortable() {
+ $('[data-sortable="true"]').sortable({
+ connectWith: '.connect-sorting-content',
+ items: ".card",
+ cursor: 'move',
+ placeholder: "ui-state-highlight",
+ refreshPosition: true,
+ stop: function( event, ui ) {
+ var parent_ui = ui.item.parent().attr('data-section');
+
+ },
+ update: function( event, ui ) {
+ console.log(ui);
+ console.log(ui.item);
+ }
+ });
+ }
+
+ // Click on Add Task button to open the modal and more..
+
+ function addTask() {
+ $('.addTask').on('click', function(event) {
+ event.preventDefault();
+ getParentElement = $(this).parents('[data-connect="sorting"]').attr('data-section');
+ $('.edit-task-title').hide();
+ $('.add-task-title').show();
+ $('[data-btnfn="addTask"]').show();
+ $('[data-btnfn="editTask"]').hide();
+ $('.addTaskAccordion .collapse').collapse('hide');
+ $('#addTaskModal').modal('show');
+ $_taskAdd(getParentElement);
+ });
+ }
+
+ // Get the range count value
+
+ $('#progress-range-counter').on('input', function(event) {
+ event.preventDefault();
+ /* Act on the event */
+ getRangeValue = $(this).val();
+ $('.range-count-number').html(getRangeValue);
+ $('.range-count-number').attr('data-rangeCountNumber', getRangeValue);
+ });
+
+ // Reset the input Values
+
+ $('#addTaskModal, #addListModal').on('hidden.bs.modal', function (e) {
+ $('input,textarea').val('');
+ $('input[type="range"]').val(0);
+ $('.range-count-number').attr('data-rangecountnumber', 0);
+ $('.range-count-number').html(0);
+ })
+
+ // change the modal Button class on accordion open
+
+ $('.addTaskAccordion .collapse').on('shown.bs.collapse', function () {
+
+ getClassOfAccordion = $(this).parents('.card').attr('class').split(' ')[1];
+ getClassOfAddTaskBtn = $(this).parents('.modal-content').find('[data-btnfn="addTask"]').attr('class').split(' ')[1];
+ removeClassOfAddTaskBtn = $(this).parents('.modal-content').find('[data-btnfn="addTask"]').removeClass(getClassOfAddTaskBtn);
+ var addClassInAddTaskBtn;
+
+ if (getClassOfAccordion === 'task-simple') {
+ addClassInAddTaskBtn = $(this).parents('.modal-content').find('[data-btnfn="addTask"]').addClass('task-simple');
+ }
+ if (getClassOfAccordion === 'task-text-progress') {
+ addClassInAddTaskBtn = $(this).parents('.modal-content').find('[data-btnfn="addTask"]').addClass('task-text-progress');
+ } else if (getClassOfAccordion === 'task-checkbox') {
+ addClassInAddTaskBtn = $(this).parents('.modal-content').find('[data-btnfn="addTask"]').addClass('task-checkbox');
+ } else if (getClassOfAccordion === 'task-image') {
+ addClassInAddTaskBtn = $(this).parents('.modal-content').find('[data-btnfn="addTask"]').addClass('task-image');
+ }
+ })
+
+ function $_taskAdd( getParent ) {
+
+ $('[data-btnfn="addTask"]').off('click').on('click', function(event) {
+
+ getAddBtnClass = $(this).attr('class').split(' ')[1];
+
+ var today = new Date();
+ var dd = String(today.getDate()).padStart(2, '0');
+ var mm = String(today.getMonth()); //January is 0!
+ var yyyy = today.getFullYear();
+
+ var monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ];
+
+ today = dd + ' ' + monthNames[mm] + ', ' + yyyy;
+
+ var $_getParent = getParent;
+
+ if (getAddBtnClass === 'task-simple') {
+ var $_task = document.getElementById('s-simple-task').value;
+
+ $html = ''+
+ '
'+
+
+ ''+
+
+ '
'+
+ '
';
+
+ $("[data-section='"+$_getParent+"'] .connect-sorting-content").append($html);
+
+ } else if (getAddBtnClass === 'task-text-progress') {
+ var $_task = document.getElementById('s-task').value;
+ var $_taskText = document.getElementById('s-text').value;
+
+ var $_taskProgress = $('.range-count-number').attr('data-rangeCountNumber');
+
+ $html = ''+
+ '
'+
+
+ ''+
+
+ '
'+
+
+ '
'+
+ '
'+ $_taskText +'
'+
+
+ '
'+
+ '
'+
+
+ '
'+$_taskProgress+'%
'+
+
+ '
'+
+ '
'+
+
+ '
'+
+ '
'+
+ ' '+today+''+
+ '
'+
+ '
'+
+ '
'+
+
+ '
'+
+
+ '
'+
+ '
';
+
+ $("[data-section='"+$_getParent+"'] .connect-sorting-content").append($html);
+
+ } else if (getAddBtnClass === 'task-image') {
+ var $_task = document.getElementById('s-image-task').value;
+
+ $html = ''+
+ '
'+
+
+ '
'+
+ '

'+
+ '
'+
+
+ ''+
+
+ '
'+
+
+ '
'+
+ '
'+
+ ' '+today+''+
+ '
'+
+ '
'+
+ '
'+
+
+ '
'+
+ '
'+
+ '
';
+
+ $("[data-section='"+$_getParent+"'] .connect-sorting-content").append($html);
+ }
+
+ $('#addTaskModal').modal('hide');
+
+ $_taskEdit();
+ $_taskDelete();
+ });
+ }
+
+ $("#add-list").off('click').on('click', function(event) {
+ event.preventDefault();
+
+ $('.add-list').show();
+ $('.edit-list').hide();
+ $('.edit-list-title').hide();
+ $('.add-list-title').show();
+ $('#addListModal').modal('show');
+ });
+
+ $(".add-list").off('click').on('click', function(event) {
+ var today = new Date();
+ var dd = String(today.getDate()).padStart(2, '0');
+ var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
+ var yyyy = today.getFullYear();
+
+ today = mm + '.' + dd + '.' + yyyy;
+
+ var $_listTitle = document.getElementById('s-list-name').value;
+
+ var $_listTitleLower = $_listTitle.toLowerCase();
+ var $_listTitleRemoveWhiteSpaces = $_listTitleLower.split(' ').join('_') ;
+ var $_listSectionDataAttr = $_listTitleRemoveWhiteSpaces;
+
+
+ $html = ''+
+ '
'+
+ ''+
+
+ '
'+
+
+
+ '
'+
+
+ '
'+
+
+ '
'+
+ '
';
+
+ $(".task-list-section").append($html);
+ $('#addListModal').modal('hide');
+ $('#s-list-name').val('');
+ $_taskSortable();
+ $_editList()
+ $_deleteList();
+ $_clearList();
+ addTask();
+ $_taskEdit();
+ $_taskDelete();
+ })
+
+ // Delete the whole list including tasks at on click
+
+ function $_deleteList() {
+ $('.list-delete').off('click').on('click', function(event) {
+ event.preventDefault();
+ $(this).parents('[data-connect]').remove();
+ })
+ }
+ function $_editList() {
+ $('.list-edit').off('click').on('click', function(event) {
+
+ event.preventDefault();
+
+ var $_outerThis = $(this);
+
+ $('.add-list').hide();
+ $('.edit-list').show();
+
+ $('.add-list-title').hide();
+ $('.edit-list-title').show();
+
+ var $_listTitle = $_outerThis.parents('[data-connect="sorting"]').find('.s-heading').attr('data-listTitle');
+ $('#s-list-name').val($_listTitle);
+
+ $('.edit-list').off('click').on('click', function(event) {
+ var $_innerThis = $(this);
+ var $_getListTitle = document.getElementById('s-list-name').value;
+
+ var $_editedListTitle = $_outerThis.parents('[data-connect="sorting"]').find('.s-heading').html($_getListTitle);
+ var $_editedListTitleDataAttr = $_outerThis.parents('[data-connect="sorting"]').find('.s-heading').attr('data-listTitle', $_getListTitle);
+
+ $('#addListModal').modal('hide');
+ $('#s-list-name').val('');
+ })
+ $('#addListModal').modal('show');
+ $('#addListModal').on('hidden.bs.modal', function (e) {
+ $('#s-list-name').val('');
+ })
+ })
+ }
+
+ // Clear all task at on click
+
+ function $_clearList() {
+ $('.list-clear-all').off('click').on('click', function(event) {
+ event.preventDefault();
+ $(this).parents('[data-connect="sorting"]').find('.connect-sorting-content .card').remove();
+ })
+ }
+
+ // Delete the task on click
+
+ function $_taskDelete() {
+ $('.card .s-task-delete').off('click').on('click', function(event) {
+ event.preventDefault();
+
+ get_card_parent = $(this).parents('.card');
+
+ $('#deleteConformation').modal('show');
+
+ $('[data-remove="task"]').on('click', function(event) {
+ event.preventDefault();
+ /* Act on the event */
+ get_card_parent.remove();
+ $('#deleteConformation').modal('hide');
+ });
+
+ })
+ }
+
+ function $_taskEdit() {
+ $('.card .s-task-edit').off('click').on('click', function(event) {
+
+ event.preventDefault();
+
+ var $_outerThis = $(this);
+
+ $('.add-task-title').hide();
+ $('.edit-task-title').show();
+
+ $('[data-btnfn="addTask"]').hide();
+ $('[data-btnfn="editTask"]').show();
+
+ if ($(this).parents('.card').hasClass('img-task')) {
+
+ var $_taskTitle = $_outerThis.parents('.card').find('h4').attr('data-taskTitle');
+ var get_value_title = $('.task-image #s-image-task').val($_taskTitle);
+ $('.task-image .collapse').collapse('show');
+
+ } else if ($(this).parents('.card').hasClass('simple-title-task')) {
+
+ var $_taskTitle = $_outerThis.parents('.card').find('h4').attr('data-taskTitle');
+ var get_value_title = $('.task-simple #s-simple-task').val($_taskTitle);
+ $('.task-simple .collapse').collapse('show');
+
+ } else if ($(this).parents('.card').hasClass('task-text-progress')) {
+
+ var $_taskTitle = $_outerThis.parents('.card').find('h4').attr('data-taskTitle');
+ var get_value_title = $('.task-text-progress #s-task').val($_taskTitle);
+
+ var $_taskText = $_outerThis.parents('.card').find('p:not(".progress-count")').attr('data-taskText');
+ var get_value_text = $('.task-text-progress #s-text').val($_taskText);
+
+ var $_taskProgress = $_outerThis.parents('.card').find('div.progress-bar').attr('data-progressState');
+ var get_value_progress = $('#progress-range-counter').val($_taskProgress);
+ var get_value_progressHtml = $('.range-count-number').html($_taskProgress);
+ var get_value_progressDataAttr = $('.range-count-number').attr('data-rangecountnumber', $_taskProgress);
+
+ $('.task-text-progress .collapse').collapse('show');
+ }
+
+ $('[data-btnfn="editTask"]').off('click').on('click', function(event) {
+ var $_innerThis = $(this);
+
+ if ($_outerThis.parents('.card').hasClass('img-task')) {
+
+ var $_task = document.getElementById('s-image-task').value;
+ var $_taskDataAttr = $_outerThis.parents('.card').find('h4').attr('data-taskTitle' , $_task);
+ var $_taskTitle = $_outerThis.parents('.card').find('h4').html($_task);
+
+ } else if ($_outerThis.parents('.card').hasClass('simple-title-task')) {
+
+ var $_task = document.getElementById('s-simple-task').value;
+ var $_taskDataAttr = $_outerThis.parents('.card').find('h4').attr('data-taskTitle' , $_task);
+ var $_taskTitle = $_outerThis.parents('.card').find('h4').html($_task);
+
+ } else if ($_outerThis.parents('.card').hasClass('task-text-progress')) {
+
+ var $_taskValue = document.getElementById('s-task').value;
+ var $_taskTextValue = document.getElementById('s-text').value;
+ var $_taskProgressValue = $('.range-count-number').attr('data-rangeCountNumber');
+
+ var $_taskDataAttr = $_outerThis.parents('.card').find('h4').attr('data-taskTitle' , $_taskValue);
+ var $_taskTitle = $_outerThis.parents('.card').find('h4').html($_taskValue);
+ var $_taskTextDataAttr = $_outerThis.parents('.card').find('p:not(".progress-count")').attr('data-tasktext' , $_taskTextValue);
+ var $_taskText = $_outerThis.parents('.card').find('p:not(".progress-count")').html($_taskTextValue);
+
+ var $_taskProgressStyle = $_outerThis.parents('.card').find('div.progress-bar').attr('style', "width: " + $_taskProgressValue +"%");
+ var $_taskProgressDataAttr = $_outerThis.parents('.card').find('div.progress-bar').attr('data-progressState', $_taskProgressValue);
+ var $_taskProgressAriaAttr = $_outerThis.parents('.card').find('div.progress-bar').attr('aria-valuenow', $_taskProgressValue);
+ var $_taskProgressProgressCount = $_outerThis.parents('.card').find('.progress-count').html($_taskProgressValue+"%");
+ }
+
+ $('#addTaskModal').modal('hide');
+ var setDate = $('.taskDate').html('');
+ $('.taskDate').hide();
+ })
+ $('#addTaskModal').modal('show');
+ })
+ }
+
+$_editList();
+$_deleteList();
+$_clearList();
+addTask();
+$_taskEdit();
+$_taskDelete();
+$_taskSortable();
+
+});
\ No newline at end of file
diff --git a/static/js/apps/todoList.js b/static/js/apps/todoList.js
new file mode 100644
index 00000000..6c79f9b1
--- /dev/null
+++ b/static/js/apps/todoList.js
@@ -0,0 +1,443 @@
+$('.input-search').on('keyup', function() {
+ var rex = new RegExp($(this).val(), 'i');
+ $('.todo-box .todo-item').hide();
+ $('.todo-box .todo-item').filter(function() {
+ return rex.test($(this).text());
+ }).show();
+});
+
+const taskViewScroll = new PerfectScrollbar('.task-text', {
+ wheelSpeed:.5,
+ swipeEasing:!0,
+ minScrollbarLength:40,
+ maxScrollbarLength:300,
+ suppressScrollX : true
+});
+function dynamicBadgeNotification( setTodoCategoryCount ) {
+ var todoCategoryCount = setTodoCategoryCount;
+
+ // Get Parents Div(s)
+ var get_ParentsDiv = $('.todo-item');
+ var get_TodoAllListParentsDiv = $('.todo-item.all-list');
+ var get_TodoCompletedListParentsDiv = $('.todo-item.todo-task-done');
+ var get_TodoImportantListParentsDiv = $('.todo-item.todo-task-important');
+
+ // Get Parents Div(s) Counts
+ var get_TodoListElementsCount = get_TodoAllListParentsDiv.length;
+ var get_CompletedTaskElementsCount = get_TodoCompletedListParentsDiv.length;
+ var get_ImportantTaskElementsCount = get_TodoImportantListParentsDiv.length;
+
+ // Get Badge Div(s)
+ var getBadgeTodoAllListDiv = $('#all-list .todo-badge');
+ var getBadgeCompletedTaskListDiv = $('#todo-task-done .todo-badge');
+ var getBadgeImportantTaskListDiv = $('#todo-task-important .todo-badge');
+
+
+ if (todoCategoryCount === 'allList') {
+ if (get_TodoListElementsCount === 0) {
+ getBadgeTodoAllListDiv.text('');
+ return;
+ }
+ if (get_TodoListElementsCount > 9) {
+ getBadgeTodoAllListDiv.css({
+ padding: '2px 0px',
+ height: '25px',
+ width: '25px'
+ });
+ } else if (get_TodoListElementsCount <= 9) {
+ getBadgeTodoAllListDiv.removeAttr('style');
+ }
+ getBadgeTodoAllListDiv.text(get_TodoListElementsCount);
+ }
+ else if (todoCategoryCount === 'completedList') {
+ if (get_CompletedTaskElementsCount === 0) {
+ getBadgeCompletedTaskListDiv.text('');
+ return;
+ }
+ if (get_CompletedTaskElementsCount > 9) {
+ getBadgeCompletedTaskListDiv.css({
+ padding: '2px 0px',
+ height: '25px',
+ width: '25px'
+ });
+ } else if (get_CompletedTaskElementsCount <= 9) {
+ getBadgeCompletedTaskListDiv.removeAttr('style');
+ }
+ getBadgeCompletedTaskListDiv.text(get_CompletedTaskElementsCount);
+ }
+ else if (todoCategoryCount === 'importantList') {
+ if (get_ImportantTaskElementsCount === 0) {
+ getBadgeImportantTaskListDiv.text('');
+ return;
+ }
+ if (get_ImportantTaskElementsCount > 9) {
+ getBadgeImportantTaskListDiv.css({
+ padding: '2px 0px',
+ height: '25px',
+ width: '25px'
+ });
+ } else if (get_ImportantTaskElementsCount <= 9) {
+ getBadgeImportantTaskListDiv.removeAttr('style');
+ }
+ getBadgeImportantTaskListDiv.text(get_ImportantTaskElementsCount);
+ }
+}
+
+new dynamicBadgeNotification('allList');
+new dynamicBadgeNotification('completedList');
+new dynamicBadgeNotification('importantList');
+
+/*
+ ====================
+ Quill Editor
+ ====================
+*/
+
+var quill = new Quill('#taskdescription', {
+ modules: {
+ toolbar: [
+ [{ header: [1, 2, false] }],
+ ['bold', 'italic', 'underline'],
+ ['image', 'code-block']
+ ]
+ },
+ placeholder: 'Compose an epic...',
+ theme: 'snow' // or 'bubble'
+});
+
+$('#addTaskModal').on('hidden.bs.modal', function (e) {
+ // do something...
+ $(this)
+ .find("input,textarea,select")
+ .val('')
+ .end();
+
+ quill.deleteText(0, 2000);
+})
+$('.mail-menu').on('click', function(event) {
+ $('.tab-title').addClass('mail-menu-show');
+ $('.mail-overlay').addClass('mail-overlay-show');
+})
+$('.mail-overlay').on('click', function(event) {
+ $('.tab-title').removeClass('mail-menu-show');
+ $('.mail-overlay').removeClass('mail-overlay-show');
+})
+$('#addTask').on('click', function(event) {
+ event.preventDefault();
+ $('.add-tsk').show();
+ $('.edit-tsk').hide();
+ $('#addTaskModal').modal('show');
+ const ps = new PerfectScrollbar('.todo-box-scroll', {
+ suppressScrollX : true
+ });
+});
+const ps = new PerfectScrollbar('.todo-box-scroll', {
+ suppressScrollX : true
+ });
+
+const todoListScroll = new PerfectScrollbar('.todoList-sidebar-scroll', {
+ suppressScrollX : true
+ });
+
+function checkCheckbox() {
+ $('.todo-item input[type="checkbox"]').click(function() {
+ if ($(this).is(":checked")) {
+ $(this).parents('.todo-item').addClass('todo-task-done');
+ }
+ else if ($(this).is(":not(:checked)")) {
+ $(this).parents('.todo-item').removeClass('todo-task-done');
+ }
+ new dynamicBadgeNotification('completedList');
+ });
+}
+
+function deleteDropdown() {
+ $('.action-dropdown .dropdown-menu .delete.dropdown-item').click(function() {
+ if(!$(this).parents('.todo-item').hasClass('todo-task-trash')) {
+
+ var getTodoParent = $(this).parents('.todo-item');
+ var getTodoClass = getTodoParent.attr('class');
+
+ var getFirstClass = getTodoClass.split(' ')[1];
+ var getSecondClass = getTodoClass.split(' ')[2];
+ var getThirdClass = getTodoClass.split(' ')[3];
+
+ if (getFirstClass === 'all-list') {
+ getTodoParent.removeClass(getFirstClass);
+ }
+ if (getSecondClass === 'todo-task-done' || getSecondClass === 'todo-task-important') {
+ getTodoParent.removeClass(getSecondClass);
+ }
+ if (getThirdClass === 'todo-task-done' || getThirdClass === 'todo-task-important') {
+ getTodoParent.removeClass(getThirdClass);
+ }
+ $(this).parents('.todo-item').addClass('todo-task-trash');
+ } else if($(this).parents('.todo-item').hasClass('todo-task-trash')) {
+ $(this).parents('.todo-item').removeClass('todo-task-trash');
+ }
+ new dynamicBadgeNotification('allList');
+ new dynamicBadgeNotification('completedList');
+ new dynamicBadgeNotification('importantList');
+ });
+}
+function deletePermanentlyDropdown() {
+ $('.action-dropdown .dropdown-menu .permanent-delete.dropdown-item').on('click', function(event) {
+ event.preventDefault();
+ if($(this).parents('.todo-item').hasClass('todo-task-trash')) {
+ $(this).parents('.todo-item').remove();
+ }
+ });
+}
+
+function reviveMailDropdown() {
+ $('.action-dropdown .dropdown-menu .revive.dropdown-item').on('click', function(event) {
+ event.preventDefault();
+ if($(this).parents('.todo-item').hasClass('todo-task-trash')) {
+ var getTodoParent = $(this).parents('.todo-item');
+ var getTodoClass = getTodoParent.attr('class');
+ var getFirstClass = getTodoClass.split(' ')[1];
+ $(this).parents('.todo-item').removeClass(getFirstClass);
+ $(this).parents('.todo-item').addClass('all-list');
+ $(this).parents('.todo-item').hide();
+ }
+ new dynamicBadgeNotification('allList');
+ new dynamicBadgeNotification('completedList');
+ new dynamicBadgeNotification('importantList');
+ });
+}
+
+function importantDropdown() {
+ $('.important').click(function() {
+ if(!$(this).parents('.todo-item').hasClass('todo-task-important')){
+ $(this).parents('.todo-item').addClass('todo-task-important');
+ $(this).html('Back to List');
+ }
+ else if($(this).parents('.todo-item').hasClass('todo-task-important')){
+ $(this).parents('.todo-item').removeClass('todo-task-important');
+ $(this).html('Important');
+ $(".list-actions#all-list").trigger('click');
+ }
+ new dynamicBadgeNotification('importantList');
+ });
+}
+
+function priorityDropdown() {
+ $('.priority-dropdown .dropdown-menu .dropdown-item').on('click', function(event) {
+
+ var getClass = $(this).attr('class').split(' ')[1];
+ var getDropdownClass = $(this).parents('.p-dropdown').children('.dropdown-toggle').attr('class').split(' ')[1];
+ $(this).parents('.p-dropdown').children('.dropdown-toggle').removeClass(getDropdownClass);
+
+ $(this).parents('.p-dropdown').children('.dropdown-toggle').addClass(getClass);
+ })
+}
+
+function editDropdown() {
+ $('.action-dropdown .dropdown-menu .edit.dropdown-item').click(function() {
+
+ event.preventDefault();
+
+ var $_outerThis = $(this);
+
+ $('.add-tsk').hide();
+ $('.edit-tsk').show();
+
+ var $_taskTitle = $_outerThis.parents('.todo-item').children().find('.todo-heading').attr('data-todoHeading');
+ var $_taskText = $_outerThis.parents('.todo-item').children().find('.todo-text').attr('data-todoText');
+ var $_taskJson = JSON.parse($_taskText);
+
+ $('#task').val($_taskTitle);
+ quill.setContents($_taskJson);
+
+ $('.edit-tsk').off('click').on('click', function(event) {
+ var $_innerThis = $(this);
+ var $_task = document.getElementById('task').value;
+ var $_taskDescription = document.getElementById('taskdescription').value;
+
+ var today = new Date();
+ var dd = String(today.getDate()).padStart(2, '0');
+ var mm = String(today.getMonth()); //January is 0!
+ var yyyy = today.getFullYear();
+ var monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ];
+
+ today = monthNames[mm] + ', ' + dd + ' ' + yyyy;
+
+
+ var $_taskDescriptionText = quill.getText();
+ var $_taskDescriptionInnerHTML = quill.root.innerHTML;
+
+ var delta = quill.getContents();
+ var $_textDelta = JSON.stringify(delta);
+
+ var length = 125;
+
+ var trimmedString = $_taskDescriptionText.length > length ?
+ $_taskDescriptionText.substring(0, length - 3) + "..." :
+ $_taskDescriptionText;
+
+ var $_taskEditedTitle = $_outerThis.parents('.todo-item').children().find('.todo-heading').html($_task);
+ var $_taskEditedText = $_outerThis.parents('.todo-item').children().find('.todo-text').html(trimmedString);
+ var $_taskEditedText = $_outerThis.parents('.todo-item').children().find('.meta-date').html(today);
+
+ var $_taskEditedTitleDataAttr = $_outerThis.parents('.todo-item').children().find('.todo-heading').attr('data-todoHeading', $_task);
+ var $_taskEditedTextDataAttr = $_outerThis.parents('.todo-item').children().find('.todo-text').attr('data-todoText', $_textDelta);
+ var $_taskEditedTextDataAttr = $_outerThis.parents('.todo-item').children().find('.todo-text').attr('data-todoHtml', $_taskDescriptionInnerHTML);
+ $('#addTaskModal').modal('hide');
+ })
+ $('#addTaskModal').modal('show');
+ })
+}
+
+function todoItem() {
+ $('.todo-item .todo-content').on('click', function(event) {
+ event.preventDefault();
+
+ var $_taskTitle = $(this).find('.todo-heading').attr('data-todoHeading');
+ var $todoHtml = $(this).find('.todo-text').attr('data-todoHtml');
+
+ $('.task-heading').text($_taskTitle);
+ $('.task-text').html($todoHtml);
+
+ $('#todoShowListItem').modal('show');
+ });
+}
+var $btns = $('.list-actions').click(function() {
+ if (this.id == 'all-list') {
+ var $el = $('.' + this.id).fadeIn();
+ $('#ct > div').not($el).hide();
+ } else if (this.id == 'todo-task-trash') {
+ var $el = $('.' + this.id).fadeIn();
+ $('#ct > div').not($el).hide();
+ } else {
+ var $el = $('.' + this.id).fadeIn();
+ $('#ct > div').not($el).hide();
+ }
+ $btns.removeClass('active');
+ $(this).addClass('active');
+})
+
+checkCheckbox();
+deleteDropdown();
+deletePermanentlyDropdown();
+reviveMailDropdown();
+importantDropdown();
+priorityDropdown();
+editDropdown();
+todoItem();
+
+$(".add-tsk").click(function(){
+ var today = new Date();
+ var dd = String(today.getDate()).padStart(2, '0');
+ var mm = String(today.getMonth()); //January is 0!
+ var yyyy = today.getFullYear();
+ var monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ];
+
+ today = monthNames[mm] + ', ' + dd + ' ' + yyyy;
+ var $_task = document.getElementById('task').value;
+
+ var $_taskDescriptionText = quill.getText();
+ var $_taskDescriptionInnerHTML = quill.root.innerHTML;
+
+ var delta = quill.getContents();
+ var $_textDelta = JSON.stringify(delta);
+
+ $html = ''+
+ '
'+
+ '
'+
+ ''+
+ '
'+
+
+ '
'+
+ '
'+$_task+'
'+
+ '
'+today+'
'+
+ "
"+$_taskDescriptionText+"
"+
+ '
'+
+
+ '
'+
+ '
'+
+ ''+
+
+ ''+
+ '
'+
+ '
'+
+
+ '
'+
+ '
'+
+ ''+
+
+ ''+
+ '
'+
+ '
'+
+
+ '
'+
+ '
';
+
+
+ $("#ct").prepend($html);
+ $('#addTaskModal').modal('hide');
+ checkCheckbox();
+ deleteDropdown();
+ deletePermanentlyDropdown();
+ reviveMailDropdown();
+ editDropdown();
+ priorityDropdown();
+ todoItem();
+ importantDropdown();
+ new dynamicBadgeNotification('allList');
+ $(".list-actions#all-list").trigger('click');
+});
+
+$('.tab-title .nav-pills a.nav-link').on('click', function(event) {
+ $(this).parents('.mail-box-container').find('.tab-title').removeClass('mail-menu-show')
+ $(this).parents('.mail-box-container').find('.mail-overlay').removeClass('mail-overlay-show')
+})
+
+// Validation Process
+
+ var $_getValidationField = document.getElementsByClassName('validation-text');
+
+ getTaskTitleInput = document.getElementById('task');
+
+ getTaskTitleInput.addEventListener('input', function() {
+
+ getTaskTitleInputValue = this.value;
+
+ if (getTaskTitleInputValue == "") {
+ $_getValidationField[0].innerHTML = 'Title Required';
+ $_getValidationField[0].style.display = 'block';
+ } else {
+ $_getValidationField[0].style.display = 'none';
+ }
+ })
+
+ getTaskDescriptionInput = document.getElementById('taskdescription');
+
+ getTaskDescriptionInput.addEventListener('input', function() {
+
+ getTaskDescriptionInputValue = this.value;
+
+ if (getTaskDescriptionInputValue == "") {
+ $_getValidationField[1].innerHTML = 'Description Required';
+ $_getValidationField[1].style.display = 'block';
+ } else {
+ $_getValidationField[1].style.display = 'none';
+ }
+
+ })
\ No newline at end of file
diff --git a/static/js/authentication/form-1.js b/static/js/authentication/form-1.js
new file mode 100644
index 00000000..158bc292
--- /dev/null
+++ b/static/js/authentication/form-1.js
@@ -0,0 +1,12 @@
+var togglePassword = document.getElementById("toggle-password");
+
+if (togglePassword) {
+ togglePassword.addEventListener('click', function() {
+ var x = document.getElementById("password");
+ if (x.type === "password") {
+ x.type = "text";
+ } else {
+ x.type = "password";
+ }
+ });
+}
diff --git a/static/js/authentication/form-2.js b/static/js/authentication/form-2.js
new file mode 100644
index 00000000..d6b13c52
--- /dev/null
+++ b/static/js/authentication/form-2.js
@@ -0,0 +1,18 @@
+var togglePassword = document.getElementById("toggle-password");
+var formContent = document.getElementsByClassName('form-content')[0];
+var getFormContentHeight = formContent.clientHeight;
+
+var formImage = document.getElementsByClassName('form-image')[0];
+if (formImage) {
+ var setFormImageHeight = formImage.style.height = getFormContentHeight + 'px';
+}
+if (togglePassword) {
+ togglePassword.addEventListener('click', function() {
+ var x = document.getElementById("password");
+ if (x.type === "password") {
+ x.type = "text";
+ } else {
+ x.type = "password";
+ }
+ });
+}
\ No newline at end of file
diff --git a/static/js/clipboard/clipboard.min.js b/static/js/clipboard/clipboard.min.js
new file mode 100644
index 00000000..1993676f
--- /dev/null
+++ b/static/js/clipboard/clipboard.min.js
@@ -0,0 +1,7 @@
+/*!
+ * clipboard.js v1.6.1
+ * https://zenorocha.github.io/clipboard.js
+ *
+ * Licensed MIT © Zeno Rocha
+ */
+!function(e){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var t;t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,t.Clipboard=e()}}(function(){var e,t,n;return function e(t,n,o){function i(a,c){if(!n[a]){if(!t[a]){var l="function"==typeof require&&require;if(!c&&l)return l(a,!0);if(r)return r(a,!0);var u=new Error("Cannot find module '"+a+"'");throw u.code="MODULE_NOT_FOUND",u}var s=n[a]={exports:{}};t[a][0].call(s.exports,function(e){var n=t[a][1][e];return i(n?n:e)},s,s.exports,e,t,n,o)}return n[a].exports}for(var r="function"==typeof require&&require,a=0;a0&&void 0!==arguments[0]?arguments[0]:{};this.action=t.action,this.emitter=t.emitter,this.target=t.target,this.text=t.text,this.trigger=t.trigger,this.selectedText=""}},{key:"initSelection",value:function e(){this.text?this.selectFake():this.target&&this.selectTarget()}},{key:"selectFake",value:function e(){var t=this,n="rtl"==document.documentElement.getAttribute("dir");this.removeFake(),this.fakeHandlerCallback=function(){return t.removeFake()},this.fakeHandler=document.body.addEventListener("click",this.fakeHandlerCallback)||!0,this.fakeElem=document.createElement("textarea"),this.fakeElem.style.fontSize="12pt",this.fakeElem.style.border="0",this.fakeElem.style.padding="0",this.fakeElem.style.margin="0",this.fakeElem.style.position="absolute",this.fakeElem.style[n?"right":"left"]="-9999px";var o=window.pageYOffset||document.documentElement.scrollTop;this.fakeElem.style.top=o+"px",this.fakeElem.setAttribute("readonly",""),this.fakeElem.value=this.text,document.body.appendChild(this.fakeElem),this.selectedText=(0,i.default)(this.fakeElem),this.copyText()}},{key:"removeFake",value:function e(){this.fakeHandler&&(document.body.removeEventListener("click",this.fakeHandlerCallback),this.fakeHandler=null,this.fakeHandlerCallback=null),this.fakeElem&&(document.body.removeChild(this.fakeElem),this.fakeElem=null)}},{key:"selectTarget",value:function e(){this.selectedText=(0,i.default)(this.target),this.copyText()}},{key:"copyText",value:function e(){var t=void 0;try{t=document.execCommand(this.action)}catch(e){t=!1}this.handleResult(t)}},{key:"handleResult",value:function e(t){this.emitter.emit(t?"success":"error",{action:this.action,text:this.selectedText,trigger:this.trigger,clearSelection:this.clearSelection.bind(this)})}},{key:"clearSelection",value:function e(){this.target&&this.target.blur(),window.getSelection().removeAllRanges()}},{key:"destroy",value:function e(){this.removeFake()}},{key:"action",set:function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"copy";if(this._action=t,"copy"!==this._action&&"cut"!==this._action)throw new Error('Invalid "action" value, use either "copy" or "cut"')},get:function e(){return this._action}},{key:"target",set:function e(t){if(void 0!==t){if(!t||"object"!==("undefined"==typeof t?"undefined":r(t))||1!==t.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===this.action&&t.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===this.action&&(t.hasAttribute("readonly")||t.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes');this._target=t}},get:function e(){return this._target}}]),e}();e.exports=c})},{select:5}],8:[function(t,n,o){!function(i,r){if("function"==typeof e&&e.amd)e(["module","./clipboard-action","tiny-emitter","good-listener"],r);else if("undefined"!=typeof o)r(n,t("./clipboard-action"),t("tiny-emitter"),t("good-listener"));else{var a={exports:{}};r(a,i.clipboardAction,i.tinyEmitter,i.goodListener),i.clipboard=a.exports}}(this,function(e,t,n,o){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function c(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function l(e,t){var n="data-clipboard-"+e;if(t.hasAttribute(n))return t.getAttribute(n)}var u=i(t),s=i(n),f=i(o),d=function(){function e(e,t){for(var n=0;n0&&void 0!==arguments[0]?arguments[0]:{};this.action="function"==typeof t.action?t.action:this.defaultAction,this.target="function"==typeof t.target?t.target:this.defaultTarget,this.text="function"==typeof t.text?t.text:this.defaultText}},{key:"listenClick",value:function e(t){var n=this;this.listener=(0,f.default)(t,"click",function(e){return n.onClick(e)})}},{key:"onClick",value:function e(t){var n=t.delegateTarget||t.currentTarget;this.clipboardAction&&(this.clipboardAction=null),this.clipboardAction=new u.default({action:this.action(n),target:this.target(n),text:this.text(n),trigger:n,emitter:this})}},{key:"defaultAction",value:function e(t){return l("action",t)}},{key:"defaultTarget",value:function e(t){var n=l("target",t);if(n)return document.querySelector(n)}},{key:"defaultText",value:function e(t){return l("text",t)}},{key:"destroy",value:function e(){this.listener.destroy(),this.clipboardAction&&(this.clipboardAction.destroy(),this.clipboardAction=null)}}],[{key:"isSupported",value:function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["copy","cut"],n="string"==typeof t?[t]:t,o=!!document.queryCommandSupported;return n.forEach(function(e){o=o&&!!document.queryCommandSupported(e)}),o}}]),t}(s.default);e.exports=h})},{"./clipboard-action":7,"good-listener":4,"tiny-emitter":6}]},{},[8])(8)});
\ No newline at end of file
diff --git a/static/js/components/custom-carousel.js b/static/js/components/custom-carousel.js
new file mode 100644
index 00000000..cea2fa1e
--- /dev/null
+++ b/static/js/components/custom-carousel.js
@@ -0,0 +1,10 @@
+$(function(){
+ var car_m_2 = $('#car_m_2').data('carousel');
+ var thumbs = $('#car_m_2_thumbs > .thumb');
+ $.each(thumbs, function(){
+ var thumb = $(this), index = thumb.data('index') - 1;
+ thumb.on('click', function(){
+ car_m_2.slideTo(index);
+ });
+ });
+});
\ No newline at end of file
diff --git a/static/js/components/custom-countdown.js b/static/js/components/custom-countdown.js
new file mode 100644
index 00000000..9a6ad97a
--- /dev/null
+++ b/static/js/components/custom-countdown.js
@@ -0,0 +1,55 @@
+$('#cd-simple').countdown('2020/10/10', function(event) {
+ var $this = $(this).html(event.strftime(''
+ +''+
+ '
'+
+ '
%d
'+
+ ''+
+ '
Days
'+
+ '
'+
+ ''+
+ '
'+
+ '
%H
'+
+ ''+
+ '
Hours
'+
+ '
'+
+ ''+
+ '
'+
+ '
%M
'+
+ ''+
+ '
Mins
'+
+ '
'+
+ ''+
+ '
'+
+ '
%S
'+
+ ''+
+ '
Sec
'+
+ '
'));
+});
+
+$('#cd-circle').countdown('2020/10/10', function(event) {
+ var $this = $(this).html(event.strftime(''
+ +''+
+ '
'+
+ '
365
'+
+ ''+
+ '
Days
'+
+ '
'+
+ ''+
+ '
'+
+ '
%H
'+
+ ''+
+ '
Hours
'+
+ '
'+
+ ''+
+ '
'+
+ '
%M
'+
+ ''+
+ '
Mins
'+
+ '
'+
+ ''+
+ '
'+
+ '
%S
'+
+ ''+
+ '
Sec
'+
+ '
'));
+});
\ No newline at end of file
diff --git a/static/js/components/custom-counter.js b/static/js/components/custom-counter.js
new file mode 100644
index 00000000..b63f362a
--- /dev/null
+++ b/static/js/components/custom-counter.js
@@ -0,0 +1,102 @@
+var cSpeed = 6000;
+
+// Simple Counter
+
+var value = $('.s-counter2').text();
+$('.s-counter2').countTo({
+ from: 0,
+ to: value,
+ speed: cSpeed,
+ formatter: function (value, options) {
+ return value.toFixed(options.decimals).replace(/\B(?=(?:\d{3})+(?!\d))/g, ',');
+ }
+});
+var value = $('.s-counter3').text();
+$('.s-counter3').countTo({
+ from: 0,
+ to: value,
+ speed: cSpeed,
+ formatter: function (value, options) {
+ return value.toFixed(options.decimals).replace(/\B(?=(?:\d{3})+(?!\d))/g, ',');
+ }
+});
+var value = $('.s-counter4').text();
+$('.s-counter4').countTo({
+ from: 0,
+ to: value,
+ speed: cSpeed,
+ formatter: function (value, options) {
+ return value.toFixed(options.decimals).replace(/\B(?=(?:\d{3})+(?!\d))/g, ',');
+ }
+});
+
+
+// With Icon
+
+var value = $('.ico-counter1').text();
+$('.ico-counter1').countTo({
+ from: 0,
+ to: value,
+ speed: cSpeed,
+ formatter: function (value, options) {
+ return value.toFixed(options.decimals).replace(/\B(?=(?:\d{3})+(?!\d))/g, ',');
+ }
+});
+var value = $('.ico-counter2').text();
+$('.ico-counter2').countTo({
+ from: 0,
+ to: value,
+ speed: cSpeed,
+ formatter: function (value, options) {
+ return value.toFixed(options.decimals).replace(/\B(?=(?:\d{3})+(?!\d))/g, ',');
+ }
+});
+var value = $('.ico-counter3').text();
+$('.ico-counter3').countTo({
+ from: 0,
+ to: value,
+ speed: cSpeed,
+ formatter: function (value, options) {
+ return value.toFixed(options.decimals).replace(/\B(?=(?:\d{3})+(?!\d))/g, ',');
+ }
+});
+
+
+// Circle
+
+var value = $('.c-counter1').text();
+$('.c-counter1').countTo({
+ from: 0,
+ to: value,
+ speed: cSpeed,
+ formatter: function (value, options) {
+ return value.toFixed(options.decimals).replace(/\B(?=(?:\d{3})+(?!\d))/g, ',');
+ }
+});
+var value = $('.c-counter2').text();
+$('.c-counter2').countTo({
+ from: 0,
+ to: value,
+ speed: cSpeed,
+ formatter: function (value, options) {
+ return value.toFixed(options.decimals).replace(/\B(?=(?:\d{3})+(?!\d))/g, ',');
+ }
+});
+var value = $('.c-counter3').text();
+$('.c-counter3').countTo({
+ from: 0,
+ to: value,
+ speed: cSpeed,
+ formatter: function (value, options) {
+ return value.toFixed(options.decimals).replace(/\B(?=(?:\d{3})+(?!\d))/g, ',');
+ }
+});
+var value = $('.c-counter4').text();
+$('.c-counter4').countTo({
+ from: 0,
+ to: value,
+ speed: cSpeed,
+ formatter: function (value, options) {
+ return value.toFixed(options.decimals).replace(/\B(?=(?:\d{3})+(?!\d))/g, ',');
+ }
+});
\ No newline at end of file
diff --git a/static/js/components/notification/custom-snackbar.js b/static/js/components/notification/custom-snackbar.js
new file mode 100644
index 00000000..9d3177dc
--- /dev/null
+++ b/static/js/components/notification/custom-snackbar.js
@@ -0,0 +1,149 @@
+// Default
+
+$('.default').click(function() {
+ Snackbar.show({text: 'Example notification text.', duration: 100000});
+});
+
+// Position
+
+$('.top-left').click(function() {
+ Snackbar.show({
+ text: 'Example notification text.',
+ pos: 'top-left'
+ });
+});
+
+$('.top-center').click(function() {
+ Snackbar.show({
+ text: 'Example notification text.',
+ pos: 'top-center'
+ });
+});
+
+$('.top-right').click(function() {
+ Snackbar.show({
+ text: 'Example notification text.',
+ pos: 'top-right'
+ });
+});
+
+$('.bottom-left').click(function() {
+ Snackbar.show({
+ text: 'Example notification text.',
+ pos: 'bottom-left'
+ });
+});
+
+$('.bottom-center').click(function() {
+ Snackbar.show({
+ text: 'Example notification text.',
+ pos: 'bottom-center'
+ });
+});
+
+$('.bottom-right').click(function() {
+ Snackbar.show({
+ text: 'Example notification text.',
+ pos: 'bottom-right'
+ });
+});
+
+
+// Action Button
+
+$('.no-action').click(function() {
+ Snackbar.show({
+ showAction: false
+ });
+});
+
+// Action Text
+
+$('.action-text').click(function() {
+ Snackbar.show({
+ actionText: 'Thanks!'
+ });
+});
+
+// Text Color
+
+$('.text-color').click(function() {
+ Snackbar.show({
+ actionTextColor: '#e2a03f',
+ });
+});
+
+// Click Callback
+$('.click-callback').click(function() {
+ Snackbar.show({
+ text: 'Custom callback when action button is clicked.',
+ width: 'auto',
+ onActionClick: function(element) {
+ //Set opacity of element to 0 to close Snackbar
+ $(element).css('opacity', 0);
+ Snackbar.show({
+ text: 'Thanks for clicking the Dismiss button!',
+ showActionButton: false
+ });
+ }
+ });
+});
+
+// Duration
+
+$('.duration').click(function() {
+ Snackbar.show({
+ text: 'Duration set to 5s',
+ duration: 5000,
+ });
+});
+
+// Custom Background
+
+$('.snackbar-bg-primary').click(function() {
+ Snackbar.show({
+ text: 'Primary',
+ actionTextColor: '#fff',
+ backgroundColor: '#1b55e2'
+ });
+});
+
+$('.snackbar-bg-info').click(function() {
+ Snackbar.show({
+ text: 'Info',
+ actionTextColor: '#fff',
+ backgroundColor: '#2196f3'
+ });
+});
+
+$('.snackbar-bg-success').click(function() {
+ Snackbar.show({
+ text: 'Success',
+ actionTextColor: '#fff',
+ backgroundColor: '#8dbf42'
+ });
+});
+
+$('.snackbar-bg-warning').click(function() {
+ Snackbar.show({
+ text: 'Warning',
+ actionTextColor: '#fff',
+ backgroundColor: '#e2a03f'
+ });
+});
+
+$('.snackbar-bg-danger').click(function() {
+ Snackbar.show({
+ text: 'Danger',
+ actionTextColor: '#fff',
+ backgroundColor: '#e7515a'
+ });
+});
+
+$('.snackbar-bg-dark').click(function() {
+ Snackbar.show({
+ text: 'Dark',
+ actionTextColor: '#fff',
+ backgroundColor: '#3b3f5c'
+ });
+});
\ No newline at end of file
diff --git a/static/js/components/session-timeout/bootstrap-session-timeout.js b/static/js/components/session-timeout/bootstrap-session-timeout.js
new file mode 100644
index 00000000..847d25ac
--- /dev/null
+++ b/static/js/components/session-timeout/bootstrap-session-timeout.js
@@ -0,0 +1,87 @@
+! function(a) {
+ "use strict";
+ a.sessionTimeout = function(b) {
+ function c() {
+ n || (a.ajax({
+ type: i.ajaxType,
+ url: i.keepAliveUrl,
+ data: i.ajaxData
+ }), n = !0, setTimeout(function() {
+ n = !1
+ }, i.keepAliveInterval))
+ }
+
+ function d() {
+ clearTimeout(g), (i.countdownMessage || i.countdownBar) && f("session", !0), "function" == typeof i.onStart && i.onStart(i), i.keepAlive && c(), g = setTimeout(function() {
+ "function" != typeof i.onWarn ? a("#session-timeout-dialog").modal("show") : i.onWarn(i), e()
+ }, i.warnAfter)
+ }
+
+ function e() {
+ clearTimeout(g), a("#session-timeout-dialog").hasClass("in") || !i.countdownMessage && !i.countdownBar || f("dialog", !0), g = setTimeout(function() {
+ "function" != typeof i.onRedir ? window.location = i.redirUrl : i.onRedir(i)
+ }, i.redirAfter - i.warnAfter)
+ }
+
+ function f(b, c) {
+ clearTimeout(j.timer), "dialog" === b && c ? j.timeLeft = Math.floor((i.redirAfter - i.warnAfter) / 1e3) : "session" === b && c && (j.timeLeft = Math.floor(i.redirAfter / 1e3)), i.countdownBar && "dialog" === b ? j.percentLeft = Math.floor(j.timeLeft / ((i.redirAfter - i.warnAfter) / 1e3) * 100) : i.countdownBar && "session" === b && (j.percentLeft = Math.floor(j.timeLeft / (i.redirAfter / 1e3) * 100));
+ var d = a(".countdown-holder"),
+ e = j.timeLeft >= 0 ? j.timeLeft : 0;
+ if (i.countdownSmart) {
+ var g = Math.floor(e / 60),
+ h = e % 60,
+ k = g > 0 ? g + "m" : "";
+ k.length > 0 && (k += " "), k += h + "s", d.text(k)
+ } else d.text(e + "s");
+ i.countdownBar && a(".countdown-bar").css("width", j.percentLeft + "%"), j.timeLeft = j.timeLeft - 1, j.timer = setTimeout(function() {
+ f(b)
+ }, 1e3)
+ }
+ var g, h = {
+ title: "Your Session is About to Expire!",
+ message: "Your session is about to expire.",
+ logoutButton: "Logout",
+ keepAliveButton: "Stay",
+ keepAliveUrl: "/keep-alive",
+ ajaxType: "POST",
+ ajaxData: "",
+ redirUrl: "/timed-out",
+ logoutUrl: "/log-out",
+ warnAfter: 9e5,
+ redirAfter: 12e5,
+ keepAliveInterval: 5e3,
+ keepAlive: !0,
+ ignoreUserActivity: !1,
+ onStart: !1,
+ onWarn: !1,
+ onRedir: !1,
+ countdownMessage: !1,
+ countdownBar: !1,
+ countdownSmart: !1
+ },
+ i = h,
+ j = {};
+ if (b && (i = a.extend(h, b)), i.warnAfter >= i.redirAfter) return console.error('Bootstrap-session-timeout plugin is miss-configured. Option "redirAfter" must be equal or greater than "warnAfter".'), !1;
+ if ("function" != typeof i.onWarn) {
+ var k = i.countdownMessage ? "" + i.countdownMessage.replace(/{timer}/g, '') + "
" : "",
+ l = i.countdownBar ? '' : "";
+ a("body").append(' ' + i.message + "
" + k + " " + l + '
"), a("#session-timeout-dialog-logout").on("click", function() {
+ window.location = i.logoutUrl
+ }), a("#session-timeout-dialog").on("hide.bs.modal", function() {
+ d()
+ })
+ }
+ if (!i.ignoreUserActivity) {
+ var m = [-1, -1];
+ a(document).on("keyup mouseup mousemove touchend touchmove", function(b) {
+ if ("mousemove" === b.type) {
+ if (b.clientX === m[0] && b.clientY === m[1]) return;
+ m[0] = b.clientX, m[1] = b.clientY
+ }
+ d(), a("#session-timeout-dialog").length > 0 && a("#session-timeout-dialog").data("bs.modal") && a("#session-timeout-dialog").data("bs.modal").isShown && (a("#session-timeout-dialog").modal("hide"), a("body").removeClass("modal-open"), a("div.modal-backdrop").remove())
+ })
+ }
+ var n = !1;
+ d()
+ }
+}(jQuery);
diff --git a/static/js/components/session-timeout/custom-bootstrap_session_timeout.js b/static/js/components/session-timeout/custom-bootstrap_session_timeout.js
new file mode 100644
index 00000000..1f0206f0
--- /dev/null
+++ b/static/js/components/session-timeout/custom-bootstrap_session_timeout.js
@@ -0,0 +1,28 @@
+var SessionTimeout=function() {
+ var e=function() {
+ $.sessionTimeout( {
+ title:"Session Timeout Notification",
+ message:"Your session is about to expire.",
+ keepAliveUrl:"",
+ redirUrl:"auth_lockscreen.html",
+ logoutUrl:"auth_login.html",
+ warnAfter:6e3,
+ redirAfter:21e3,
+ ignoreUserActivity:!0,
+ countdownMessage:"Redirecting in {timer}.",
+ countdownBar: !0
+ }
+ )
+ };
+ return {
+ init:function() {
+ e()
+ }
+ }
+}
+
+();
+jQuery(document).ready(function() {
+ SessionTimeout.init()
+}
+);
\ No newline at end of file
diff --git a/static/js/components/ui-accordions.js b/static/js/components/ui-accordions.js
new file mode 100644
index 00000000..28744661
--- /dev/null
+++ b/static/js/components/ui-accordions.js
@@ -0,0 +1,17 @@
+$('#toggleAccordion .collapse').on('shown.bs.collapse', function(){
+ $(this).parent().find(".icons").html('');
+}).on('hidden.bs.collapse', function(){
+ $(this).parent().find(".icons").html('');
+});
+
+$('#withoutSpacing .collapse').on('shown.bs.collapse', function(){
+ $(this).parent().find(".icons").html('');
+}).on('hidden.bs.collapse', function(){
+ $(this).parent().find(".icons").html('');
+});
+
+$('#iconsAccordion .collapse').on('shown.bs.collapse', function(){
+ $(this).parent().find(".icons").html('');
+}).on('hidden.bs.collapse', function(){
+ $(this).parent().find(".icons").html('');
+});
\ No newline at end of file
diff --git a/static/js/custom.js b/static/js/custom.js
new file mode 100644
index 00000000..f9540342
--- /dev/null
+++ b/static/js/custom.js
@@ -0,0 +1,134 @@
+/*
+=========================================
+| |
+| Scroll To Top |
+| |
+=========================================
+*/
+$('.scrollTop').click(function() {
+ $("html, body").animate({scrollTop: 0});
+});
+
+
+$('.navbar .dropdown.notification-dropdown > .dropdown-menu, .navbar .dropdown.message-dropdown > .dropdown-menu ').click(function(e) {
+ e.stopPropagation();
+});
+
+/*
+=========================================
+| |
+| Multi-Check checkbox |
+| |
+=========================================
+*/
+
+function checkall(clickchk, relChkbox) {
+
+ var checker = $('#' + clickchk);
+ var multichk = $('.' + relChkbox);
+
+
+ checker.click(function () {
+ multichk.prop('checked', $(this).prop('checked'));
+ });
+}
+
+
+/*
+=========================================
+| |
+| MultiCheck |
+| |
+=========================================
+*/
+
+/*
+ This MultiCheck Function is recommanded for datatable
+*/
+
+function multiCheck(tb_var) {
+ tb_var.on("change", ".chk-parent", function() {
+ var e=$(this).closest("table").find("td:first-child .child-chk"), a=$(this).is(":checked");
+ $(e).each(function() {
+ a?($(this).prop("checked", !0), $(this).closest("tr").addClass("active")): ($(this).prop("checked", !1), $(this).closest("tr").removeClass("active"))
+ })
+ }),
+ tb_var.on("change", "tbody tr .new-control", function() {
+ $(this).parents("tr").toggleClass("active")
+ })
+}
+
+/*
+=========================================
+| |
+| MultiCheck |
+| |
+=========================================
+*/
+
+function checkall(clickchk, relChkbox) {
+
+ var checker = $('#' + clickchk);
+ var multichk = $('.' + relChkbox);
+
+
+ checker.click(function () {
+ multichk.prop('checked', $(this).prop('checked'));
+ });
+}
+
+/*
+=========================================
+| |
+| Tooltips |
+| |
+=========================================
+*/
+
+$('.bs-tooltip').tooltip();
+
+/*
+=========================================
+| |
+| Popovers |
+| |
+=========================================
+*/
+
+$('.bs-popover').popover();
+
+
+/*
+================================================
+| |
+| Rounded Tooltip |
+| |
+================================================
+*/
+
+$('.t-dot').tooltip({
+ template: ''
+})
+
+
+/*
+================================================
+| IE VERSION Dector |
+================================================
+*/
+
+function GetIEVersion() {
+ var sAgent = window.navigator.userAgent;
+ var Idx = sAgent.indexOf("MSIE");
+
+ // If IE, return version number.
+ if (Idx > 0)
+ return parseInt(sAgent.substring(Idx+ 5, sAgent.indexOf(".", Idx)));
+
+ // If IE 11 then look for Updated user agent string.
+ else if (!!navigator.userAgent.match(/Trident\/7\./))
+ return 11;
+
+ else
+ return 0; //It is not IE
+}
\ No newline at end of file
diff --git a/static/js/dashboard/dash_1.js b/static/js/dashboard/dash_1.js
new file mode 100644
index 00000000..679db8ea
--- /dev/null
+++ b/static/js/dashboard/dash_1.js
@@ -0,0 +1,532 @@
+try {
+
+/*
+ ==============================
+ | @Options Charts Script |
+ ==============================
+*/
+
+/*
+ =============================
+ Daily Sales | Options
+ =============================
+*/
+var d_2options1 = {
+ chart: {
+ height: 160,
+ type: 'bar',
+ stacked: true,
+ stackType: '100%',
+ toolbar: {
+ show: false,
+ }
+ },
+ dataLabels: {
+ enabled: false,
+ },
+ stroke: {
+ show: true,
+ width: 1,
+ },
+ colors: ['#e2a03f', '#e0e6ed'],
+ responsive: [{
+ breakpoint: 480,
+ options: {
+ legend: {
+ position: 'bottom',
+ offsetX: -10,
+ offsetY: 0
+ }
+ }
+ }],
+ series: [{
+ name: 'Sales',
+ data: [44, 55, 41, 67, 22, 43, 21]
+ },{
+ name: 'Last Week',
+ data: [13, 23, 20, 8, 13, 27, 33]
+ }],
+ xaxis: {
+ labels: {
+ show: false,
+ },
+ categories: ['Sun', 'Mon', 'Tue', 'Wed', 'Thur', 'Fri', 'Sat'],
+ },
+ yaxis: {
+ show: false
+ },
+ fill: {
+ opacity: 1
+ },
+ plotOptions: {
+ bar: {
+ horizontal: false,
+ endingShape: 'rounded',
+ columnWidth: '25%',
+ }
+ },
+ legend: {
+ show: false,
+ },
+ grid: {
+ show: false,
+ xaxis: {
+ lines: {
+ show: false
+ }
+ },
+ padding: {
+ top: 10,
+ right: 0,
+ bottom: -40,
+ left: 0
+ },
+ },
+}
+
+/*
+ =============================
+ Total Orders | Options
+ =============================
+*/
+var d_2options2 = {
+ chart: {
+ id: 'sparkline1',
+ group: 'sparklines',
+ type: 'area',
+ height: 280,
+ sparkline: {
+ enabled: true
+ },
+ },
+ stroke: {
+ curve: 'smooth',
+ width: 2
+ },
+ fill: {
+ opacity: 1,
+ },
+ series: [{
+ name: 'Sales',
+ data: [28, 40, 36, 52, 38, 60, 38, 52, 36, 40]
+ }],
+ labels: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10'],
+ yaxis: {
+ min: 0
+ },
+ grid: {
+ padding: {
+ top: 125,
+ right: 0,
+ bottom: 36,
+ left: 0
+ },
+ },
+ fill: {
+ type:"gradient",
+ gradient: {
+ type: "vertical",
+ shadeIntensity: 1,
+ inverseColors: !1,
+ opacityFrom: .40,
+ opacityTo: .05,
+ stops: [45, 100]
+ }
+ },
+ tooltip: {
+ x: {
+ show: false,
+ },
+ theme: 'dark'
+ },
+ colors: ['#fff']
+}
+
+/*
+ =================================
+ Revenue Monthly | Options
+ =================================
+*/
+var options1 = {
+ chart: {
+ fontFamily: 'Nunito, sans-serif',
+ height: 365,
+ type: 'area',
+ zoom: {
+ enabled: false
+ },
+ dropShadow: {
+ enabled: true,
+ opacity: 0.3,
+ blur: 5,
+ left: -7,
+ top: 22
+ },
+ toolbar: {
+ show: false
+ },
+ events: {
+ mounted: function(ctx, config) {
+ const highest1 = ctx.getHighestValueInSeries(0);
+ const highest2 = ctx.getHighestValueInSeries(1);
+
+ ctx.addPointAnnotation({
+ x: new Date(ctx.w.globals.seriesX[0][ctx.w.globals.series[0].indexOf(highest1)]).getTime(),
+ y: highest1,
+ label: {
+ style: {
+ cssClass: 'd-none'
+ }
+ },
+ customSVG: {
+ SVG: '',
+ cssClass: undefined,
+ offsetX: -8,
+ offsetY: 5
+ }
+ })
+
+ ctx.addPointAnnotation({
+ x: new Date(ctx.w.globals.seriesX[1][ctx.w.globals.series[1].indexOf(highest2)]).getTime(),
+ y: highest2,
+ label: {
+ style: {
+ cssClass: 'd-none'
+ }
+ },
+ customSVG: {
+ SVG: '',
+ cssClass: undefined,
+ offsetX: -8,
+ offsetY: 5
+ }
+ })
+ },
+ }
+ },
+ colors: ['#1b55e2', '#e7515a'],
+ dataLabels: {
+ enabled: false
+ },
+ markers: {
+ discrete: [{
+ seriesIndex: 0,
+ dataPointIndex: 7,
+ fillColor: '#000',
+ strokeColor: '#000',
+ size: 5
+ }, {
+ seriesIndex: 2,
+ dataPointIndex: 11,
+ fillColor: '#000',
+ strokeColor: '#000',
+ size: 4
+ }]
+ },
+ subtitle: {
+ text: 'Total Profit',
+ align: 'left',
+ margin: 0,
+ offsetX: -10,
+ offsetY: 35,
+ floating: false,
+ style: {
+ fontSize: '14px',
+ color: '#888ea8'
+ }
+ },
+ title: {
+ text: '$10,840',
+ align: 'left',
+ margin: 0,
+ offsetX: -10,
+ offsetY: 0,
+ floating: false,
+ style: {
+ fontSize: '25px',
+ color: '#0e1726'
+ },
+ },
+ stroke: {
+ show: true,
+ curve: 'smooth',
+ width: 2,
+ lineCap: 'square'
+ },
+ series: [{
+ name: 'Income',
+ data: [16800, 16800, 15500, 17800, 15500, 17000, 19000, 16000, 15000, 17000, 14000, 17000]
+ }, {
+ name: 'Expenses',
+ data: [16500, 17500, 16200, 17300, 16000, 19500, 16000, 17000, 16000, 19000, 18000, 19000]
+ }],
+ labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+ xaxis: {
+ axisBorder: {
+ show: false
+ },
+ axisTicks: {
+ show: false
+ },
+ crosshairs: {
+ show: true
+ },
+ labels: {
+ offsetX: 0,
+ offsetY: 5,
+ style: {
+ fontSize: '12px',
+ fontFamily: 'Nunito, sans-serif',
+ cssClass: 'apexcharts-xaxis-title',
+ },
+ }
+ },
+ yaxis: {
+ labels: {
+ formatter: function(value, index) {
+ return (value / 1000) + 'K'
+ },
+ offsetX: -22,
+ offsetY: 0,
+ style: {
+ fontSize: '12px',
+ fontFamily: 'Nunito, sans-serif',
+ cssClass: 'apexcharts-yaxis-title',
+ },
+ }
+ },
+ grid: {
+ borderColor: '#e0e6ed',
+ strokeDashArray: 5,
+ xaxis: {
+ lines: {
+ show: true
+ }
+ },
+ yaxis: {
+ lines: {
+ show: false,
+ }
+ },
+ padding: {
+ top: 0,
+ right: 0,
+ bottom: 0,
+ left: -10
+ },
+ },
+ legend: {
+ position: 'top',
+ horizontalAlign: 'right',
+ offsetY: -50,
+ fontSize: '16px',
+ fontFamily: 'Nunito, sans-serif',
+ markers: {
+ width: 10,
+ height: 10,
+ strokeWidth: 0,
+ strokeColor: '#fff',
+ fillColors: undefined,
+ radius: 12,
+ onClick: undefined,
+ offsetX: 0,
+ offsetY: 0
+ },
+ itemMargin: {
+ horizontal: 0,
+ vertical: 20
+ }
+ },
+ tooltip: {
+ theme: 'dark',
+ marker: {
+ show: true,
+ },
+ x: {
+ show: false,
+ }
+ },
+ fill: {
+ type:"gradient",
+ gradient: {
+ type: "vertical",
+ shadeIntensity: 1,
+ inverseColors: !1,
+ opacityFrom: .28,
+ opacityTo: .05,
+ stops: [45, 100]
+ }
+ },
+ responsive: [{
+ breakpoint: 575,
+ options: {
+ legend: {
+ offsetY: -30,
+ },
+ },
+ }]
+}
+
+/*
+ ==================================
+ Sales By Category | Options
+ ==================================
+*/
+var options = {
+ chart: {
+ type: 'donut',
+ width: 380
+ },
+ colors: ['#5c1ac3', '#e2a03f', '#e7515a', '#e2a03f'],
+ dataLabels: {
+ enabled: false
+ },
+ legend: {
+ position: 'bottom',
+ horizontalAlign: 'center',
+ fontSize: '14px',
+ markers: {
+ width: 10,
+ height: 10,
+ },
+ itemMargin: {
+ horizontal: 0,
+ vertical: 8
+ }
+ },
+ plotOptions: {
+ pie: {
+ donut: {
+ size: '65%',
+ background: 'transparent',
+ labels: {
+ show: true,
+ name: {
+ show: true,
+ fontSize: '29px',
+ fontFamily: 'Nunito, sans-serif',
+ color: undefined,
+ offsetY: -10
+ },
+ value: {
+ show: true,
+ fontSize: '26px',
+ fontFamily: 'Nunito, sans-serif',
+ color: '20',
+ offsetY: 16,
+ formatter: function (val) {
+ return val
+ }
+ },
+ total: {
+ show: true,
+ showAlways: true,
+ label: 'Total',
+ color: '#888ea8',
+ formatter: function (w) {
+ return w.globals.seriesTotals.reduce( function(a, b) {
+ return a + b
+ }, 0)
+ }
+ }
+ }
+ }
+ }
+ },
+ stroke: {
+ show: true,
+ width: 25,
+ },
+ series: [985, 737, 270],
+ labels: ['Apparel', 'Electronic', 'Others'],
+ responsive: [{
+ breakpoint: 1599,
+ options: {
+ chart: {
+ width: '350px',
+ height: '400px'
+ },
+ legend: {
+ position: 'bottom'
+ }
+ },
+
+ breakpoint: 1439,
+ options: {
+ chart: {
+ width: '250px',
+ height: '390px'
+ },
+ legend: {
+ position: 'bottom'
+ },
+ plotOptions: {
+ pie: {
+ donut: {
+ size: '65%',
+ }
+ }
+ }
+ },
+ }]
+}
+
+
+/*
+ ==============================
+ | @Render Charts Script |
+ ==============================
+*/
+
+
+/*
+ ============================
+ Daily Sales | Render
+ ============================
+*/
+var d_2C_1 = new ApexCharts(document.querySelector("#daily-sales"), d_2options1);
+d_2C_1.render();
+
+/*
+ ============================
+ Total Orders | Render
+ ============================
+*/
+var d_2C_2 = new ApexCharts(document.querySelector("#total-orders"), d_2options2);
+d_2C_2.render();
+
+/*
+ ================================
+ Revenue Monthly | Render
+ ================================
+*/
+var chart1 = new ApexCharts(
+ document.querySelector("#revenueMonthly"),
+ options1
+);
+
+chart1.render();
+
+/*
+ =================================
+ Sales By Category | Render
+ =================================
+*/
+var chart = new ApexCharts(
+ document.querySelector("#chart-2"),
+ options
+);
+
+chart.render();
+
+/*
+ =============================================
+ Perfect Scrollbar | Recent Activities
+ =============================================
+*/
+const ps = new PerfectScrollbar(document.querySelector('.mt-container'));
+
+
+} catch(e) {
+ console.log(e);
+}
\ No newline at end of file
diff --git a/static/js/dashboard/dash_2.js b/static/js/dashboard/dash_2.js
new file mode 100644
index 00000000..6ae00dc1
--- /dev/null
+++ b/static/js/dashboard/dash_2.js
@@ -0,0 +1,503 @@
+try {
+
+
+ /*
+ ==============================
+ | @Options Charts Script |
+ ==============================
+ */
+
+ /*
+ ======================================
+ Visitor Statistics | Options
+ ======================================
+ */
+
+
+ // Total Visits
+
+ var spark1 = {
+ chart: {
+ id: 'unique-visits',
+ group: 'sparks2',
+ type: 'line',
+ height: 80,
+ sparkline: {
+ enabled: true
+ },
+ dropShadow: {
+ enabled: true,
+ top: 1,
+ left: 1,
+ blur: 2,
+ color: '#e2a03f',
+ opacity: 0.7,
+ }
+ },
+ series: [{
+ data: [21, 9, 36, 12, 44, 25, 59, 41, 66, 25]
+ }],
+ stroke: {
+ curve: 'smooth',
+ width: 2,
+ },
+ markers: {
+ size: 0
+ },
+ grid: {
+ padding: {
+ top: 35,
+ bottom: 0,
+ left: 40
+ }
+ },
+ colors: ['#e2a03f'],
+ tooltip: {
+ x: {
+ show: false
+ },
+ y: {
+ title: {
+ formatter: function formatter(val) {
+ return '';
+ }
+ }
+ }
+ },
+ responsive: [{
+ breakpoint: 1351,
+ options: {
+ chart: {
+ height: 95,
+ },
+ grid: {
+ padding: {
+ top: 35,
+ bottom: 0,
+ left: 0
+ }
+ },
+ },
+ },
+ {
+ breakpoint: 1200,
+ options: {
+ chart: {
+ height: 80,
+ },
+ grid: {
+ padding: {
+ top: 35,
+ bottom: 0,
+ left: 40
+ }
+ },
+ },
+ },
+ {
+ breakpoint: 576,
+ options: {
+ chart: {
+ height: 95,
+ },
+ grid: {
+ padding: {
+ top: 45,
+ bottom: 0,
+ left: 0
+ }
+ },
+ },
+ }
+
+ ]
+ }
+
+ // Paid Visits
+
+ var spark2 = {
+ chart: {
+ id: 'total-users',
+ group: 'sparks1',
+ type: 'line',
+ height: 80,
+ sparkline: {
+ enabled: true
+ },
+ dropShadow: {
+ enabled: true,
+ top: 3,
+ left: 1,
+ blur: 3,
+ color: '#009688',
+ opacity: 0.7,
+ }
+ },
+ series: [{
+ data: [22, 19, 30, 47, 32, 44, 34, 55, 41, 69]
+ }],
+ stroke: {
+ curve: 'smooth',
+ width: 2,
+ },
+ markers: {
+ size: 0
+ },
+ grid: {
+ padding: {
+ top: 35,
+ bottom: 0,
+ left: 40
+ }
+ },
+ colors: ['#009688'],
+ tooltip: {
+ x: {
+ show: false
+ },
+ y: {
+ title: {
+ formatter: function formatter(val) {
+ return '';
+ }
+ }
+ }
+ },
+ responsive: [{
+ breakpoint: 1351,
+ options: {
+ chart: {
+ height: 95,
+ },
+ grid: {
+ padding: {
+ top: 35,
+ bottom: 0,
+ left: 0
+ }
+ },
+ },
+ },
+ {
+ breakpoint: 1200,
+ options: {
+ chart: {
+ height: 80,
+ },
+ grid: {
+ padding: {
+ top: 35,
+ bottom: 0,
+ left: 40
+ }
+ },
+ },
+ },
+ {
+ breakpoint: 576,
+ options: {
+ chart: {
+ height: 95,
+ },
+ grid: {
+ padding: {
+ top: 35,
+ bottom: 0,
+ left: 0
+ }
+ },
+ },
+ }
+ ]
+ }
+
+
+ /*
+ ===================================
+ Unique Visitors | Options
+ ===================================
+ */
+
+ var d_1options1 = {
+ chart: {
+ height: 350,
+ type: 'bar',
+ toolbar: {
+ show: false,
+ },
+ dropShadow: {
+ enabled: true,
+ top: 1,
+ left: 1,
+ blur: 2,
+ color: '#acb0c3',
+ opacity: 0.7,
+ }
+ },
+ colors: ['#5c1ac3', '#ffbb44'],
+ plotOptions: {
+ bar: {
+ horizontal: false,
+ columnWidth: '55%',
+ endingShape: 'rounded'
+ },
+ },
+ dataLabels: {
+ enabled: false
+ },
+ legend: {
+ position: 'bottom',
+ horizontalAlign: 'center',
+ fontSize: '14px',
+ markers: {
+ width: 10,
+ height: 10,
+ },
+ itemMargin: {
+ horizontal: 0,
+ vertical: 8
+ }
+ },
+ stroke: {
+ show: true,
+ width: 2,
+ colors: ['transparent']
+ },
+ series: [{
+ name: 'Direct',
+ data: [58, 44, 55, 57, 56, 61, 58, 63, 60, 66, 56, 63]
+ }, {
+ name: 'Organic',
+ data: [91, 76, 85, 101, 98, 87, 105, 91, 114, 94, 66, 70]
+ }],
+ xaxis: {
+ categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+ },
+ fill: {
+ type: 'gradient',
+ gradient: {
+ shade: 'light',
+ type: 'vertical',
+ shadeIntensity: 0.3,
+ inverseColors: false,
+ opacityFrom: 1,
+ opacityTo: 0.8,
+ stops: [0, 100]
+ }
+ },
+ tooltip: {
+ y: {
+ formatter: function (val) {
+ return val
+ }
+ }
+ }
+ }
+
+ /*
+ ==============================
+ Statistics | Options
+ ==============================
+ */
+
+ // Followers
+
+ var d_1options3 = {
+ chart: {
+ id: 'sparkline1',
+ type: 'area',
+ height: 160,
+ sparkline: {
+ enabled: true
+ },
+ },
+ stroke: {
+ curve: 'smooth',
+ width: 2,
+ },
+ series: [{
+ name: 'Sales',
+ data: [38, 60, 38, 52, 36, 40, 28 ]
+ }],
+ labels: ['1', '2', '3', '4', '5', '6', '7'],
+ yaxis: {
+ min: 0
+ },
+ colors: ['#1b55e2'],
+ tooltip: {
+ x: {
+ show: false,
+ }
+ },
+ fill: {
+ type:"gradient",
+ gradient: {
+ type: "vertical",
+ shadeIntensity: 1,
+ inverseColors: !1,
+ opacityFrom: .40,
+ opacityTo: .05,
+ stops: [45, 100]
+ }
+ },
+ }
+
+ // Referral
+
+ var d_1options4 = {
+ chart: {
+ id: 'sparkline1',
+ type: 'area',
+ height: 160,
+ sparkline: {
+ enabled: true
+ },
+ },
+ stroke: {
+ curve: 'smooth',
+ width: 2,
+ },
+ series: [{
+ name: 'Sales',
+ data: [ 60, 28, 52, 38, 40, 36, 38]
+ }],
+ labels: ['1', '2', '3', '4', '5', '6', '7'],
+ yaxis: {
+ min: 0
+ },
+ colors: ['#e7515a'],
+ tooltip: {
+ x: {
+ show: false,
+ }
+ },
+ fill: {
+ type:"gradient",
+ gradient: {
+ type: "vertical",
+ shadeIntensity: 1,
+ inverseColors: !1,
+ opacityFrom: .40,
+ opacityTo: .05,
+ stops: [45, 100]
+ }
+ },
+ }
+
+ // Engagement Rate
+
+ var d_1options5 = {
+ chart: {
+ id: 'sparkline1',
+ type: 'area',
+ height: 160,
+ sparkline: {
+ enabled: true
+ },
+ },
+ stroke: {
+ curve: 'smooth',
+ width: 2,
+ },
+ fill: {
+ opacity: 1,
+ },
+ series: [{
+ name: 'Sales',
+ data: [28, 50, 36, 60, 38, 52, 38 ]
+ }],
+ labels: ['1', '2', '3', '4', '5', '6', '7'],
+ yaxis: {
+ min: 0
+ },
+ colors: ['#8dbf42'],
+ tooltip: {
+ x: {
+ show: false,
+ }
+ },
+ fill: {
+ type:"gradient",
+ gradient: {
+ type: "vertical",
+ shadeIntensity: 1,
+ inverseColors: !1,
+ opacityFrom: .40,
+ opacityTo: .05,
+ stops: [45, 100]
+ }
+ },
+ }
+
+
+
+
+ /*
+ ==============================
+ | @Render Charts Script |
+ ==============================
+ */
+
+
+ /*
+ ======================================
+ Visitor Statistics | Script
+ ======================================
+ */
+
+ // Total Visits
+ d_1C_1 = new ApexCharts(document.querySelector("#total-users"), spark1);
+ d_1C_1.render();
+
+ // Paid Visits
+ d_1C_2 = new ApexCharts(document.querySelector("#paid-visits"), spark2);
+ d_1C_2.render();
+
+ /*
+ ===================================
+ Unique Visitors | Script
+ ===================================
+ */
+
+ var d_1C_3 = new ApexCharts(
+ document.querySelector("#uniqueVisits"),
+ d_1options1
+ );
+ d_1C_3.render();
+
+ /*
+ ==============================
+ Statistics | Script
+ ==============================
+ */
+
+
+ // Followers
+
+ var d_1C_5 = new ApexCharts(document.querySelector("#hybrid_followers"), d_1options3);
+ d_1C_5.render()
+
+ // Referral
+
+ var d_1C_6 = new ApexCharts(document.querySelector("#hybrid_followers1"), d_1options4);
+ d_1C_6.render()
+
+ // Engagement Rate
+
+ var d_1C_7 = new ApexCharts(document.querySelector("#hybrid_followers3"), d_1options5);
+ d_1C_7.render()
+
+
+
+ /*
+ =============================================
+ Perfect Scrollbar | Notifications
+ =============================================
+ */
+ const ps = new PerfectScrollbar(document.querySelector('.mt-container'));
+
+
+} catch(e) {
+ // statements
+ console.log(e);
+}
diff --git a/static/js/elements/custom-search.js b/static/js/elements/custom-search.js
new file mode 100644
index 00000000..252eb729
--- /dev/null
+++ b/static/js/elements/custom-search.js
@@ -0,0 +1,20 @@
+// Search 1
+
+$('#input-search').on('keyup', function() {
+ var rex = new RegExp($(this).val(), 'i');
+ $('.searchable-container .items').hide();
+ $('.searchable-container .items').filter(function() {
+ return rex.test($(this).text());
+ }).show();
+});
+
+
+// Search 2
+document.getElementsByClassName('full-search')[0].addEventListener('click', function() {
+ this.classList.add("input-focused");
+ document.getElementsByClassName('demo-search-overlay')[0].classList.add("show");
+})
+document.getElementsByClassName('demo-search-overlay')[0].addEventListener('click', function() {
+ this.classList.remove("show");
+ document.getElementsByClassName('full-search')[0].classList.remove("input-focused");
+})
\ No newline at end of file
diff --git a/static/js/elements/popovers.js b/static/js/elements/popovers.js
new file mode 100644
index 00000000..12f9294d
--- /dev/null
+++ b/static/js/elements/popovers.js
@@ -0,0 +1,45 @@
+/*
+ Popovers
+*/
+
+$('.btn-popover-primary').popover({
+ template: '',
+ title: "Primary",
+ content: "Primary popover"
+});
+
+$('.btn-popover-success').popover({
+ template: '',
+ title: "Success",
+ content: "Success popover"
+});
+
+$('.btn-popover-info').popover({
+ template: '',
+ title: "Info",
+ content: "Info popover"
+});
+
+$('.btn-popover-danger').popover({
+ template: '',
+ title: "Danger",
+ content: "Danger popover"
+});
+
+$('.btn-popover-warning').popover({
+ template: '',
+ title: "Warning",
+ content: "Warning popover"
+});
+
+$('.btn-popover-secondary').popover({
+ template: '',
+ title: "Secondary",
+ content: "Secondary popover"
+});
+
+$('.btn-popover-dark').popover({
+ template: '',
+ title: "Dark",
+ content: "Dark popover"
+});
diff --git a/static/js/elements/tooltip.js b/static/js/elements/tooltip.js
new file mode 100644
index 00000000..7f15f2c2
--- /dev/null
+++ b/static/js/elements/tooltip.js
@@ -0,0 +1,38 @@
+/*
+ Tooltip
+*/
+
+$('.primary').tooltip({
+ template: '',
+ title: "Primary"
+});
+
+$('.success').tooltip({
+ template: '',
+ title: "Success"
+});
+
+$('.info').tooltip({
+ template: '',
+ title: "Info"
+});
+
+$('.danger').tooltip({
+ template: '',
+ title: "Danger"
+});
+
+$('.warning').tooltip({
+ template: '',
+ title: "Warning"
+});
+
+$('.secondary').tooltip({
+ template: '',
+ title: "Secondary"
+});
+
+$('.dark').tooltip({
+ template: '',
+ title: "Dark"
+});
\ No newline at end of file
diff --git a/static/js/forms/bootstrap_validation/bs_validation_script.js b/static/js/forms/bootstrap_validation/bs_validation_script.js
new file mode 100644
index 00000000..01157b8a
--- /dev/null
+++ b/static/js/forms/bootstrap_validation/bs_validation_script.js
@@ -0,0 +1,80 @@
+// Example starter JavaScript for disabling form submissions if there are invalid fields
+(function() {
+ 'use strict';
+ window.addEventListener('load', function() {
+ // Fetch all the forms we want to apply custom Bootstrap validation styles to
+ var forms = document.getElementsByClassName('needs-validation');
+ // Loop over them and prevent submission
+ var validation = Array.prototype.filter.call(forms, function(form) {
+ form.addEventListener('submit', function(event) {
+ if (form.checkValidity() === false) {
+ event.preventDefault();
+ event.stopPropagation();
+ }
+ form.classList.add('was-validated');
+ }, false);
+ });
+ }, false);
+
+ window.addEventListener('load', function() {
+ // Fetch all the forms we want to apply custom Bootstrap validation styles to
+ var forms = document.getElementsByClassName('simple-example');
+ var invalid = $('.simple-example .invalid-feedback');
+
+ // Loop over them and prevent submission
+ var validation = Array.prototype.filter.call(forms, function(form) {
+ form.addEventListener('submit', function(event) {
+ if (form.checkValidity() === false) {
+ event.preventDefault();
+ event.stopPropagation();
+ invalid.css('display', 'block');
+ } else {
+ invalid.css('display', 'none');
+ form.classList.add('was-validated');
+ }
+ }, false);
+ });
+
+ }, false);
+
+ window.addEventListener('load', function() {
+ // Fetch all the forms we want to apply custom Bootstrap validation styles to
+ var forms = document.getElementsByClassName('email');
+ var invalid = $('.email .invalid-feedback');
+
+ // Loop over them and prevent submission
+ var validation = Array.prototype.filter.call(forms, function(form) {
+ form.addEventListener('submit', function(event) {
+ if (form.checkValidity() === false) {
+ event.preventDefault();
+ event.stopPropagation();
+ invalid.css('display', 'block');
+ } else {
+ invalid.css('display', 'none');
+ form.classList.add('was-validated');
+ }
+ }, false);
+ });
+ }, false);
+
+ window.addEventListener('load', function() {
+ // Fetch all the forms we want to apply custom Bootstrap validation styles to
+ var forms = document.getElementsByClassName('select');
+ var invalid = $('.select .invalid-feedback');
+
+ // Loop over them and prevent submission
+ var validation = Array.prototype.filter.call(forms, function(form) {
+ form.addEventListener('submit', function(event) {
+ if (form.checkValidity() === false) {
+ event.preventDefault();
+ event.stopPropagation();
+ invalid.css('display', 'block');
+ } else {
+ invalid.css('display', 'none');
+ form.classList.add('was-validated');
+ }
+ }, false);
+ });
+ }, false);
+
+})();
\ No newline at end of file
diff --git a/static/js/forms/custom-clipboard.js b/static/js/forms/custom-clipboard.js
new file mode 100644
index 00000000..7c7d9257
--- /dev/null
+++ b/static/js/forms/custom-clipboard.js
@@ -0,0 +1 @@
+var clipboard = new Clipboard('.btn');
\ No newline at end of file
diff --git a/static/js/ie11fix/fn.fix-padStart.js b/static/js/ie11fix/fn.fix-padStart.js
new file mode 100644
index 00000000..f70a3b3f
--- /dev/null
+++ b/static/js/ie11fix/fn.fix-padStart.js
@@ -0,0 +1,18 @@
+// https://github.com/uxitten/polyfill/blob/master/string.polyfill.js
+// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/padStart
+if (!String.prototype.padStart) {
+ String.prototype.padStart = function padStart(targetLength,padString) {
+ targetLength = targetLength>>0; //truncate if number or convert non-number to 0;
+ padString = String((typeof padString !== 'undefined' ? padString : ' '));
+ if (this.length > targetLength) {
+ return String(this);
+ }
+ else {
+ targetLength = targetLength-this.length;
+ if (targetLength > padString.length) {
+ padString += padString.repeat(targetLength/padString.length); //append to original to ensure we are longer than needed
+ }
+ return padString.slice(0,targetLength) + String(this);
+ }
+ };
+}
\ No newline at end of file
diff --git a/static/js/libs/jquery-3.1.1.min.js b/static/js/libs/jquery-3.1.1.min.js
new file mode 100644
index 00000000..4c5be4c0
--- /dev/null
+++ b/static/js/libs/jquery-3.1.1.min.js
@@ -0,0 +1,4 @@
+/*! jQuery v3.1.1 | (c) jQuery Foundation | jquery.org/license */
+!function(a,b){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){"use strict";var c=[],d=a.document,e=Object.getPrototypeOf,f=c.slice,g=c.concat,h=c.push,i=c.indexOf,j={},k=j.toString,l=j.hasOwnProperty,m=l.toString,n=m.call(Object),o={};function p(a,b){b=b||d;var c=b.createElement("script");c.text=a,b.head.appendChild(c).parentNode.removeChild(c)}var q="3.1.1",r=function(a,b){return new r.fn.init(a,b)},s=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,t=/^-ms-/,u=/-([a-z])/g,v=function(a,b){return b.toUpperCase()};r.fn=r.prototype={jquery:q,constructor:r,length:0,toArray:function(){return f.call(this)},get:function(a){return null==a?f.call(this):a<0?this[a+this.length]:this[a]},pushStack:function(a){var b=r.merge(this.constructor(),a);return b.prevObject=this,b},each:function(a){return r.each(this,a)},map:function(a){return this.pushStack(r.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(f.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(a<0?b:0);return this.pushStack(c>=0&&c0&&b-1 in a)}var x=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=ha(),z=ha(),A=ha(),B=function(a,b){return a===b&&(l=!0),0},C={}.hasOwnProperty,D=[],E=D.pop,F=D.push,G=D.push,H=D.slice,I=function(a,b){for(var c=0,d=a.length;c+~]|"+K+")"+K+"*"),S=new RegExp("="+K+"*([^\\]'\"]*?)"+K+"*\\]","g"),T=new RegExp(N),U=new RegExp("^"+L+"$"),V={ID:new RegExp("^#("+L+")"),CLASS:new RegExp("^\\.("+L+")"),TAG:new RegExp("^("+L+"|[*])"),ATTR:new RegExp("^"+M),PSEUDO:new RegExp("^"+N),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+K+"*(even|odd|(([+-]|)(\\d*)n|)"+K+"*(?:([+-]|)"+K+"*(\\d+)|))"+K+"*\\)|)","i"),bool:new RegExp("^(?:"+J+")$","i"),needsContext:new RegExp("^"+K+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+K+"*((?:-\\d)?\\d*)"+K+"*\\)|)(?=[^-]|$)","i")},W=/^(?:input|select|textarea|button)$/i,X=/^h\d$/i,Y=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,$=/[+~]/,_=new RegExp("\\\\([\\da-f]{1,6}"+K+"?|("+K+")|.)","ig"),aa=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:d<0?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},ba=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ca=function(a,b){return b?"\0"===a?"\ufffd":a.slice(0,-1)+"\\"+a.charCodeAt(a.length-1).toString(16)+" ":"\\"+a},da=function(){m()},ea=ta(function(a){return a.disabled===!0&&("form"in a||"label"in a)},{dir:"parentNode",next:"legend"});try{G.apply(D=H.call(v.childNodes),v.childNodes),D[v.childNodes.length].nodeType}catch(fa){G={apply:D.length?function(a,b){F.apply(a,H.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function ga(a,b,d,e){var f,h,j,k,l,o,r,s=b&&b.ownerDocument,w=b?b.nodeType:9;if(d=d||[],"string"!=typeof a||!a||1!==w&&9!==w&&11!==w)return d;if(!e&&((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,p)){if(11!==w&&(l=Z.exec(a)))if(f=l[1]){if(9===w){if(!(j=b.getElementById(f)))return d;if(j.id===f)return d.push(j),d}else if(s&&(j=s.getElementById(f))&&t(b,j)&&j.id===f)return d.push(j),d}else{if(l[2])return G.apply(d,b.getElementsByTagName(a)),d;if((f=l[3])&&c.getElementsByClassName&&b.getElementsByClassName)return G.apply(d,b.getElementsByClassName(f)),d}if(c.qsa&&!A[a+" "]&&(!q||!q.test(a))){if(1!==w)s=b,r=a;else if("object"!==b.nodeName.toLowerCase()){(k=b.getAttribute("id"))?k=k.replace(ba,ca):b.setAttribute("id",k=u),o=g(a),h=o.length;while(h--)o[h]="#"+k+" "+sa(o[h]);r=o.join(","),s=$.test(a)&&qa(b.parentNode)||b}if(r)try{return G.apply(d,s.querySelectorAll(r)),d}catch(x){}finally{k===u&&b.removeAttribute("id")}}}return i(a.replace(P,"$1"),b,d,e)}function ha(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ia(a){return a[u]=!0,a}function ja(a){var b=n.createElement("fieldset");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function ka(a,b){var c=a.split("|"),e=c.length;while(e--)d.attrHandle[c[e]]=b}function la(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&a.sourceIndex-b.sourceIndex;if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function ma(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function na(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function oa(a){return function(b){return"form"in b?b.parentNode&&b.disabled===!1?"label"in b?"label"in b.parentNode?b.parentNode.disabled===a:b.disabled===a:b.isDisabled===a||b.isDisabled!==!a&&ea(b)===a:b.disabled===a:"label"in b&&b.disabled===a}}function pa(a){return ia(function(b){return b=+b,ia(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function qa(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=ga.support={},f=ga.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return!!b&&"HTML"!==b.nodeName},m=ga.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=n.documentElement,p=!f(n),v!==n&&(e=n.defaultView)&&e.top!==e&&(e.addEventListener?e.addEventListener("unload",da,!1):e.attachEvent&&e.attachEvent("onunload",da)),c.attributes=ja(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ja(function(a){return a.appendChild(n.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=Y.test(n.getElementsByClassName),c.getById=ja(function(a){return o.appendChild(a).id=u,!n.getElementsByName||!n.getElementsByName(u).length}),c.getById?(d.filter.ID=function(a){var b=a.replace(_,aa);return function(a){return a.getAttribute("id")===b}},d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c?[c]:[]}}):(d.filter.ID=function(a){var b=a.replace(_,aa);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}},d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c,d,e,f=b.getElementById(a);if(f){if(c=f.getAttributeNode("id"),c&&c.value===a)return[f];e=b.getElementsByName(a),d=0;while(f=e[d++])if(c=f.getAttributeNode("id"),c&&c.value===a)return[f]}return[]}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){if("undefined"!=typeof b.getElementsByClassName&&p)return b.getElementsByClassName(a)},r=[],q=[],(c.qsa=Y.test(n.querySelectorAll))&&(ja(function(a){o.appendChild(a).innerHTML="",a.querySelectorAll("[msallowcapture^='']").length&&q.push("[*^$]="+K+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||q.push("\\["+K+"*(?:value|"+J+")"),a.querySelectorAll("[id~="+u+"-]").length||q.push("~="),a.querySelectorAll(":checked").length||q.push(":checked"),a.querySelectorAll("a#"+u+"+*").length||q.push(".#.+[+~]")}),ja(function(a){a.innerHTML="";var b=n.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&q.push("name"+K+"*[*^$|!~]?="),2!==a.querySelectorAll(":enabled").length&&q.push(":enabled",":disabled"),o.appendChild(a).disabled=!0,2!==a.querySelectorAll(":disabled").length&&q.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),q.push(",.*:")})),(c.matchesSelector=Y.test(s=o.matches||o.webkitMatchesSelector||o.mozMatchesSelector||o.oMatchesSelector||o.msMatchesSelector))&&ja(function(a){c.disconnectedMatch=s.call(a,"*"),s.call(a,"[s!='']:x"),r.push("!=",N)}),q=q.length&&new RegExp(q.join("|")),r=r.length&&new RegExp(r.join("|")),b=Y.test(o.compareDocumentPosition),t=b||Y.test(o.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},B=b?function(a,b){if(a===b)return l=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===n||a.ownerDocument===v&&t(v,a)?-1:b===n||b.ownerDocument===v&&t(v,b)?1:k?I(k,a)-I(k,b):0:4&d?-1:1)}:function(a,b){if(a===b)return l=!0,0;var c,d=0,e=a.parentNode,f=b.parentNode,g=[a],h=[b];if(!e||!f)return a===n?-1:b===n?1:e?-1:f?1:k?I(k,a)-I(k,b):0;if(e===f)return la(a,b);c=a;while(c=c.parentNode)g.unshift(c);c=b;while(c=c.parentNode)h.unshift(c);while(g[d]===h[d])d++;return d?la(g[d],h[d]):g[d]===v?-1:h[d]===v?1:0},n):n},ga.matches=function(a,b){return ga(a,null,null,b)},ga.matchesSelector=function(a,b){if((a.ownerDocument||a)!==n&&m(a),b=b.replace(S,"='$1']"),c.matchesSelector&&p&&!A[b+" "]&&(!r||!r.test(b))&&(!q||!q.test(b)))try{var d=s.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return ga(b,n,null,[a]).length>0},ga.contains=function(a,b){return(a.ownerDocument||a)!==n&&m(a),t(a,b)},ga.attr=function(a,b){(a.ownerDocument||a)!==n&&m(a);var e=d.attrHandle[b.toLowerCase()],f=e&&C.call(d.attrHandle,b.toLowerCase())?e(a,b,!p):void 0;return void 0!==f?f:c.attributes||!p?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},ga.escape=function(a){return(a+"").replace(ba,ca)},ga.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},ga.uniqueSort=function(a){var b,d=[],e=0,f=0;if(l=!c.detectDuplicates,k=!c.sortStable&&a.slice(0),a.sort(B),l){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return k=null,a},e=ga.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=ga.selectors={cacheLength:50,createPseudo:ia,match:V,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(_,aa),a[3]=(a[3]||a[4]||a[5]||"").replace(_,aa),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||ga.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&ga.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return V.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||"":c&&T.test(c)&&(b=g(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(_,aa).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=y[a+" "];return b||(b=new RegExp("(^|"+K+")"+a+"("+K+"|$)"))&&y(a,function(a){return b.test("string"==typeof a.className&&a.className||"undefined"!=typeof a.getAttribute&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=ga.attr(d,a);return null==e?"!="===b:!b||(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e.replace(O," ")+" ").indexOf(c)>-1:"|="===b&&(e===c||e.slice(0,c.length+1)===c+"-"))}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h,t=!1;if(q){if(f){while(p){m=b;while(m=m[p])if(h?m.nodeName.toLowerCase()===r:1===m.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){m=q,l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),j=k[a]||[],n=j[0]===w&&j[1],t=n&&j[2],m=n&&q.childNodes[n];while(m=++n&&m&&m[p]||(t=n=0)||o.pop())if(1===m.nodeType&&++t&&m===b){k[a]=[w,n,t];break}}else if(s&&(m=b,l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),j=k[a]||[],n=j[0]===w&&j[1],t=n),t===!1)while(m=++n&&m&&m[p]||(t=n=0)||o.pop())if((h?m.nodeName.toLowerCase()===r:1===m.nodeType)&&++t&&(s&&(l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),k[a]=[w,t]),m===b))break;return t-=e,t===d||t%d===0&&t/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||ga.error("unsupported pseudo: "+a);return e[u]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?ia(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=I(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:ia(function(a){var b=[],c=[],d=h(a.replace(P,"$1"));return d[u]?ia(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),b[0]=null,!c.pop()}}),has:ia(function(a){return function(b){return ga(a,b).length>0}}),contains:ia(function(a){return a=a.replace(_,aa),function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:ia(function(a){return U.test(a||"")||ga.error("unsupported lang: "+a),a=a.replace(_,aa).toLowerCase(),function(b){var c;do if(c=p?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===o},focus:function(a){return a===n.activeElement&&(!n.hasFocus||n.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:oa(!1),disabled:oa(!0),checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return X.test(a.nodeName)},input:function(a){return W.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:pa(function(){return[0]}),last:pa(function(a,b){return[b-1]}),eq:pa(function(a,b,c){return[c<0?c+b:c]}),even:pa(function(a,b){for(var c=0;c=0;)a.push(d);return a}),gt:pa(function(a,b,c){for(var d=c<0?c+b:c;++d1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function va(a,b,c){for(var d=0,e=b.length;d-1&&(f[j]=!(g[j]=l))}}else r=wa(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):G.apply(g,r)})}function ya(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=ta(function(a){return a===b},h,!0),l=ta(function(a){return I(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];i1&&ua(m),i>1&&sa(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(P,"$1"),c,i0,e=a.length>0,f=function(f,g,h,i,k){var l,o,q,r=0,s="0",t=f&&[],u=[],v=j,x=f||e&&d.find.TAG("*",k),y=w+=null==v?1:Math.random()||.1,z=x.length;for(k&&(j=g===n||g||k);s!==z&&null!=(l=x[s]);s++){if(e&&l){o=0,g||l.ownerDocument===n||(m(l),h=!p);while(q=a[o++])if(q(l,g||n,h)){i.push(l);break}k&&(w=y)}c&&((l=!q&&l)&&r--,f&&t.push(l))}if(r+=s,c&&s!==r){o=0;while(q=b[o++])q(t,u,g,h);if(f){if(r>0)while(s--)t[s]||u[s]||(u[s]=E.call(i));u=wa(u)}G.apply(i,u),k&&!f&&u.length>0&&r+b.length>1&&ga.uniqueSort(i)}return k&&(w=y,j=v),t};return c?ia(f):f}return h=ga.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=ya(b[c]),f[u]?d.push(f):e.push(f);f=A(a,za(e,d)),f.selector=a}return f},i=ga.select=function(a,b,c,e){var f,i,j,k,l,m="function"==typeof a&&a,n=!e&&g(a=m.selector||a);if(c=c||[],1===n.length){if(i=n[0]=n[0].slice(0),i.length>2&&"ID"===(j=i[0]).type&&9===b.nodeType&&p&&d.relative[i[1].type]){if(b=(d.find.ID(j.matches[0].replace(_,aa),b)||[])[0],!b)return c;m&&(b=b.parentNode),a=a.slice(i.shift().value.length)}f=V.needsContext.test(a)?0:i.length;while(f--){if(j=i[f],d.relative[k=j.type])break;if((l=d.find[k])&&(e=l(j.matches[0].replace(_,aa),$.test(i[0].type)&&qa(b.parentNode)||b))){if(i.splice(f,1),a=e.length&&sa(i),!a)return G.apply(c,e),c;break}}}return(m||h(a,n))(e,b,!p,c,!b||$.test(a)&&qa(b.parentNode)||b),c},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ja(function(a){return 1&a.compareDocumentPosition(n.createElement("fieldset"))}),ja(function(a){return a.innerHTML="","#"===a.firstChild.getAttribute("href")})||ka("type|href|height|width",function(a,b,c){if(!c)return a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),c.attributes&&ja(function(a){return a.innerHTML="",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||ka("value",function(a,b,c){if(!c&&"input"===a.nodeName.toLowerCase())return a.defaultValue}),ja(function(a){return null==a.getAttribute("disabled")})||ka(J,function(a,b,c){var d;if(!c)return a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),ga}(a);r.find=x,r.expr=x.selectors,r.expr[":"]=r.expr.pseudos,r.uniqueSort=r.unique=x.uniqueSort,r.text=x.getText,r.isXMLDoc=x.isXML,r.contains=x.contains,r.escapeSelector=x.escape;var y=function(a,b,c){var d=[],e=void 0!==c;while((a=a[b])&&9!==a.nodeType)if(1===a.nodeType){if(e&&r(a).is(c))break;d.push(a)}return d},z=function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c},A=r.expr.match.needsContext,B=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i,C=/^.[^:#\[\.,]*$/;function D(a,b,c){return r.isFunction(b)?r.grep(a,function(a,d){return!!b.call(a,d,a)!==c}):b.nodeType?r.grep(a,function(a){return a===b!==c}):"string"!=typeof b?r.grep(a,function(a){return i.call(b,a)>-1!==c}):C.test(b)?r.filter(b,a,c):(b=r.filter(b,a),r.grep(a,function(a){return i.call(b,a)>-1!==c&&1===a.nodeType}))}r.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?r.find.matchesSelector(d,a)?[d]:[]:r.find.matches(a,r.grep(b,function(a){return 1===a.nodeType}))},r.fn.extend({find:function(a){var b,c,d=this.length,e=this;if("string"!=typeof a)return this.pushStack(r(a).filter(function(){for(b=0;b1?r.uniqueSort(c):c},filter:function(a){return this.pushStack(D(this,a||[],!1))},not:function(a){return this.pushStack(D(this,a||[],!0))},is:function(a){return!!D(this,"string"==typeof a&&A.test(a)?r(a):a||[],!1).length}});var E,F=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/,G=r.fn.init=function(a,b,c){var e,f;if(!a)return this;if(c=c||E,"string"==typeof a){if(e="<"===a[0]&&">"===a[a.length-1]&&a.length>=3?[null,a,null]:F.exec(a),!e||!e[1]&&b)return!b||b.jquery?(b||c).find(a):this.constructor(b).find(a);if(e[1]){if(b=b instanceof r?b[0]:b,r.merge(this,r.parseHTML(e[1],b&&b.nodeType?b.ownerDocument||b:d,!0)),B.test(e[1])&&r.isPlainObject(b))for(e in b)r.isFunction(this[e])?this[e](b[e]):this.attr(e,b[e]);return this}return f=d.getElementById(e[2]),f&&(this[0]=f,this.length=1),this}return a.nodeType?(this[0]=a,this.length=1,this):r.isFunction(a)?void 0!==c.ready?c.ready(a):a(r):r.makeArray(a,this)};G.prototype=r.fn,E=r(d);var H=/^(?:parents|prev(?:Until|All))/,I={children:!0,contents:!0,next:!0,prev:!0};r.fn.extend({has:function(a){var b=r(a,this),c=b.length;return this.filter(function(){for(var a=0;a-1:1===c.nodeType&&r.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?r.uniqueSort(f):f)},index:function(a){return a?"string"==typeof a?i.call(r(a),this[0]):i.call(this,a.jquery?a[0]:a):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(r.uniqueSort(r.merge(this.get(),r(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}});function J(a,b){while((a=a[b])&&1!==a.nodeType);return a}r.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return y(a,"parentNode")},parentsUntil:function(a,b,c){return y(a,"parentNode",c)},next:function(a){return J(a,"nextSibling")},prev:function(a){return J(a,"previousSibling")},nextAll:function(a){return y(a,"nextSibling")},prevAll:function(a){return y(a,"previousSibling")},nextUntil:function(a,b,c){return y(a,"nextSibling",c)},prevUntil:function(a,b,c){return y(a,"previousSibling",c)},siblings:function(a){return z((a.parentNode||{}).firstChild,a)},children:function(a){return z(a.firstChild)},contents:function(a){return a.contentDocument||r.merge([],a.childNodes)}},function(a,b){r.fn[a]=function(c,d){var e=r.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=r.filter(d,e)),this.length>1&&(I[a]||r.uniqueSort(e),H.test(a)&&e.reverse()),this.pushStack(e)}});var K=/[^\x20\t\r\n\f]+/g;function L(a){var b={};return r.each(a.match(K)||[],function(a,c){b[c]=!0}),b}r.Callbacks=function(a){a="string"==typeof a?L(a):r.extend({},a);var b,c,d,e,f=[],g=[],h=-1,i=function(){for(e=a.once,d=b=!0;g.length;h=-1){c=g.shift();while(++h-1)f.splice(c,1),c<=h&&h--}),this},has:function(a){return a?r.inArray(a,f)>-1:f.length>0},empty:function(){return f&&(f=[]),this},disable:function(){return e=g=[],f=c="",this},disabled:function(){return!f},lock:function(){return e=g=[],c||b||(f=c=""),this},locked:function(){return!!e},fireWith:function(a,c){return e||(c=c||[],c=[a,c.slice?c.slice():c],g.push(c),b||i()),this},fire:function(){return j.fireWith(this,arguments),this},fired:function(){return!!d}};return j};function M(a){return a}function N(a){throw a}function O(a,b,c){var d;try{a&&r.isFunction(d=a.promise)?d.call(a).done(b).fail(c):a&&r.isFunction(d=a.then)?d.call(a,b,c):b.call(void 0,a)}catch(a){c.call(void 0,a)}}r.extend({Deferred:function(b){var c=[["notify","progress",r.Callbacks("memory"),r.Callbacks("memory"),2],["resolve","done",r.Callbacks("once memory"),r.Callbacks("once memory"),0,"resolved"],["reject","fail",r.Callbacks("once memory"),r.Callbacks("once memory"),1,"rejected"]],d="pending",e={state:function(){return d},always:function(){return f.done(arguments).fail(arguments),this},"catch":function(a){return e.then(null,a)},pipe:function(){var a=arguments;return r.Deferred(function(b){r.each(c,function(c,d){var e=r.isFunction(a[d[4]])&&a[d[4]];f[d[1]](function(){var a=e&&e.apply(this,arguments);a&&r.isFunction(a.promise)?a.promise().progress(b.notify).done(b.resolve).fail(b.reject):b[d[0]+"With"](this,e?[a]:arguments)})}),a=null}).promise()},then:function(b,d,e){var f=0;function g(b,c,d,e){return function(){var h=this,i=arguments,j=function(){var a,j;if(!(b=f&&(d!==N&&(h=void 0,i=[a]),c.rejectWith(h,i))}};b?k():(r.Deferred.getStackHook&&(k.stackTrace=r.Deferred.getStackHook()),a.setTimeout(k))}}return r.Deferred(function(a){c[0][3].add(g(0,a,r.isFunction(e)?e:M,a.notifyWith)),c[1][3].add(g(0,a,r.isFunction(b)?b:M)),c[2][3].add(g(0,a,r.isFunction(d)?d:N))}).promise()},promise:function(a){return null!=a?r.extend(a,e):e}},f={};return r.each(c,function(a,b){var g=b[2],h=b[5];e[b[1]]=g.add,h&&g.add(function(){d=h},c[3-a][2].disable,c[0][2].lock),g.add(b[3].fire),f[b[0]]=function(){return f[b[0]+"With"](this===f?void 0:this,arguments),this},f[b[0]+"With"]=g.fireWith}),e.promise(f),b&&b.call(f,f),f},when:function(a){var b=arguments.length,c=b,d=Array(c),e=f.call(arguments),g=r.Deferred(),h=function(a){return function(c){d[a]=this,e[a]=arguments.length>1?f.call(arguments):c,--b||g.resolveWith(d,e)}};if(b<=1&&(O(a,g.done(h(c)).resolve,g.reject),"pending"===g.state()||r.isFunction(e[c]&&e[c].then)))return g.then();while(c--)O(e[c],h(c),g.reject);return g.promise()}});var P=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;r.Deferred.exceptionHook=function(b,c){a.console&&a.console.warn&&b&&P.test(b.name)&&a.console.warn("jQuery.Deferred exception: "+b.message,b.stack,c)},r.readyException=function(b){a.setTimeout(function(){throw b})};var Q=r.Deferred();r.fn.ready=function(a){return Q.then(a)["catch"](function(a){r.readyException(a)}),this},r.extend({isReady:!1,readyWait:1,holdReady:function(a){a?r.readyWait++:r.ready(!0)},ready:function(a){(a===!0?--r.readyWait:r.isReady)||(r.isReady=!0,a!==!0&&--r.readyWait>0||Q.resolveWith(d,[r]))}}),r.ready.then=Q.then;function R(){d.removeEventListener("DOMContentLoaded",R),
+a.removeEventListener("load",R),r.ready()}"complete"===d.readyState||"loading"!==d.readyState&&!d.documentElement.doScroll?a.setTimeout(r.ready):(d.addEventListener("DOMContentLoaded",R),a.addEventListener("load",R));var S=function(a,b,c,d,e,f,g){var h=0,i=a.length,j=null==c;if("object"===r.type(c)){e=!0;for(h in c)S(a,b,h,c[h],!0,f,g)}else if(void 0!==d&&(e=!0,r.isFunction(d)||(g=!0),j&&(g?(b.call(a,d),b=null):(j=b,b=function(a,b,c){return j.call(r(a),c)})),b))for(;h1,null,!0)},removeData:function(a){return this.each(function(){W.remove(this,a)})}}),r.extend({queue:function(a,b,c){var d;if(a)return b=(b||"fx")+"queue",d=V.get(a,b),c&&(!d||r.isArray(c)?d=V.access(a,b,r.makeArray(c)):d.push(c)),d||[]},dequeue:function(a,b){b=b||"fx";var c=r.queue(a,b),d=c.length,e=c.shift(),f=r._queueHooks(a,b),g=function(){r.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return V.get(a,c)||V.access(a,c,{empty:r.Callbacks("once memory").add(function(){V.remove(a,[b+"queue",c])})})}}),r.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.length\x20\t\r\n\f]+)/i,ka=/^$|\/(?:java|ecma)script/i,la={option:[1,""],thead:[1,""],col:[2,""],tr:[2,""],td:[3,""],_default:[0,"",""]};la.optgroup=la.option,la.tbody=la.tfoot=la.colgroup=la.caption=la.thead,la.th=la.td;function ma(a,b){var c;return c="undefined"!=typeof a.getElementsByTagName?a.getElementsByTagName(b||"*"):"undefined"!=typeof a.querySelectorAll?a.querySelectorAll(b||"*"):[],void 0===b||b&&r.nodeName(a,b)?r.merge([a],c):c}function na(a,b){for(var c=0,d=a.length;c-1)e&&e.push(f);else if(j=r.contains(f.ownerDocument,f),g=ma(l.appendChild(f),"script"),j&&na(g),c){k=0;while(f=g[k++])ka.test(f.type||"")&&c.push(f)}return l}!function(){var a=d.createDocumentFragment(),b=a.appendChild(d.createElement("div")),c=d.createElement("input");c.setAttribute("type","radio"),c.setAttribute("checked","checked"),c.setAttribute("name","t"),b.appendChild(c),o.checkClone=b.cloneNode(!0).cloneNode(!0).lastChild.checked,b.innerHTML="",o.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue}();var qa=d.documentElement,ra=/^key/,sa=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,ta=/^([^.]*)(?:\.(.+)|)/;function ua(){return!0}function va(){return!1}function wa(){try{return d.activeElement}catch(a){}}function xa(a,b,c,d,e,f){var g,h;if("object"==typeof b){"string"!=typeof c&&(d=d||c,c=void 0);for(h in b)xa(a,h,c,d,b[h],f);return a}if(null==d&&null==e?(e=c,d=c=void 0):null==e&&("string"==typeof c?(e=d,d=void 0):(e=d,d=c,c=void 0)),e===!1)e=va;else if(!e)return a;return 1===f&&(g=e,e=function(a){return r().off(a),g.apply(this,arguments)},e.guid=g.guid||(g.guid=r.guid++)),a.each(function(){r.event.add(this,b,e,d,c)})}r.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,n,o,p,q=V.get(a);if(q){c.handler&&(f=c,c=f.handler,e=f.selector),e&&r.find.matchesSelector(qa,e),c.guid||(c.guid=r.guid++),(i=q.events)||(i=q.events={}),(g=q.handle)||(g=q.handle=function(b){return"undefined"!=typeof r&&r.event.triggered!==b.type?r.event.dispatch.apply(a,arguments):void 0}),b=(b||"").match(K)||[""],j=b.length;while(j--)h=ta.exec(b[j])||[],n=p=h[1],o=(h[2]||"").split(".").sort(),n&&(l=r.event.special[n]||{},n=(e?l.delegateType:l.bindType)||n,l=r.event.special[n]||{},k=r.extend({type:n,origType:p,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&r.expr.match.needsContext.test(e),namespace:o.join(".")},f),(m=i[n])||(m=i[n]=[],m.delegateCount=0,l.setup&&l.setup.call(a,d,o,g)!==!1||a.addEventListener&&a.addEventListener(n,g)),l.add&&(l.add.call(a,k),k.handler.guid||(k.handler.guid=c.guid)),e?m.splice(m.delegateCount++,0,k):m.push(k),r.event.global[n]=!0)}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,n,o,p,q=V.hasData(a)&&V.get(a);if(q&&(i=q.events)){b=(b||"").match(K)||[""],j=b.length;while(j--)if(h=ta.exec(b[j])||[],n=p=h[1],o=(h[2]||"").split(".").sort(),n){l=r.event.special[n]||{},n=(d?l.delegateType:l.bindType)||n,m=i[n]||[],h=h[2]&&new RegExp("(^|\\.)"+o.join("\\.(?:.*\\.|)")+"(\\.|$)"),g=f=m.length;while(f--)k=m[f],!e&&p!==k.origType||c&&c.guid!==k.guid||h&&!h.test(k.namespace)||d&&d!==k.selector&&("**"!==d||!k.selector)||(m.splice(f,1),k.selector&&m.delegateCount--,l.remove&&l.remove.call(a,k));g&&!m.length&&(l.teardown&&l.teardown.call(a,o,q.handle)!==!1||r.removeEvent(a,n,q.handle),delete i[n])}else for(n in i)r.event.remove(a,n+b[j],c,d,!0);r.isEmptyObject(i)&&V.remove(a,"handle events")}},dispatch:function(a){var b=r.event.fix(a),c,d,e,f,g,h,i=new Array(arguments.length),j=(V.get(this,"events")||{})[b.type]||[],k=r.event.special[b.type]||{};for(i[0]=b,c=1;c=1))for(;j!==this;j=j.parentNode||this)if(1===j.nodeType&&("click"!==a.type||j.disabled!==!0)){for(f=[],g={},c=0;c-1:r.find(e,this,null,[j]).length),g[e]&&f.push(d);f.length&&h.push({elem:j,handlers:f})}return j=this,i\x20\t\r\n\f]*)[^>]*)\/>/gi,za=/
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+