@bnsights/bbsf-admin-portal 1.0.0

package/src/lib/assets/sass/core/vendors/plugins/_tiny-slider.scss

@@ -0,0 +1,101 @@
+//
+// Slider
+//
+
+.tns {
+    position: relative;
+    overflow: hidden;
+
+    [data-tns="true"] {
+        display: none;
+    }
+
+    .tns-item {
+        opacity: 0;
+        transition: all 0.3s ease;
+    }
+
+    .tns-controls {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        button {
+            outline: none;
+            border: 0;
+            margin: 0 0.25rem;
+            @include border-radius($btn-border-radius);
+            padding: 0.5rem 0.75rem;
+            background-color: $primary;
+            color: $primary-inverse;
+
+            &:hover {
+                background-color: $primary-active;
+            }
+        }
+    }
+
+    .tns-nav {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        padding-top: 1.5rem;
+        padding-bottom: 1.5rem;
+
+        button {
+            display: block;
+            outline: none;            
+            width: 1.25rem;
+            height: 0.75rem;
+            background-color: $gray-200;
+            margin: 0 0.25rem;
+            border: 0;
+            @include border-radius(0.35rem);
+
+            &.tns-nav-active{
+                background-color: $primary;
+            }
+        }
+    }
+
+    &.tns-initiazlied {
+        [data-tns="true"] {
+            display: flex;
+        }
+
+        .tns-item {
+            opacity: 1;
+            transition: all 0.3s ease;
+        }
+    }
+
+    // Default
+    &.tns-default {
+        position: relative;
+
+        // Navs
+        [data-controls="prev"],
+        [data-controls="next"] {
+            position: absolute;
+            top: 50%;
+            transform: translateY(-50%);
+        }
+
+        [data-controls="prev"] {
+            left: 0;
+        }
+
+        [data-controls="next"] {
+            right: 0;
+        }
+
+        .tns-outer {
+            margin: 0 4rem;
+
+            // Tablet mode
+            @include media-breakpoint-down(md) {
+                margin: 0 2rem;
+            }
+        }
+    }
+}

package/src/lib/assets/sass/core/vendors/plugins/_tinymce.scss

@@ -0,0 +1,14 @@
+//
+// TinyMCE
+//
+
+
+// Base
+.tox-target{
+    display: none;
+}
+
+.tox-tinymce{
+    @include border-radius($border-radius !important);
+    height: 500px !important;
+}

package/src/lib/assets/sass/core/vendors/plugins/_toastr.scss

@@ -0,0 +1,91 @@
+//
+// Toastr
+//
+
+// Base
+.toast {
+    transition: $transition-base;
+    background-position: 1.5rem center #{'/*rtl:calc(100% - 1.5rem) center*/'} !important;
+    box-shadow: $dropdown-box-shadow !important;
+	border-radius: $dropdown-border-radius !important;
+	border: 0 !important;
+    background-color: $gray-100;
+    color: $gray-700;
+    opacity: 0.75 !important;
+    padding: 1.25rem 1.25rem 1.25rem 4.5rem !important;
+
+    &:hover {
+        transition: $transition-base;
+        opacity: 1 !important;
+    }
+
+	.toast-close-button {
+   		outline: none !important;
+        font-size: 0;
+        width: 0.85rem;
+        height: 0.85rem;
+	}
+
+	// Title
+	.toast-title {
+		font-size: 1.15rem;
+		font-weight: $font-weight-bold;
+        
+        & + .toast-message {
+            margin-top: 0.25rem;
+        }
+	}
+
+	// Message
+	.toast-message {
+        font-size: 1rem;
+        font-weight: $font-weight-normal;
+	}
+
+    // States
+    &.toast-success {
+        background-color: $success;
+        color: $success-inverse;
+
+        .toast-close-button {
+            @include svg-bg-icon(close, $success-inverse);
+        }    
+    }
+
+    &.toast-info {
+        background-color: $info;
+        color: $info-inverse;
+
+        .toast-close-button {
+            @include svg-bg-icon(close, $info-inverse);
+        } 
+    }
+
+    &.toast-warning {
+        background-color: $warning;
+        color: $warning-inverse;
+
+        .toast-close-button {
+            @include svg-bg-icon(close, $warning-inverse);
+        } 
+    }
+
+    &.toast-error {
+        background-color: $danger;
+        color: $danger-inverse;
+
+        .toast-close-button {
+            @include svg-bg-icon(close, $danger-inverse);
+        } 
+    }
+}
+
+
+// Placements
+.toast-top-center {
+    top: 12px;
+}
+
+.toast-bottom-center {
+    bottom: 12px;
+}

package/src/lib/assets/sass/core/vendors/plugins/_variables.scss

@@ -0,0 +1,8 @@
+//
+// 3rd-party config
+//
+
+
+// Custom Scroll(Perfect Scrollbar)
+$custom-scrollbar-size:                             4px !default;
+$custom-scrollbar-color:                            $gray-300 !default;

package/src/lib/assets/sass/core/vendors/plugins/mixins/_nouislider.scss

@@ -0,0 +1,13 @@
+//
+// noUiSlider Mixins
+//
+
+@mixin nouislider-size($height, $handle-width, $handle-height, $handle-pos-top) {
+    height: $height;
+
+    .noUi-handle {
+        width: $handle-width;
+        height: $handle-height;
+        top: -#{$handle-pos-top};
+    }
+}

package/src/lib/assets/sass/core/vendors/plugins/mixins/_select2.scss

@@ -0,0 +1,39 @@
+//
+// Select2 Mixins
+//
+
+@mixin select2-multiple-size($input-padding-y, $input-height-border, $choice-font-size, $choice-border-radius, $choice-padding-y, $choice-padding-x, $choice-margin-y, $choice-margin-x, $remove-size, $remove-margin-x) {
+    $calculated-input-padding-y: calc((#{$input-padding-y * 2} + #{$input-height-border} - #{2 * $choice-padding-y + 2 * $choice-margin-y}) / 2);
+    $calculated-selection-margin-y: calc(#{$input-padding-y} - (#{$input-padding-y * 2} + #{$input-height-border} - #{2 * $choice-padding-y + 2 * $choice-margin-y}) / 2);
+  
+    padding-top: $calculated-input-padding-y;
+    padding-bottom: $calculated-input-padding-y;
+
+    // Choice
+    .select2-selection__choice {
+        border-radius: $choice-border-radius;
+        padding: $choice-padding-y $choice-padding-x;
+        margin:  $choice-margin-y $choice-margin-x $choice-margin-y 0;
+
+        .select2-selection__choice__remove {
+            height: $remove-size;
+            width: $remove-size;
+            margin-right: $remove-margin-x;
+        }
+
+        .select2-selection__choice__display {
+			margin-left: 2 * $remove-size;
+            font-size: $choice-font-size;
+        }            
+    }
+
+    // Search input
+    .select2-search.select2-search--inline {
+        .select2-search__field {
+            padding-top: 0;
+            padding-bottom: 0;
+            margin-top: $calculated-selection-margin-y;
+            margin-bottom: $calculated-selection-margin-y;
+        }
+    }
+}

package/src/lib/assets/sass/core/vendors/plugins/mixins/_tagify.scss

@@ -0,0 +1,37 @@
+//
+// Tagify Mixins
+//
+
+@mixin tagify-size($input-padding-y, $input-height-border, $tag-font-size, $tag-border-radius, $tag-padding-y, $tag-padding-x, $tag-margin-y, $tag-margin-x, $remove-size, $remove-margin-x) {
+
+    $calculated-input-padding-y: calc((#{$input-padding-y * 2} + #{$input-height-border} - #{2 * $tag-padding-y + 2 * $tag-margin-y}) / 2);
+    $calculated-tag-input-margin-y: calc(#{$input-padding-y} - (#{$input-padding-y * 2} + #{$input-height-border} - #{2 * $tag-padding-y + 2 * $tag-margin-y}) / 2);
+  
+    padding-top: $calculated-input-padding-y;
+    padding-bottom: $calculated-input-padding-y;
+
+    .tagify__tag {
+        border-radius: $tag-border-radius;
+        padding: $tag-padding-y $tag-padding-x;
+        margin:  $tag-margin-y $tag-margin-x $tag-margin-y 0;
+        font-weight: inherit;
+
+        div {
+            padding: 0 $tag-padding-x;
+            font-size: $tag-font-size;
+            font-weight: inherit;
+        }
+
+        .tagify__tag__removeBtn { 
+            width: $remove-size;
+            height: $remove-size;
+            margin: 0 $remove-margin-x 0 0;
+        }
+    }
+
+    .tagify__input {
+        padding: 0;
+        margin-top: $calculated-tag-input-margin-y;
+        margin-bottom: $calculated-tag-input-margin-y;
+    }
+}

package/src/lib/assets/sass/custom-styles-rtl.scss

@@ -0,0 +1,23 @@
+
+@font-face {
+    font-family: 'ArbFONTS-Droid Arabic Kufi';
+    src: url('../fonts/ArbFONTS-Droid Arabic Kufi.ttf') format('truetype');
+}
+@font-face {
+    font-family: 'ArbFONTS-Droid Arabic Kufi Bold';
+    src: url('../fonts/ArbFONTS-Droid Arabic Kufi Bold.ttf') format('truetype');
+}
+body, html {
+  font-family: 'ArbFONTS-Droid Arabic Kufi', 'ArbFONTS-Droid Arabic Kufi Bold';
+}
+
+.card-footer select {
+  margin-left: 10px;
+  margin-right: 0px !important;
+  font-family: auto !important;
+}
+
+//home search//
+.home-search .svg.svg-icon-primary {
+  right: 0px;
+}

package/src/lib/assets/sass/custom-styles.scss

@@ -0,0 +1,378 @@
+
+/*cutsom*/
+.subheadertoolbar {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+
+.symbol .svg-icon.svg-icon-2 svg {
+  height: 40px !important;
+  width: 40px !important
+}
+.table-row-dashed tbody{
+    border-top:0px ;
+}
+
+.card.card-custom-h {
+  min-height: calc(100vh - 250px);
+}
+
+.dropdown-toggle::after {
+  display: none !important;
+}
+
+.mat-menu-content {
+  border-radius: .475rem;
+  background-color: #1e1e2d;
+}
+
+.mat-menu-panel {
+  background: #1e1e2d;
+}
+
+.drop-item .drop-link {
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  padding: .65rem 1rem;
+  border-radius: .475rem;
+}
+.table-w-control .b-control {
+  margin-bottom: 0px !important;
+}
+.card-header .b-control.b-textbox {
+  margin-bottom: 0px !important;
+}
+.ar p, .ar h1, .ar div {
+  text-align: right;
+}
+
+.table-dark-skin td {
+  background: #1b1b29;
+}
+.iphone {
+  background-image: url("../images/SMSTemplate_Background.png");
+  background-size: cover;
+  width: 250px;
+  height: 500px;
+  position:relative;
+}
+
+.mobile-txt {
+  top: 26%;
+  width: 200px;
+  left: 11%;
+  color: #dfdfdf;
+}
+.mobile-txt.ar{
+text-align:right
+}
+
+.table-dark-skin p {
+  color: #cbcbcb;
+}
+bbsf-textarea.text-right textarea {
+  text-align: right;
+}
+//help center accordion//
+.accordion-custom button.accordion-button {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: start;
+}
+
+.accordion-custom .accordion-item {
+  border: 0px !important
+}
+//custom angular checkbox//
+.mat-checkbox-inner-container-no-side-margin {
+  border-radius: 0.45rem !important;
+  background-color: #2b2b40 !important;
+  height: 20px !important;
+  width: 20px !important;
+}
+
+.mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
+  background-color: #3699ff;
+  border-radius: 0.45rem;
+}
+
+.mat-checkbox-frame {
+  border: 0px !important;
+  border-radius: 0.45rem;
+}
+
+//modals//
+.modal-dialog {
+  max-width: 850px;
+}
+
+/*scroll*/
+
+body::-webkit-scrollbar-track {
+  background: black; /* color of the tracking area */
+}
+
+
+body::-webkit-scrollbar-thumb {
+  background-color: #494b74; /* color of the scroll thumb */
+  border-radius: 20px; /* roundness of the scroll thumb */
+}
+
+
+body::-webkit-scrollbar {
+  width: 5px;
+}
+
+
+/*controls*/
+.bnsights-control.form-control, .ng-select .ng-select-container, input-group {
+  background-color: #1b1b29 !important;
+  border-color: #1b1b29 !important;
+  color: #92929f !important;
+}
+
+
+.form-group label {
+  color: #fff !important;
+}
+
+.ng-dropdown-panel {
+  background-color: #1e1e2d;
+  box-shadow: 0 0 30px rgb(0 0 0 / 30%);
+}
+.ng-dropdown-panel.ng-select-bottom, .ng-select.ng-select-opened > .ng-select-container {
+  border-color: transparent !important;
+}
+.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
+  color: #92929f;
+  background-color: #1e1e2d !important;
+}
+
+.ng-dropdown-panel .ng-dropdown-panel-items .ng-option:hover {
+  background-color: #212e48 !important;
+  color: #3699ff;
+}
+
+.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
+  background-color: #3699ff !important;
+  color: #fff !important;
+}
+.ng-dropdown-panel.ng-select-bottom, .ng-select.ng-select-opened > .ng-select-container {
+  border-color: #0000 !important;
+}
+/* Toggle Slide Control */
+.b-toggle-slide .mat-slide-toggle .mat-slide-toggle-bar {
+  background-color: #2b2b40;
+}
+
+.b-toggle-slide .mat-slide-toggle .mat-slide-toggle-thumb {
+  background-color: #565674;
+}
+
+
+
+
+.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
+  background-color: #3699ff;
+}
+
+
+
+.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
+  background-color: white !important;
+}
+
+
+
+.mat-slide-toggle.mat-checked .mat-ripple-element {
+  background-color: #009ef7 !important;
+}
+
+
+//radio button
+
+input[type="radio"] {
+  background-color: #2b2b40;
+  color: currentColor;
+}
+input[type="radio"]::before {
+  background-color: #3699ff;
+}
+
+
+/*phone*/
+input#phone {
+  background-color: #1b1b29 !important;
+  border-color: transparent !important;
+  color: #92929f !important;
+}
+
+input#country-search-box {
+  background: #1e1e2d;
+  border-bottom-color: #1a1a28;
+}
+
+.country-dropdown {
+  border-color: #1e1e2d;
+}
+
+.iti__country {
+  background: #1e1e2d;
+  color: white;
+}
+
+.country-dropdown {
+   border: 1px solid #1b1b29 !important;
+  background: #1b1b29 !important;
+}
+
+li.iti__country:hover {
+  color: #e6e6e6;
+  background-color: #2b2b40 !important;
+}
+
+
+/*html editor*/
+.angular-editor .angular-editor-wrapper .angular-editor-textarea {
+  border: 1px solid #2b2b40 !important;
+  background-color: #2b2b40 !important;
+}
+
+
+.angular-editor-toolbar .angular-editor-toolbar-set .angular-editor-button {
+  background-color: #2b2b40 !important;
+  border: 1px solid #1b1b29 !important;
+  color: white !important;
+}
+
+.angular-editor-button i {
+  color: #a8a8a8 !important;
+}
+
+.ae-font .ae-picker-label {
+  background-color: #2b2b40 !important;
+  border: 1px solid #1b1b29 !important;
+  color: #a8a8a8 !important;
+}
+
+.angular-editor-toolbar {
+  background-color: #1b1b29 !important;
+  border: 1px solid #1b1b29 !important;
+}
+
+.ae-font .ae-picker-label svg .ae-stroke {
+  stroke: #3f6f97 !important;
+}
+
+.ae-font .ae-picker-label:before {
+  background-color: transparent !important
+}
+
+
+/*paging select*/
+.b-pages select {
+  background: #212e48;
+  color: white;
+}
+
+/*TAGS INPUT*/
+.tags-input__input-field {
+  background: #1b1b29;
+  color: white;
+}
+
+/*textbox with icon*/
+.svg.svg-icon-grey svg [fill]:not(.permanent):not(g) {
+  fill: #565674;
+}
+
+
+///////////////////////////////////////
+
+
+
+@media only screen and (max-width: 600px) {
+  .card-toolbar button {
+    margin-bottom: 10px;
+  }
+
+  .card-title form {
+    margin-bottom: 10px;
+  }
+
+  .b-control.b-paging > div {
+    display: block !important;
+  }
+
+  .b-pages {
+    align-items: center;
+    justify-content: center;
+    margin-top: 20px;
+  }
+ .page-title {
+    margin-bottom: 0px !important;
+  }
+  body:not([data-kt-drawer=on]) .drawer-overlay {
+    display: none;
+  }
+
+}
+
+// home search //
+.home-search .svg.svg-icon-primary {
+  left: 0px;
+}
+
+.home-search input.form-control.bnsights-control {
+  height: 40px !important;
+  background: #212e48 !important;
+  min-height: auto !important;
+  width: 300px;
+}
+
+.home-search input.form-control.bnsights-control::placeholder {
+  color: #3699ff;
+}
+
+
+.home-search .bnsights-control.form-control, .ng-select .ng-select-container, input-group {
+  background-color: #1b1b29 !important;
+  border-color: #1b1b29 !important;
+  color: #f5f5f5 !important;
+}
+
+.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
+  color: #92929f !important;
+}
+
+.ng-dropdown-panel .ng-dropdown-panel-items .ng-option:hover {
+  color: #3699ff !important;
+}
+
+.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
+  background: #212e48 !important;
+}
+
+.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
+  border: 0px !important;
+  margin-left: 0px !important;
+}
+
+.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
+  background-color: #1b1b29 !important;
+  border-radius: 30% !important;
+}
+span.ng-value-label {
+  color: #92929f !important;
+}
+.ng-dropdown-panel.ng-select-top {
+  border: 0px !important;
+}
+
+.ng-select-multiple.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected, .ng-select-multiple.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{
+    border:0px !important;
+}