{"version":3,"sources":["custom/fonts/_fonts.scss","_theme-light.scss","_theme-dark.scss","custom/components/_waves.scss","app.css","custom/components/_avatar.scss","custom/components/_helper.scss","custom/components/_accordion.scss","custom/components/_forms.scss","custom/plugins/_custom-scrollbar.scss","custom/structure/_sidemenu.scss","custom/pages/_chat-leftsidebar.scss","custom/pages/_user-chat.scss","custom/pages/_user-profile-details.scss","custom/pages/_authentication.scss"],"names":[],"mappings":"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","file":"app.min.css","sourcesContent":["//\r\n// Google font - Public Sans\r\n//\r\n\r\n@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600&display=swap');","// :root CSS variables\r\n\r\n:root{\r\n\r\n  // Vertical Sidebar - Default Light\r\n\r\n  --#{$variable-prefix}sidebar-bg: #ffffff;\r\n  --#{$variable-prefix}sidebar-menu-item-color: #878a92;\r\n  --#{$variable-prefix}sidebar-menu-item-active-color: #7269ef;\r\n  --#{$variable-prefix}sidebar-menu-item-active-bg: #f7f7ff;\r\n  --#{$variable-prefix}sidebar-sub-bg:  #f5f7fb;\r\n\r\n  //chat \r\n\r\n  --#{$variable-prefix}chat-primary-bg: #7269ef;\r\n  --#{$variable-prefix}chat-secondary-bg: #f5f7fb;\r\n\r\n  // body\r\n  --#{$variable-prefix}body-bg : #f7f7ff;\r\n  --#{$variable-prefix}body-color: #{$gray-700};\r\n  --#{$variable-prefix}body-color-rgb: #{to-rgb($body-color)};\r\n\r\n  //footer\r\n  --#{$variable-prefix}footer-bg: #{$white};\r\n  --#{$variable-prefix}footer-color: #98a6ad;\r\n  \r\n  // component variable\r\n\r\n  // theme-color\r\n  --#{$variable-prefix}light: #{$gray-400};\r\n  --#{$variable-prefix}light-rgb: #{to-rgb($gray-400)};\r\n  --#{$variable-prefix}dark: #{$gray-900};\r\n  --#{$variable-prefix}dark-rgb: #{to-rgb($gray-900)};\r\n  --#{$variable-prefix}text-muted: #{$gray-600};\r\n\r\n  // link\r\n  --#{$variable-prefix}link-color: #{$primary};\r\n  --#{$variable-prefix}link-hover-color: #{$primary};\r\n\r\n  // Border variable\r\n  --#{$variable-prefix}border-color:  #{$gray-300};\r\n\r\n  // dropdown\r\n  --#{$variable-prefix}dropdown-bg: #{$white};\r\n  --#{$variable-prefix}dropdown-link-color: #{$gray-900};\r\n  --#{$variable-prefix}dropdown-link-hover-color: #{shade-color($gray-900, 5%)};\r\n  --#{$variable-prefix}dropdown-link-hover-bg: #{$gray-100};\r\n  --#{$variable-prefix}dropdown-border-width: 0px;\r\n\r\n  // card\r\n  --#{$variable-prefix}card-bg: #{$white};\r\n  --#{$variable-prefix}card-cap-bg: #{$white};\r\n  --#{$variable-prefix}card-logo-dark: block;\r\n  --#{$variable-prefix}card-logo-light: none;\r\n\r\n  // modal\r\n  --#{$variable-prefix}modal-bg: #{$white};\r\n  --#{$variable-prefix}modal-content-bg: #{$white};\r\n  --#{$variable-prefix}modal-content-border-color: #{$gray-300};\r\n\r\n\r\n  // nav tabs\r\n  --#{$variable-prefix}nav-tabs-link-active-color: #{$gray-700};\r\n  --#{$variable-prefix}nav-tabs-link-active-bg: #{$body-bg};\r\n\r\n  // accordion\r\n  --#{$variable-prefix}accordion-button-active-color: #{shade-color($primary, 10%)};\r\n  --#{$variable-prefix}accordion-bg: #{$white};\r\n  --#{$variable-prefix}accordion-button-bg: #{$gray-200};\r\n\r\n\r\n\r\n  // progress\r\n  --#{$variable-prefix}progress-bg: #{$gray-200};\r\n\r\n  // toast\r\n  --#{$variable-prefix}toast-background-color: #{rgba($white, .85)};\r\n  --#{$variable-prefix}toast-border-color: #{rgba($black, .1)};\r\n  --#{$variable-prefix}toast-header-border-color: #{rgba($black, .05)};\r\n\r\n  //list\r\n  --#{$variable-prefix}list-group-hover-bg: #{$gray-100};\r\n\r\n  // popover\r\n  --#{$variable-prefix}popover-bg: #{$white};\r\n\r\n  // pagination\r\n  --#{$variable-prefix}pagination-hover-bg: #{$gray-200};\r\n\r\n  // form\r\n  --#{$variable-prefix}input-bg: #{$white};\r\n  --#{$variable-prefix}input-group-addon-border-color: #{$gray-400};\r\n  --#{$variable-prefix}input-border: #{$gray-400};\r\n  --#{$variable-prefix}input-border-color: #{$gray-400};\r\n  --#{$variable-prefix}input-focus-border: #{tint-color($component-active-bg, 50%)};\r\n  --#{$variable-prefix}input-disabled-bg: #{$gray-200};\r\n\r\n  // input\r\n  --#{$variable-prefix}input-placeholder-color: #{$gray-600};\r\n  --#{$variable-prefix}input-group-addon-bg: #{$gray-200};\r\n\r\n  //check\r\n  --#{$variable-prefix}input-check-border: var(--#{$variable-prefix}input-border);\r\n\r\n\r\n  // Theme mode icon\r\n  --#{$variable-prefix}theme-mode-icon:       \"\\eefb\";\r\n  \r\n}\r\n","// :root CSS dark variables\r\n\r\n\r\n[data-layout-mode=\"dark\"]{\r\n\r\n  // Color system - Dark Mode only\r\n  $gray-100: #212529;\r\n  $gray-200: #272c3b;\r\n  $gray-300: #36404a;\r\n  $gray-400: #a6b0cf;\r\n  $gray-500: #9aa1b9;\r\n  $gray-600: #abb4d2;\r\n  $gray-700: #e1e9f1;\r\n  $gray-800: #eff2f7;\r\n  $gray-900: #f8f9fa;\r\n\r\n  $grays: (\r\n      \"100\": $gray-100,\r\n      \"200\": $gray-200,\r\n      \"300\": $gray-300,\r\n      \"400\": $gray-400,\r\n      \"500\": $gray-500,\r\n      \"600\": $gray-600,\r\n      \"700\": $gray-700,\r\n      \"800\": $gray-800,\r\n      \"900\": $gray-900\r\n  );\r\n\r\n  // Prefix for :root CSS variables\r\n  @each $color, $value in $grays {\r\n      --#{$variable-prefix}gray-#{$color}: #{$value};\r\n  }\r\n\r\n   // Vertical Sidebar  Light\r\n\r\n   --#{$variable-prefix}sidebar-bg: #36404a;\r\n   --#{$variable-prefix}sidebar-menu-item-color: #a6b0cf;\r\n   --#{$variable-prefix}sidebar-menu-item-active-color: #7269ef;\r\n   --#{$variable-prefix}sidebar-menu-item-active-bg: #3e4a56;\r\n   --#{$variable-prefix}sidebar-sub-bg:  #303841;\r\n\r\n     //chat \r\n\r\n    --#{$variable-prefix}chat-primary-bg: #7269ef;\r\n    --#{$variable-prefix}chat-secondary-bg: #36404a;\r\n\r\n  // body\r\n  --#{$variable-prefix}body-bg :  #303841;\r\n  --#{$variable-prefix}body-color: #{$gray-400};\r\n  --#{$variable-prefix}body-color-rgb: #{to-rgb($gray-400)};\r\n\r\n\r\n  //footer\r\n  --#{$variable-prefix}footer-bg: #{$gray-200};\r\n  --#{$variable-prefix}footer-color: #{$gray-400};\r\n\r\n  // Horizontal nav\r\n  --#{$variable-prefix}topnav-bg: #{lighten($gray-200, 2.5%)};\r\n  --#{$variable-prefix}topnav-item-color: #{$gray-400};\r\n  --#{$variable-prefix}topnav-item-color-active: #{$white};\r\n\r\n  // twocolumn menu\r\n  --#{$variable-prefix}twocolumn-menu-iconview-bg: #{$white};\r\n  --#{$variable-prefix}twocolumn-menu-bg:  #{$white};\r\n    \r\n  // two column dark\r\n  --#{$variable-prefix}twocolumn-menu-iconview-bg-dark: var(--#{$variable-prefix}vertical-menu-bg-dark);\r\n  --#{$variable-prefix}twocolumn-menu-bg-dark:  #30363a;\r\n  --#{$variable-prefix}twocolumn-menu-item-color-dark: var(--#{$variable-prefix}vertical-menu-item-color-dark);\r\n  --#{$variable-prefix}twocolumn-menu-item-active-color-dark:  #{$white};\r\n  --#{$variable-prefix}twocolumn-menu-item-active-bg-dark:  #{rgba($white, .15)};\r\n\r\n  // boxed \r\n  --#{$variable-prefix}boxed-body-bg: #{darken($gray-100, 4%)};\r\n\r\n  // heading-color\r\n  --#{$variable-prefix}heading-color: #{$gray-700};\r\n  \r\n  // component variable\r\n  --#{$variable-prefix}light: #{$gray-300};\r\n  --#{$variable-prefix}light-rgb: #{to-rgb($gray-300)};\r\n  --#{$variable-prefix}dark: #{$gray-800};\r\n  --#{$variable-prefix}dark-rgb: #{to-rgb($gray-800)};\r\n  --#{$variable-prefix}text-muted: #{$gray-500};\r\n\r\n  // link\r\n  --#{$variable-prefix}link-color: #{$gray-700};\r\n  --#{$variable-prefix}link-hover-color: #{$gray-700};\r\n\r\n  // Border variable\r\n  --#{$variable-prefix}border-color:  #{$gray-300};\r\n\r\n  // dropdown\r\n  --#{$variable-prefix}dropdown-bg: #313a43;\r\n  --#{$variable-prefix}dropdown-link-color: #{$gray-500};\r\n  --#{$variable-prefix}dropdown-link-hover-color: #{shade-color($gray-900, 5%)};\r\n  --#{$variable-prefix}dropdown-link-hover-bg: #{$gray-300};\r\n  --#{$variable-prefix}dropdown-border-width: 1px;\r\n\r\n  // card\r\n  --#{$variable-prefix}card-bg: #262e35;\r\n  --#{$variable-prefix}card-cap-bg: #{$gray-200};\r\n  --#{$variable-prefix}card-logo-dark: none;\r\n  --#{$variable-prefix}card-logo-light: block;\r\n\r\n  // modal\r\n  --#{$variable-prefix}modal-bg: #{$gray-200};\r\n  --#{$variable-prefix}modal-content-bg: #{$gray-200};\r\n  --#{$variable-prefix}modal-content-border-color: #{$gray-300};\r\n\r\n  // nav tabs\r\n  --#{$variable-prefix}nav-tabs-link-active-color: #{$gray-900};\r\n  --#{$variable-prefix}nav-tabs-link-active-bg: #{$gray-300};\r\n\r\n    // accordion\r\n  --#{$variable-prefix}accordion-button-active-color: #{$white};\r\n  --#{$variable-prefix}accordion-bg: #{transparent};\r\n  --#{$variable-prefix}accordion-button-bg: #{$gray-300};\r\n\r\n  // progress\r\n  --#{$variable-prefix}progress-bg: #{$gray-300};\r\n\r\n  // toast\r\n  --#{$variable-prefix}toast-background-color: #{rgba($gray-300, .85)};\r\n  --#{$variable-prefix}toast-border-color: #{rgba($white, .1)};\r\n  --#{$variable-prefix}toast-header-border-color: #{rgba($white, .05)};\r\n\r\n  //list\r\n  --#{$variable-prefix}list-group-hover-bg: #{lighten($gray-200, 2.5%)};\r\n\r\n  // popover\r\n  --#{$variable-prefix}popover-bg: #{lighten($gray-200, 1%)};\r\n\r\n  // pagination\r\n  --#{$variable-prefix}pagination-hover-bg: #{lighten($gray-200, 4%)};\r\n\r\n  //form\r\n  --#{$variable-prefix}input-bg: #{lighten($gray-200, 2%)};\r\n  --#{$variable-prefix}input-group-addon-border-color: #{$gray-300};\r\n  --#{$variable-prefix}input-border: #{$gray-300};\r\n  --#{$variable-prefix}input-border-color: #{$gray-300};\r\n  --#{$variable-prefix}input-focus-border: #{lighten($gray-300, 4%)};\r\n  --#{$variable-prefix}input-disabled-bg: #{$gray-200};\r\n\r\n  // input-group-addon\r\n  --#{$variable-prefix}input-placeholder-color: #{$gray-400};\r\n  --#{$variable-prefix}input-group-addon-bg: #{$gray-300};\r\n\r\n  //check\r\n  --#{$variable-prefix}input-check-border:  #{lighten($gray-300, 4%)};\r\n\r\n  // Theme mode icon\r\n  --#{$variable-prefix}theme-mode-icon:       \"\\f105\";\r\n}","\r\n/*!\r\n * Waves v0.7.6\r\n * http://fian.my.id/Waves \r\n * \r\n * Copyright 2014-2018 Alfiana E. Sibuea and other contributors \r\n * Released under the MIT license \r\n * https://github.com/fians/Waves/blob/master/LICENSE */\r\n .waves-effect {\r\n    position: relative;\r\n    cursor: pointer;\r\n    display: inline-block;\r\n    overflow: hidden;\r\n    -webkit-user-select: none;\r\n    -moz-user-select: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n  .waves-effect .waves-ripple {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    width: 100px;\r\n    height: 100px;\r\n    margin-top: -50px;\r\n    margin-left: -50px;\r\n    opacity: 0;\r\n    background: rgba(0, 0, 0, 0.2);\r\n    background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    -webkit-transition: all 0.5s ease-out;\r\n    -moz-transition: all 0.5s ease-out;\r\n    -o-transition: all 0.5s ease-out;\r\n    transition: all 0.5s ease-out;\r\n    -webkit-transition-property: -webkit-transform, opacity;\r\n    -moz-transition-property: -moz-transform, opacity;\r\n    -o-transition-property: -o-transform, opacity;\r\n    transition-property: transform, opacity;\r\n    -webkit-transform: scale(0) translate(0, 0);\r\n    -moz-transform: scale(0) translate(0, 0);\r\n    -ms-transform: scale(0) translate(0, 0);\r\n    -o-transform: scale(0) translate(0, 0);\r\n    transform: scale(0) translate(0, 0);\r\n    pointer-events: none;\r\n  }\r\n  .waves-effect.waves-light .waves-ripple {\r\n    background: rgba(255, 255, 255, 0.4);\r\n    background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n  }\r\n  .waves-effect.waves-classic .waves-ripple {\r\n    background: rgba(0, 0, 0, 0.2);\r\n  }\r\n  .waves-effect.waves-classic.waves-light .waves-ripple {\r\n    background: rgba(255, 255, 255, 0.4);\r\n  }\r\n  .waves-notransition {\r\n    -webkit-transition: none !important;\r\n    -moz-transition: none !important;\r\n    -o-transition: none !important;\r\n    transition: none !important;\r\n  }\r\n  .waves-button,\r\n  .waves-circle {\r\n    -webkit-transform: translateZ(0);\r\n    -moz-transform: translateZ(0);\r\n    -ms-transform: translateZ(0);\r\n    -o-transform: translateZ(0);\r\n    transform: translateZ(0);\r\n    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);\r\n  }\r\n  .waves-button,\r\n  .waves-button:hover,\r\n  .waves-button:visited,\r\n  .waves-button-input {\r\n    white-space: nowrap;\r\n    vertical-align: middle;\r\n    cursor: pointer;\r\n    border: none;\r\n    outline: none;\r\n    color: inherit;\r\n    background-color: rgba(0, 0, 0, 0);\r\n    font-size: 1em;\r\n    line-height: 1em;\r\n    text-align: center;\r\n    text-decoration: none;\r\n    z-index: 1;\r\n  }\r\n  .waves-button {\r\n    padding: 0.85em 1.1em;\r\n    border-radius: 0.2em;\r\n  }\r\n  .waves-button-input {\r\n    margin: 0;\r\n    padding: 0.85em 1.1em;\r\n  }\r\n  .waves-input-wrapper {\r\n    border-radius: 0.2em;\r\n    vertical-align: bottom;\r\n  }\r\n  .waves-input-wrapper.waves-button {\r\n    padding: 0;\r\n  }\r\n  .waves-input-wrapper .waves-button-input {\r\n    position: relative;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 1;\r\n  }\r\n  .waves-circle {\r\n    text-align: center;\r\n    width: 2.5em;\r\n    height: 2.5em;\r\n    line-height: 2.5em;\r\n    border-radius: 50%;\r\n  }\r\n  .waves-float {\r\n    -webkit-mask-image: none;\r\n    -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);\r\n    box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);\r\n    -webkit-transition: all 300ms;\r\n    -moz-transition: all 300ms;\r\n    -o-transition: all 300ms;\r\n    transition: all 300ms;\r\n  }\r\n  .waves-float:active {\r\n    -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);\r\n    box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);\r\n  }\r\n  .waves-block {\r\n    display: block;\r\n  }\r\n\r\n.waves-effect.waves-light {\r\n    .waves-ripple {\r\n        background-color: rgba($white, 0.4);\r\n    }\r\n}\r\n\r\n.waves-effect.waves-primary {\r\n    .waves-ripple {\r\n        background-color: rgba($primary, 0.4);\r\n    }\r\n}\r\n.waves-effect.waves-success {\r\n    .waves-ripple {\r\n        background-color: rgba($success, 0.4);\r\n    }\r\n}\r\n.waves-effect.waves-info {\r\n    .waves-ripple {\r\n        background-color: rgba($info, 0.4);\r\n    }\r\n}\r\n.waves-effect.waves-warning {\r\n    .waves-ripple {\r\n        background-color: rgba($warning, 0.4);\r\n    }\r\n}\r\n.waves-effect.waves-danger {\r\n    .waves-ripple {\r\n        background-color: rgba($danger, 0.4);\r\n    }\r\n}","@charset \"UTF-8\";\n/*\nTemplate Name: Chatvia - Responsive Bootstrap 4 Chat App\nAuthor: Themesbrand\nVersion: 2.1.0\nWebsite: https://themesbrand.com/\nContact: themesbrand@gmail.com\nFile: Main Css File\n*/\n@import url(\"https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600&display=swap\");\n:root {\n  --bs-sidebar-bg: #ffffff;\n  --bs-sidebar-menu-item-color: #878a92;\n  --bs-sidebar-menu-item-active-color: #7269ef;\n  --bs-sidebar-menu-item-active-bg: #f7f7ff;\n  --bs-sidebar-sub-bg: #f5f7fb;\n  --bs-chat-primary-bg: #7269ef;\n  --bs-chat-secondary-bg: #f5f7fb;\n  --bs-body-bg: #f7f7ff;\n  --bs-body-color: #495057;\n  --bs-body-color-rgb: 73, 80, 87;\n  --bs-footer-bg: #fff;\n  --bs-footer-color: #98a6ad;\n  --bs-light: #e6ebf5;\n  --bs-light-rgb: 230, 235, 245;\n  --bs-dark: #212529;\n  --bs-dark-rgb: 33, 37, 41;\n  --bs-text-muted: #7a7f9a;\n  --bs-link-color: #7269ef;\n  --bs-link-hover-color: #7269ef;\n  --bs-border-color: #f0eff5;\n  --bs-dropdown-bg: #fff;\n  --bs-dropdown-link-color: #212529;\n  --bs-dropdown-link-hover-color: #1f2327;\n  --bs-dropdown-link-hover-bg: #f8f9fa;\n  --bs-dropdown-border-width: 0px;\n  --bs-card-bg: #fff;\n  --bs-card-cap-bg: #fff;\n  --bs-card-logo-dark: block;\n  --bs-card-logo-light: none;\n  --bs-modal-bg: #fff;\n  --bs-modal-content-bg: #fff;\n  --bs-modal-content-border-color: #f0eff5;\n  --bs-nav-tabs-link-active-color: #495057;\n  --bs-nav-tabs-link-active-bg: #f7f7ff;\n  --bs-accordion-button-active-color: #675fd7;\n  --bs-accordion-bg: #fff;\n  --bs-accordion-button-bg: #f5f7fb;\n  --bs-progress-bg: #f5f7fb;\n  --bs-toast-background-color: rgba(255, 255, 255, 0.85);\n  --bs-toast-border-color: rgba(0, 0, 0, 0.1);\n  --bs-toast-header-border-color: rgba(0, 0, 0, 0.05);\n  --bs-list-group-hover-bg: #f8f9fa;\n  --bs-popover-bg: #fff;\n  --bs-pagination-hover-bg: #f5f7fb;\n  --bs-input-bg: #fff;\n  --bs-input-group-addon-border-color: #e6ebf5;\n  --bs-input-border: #e6ebf5;\n  --bs-input-border-color: #e6ebf5;\n  --bs-input-focus-border: #b9b4f7;\n  --bs-input-disabled-bg: #f5f7fb;\n  --bs-input-placeholder-color: #7a7f9a;\n  --bs-input-group-addon-bg: #f5f7fb;\n  --bs-input-check-border: var(--bs-input-border);\n  --bs-theme-mode-icon: \"\";\n}\n\n[data-layout-mode=dark] {\n  --bs-gray-100: #212529;\n  --bs-gray-200: #272c3b;\n  --bs-gray-300: #36404a;\n  --bs-gray-400: #a6b0cf;\n  --bs-gray-500: #9aa1b9;\n  --bs-gray-600: #abb4d2;\n  --bs-gray-700: #e1e9f1;\n  --bs-gray-800: #eff2f7;\n  --bs-gray-900: #f8f9fa;\n  --bs-sidebar-bg: #36404a;\n  --bs-sidebar-menu-item-color: #a6b0cf;\n  --bs-sidebar-menu-item-active-color: #7269ef;\n  --bs-sidebar-menu-item-active-bg: #3e4a56;\n  --bs-sidebar-sub-bg: #303841;\n  --bs-chat-primary-bg: #7269ef;\n  --bs-chat-secondary-bg: #36404a;\n  --bs-body-bg: #303841;\n  --bs-body-color: #a6b0cf;\n  --bs-body-color-rgb: 166, 176, 207;\n  --bs-footer-bg: #272c3b;\n  --bs-footer-color: #a6b0cf;\n  --bs-topnav-bg: #2c3243;\n  --bs-topnav-item-color: #a6b0cf;\n  --bs-topnav-item-color-active: #fff;\n  --bs-twocolumn-menu-iconview-bg: #fff;\n  --bs-twocolumn-menu-bg: #fff;\n  --bs-twocolumn-menu-iconview-bg-dark: var(--bs-vertical-menu-bg-dark);\n  --bs-twocolumn-menu-bg-dark: #30363a;\n  --bs-twocolumn-menu-item-color-dark: var(--bs-vertical-menu-item-color-dark);\n  --bs-twocolumn-menu-item-active-color-dark: #fff;\n  --bs-twocolumn-menu-item-active-bg-dark: rgba(255, 255, 255, 0.15);\n  --bs-boxed-body-bg: #181b1e;\n  --bs-heading-color: #e1e9f1;\n  --bs-light: #36404a;\n  --bs-light-rgb: 54, 64, 74;\n  --bs-dark: #eff2f7;\n  --bs-dark-rgb: 239, 242, 247;\n  --bs-text-muted: #9aa1b9;\n  --bs-link-color: #e1e9f1;\n  --bs-link-hover-color: #e1e9f1;\n  --bs-border-color: #36404a;\n  --bs-dropdown-bg: #313a43;\n  --bs-dropdown-link-color: #9aa1b9;\n  --bs-dropdown-link-hover-color: #ecedee;\n  --bs-dropdown-link-hover-bg: #36404a;\n  --bs-dropdown-border-width: 1px;\n  --bs-card-bg: #262e35;\n  --bs-card-cap-bg: #272c3b;\n  --bs-card-logo-dark: none;\n  --bs-card-logo-light: block;\n  --bs-modal-bg: #272c3b;\n  --bs-modal-content-bg: #272c3b;\n  --bs-modal-content-border-color: #36404a;\n  --bs-nav-tabs-link-active-color: #f8f9fa;\n  --bs-nav-tabs-link-active-bg: #36404a;\n  --bs-accordion-button-active-color: #fff;\n  --bs-accordion-bg: transparent;\n  --bs-accordion-button-bg: #36404a;\n  --bs-progress-bg: #36404a;\n  --bs-toast-background-color: rgba(54, 64, 74, 0.85);\n  --bs-toast-border-color: rgba(255, 255, 255, 0.1);\n  --bs-toast-header-border-color: rgba(255, 255, 255, 0.05);\n  --bs-list-group-hover-bg: #2c3243;\n  --bs-popover-bg: #292e3e;\n  --bs-pagination-hover-bg: #2f3547;\n  --bs-input-bg: #2b3141;\n  --bs-input-group-addon-border-color: #36404a;\n  --bs-input-border: #36404a;\n  --bs-input-border-color: #36404a;\n  --bs-input-focus-border: #3f4a56;\n  --bs-input-disabled-bg: #272c3b;\n  --bs-input-placeholder-color: #a6b0cf;\n  --bs-input-group-addon-bg: #36404a;\n  --bs-input-check-border: #3f4a56;\n  --bs-theme-mode-icon: \"\";\n}\n\n/*!\n * Waves v0.7.6\n * http://fian.my.id/Waves \n * \n * Copyright 2014-2018 Alfiana E. Sibuea and other contributors \n * Released under the MIT license \n * https://github.com/fians/Waves/blob/master/LICENSE */\n.waves-effect {\n  position: relative;\n  cursor: pointer;\n  display: inline-block;\n  overflow: hidden;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.waves-effect .waves-ripple {\n  position: absolute;\n  border-radius: 50%;\n  width: 100px;\n  height: 100px;\n  margin-top: -50px;\n  margin-left: -50px;\n  opacity: 0;\n  background: rgba(0, 0, 0, 0.2);\n  background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  -webkit-transition: all 0.5s ease-out;\n  -moz-transition: all 0.5s ease-out;\n  -o-transition: all 0.5s ease-out;\n  transition: all 0.5s ease-out;\n  -webkit-transition-property: -webkit-transform, opacity;\n  -moz-transition-property: -moz-transform, opacity;\n  -o-transition-property: -o-transform, opacity;\n  transition-property: transform, opacity;\n  -webkit-transform: scale(0) translate(0, 0);\n  -moz-transform: scale(0) translate(0, 0);\n  -ms-transform: scale(0) translate(0, 0);\n  -o-transform: scale(0) translate(0, 0);\n  transform: scale(0) translate(0, 0);\n  pointer-events: none;\n}\n\n.waves-effect.waves-light .waves-ripple {\n  background: rgba(255, 255, 255, 0.4);\n  background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n}\n\n.waves-effect.waves-classic .waves-ripple {\n  background: rgba(0, 0, 0, 0.2);\n}\n\n.waves-effect.waves-classic.waves-light .waves-ripple {\n  background: rgba(255, 255, 255, 0.4);\n}\n\n.waves-notransition {\n  -webkit-transition: none !important;\n  -moz-transition: none !important;\n  -o-transition: none !important;\n  transition: none !important;\n}\n\n.waves-button,\n.waves-circle {\n  -webkit-transform: translateZ(0);\n  -moz-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  -o-transform: translateZ(0);\n  transform: translateZ(0);\n  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);\n}\n\n.waves-button,\n.waves-button:hover,\n.waves-button:visited,\n.waves-button-input {\n  white-space: nowrap;\n  vertical-align: middle;\n  cursor: pointer;\n  border: none;\n  outline: none;\n  color: inherit;\n  background-color: rgba(0, 0, 0, 0);\n  font-size: 1em;\n  line-height: 1em;\n  text-align: center;\n  text-decoration: none;\n  z-index: 1;\n}\n\n.waves-button {\n  padding: 0.85em 1.1em;\n  border-radius: 0.2em;\n}\n\n.waves-button-input {\n  margin: 0;\n  padding: 0.85em 1.1em;\n}\n\n.waves-input-wrapper {\n  border-radius: 0.2em;\n  vertical-align: bottom;\n}\n\n.waves-input-wrapper.waves-button {\n  padding: 0;\n}\n\n.waves-input-wrapper .waves-button-input {\n  position: relative;\n  top: 0;\n  left: 0;\n  z-index: 1;\n}\n\n.waves-circle {\n  text-align: center;\n  width: 2.5em;\n  height: 2.5em;\n  line-height: 2.5em;\n  border-radius: 50%;\n}\n\n.waves-float {\n  -webkit-mask-image: none;\n  -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);\n  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);\n  -webkit-transition: all 300ms;\n  -moz-transition: all 300ms;\n  -o-transition: all 300ms;\n  transition: all 300ms;\n}\n\n.waves-float:active {\n  -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);\n  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);\n}\n\n.waves-block {\n  display: block;\n}\n\n.waves-effect.waves-light .waves-ripple {\n  background-color: rgba(255, 255, 255, 0.4);\n}\n\n.waves-effect.waves-primary .waves-ripple {\n  background-color: rgba(114, 105, 239, 0.4);\n}\n\n.waves-effect.waves-success .waves-ripple {\n  background-color: rgba(6, 214, 160, 0.4);\n}\n\n.waves-effect.waves-info .waves-ripple {\n  background-color: rgba(80, 165, 241, 0.4);\n}\n\n.waves-effect.waves-warning .waves-ripple {\n  background-color: rgba(255, 209, 102, 0.4);\n}\n\n.waves-effect.waves-danger .waves-ripple {\n  background-color: rgba(239, 71, 111, 0.4);\n}\n\n.avatar-xs {\n  height: 2.2rem;\n  width: 2.2rem;\n}\n\n.avatar-sm {\n  height: 3rem;\n  width: 3rem;\n}\n\n.avatar-md {\n  height: 4.5rem;\n  width: 4.5rem;\n}\n\n.avatar-lg {\n  height: 6rem;\n  width: 6rem;\n}\n\n.avatar-xl {\n  height: 7.5rem;\n  width: 7.5rem;\n}\n\n.avatar-title {\n  align-items: center;\n  background-color: #7269ef;\n  color: #fff;\n  display: flex;\n  font-weight: 500;\n  height: 100%;\n  justify-content: center;\n  width: 100%;\n}\n\n.font-size-10 {\n  font-size: 10px !important;\n}\n\n.font-size-11 {\n  font-size: 11px !important;\n}\n\n.font-size-12 {\n  font-size: 12px !important;\n}\n\n.font-size-13 {\n  font-size: 13px !important;\n}\n\n.font-size-14 {\n  font-size: 14px !important;\n}\n\n.font-size-15 {\n  font-size: 15px !important;\n}\n\n.font-size-16 {\n  font-size: 16px !important;\n}\n\n.font-size-17 {\n  font-size: 17px !important;\n}\n\n.font-size-18 {\n  font-size: 18px !important;\n}\n\n.font-size-20 {\n  font-size: 20px !important;\n}\n\n.font-size-22 {\n  font-size: 22px !important;\n}\n\n.font-size-24 {\n  font-size: 24px !important;\n}\n\n.fw-medium {\n  font-weight: 500;\n}\n\n.fw-semibold {\n  font-weight: 600;\n}\n\n.social-list-item {\n  height: 2rem;\n  width: 2rem;\n  line-height: calc(2rem - 4px);\n  display: block;\n  border: 2px solid #adb5bd;\n  border-radius: 50%;\n  color: #adb5bd;\n  text-align: center;\n  transition: all 0.4s;\n}\n.social-list-item:hover {\n  color: #7a7f9a;\n  background-color: #f5f7fb;\n}\n\n.w-xs {\n  min-width: 80px;\n}\n\n.w-sm {\n  min-width: 95px;\n}\n\n.w-md {\n  min-width: 110px;\n}\n\n.w-lg {\n  min-width: 140px;\n}\n\n.w-xl {\n  min-width: 160px;\n}\n\n.border-dark {\n  border-color: var(--bs-dark) !important;\n}\n\n.border-light {\n  border-color: var(--bs-light) !important;\n}\n\n[data-layout-mode=dark] .btn-close {\n  filter: invert(1) grayscale(100%) brightness(200%);\n}\n\n.custom-accordion .card + .card {\n  margin-top: 0.5rem;\n}\n.custom-accordion a i.accor-plus-icon {\n  font-size: 16px;\n}\n.custom-accordion a.collapsed i.accor-plus-icon:before {\n  content: \"\\f0142\";\n}\n\n.accordion-button:after {\n  margin-left: auto;\n  margin-right: 0;\n}\n\n[data-layout-mode=dark] .accordion-button:not(.collapsed) {\n  color: var(--bs-accordion-button-active-color);\n}\n[data-layout-mode=dark] .accordion-button:not(.collapsed):after {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e\");\n}\n[data-layout-mode=dark] .accordion-button:after {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23adb5bd'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e\");\n}\n\n[type=tel]::placeholder,\n[type=url]::placeholder,\n[type=email]::placeholder,\n[type=number]::placeholder {\n  text-align: left;\n  /*rtl: right*/\n}\n\n.custom-checkbox-primary .custom-control-input:checked ~ .custom-control-label:before, .custom-radio-primary .custom-control-input:checked ~ .custom-control-label:before {\n  background-color: #7269ef;\n  border-color: #7269ef;\n}\n\n.custom-checkbox-secondary .custom-control-input:checked ~ .custom-control-label:before, .custom-radio-secondary .custom-control-input:checked ~ .custom-control-label:before {\n  background-color: #7a7f9a;\n  border-color: #7a7f9a;\n}\n\n.custom-checkbox-success .custom-control-input:checked ~ .custom-control-label:before, .custom-radio-success .custom-control-input:checked ~ .custom-control-label:before {\n  background-color: #06D6A0;\n  border-color: #06D6A0;\n}\n\n.custom-checkbox-info .custom-control-input:checked ~ .custom-control-label:before, .custom-radio-info .custom-control-input:checked ~ .custom-control-label:before {\n  background-color: #50a5f1;\n  border-color: #50a5f1;\n}\n\n.custom-checkbox-warning .custom-control-input:checked ~ .custom-control-label:before, .custom-radio-warning .custom-control-input:checked ~ .custom-control-label:before {\n  background-color: #FFD166;\n  border-color: #FFD166;\n}\n\n.custom-checkbox-danger .custom-control-input:checked ~ .custom-control-label:before, .custom-radio-danger .custom-control-input:checked ~ .custom-control-label:before {\n  background-color: #EF476F;\n  border-color: #EF476F;\n}\n\n.custom-checkbox-light .custom-control-input:checked ~ .custom-control-label:before, .custom-radio-light .custom-control-input:checked ~ .custom-control-label:before {\n  background-color: #e6ebf5;\n  border-color: #e6ebf5;\n}\n\n.custom-checkbox-dark .custom-control-input:checked ~ .custom-control-label:before, .custom-radio-dark .custom-control-input:checked ~ .custom-control-label:before {\n  background-color: #343a40;\n  border-color: #343a40;\n}\n\n.custom-checkbox-dark .custom-control-input:checked ~ .custom-control-label:before, .custom-radio-dark .custom-control-input:checked ~ .custom-control-label:before {\n  color: #343a40;\n}\n\n.custom-control-label {\n  cursor: pointer;\n}\n\n.form-check, .form-check-input {\n  cursor: pointer;\n}\n\n.custom-switch-md {\n  padding-left: 3rem;\n}\n.custom-switch-md .custom-control-label {\n  line-height: 20px;\n}\n.custom-switch-md .custom-control-label:before {\n  width: 40px;\n  height: 20px;\n  border-radius: 30px;\n  left: -3rem;\n}\n.custom-switch-md .custom-control-label:after {\n  width: 16px;\n  height: 16px;\n  left: calc(-3rem + 2px);\n}\n.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after {\n  transform: translateX(1.25rem);\n}\n\n.custom-switch-lg {\n  padding-left: 3.75rem;\n}\n.custom-switch-lg .custom-control-label {\n  line-height: 24px;\n}\n.custom-switch-lg .custom-control-label:before {\n  width: 48px;\n  height: 24px;\n  border-radius: 30px;\n  left: -3.75rem;\n}\n.custom-switch-lg .custom-control-label:after {\n  width: 20px;\n  height: 20px;\n  left: calc(-3.75rem + 2px);\n  border-radius: 50%;\n}\n.custom-switch-lg .custom-control-input:checked ~ .custom-control-label::after {\n  transform: translateX(1.5rem);\n}\n\n.custom-control-label::before {\n  background-color: var(--bs-input-bg);\n}\n\n[data-simplebar] {\n  position: relative;\n  flex-direction: column;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-content: flex-start;\n  align-items: flex-start;\n}\n\n.simplebar-wrapper {\n  overflow: hidden;\n  width: inherit;\n  height: inherit;\n  max-width: inherit;\n  max-height: inherit;\n}\n\n.simplebar-mask {\n  direction: inherit;\n  position: absolute;\n  overflow: hidden;\n  padding: 0;\n  margin: 0;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: auto !important;\n  height: auto !important;\n  z-index: 0;\n}\n\n.simplebar-offset {\n  direction: inherit !important;\n  box-sizing: inherit !important;\n  resize: none !important;\n  position: absolute;\n  top: 0;\n  left: 0 !important;\n  bottom: 0;\n  right: 0 !important;\n  padding: 0;\n  margin: 0;\n  -webkit-overflow-scrolling: touch;\n}\n\n.simplebar-content-wrapper {\n  direction: inherit;\n  box-sizing: border-box !important;\n  position: relative;\n  display: block;\n  height: 100%;\n  /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */\n  width: auto;\n  visibility: visible;\n  overflow: auto;\n  /* Scroll on this element otherwise element can't have a padding applied properly */\n  max-width: 100%;\n  /* Not required for horizontal scroll to trigger */\n  max-height: 100%;\n  /* Needed for vertical scroll to trigger */\n  scrollbar-width: none;\n  padding: 0px !important;\n}\n\n.simplebar-content-wrapper::-webkit-scrollbar,\n.simplebar-hide-scrollbar::-webkit-scrollbar {\n  display: none;\n}\n\n.simplebar-content:before,\n.simplebar-content:after {\n  content: \" \";\n  display: table;\n}\n\n.simplebar-placeholder {\n  max-height: 100%;\n  max-width: 100%;\n  width: 100%;\n  pointer-events: none;\n}\n\n.simplebar-height-auto-observer-wrapper {\n  box-sizing: inherit !important;\n  height: 100%;\n  width: 100%;\n  max-width: 1px;\n  position: relative;\n  float: left;\n  max-height: 1px;\n  overflow: hidden;\n  z-index: -1;\n  padding: 0;\n  margin: 0;\n  pointer-events: none;\n  flex-grow: inherit;\n  flex-shrink: 0;\n  flex-basis: 0;\n}\n\n.simplebar-height-auto-observer {\n  box-sizing: inherit;\n  display: block;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 1000%;\n  width: 1000%;\n  min-height: 1px;\n  min-width: 1px;\n  overflow: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n\n.simplebar-track {\n  z-index: 1;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  overflow: hidden;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-content {\n  pointer-events: none;\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-track {\n  pointer-events: all;\n}\n\n.simplebar-scrollbar {\n  position: absolute;\n  right: 2px;\n  width: 7px;\n  min-height: 10px;\n}\n\n.simplebar-scrollbar:before {\n  position: absolute;\n  content: \"\";\n  background: #a2adb7;\n  border-radius: 7px;\n  left: 0;\n  right: 0;\n  opacity: 0;\n  transition: opacity 0.2s linear;\n}\n\n.simplebar-scrollbar.simplebar-visible:before {\n  /* When hovered, remove all transitions from drag handle */\n  opacity: 0.5;\n  transition: opacity 0s linear;\n}\n\n.simplebar-track.simplebar-vertical {\n  top: 0;\n  width: 11px;\n}\n\n.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {\n  top: 2px;\n  bottom: 2px;\n}\n\n.simplebar-track.simplebar-horizontal {\n  left: 0;\n  height: 11px;\n}\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {\n  height: 100%;\n  left: 2px;\n  right: 2px;\n}\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar {\n  right: auto;\n  left: 0;\n  top: 2px;\n  height: 7px;\n  min-height: 0;\n  min-width: 10px;\n  width: auto;\n}\n\n/* Rtl support */\n[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {\n  right: auto;\n  left: 0;\n}\n\n.hs-dummy-scrollbar-size {\n  direction: rtl;\n  position: fixed;\n  opacity: 0;\n  visibility: hidden;\n  height: 500px;\n  width: 500px;\n  overflow-y: hidden;\n  overflow-x: scroll;\n}\n\n.simplebar-hide-scrollbar {\n  position: fixed;\n  left: 0;\n  visibility: hidden;\n  overflow-y: scroll;\n  scrollbar-width: none;\n}\n\n.custom-scroll {\n  height: 100%;\n}\n\n.side-menu {\n  min-width: 75px;\n  max-width: 75px;\n  height: 100vh;\n  min-height: 570px;\n  background-color: var(--bs-sidebar-bg);\n  display: flex;\n  z-index: 9;\n  box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);\n}\n@media (max-width: 991.98px) {\n  .side-menu {\n    position: fixed;\n    bottom: 0;\n    height: 60px;\n    min-width: 100%;\n    min-height: auto;\n    display: block;\n    border-top: 1px solid var(--bs-border-color);\n  }\n}\n.side-menu .navbar-brand-box {\n  text-align: center;\n}\n@media (max-width: 991.98px) {\n  .side-menu .navbar-brand-box {\n    display: none;\n  }\n}\n.side-menu .navbar-brand-box .logo {\n  line-height: 70px;\n}\n.side-menu .navbar-brand-box .logo-dark {\n  display: block;\n}\n.side-menu .navbar-brand-box .logo-light {\n  display: none;\n}\n.side-menu .theme-mode-icon:before {\n  content: var(--bs-theme-mode-icon);\n}\n\n.side-menu-nav .nav-item {\n  margin: 7px 0;\n}\n@media (max-width: 991.98px) {\n  .side-menu-nav .nav-item {\n    flex-basis: 0;\n    flex-grow: 1;\n    margin: 5px 0;\n  }\n}\n.side-menu-nav .nav-item .nav-link {\n  text-align: center;\n  font-size: 24px;\n  color: var(--bs-sidebar-menu-item-color);\n  width: 56px;\n  height: 56px;\n  line-height: 56px;\n  margin: 0px auto;\n  border-radius: 8px;\n  padding: 0;\n}\n@media (max-width: 991.98px) {\n  .side-menu-nav .nav-item .nav-link {\n    font-size: 20px;\n    width: 48px;\n    height: 48px;\n    line-height: 48px;\n  }\n}\n.side-menu-nav .nav-item .nav-link.active {\n  background-color: var(--bs-sidebar-menu-item-active-bg);\n  color: #7269ef;\n}\n.side-menu-nav .nav-item.show > .nav-link {\n  background-color: var(--bs-sidebar-menu-item-active-bg);\n  color: #7269ef;\n}\n.side-menu-nav .profile-user {\n  height: 36px;\n  width: 36px;\n  background-color: var(--bs-gray-300);\n  padding: 3px;\n}\n\n.chat-leftsidebar {\n  height: 100vh;\n  background-color: var(--bs-sidebar-sub-bg);\n}\n@media (min-width: 992px) {\n  .chat-leftsidebar {\n    min-width: 380px;\n    max-width: 380px;\n  }\n}\n.chat-leftsidebar .user-status-box {\n  background-color: var(--bs-light);\n  padding: 8px;\n  border-radius: 8px;\n  text-align: center;\n  margin-top: 16px;\n  display: block;\n}\n.chat-leftsidebar .user-status-box .chat-user-img {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n}\n\n.chat-search-box .form-control {\n  border: 0;\n}\n.chat-search-box .search-icon-btn {\n  font-size: 16px;\n  position: absolute;\n  right: 13px;\n  top: 0;\n}\n\n.chat-message-list {\n  height: calc(100vh - 280px);\n}\n@media (max-width: 991.98px) {\n  .chat-message-list {\n    height: calc(100vh - 320px);\n  }\n}\n\n.chat-group-list {\n  height: calc(100vh - 160px);\n}\n@media (max-width: 991.98px) {\n  .chat-group-list {\n    height: calc(100vh - 194px);\n  }\n}\n\n.chat-list {\n  margin: 0;\n}\n.chat-list li.active a {\n  background-color: var(--bs-light);\n}\n.chat-list li a {\n  position: relative;\n  display: block;\n  padding: 15px 20px;\n  color: var(--bs-gray-600);\n  transition: all 0.4s;\n  border-top: 1px solid var(--bs-sidebar-sub-bg);\n  border-radius: 4px;\n}\n.chat-list li a:hover {\n  background-color: var(--bs-light);\n}\n.chat-list li .chat-user-message {\n  font-size: 14px;\n}\n.chat-list li.typing .chat-user-message {\n  color: #7269ef;\n  font-weight: 500;\n}\n.chat-list li.typing .chat-user-message .dot {\n  background-color: #7269ef;\n}\n.chat-list li .unread-message {\n  position: absolute;\n  display: inline-block;\n  right: 24px;\n  left: auto;\n  top: 33px;\n}\n.chat-list li .unread-message .badge {\n  line-height: 16px;\n  font-weight: 600;\n  font-size: 10px;\n}\n\n.chat-user-img {\n  position: relative;\n}\n.chat-user-img .user-status {\n  width: 10px;\n  height: 10px;\n  background-color: #adb5bd;\n  border-radius: 50%;\n  border: 2px solid var(--bs-card-bg);\n  position: absolute;\n  right: 0;\n  left: auto;\n  bottom: 0;\n}\n.chat-user-img.online .user-status {\n  background-color: #06D6A0;\n}\n.chat-user-img.away .user-status {\n  background-color: #FFD166;\n}\n\n.contact-list li {\n  cursor: pointer;\n  padding: 10px 20px;\n}\n\n.profile-user {\n  position: relative;\n  display: inline-block;\n}\n.profile-user .profile-photo-edit {\n  position: absolute;\n  right: 0;\n  left: auto;\n  bottom: 0;\n}\n\n.user-chat {\n  background-color: var(--bs-card-bg);\n  box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);\n  transition: all 0.4s;\n}\n@media (max-width: 991.98px) {\n  .user-chat {\n    position: fixed;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    visibility: hidden;\n    transform: translateX(100%);\n    z-index: 99;\n  }\n  .user-chat.user-chat-show {\n    visibility: visible;\n    transform: translateX(0);\n  }\n}\n\n@media (max-width: 991.98px) {\n  .user-chat-topbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: 0;\n    z-index: 1;\n  }\n}\n\n.user-chat-nav .nav-btn {\n  height: 40px;\n  width: 40px;\n  line-height: 40px;\n  box-shadow: none;\n  padding: 0;\n  font-size: 20px;\n  color: var(--bs-gray-600);\n}\n@media (max-width: 575.98px) {\n  .user-chat-nav {\n    display: flex;\n    justify-content: flex-end;\n  }\n}\n\n.chat-conversation li {\n  clear: both;\n}\n.chat-conversation .chat-avatar {\n  margin: 0 16px 0 0;\n}\n.chat-conversation .chat-avatar img {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n}\n.chat-conversation .chat-day-title {\n  position: relative;\n  text-align: center;\n  margin-bottom: 24px;\n  margin-top: 12px;\n}\n.chat-conversation .chat-day-title .title {\n  background-color: var(--bs-border-color);\n  position: relative;\n  font-size: 13px;\n  z-index: 1;\n  padding: 6px 12px;\n  border-radius: 5px;\n}\n.chat-conversation .chat-day-title:before {\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  height: 1px;\n  left: 0;\n  right: 0;\n  background-color: var(--bs-border-color);\n  top: 10px;\n}\n.chat-conversation .chat-day-title .badge {\n  font-size: 12px;\n}\n.chat-conversation .conversation-list {\n  margin-bottom: 24px;\n  display: inline-flex;\n  position: relative;\n  align-items: flex-end;\n}\n.chat-conversation .conversation-list .ctext-wrap {\n  display: flex;\n  margin-bottom: 10px;\n}\n.chat-conversation .conversation-list .ctext-wrap-content {\n  padding: 12px 20px;\n  background-color: var(--bs-chat-primary-bg);\n  border-radius: 8px 8px 8px 0;\n  color: #fff;\n  position: relative;\n}\n.chat-conversation .conversation-list .ctext-wrap-content:before {\n  content: \"\";\n  position: absolute;\n  border: 5px solid transparent;\n  border-left-color: var(--bs-chat-primary-bg);\n  border-top-color: var(--bs-chat-primary-bg);\n  left: 0;\n  right: auto;\n  bottom: -10px;\n}\n@media (max-width: 575.98px) {\n  .chat-conversation .conversation-list .ctext-wrap-content .attached-file .attached-file-avatar {\n    display: none;\n  }\n}\n.chat-conversation .conversation-list .conversation-name {\n  font-weight: 500;\n  font-size: 14px;\n}\n.chat-conversation .conversation-list .dropdown .dropdown-toggle {\n  font-size: 18px;\n  padding: 4px;\n  color: var(--bs-gray-600);\n}\n@media (max-width: 575.98px) {\n  .chat-conversation .conversation-list .dropdown .dropdown-toggle {\n    display: none;\n  }\n}\n.chat-conversation .conversation-list .chat-time {\n  font-size: 12px;\n  margin-top: 4px;\n  text-align: right;\n  color: rgba(255, 255, 255, 0.5);\n}\n.chat-conversation .conversation-list .message-img {\n  border-radius: 0.2rem;\n  position: relative;\n}\n.chat-conversation .conversation-list .message-img .message-img-list {\n  position: relative;\n}\n.chat-conversation .conversation-list .message-img img {\n  max-width: 150px;\n}\n.chat-conversation .conversation-list .message-img .message-img-link {\n  position: absolute;\n  right: 10px;\n  left: auto;\n  bottom: 10px;\n}\n.chat-conversation .conversation-list .message-img .message-img-link li > a {\n  font-size: 18px;\n  color: #fff;\n  display: inline-block;\n  line-height: 30px;\n  width: 30px;\n  height: 30px;\n  text-align: center;\n}\n.chat-conversation .right .chat-avatar {\n  order: 3;\n  margin-right: 0px;\n  margin-left: 16px;\n}\n.chat-conversation .right .chat-time {\n  text-align: left;\n  color: var(--bs-gray-600);\n}\n.chat-conversation .right .conversation-list {\n  float: right;\n  text-align: right;\n}\n.chat-conversation .right .conversation-list .ctext-wrap {\n  justify-content: flex-end;\n}\n.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content {\n  order: 2;\n  background-color: var(--bs-chat-secondary-bg);\n  color: var(--bs-dark);\n  text-align: right;\n  border-radius: 8px 8px 0px 8px;\n}\n.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content:before {\n  border: 5px solid transparent;\n  border-top-color: var(--bs-chat-secondary-bg);\n  border-right-color: var(--bs-chat-secondary-bg);\n  left: auto;\n  right: 0px;\n}\n.chat-conversation .right .conversation-list .dropdown {\n  order: 1;\n}\n.chat-conversation .right .conversation-list .dropdown .dropdown-menu[style] {\n  right: 0 !important;\n  left: auto !important;\n}\n.chat-conversation .right .dot {\n  background-color: #343a40;\n}\n\n.chat-conversation {\n  height: calc(100vh - 184px);\n}\n@media (max-width: 991.98px) {\n  .chat-conversation {\n    height: calc(100vh - 152px);\n    margin-top: 73px;\n    margin-bottom: 78px;\n  }\n}\n\n.chat-input-section {\n  background-color: var(--bs-card-bg);\n}\n@media (max-width: 991.98px) {\n  .chat-input-section {\n    position: fixed;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 1;\n  }\n}\n\n.chat-input-links .list-inline-item:not(:last-child) {\n  margin: 0;\n}\n\n.animate-typing .dot {\n  display: inline-block;\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  margin-right: -1px;\n  background: #fff;\n  animation: wave 1.3s linear infinite;\n  opacity: 0.6;\n}\n.animate-typing .dot:nth-child(2) {\n  animation-delay: -1.1s;\n}\n.animate-typing .dot:nth-child(3) {\n  animation-delay: -0.9s;\n}\n\n@keyframes wave {\n  0%, 60%, 100% {\n    transform: initial;\n  }\n  30% {\n    transform: translateY(-5px);\n  }\n}\n.user-profile-sidebar {\n  height: 100vh;\n  background-color: var(--bs-card-bg);\n  display: none;\n  min-width: 380px;\n  max-width: 380px;\n}\n@media (min-width: 992px) {\n  .user-profile-sidebar {\n    border-left: 4px solid var(--bs-border-color);\n  }\n}\n@media (max-width: 1199.98px) {\n  .user-profile-sidebar {\n    position: fixed;\n    right: 0;\n    top: 0;\n    z-index: 99;\n  }\n}\n@media (max-width: 575.98px) {\n  .user-profile-sidebar {\n    min-width: 100%;\n  }\n}\n\n.user-profile-desc {\n  height: calc(100vh - 300px);\n}\n@media (max-width: 991.98px) {\n  .user-profile-desc {\n    height: calc(100vh - 324px);\n  }\n}\n\n.auth-logo .logo {\n  margin: 0px auto;\n}\n.auth-logo .logo-dark {\n  display: block;\n}\n.auth-logo .logo-light {\n  display: none;\n}","//\n// avatar.scss\n//\n\n.avatar-xs {\n  height: 2.2rem;\n  width: 2.2rem;\n}\n\n.avatar-sm {\n  height: 3rem;\n  width: 3rem;\n}\n\n.avatar-md {\n  height: 4.5rem;\n  width: 4.5rem;\n}\n\n.avatar-lg {\n  height: 6rem;\n  width: 6rem;\n}\n\n.avatar-xl {\n  height: 7.5rem;\n  width: 7.5rem;\n}\n\n.avatar-title {\n  align-items: center;\n  background-color: $primary;\n  color: $white;\n  display: flex;\n  font-weight: $font-weight-medium;\n  height: 100%;\n  justify-content: center;\n  width: 100%;\n}","//\n// _helper.scss\n//\n\n.font-size-10 {\n  font-size: 10px !important;\n}\n\n.font-size-11 {\n  font-size: 11px !important;\n}\n\n.font-size-12 {\n  font-size: 12px !important;\n}\n\n.font-size-13 {\n  font-size: 13px !important;\n}\n\n.font-size-14 {\n  font-size: 14px !important;\n}\n\n.font-size-15 {\n  font-size: 15px !important;\n}\n\n.font-size-16 {\n  font-size: 16px !important;\n}\n\n.font-size-17 {\n  font-size: 17px !important;\n}\n\n.font-size-18 {\n  font-size: 18px !important;\n}\n\n.font-size-20 {\n  font-size: 20px !important;\n}\n\n.font-size-22 {\n  font-size: 22px !important;\n}\n\n.font-size-24 {\n  font-size: 24px !important;\n}\n\n// Font weight help class\n\n.fw-medium {\n  font-weight: $font-weight-medium;\n}\n\n.fw-semibold {\n  font-weight: $font-weight-semibold;\n}\n\n// Social\n\n.social-list-item {\n  height: 2rem;\n  width: 2rem;\n  line-height: calc(2rem - 4px);\n  display: block;\n  border: 2px solid $gray-500;\n  border-radius: 50%;\n  color: $gray-500;\n  text-align: center;\n  transition: all 0.4s;\n  &:hover{\n    color: $gray-600;\n    background-color: $gray-200;\n  }\n}\n\n\n.w-xs {\n  min-width: 80px;\n}\n.w-sm {\n  min-width: 95px;\n}\n.w-md {\n  min-width: 110px;\n}\n.w-lg {\n  min-width: 140px;\n}\n\n.w-xl {\n  min-width: 160px;\n}\n\n\n// border-color\n.border-dark {\n  border-color: var(--#{$variable-prefix}dark)!important;\n}\n.border-light {\n  border-color: var(--#{$variable-prefix}light)!important;\n}\n\n\n[data-layout-mode=\"dark\"]{\n  .btn-close{\n      filter: invert(1) grayscale(100%) brightness(200%);\n  }\n}","\r\n//\r\n// accordion.scss\r\n//\r\n\r\n.custom-accordion {\r\n    .card {\r\n        + .card {\r\n            margin-top: 0.5rem;\r\n        }\r\n    }\r\n\r\n    a {\r\n        i.accor-plus-icon {\r\n            font-size: 16px;\r\n        }\r\n        &.collapsed {\r\n            i.accor-plus-icon {\r\n                &:before {\r\n                    content: \"\\F0142\";\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.accordion-button {\r\n    &:after {\r\n        margin-left: auto/*rtl:0*/;\r\n        margin-right:0/*rtl:auto*/;\r\n    }\r\n}\r\n\r\n\r\n// theme dark\r\n\r\n[data-layout-mode=\"dark\"]{\r\n    .accordion-button {\r\n        &:not(.collapsed) {\r\n            color: var(--#{$variable-prefix}accordion-button-active-color);\r\n            &:after{\r\n                background-image: escape-svg(url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$white}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>\"));\r\n            }\r\n        }\r\n\r\n        &:after{\r\n            background-image: escape-svg(url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$gray-500}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>\"));\r\n        }\r\n    }\r\n}","//\r\n// Forms.scss\r\n//\r\n\r\n\r\n[type=\"tel\"],\r\n[type=\"url\"],\r\n[type=\"email\"],\r\n[type=\"number\"] {\r\n &::placeholder{\r\n   text-align: left; /*rtl: right*/\r\n }\r\n}\r\n\r\n\r\n// checkbox color\r\n\r\n@each $color,\r\n$value in $theme-colors {\r\n  .custom-checkbox-#{$color}, .custom-radio-#{$color}{\r\n    .custom-control-input{\r\n      &:checked~.custom-control-label:before{\r\n        background-color: $value;\r\n        border-color: $value;\r\n      }\r\n    }\r\n  }\r\n\r\n}\r\n\r\n.custom-checkbox-dark, .custom-radio-dark{\r\n  .custom-control-input{\r\n    &:checked~.custom-control-label:before{\r\n      color: $dark;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n.custom-control-label{\r\n  cursor: pointer;\r\n}\r\n\r\n.form-check, .form-check-input{\r\n  cursor: pointer;\r\n}\r\n\r\n\r\n// Switch sizes\r\n\r\n.custom-switch-md{\r\n  padding-left: 3rem;\r\n  .custom-control-label{\r\n    line-height: 20px;\r\n    &:before{\r\n      width: 40px;\r\n      height: 20px;\r\n      border-radius: 30px;\r\n      left: -3rem;\r\n    }\r\n    &:after{\r\n      width: calc(20px - 4px);\r\n      height: calc(20px - 4px);\r\n      left: calc(-3rem + 2px);\r\n    }\r\n  }\r\n  .custom-control-input:checked~.custom-control-label::after{\r\n    transform: translateX(1.25rem);\r\n  }\r\n}\r\n\r\n\r\n.custom-switch-lg{\r\n  padding-left: 3.75rem;\r\n  .custom-control-label{\r\n    line-height: 24px;\r\n    &:before{\r\n      width: 48px;\r\n      height: 24px;\r\n      border-radius: 30px;\r\n      left: -3.75rem;\r\n    }\r\n    &:after{\r\n      width: calc(24px - 4px);\r\n      height: calc(24px - 4px);\r\n      left: calc(-3.75rem + 2px);\r\n      border-radius: 50%;\r\n    }\r\n  }\r\n  .custom-control-input:checked~.custom-control-label::after{\r\n    transform: translateX(1.5rem);\r\n  }\r\n}\r\n\r\n\r\n.custom-control-label::before{\r\n  background-color: $input-bg;\r\n}\r\n\r\n","[data-simplebar] {\n  position: relative;\n  flex-direction: column;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-content: flex-start;\n  align-items: flex-start;\n}\n\n.simplebar-wrapper {\n  overflow: hidden;\n  width: inherit;\n  height: inherit;\n  max-width: inherit;\n  max-height: inherit;\n}\n\n.simplebar-mask {\n  direction: inherit;\n  position: absolute;\n  overflow: hidden;\n  padding: 0;\n  margin: 0;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: auto !important;\n  height: auto !important;\n  z-index: 0;\n}\n\n.simplebar-offset {\n  direction: inherit !important;\n  box-sizing: inherit !important;\n  resize: none !important;\n  position: absolute;\n  top: 0;\n  left: 0 !important;\n  bottom: 0;\n  right: 0 !important;\n  padding: 0;\n  margin: 0;\n  -webkit-overflow-scrolling: touch;\n}\n\n.simplebar-content-wrapper {\n  direction: inherit;\n  box-sizing: border-box !important;\n  position: relative;\n  display: block;\n  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */\n  width: auto;\n  visibility: visible;\n  overflow: auto; /* Scroll on this element otherwise element can't have a padding applied properly */\n  max-width: 100%; /* Not required for horizontal scroll to trigger */\n  max-height: 100%; /* Needed for vertical scroll to trigger */\n  scrollbar-width: none;\n  padding: 0px !important;\n}\n\n.simplebar-content-wrapper::-webkit-scrollbar,\n.simplebar-hide-scrollbar::-webkit-scrollbar {\n  display: none;\n}\n\n.simplebar-content:before,\n.simplebar-content:after {\n  content: ' ';\n  display: table;\n}\n\n.simplebar-placeholder {\n  max-height: 100%;\n  max-width: 100%;\n  width: 100%;\n  pointer-events: none;\n}\n\n.simplebar-height-auto-observer-wrapper {\n  box-sizing: inherit !important;\n  height: 100%;\n  width: 100%;\n  max-width: 1px;\n  position: relative;\n  float: left;\n  max-height: 1px;\n  overflow: hidden;\n  z-index: -1;\n  padding: 0;\n  margin: 0;\n  pointer-events: none;\n  flex-grow: inherit;\n  flex-shrink: 0;\n  flex-basis: 0;\n}\n\n.simplebar-height-auto-observer {\n  box-sizing: inherit;\n  display: block;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 1000%;\n  width: 1000%;\n  min-height: 1px;\n  min-width: 1px;\n  overflow: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n\n.simplebar-track {\n  z-index: 1;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  overflow: hidden;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-content {\n  pointer-events: none;\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-track {\n  pointer-events: all;\n}\n\n.simplebar-scrollbar {\n  position: absolute;\n  right: 2px;\n  width: 7px;\n  min-height: 10px;\n}\n\n.simplebar-scrollbar:before {\n  position: absolute;\n  content: '';\n  background: #a2adb7;\n  border-radius: 7px;\n  left: 0;\n  right: 0;\n  opacity: 0;\n  transition: opacity 0.2s linear;\n}\n\n.simplebar-scrollbar.simplebar-visible:before {\n  /* When hovered, remove all transitions from drag handle */\n  opacity: 0.5;\n  transition: opacity 0s linear;\n}\n\n.simplebar-track.simplebar-vertical {\n  top: 0;\n  width: 11px;\n}\n\n.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {\n  top: 2px;\n  bottom: 2px;\n}\n\n.simplebar-track.simplebar-horizontal {\n  left: 0;\n  height: 11px;\n}\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {\n  height: 100%;\n  left: 2px;\n  right: 2px;\n}\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar {\n  right: auto;\n  left: 0;\n  top: 2px;\n  height: 7px;\n  min-height: 0;\n  min-width: 10px;\n  width: auto;\n}\n\n/* Rtl support */\n[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {\n  right: auto;\n  left: 0;\n}\n\n.hs-dummy-scrollbar-size {\n  direction: rtl;\n  position: fixed;\n  opacity: 0;\n  visibility: hidden;\n  height: 500px;\n  width: 500px;\n  overflow-y: hidden;\n  overflow-x: scroll;\n}\n\n.simplebar-hide-scrollbar {\n  position: fixed;\n  left: 0;\n  visibility: hidden;\n  overflow-y: scroll;\n  scrollbar-width: none;\n}\n\n.custom-scroll {\n  height: 100%;\n}","\r\n// \r\n// Sidemenu\r\n// \r\n\r\n\r\n\r\n.side-menu{\r\n    min-width: 75px;\r\n    max-width: 75px;\r\n    height: 100vh;\r\n    min-height: 570px;\r\n    background-color: $sidebar-bg;\r\n    display: flex;\r\n    z-index: 9;\r\n    box-shadow: 0 2px 4px rgba(15,34,58,.12);\r\n\r\n    @media (max-width: 991.98px) {\r\n        position: fixed;\r\n        bottom: 0;\r\n        height: 60px;\r\n        min-width: 100%;\r\n        min-height: auto;\r\n        display: block;\r\n        border-top: 1px solid $border-color;\r\n    }\r\n\r\n    .navbar-brand-box{\r\n        text-align: center;\r\n\r\n\r\n        @media (max-width: 991.98px) {\r\n            display: none;\r\n        }\r\n\r\n        .logo{\r\n            line-height: 70px;\r\n            \r\n        }\r\n\r\n        .logo-dark{\r\n            display: $display-block;\r\n        }\r\n\r\n        .logo-light{\r\n            display: $display-none;\r\n        }\r\n    }\r\n\r\n    .theme-mode-icon {\r\n        &:before {\r\n            content: $theme-mode-icon;\r\n        }\r\n    }\r\n}\r\n\r\n.side-menu-nav{\r\n\r\n    .nav-item{\r\n        margin: 7px 0;\r\n        @media (max-width: 991.98px) {\r\n            flex-basis: 0;\r\n            flex-grow: 1;\r\n            margin: 5px 0;\r\n        }\r\n        .nav-link{\r\n            text-align: center;\r\n            font-size: 24px;\r\n            color: $sidebar-menu-item-color;\r\n            width: 56px;\r\n            height: 56px;\r\n            line-height: 56px;\r\n            margin: 0px auto;\r\n            border-radius: 8px;\r\n            padding: 0;\r\n\r\n\r\n            @media (max-width: 991.98px) {\r\n                font-size: 20px;\r\n                width: 48px;\r\n                height: 48px;\r\n                line-height: 48px;\r\n            }\r\n\r\n            &.active{\r\n                background-color: $sidebar-menu-item-active-bg;\r\n                color: $primary;\r\n            }\r\n        }\r\n\r\n        &.show>.nav-link{\r\n            background-color: $sidebar-menu-item-active-bg;\r\n            color: $primary;\r\n        }\r\n    }\r\n\r\n    .profile-user {\r\n        height: 36px;\r\n        width: 36px;\r\n        background-color: var(--#{$variable-prefix}gray-300);\r\n        padding: 3px;\r\n    }\r\n}\r\n\r\n\r\n\r\n","// \r\n// chat-leftsidebar.scss\r\n//\r\n\r\n\r\n.chat-leftsidebar {\r\n    height: 100vh;\r\n    background-color: $sidebar-sub-bg;\r\n\r\n    @media (min-width: 992px) {\r\n        min-width: 380px;\r\n        max-width: 380px;\r\n    }\r\n\r\n    .user-status-box {\r\n        background-color: var(--#{$variable-prefix}light);\r\n        padding: 8px;\r\n        border-radius: 8px;\r\n        text-align: center;\r\n        margin-top: 16px;\r\n        display: block;\r\n\r\n        .chat-user-img {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n        }\r\n    }\r\n}\r\n\r\n.chat-search-box {\r\n    .form-control {\r\n        border: 0;\r\n    }\r\n\r\n    .search-icon-btn {\r\n        font-size: 16px;\r\n        position: absolute;\r\n        right: 13px;\r\n        top: 0;\r\n    }\r\n}\r\n\r\n.chat-message-list {\r\n    height: calc(100vh - 280px);\r\n    @media (max-width: 991.98px) {\r\n        height: calc(100vh - 320px);\r\n    }\r\n}\r\n\r\n.chat-group-list {\r\n    height: calc(100vh - 160px);\r\n    @media (max-width: 991.98px) {\r\n        height: calc(100vh - 194px);\r\n    }\r\n}\r\n\r\n\r\n.chat-list {\r\n    margin: 0;\r\n\r\n    li {\r\n        &.active {\r\n            a {\r\n                background-color: var(--#{$variable-prefix}light);\r\n            }\r\n        }\r\n\r\n        a {\r\n            position: relative;\r\n            display: block;\r\n            padding: 15px 20px;\r\n            color: var(--#{$variable-prefix}gray-600);\r\n            transition: all 0.4s;\r\n            border-top: 1px solid $sidebar-sub-bg;\r\n            border-radius: 4px;\r\n\r\n            &:hover {\r\n                background-color: var(--#{$variable-prefix}light);\r\n            }\r\n        }\r\n\r\n        .chat-user-message {\r\n            font-size: 14px;\r\n        }\r\n\r\n\r\n        &.typing {\r\n            .chat-user-message {\r\n                color: $primary;\r\n                font-weight: $font-weight-medium;\r\n\r\n                .dot {\r\n                    background-color: $primary;\r\n                }\r\n            }\r\n        }\r\n\r\n        .unread-message {\r\n            position: absolute;\r\n            display: inline-block;  \r\n            right: 24px/*rtl:auto*/;\r\n            left: auto/*rtl:0*/;\r\n            top: 33px;\r\n\r\n            .badge {\r\n                line-height: 16px;\r\n                font-weight: $font-weight-semibold;\r\n                font-size: 10px;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.chat-user-img {\r\n    position: relative;\r\n\r\n    .user-status {\r\n        width: 10px;\r\n        height: 10px;\r\n        background-color: $gray-500;\r\n        border-radius: 50%;\r\n        border: 2px solid $card-bg;\r\n        position: absolute;\r\n        right: 0/*rtl:auto*/;\r\n        left: auto/*rtl:0*/;\r\n        \r\n        bottom: 0;\r\n\r\n\r\n    }\r\n\r\n    &.online {\r\n        .user-status {\r\n            background-color: $success;\r\n        }\r\n    }\r\n\r\n    &.away {\r\n        .user-status {\r\n            background-color: $warning;\r\n        }\r\n    }\r\n}\r\n\r\n// contact list\r\n\r\n.contact-list {\r\n    li {\r\n        cursor: pointer;\r\n        padding: 10px 20px;\r\n    }\r\n}\r\n\r\n\r\n// setting\r\n\r\n.profile-user {\r\n    position: relative;\r\n    display: inline-block;\r\n\r\n    .profile-photo-edit {\r\n        position: absolute;\r\n        right: 0/*rtl:auto*/;\r\n        left: auto/*rtl:0*/;\r\n        bottom: 0;\r\n    }\r\n}\r\n\r\n","// \r\n// user chat.scss\r\n//\r\n\r\n// user chat\r\n\r\n.user-chat {\r\n    background-color: $card-bg;\r\n    box-shadow: 0 2px 4px rgba(15,34,58,.12);\r\n    transition: all 0.4s;\r\n    @media (max-width: 991.98px) {\r\n        position: fixed;\r\n        left: 0;\r\n        top: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        visibility: hidden;\r\n        transform: translateX(100%);\r\n        z-index: 99;\r\n\r\n        &.user-chat-show{\r\n            visibility: visible;\r\n            transform: translateX(0);\r\n        }\r\n    }\r\n\r\n}\r\n\r\n.user-chat-topbar{\r\n    @media (max-width: 991.98px) {\r\n        position: fixed;\r\n        left: 0;\r\n        right: 0;\r\n        top: 0;\r\n        z-index: 1;\r\n    }\r\n}\r\n\r\n.user-chat-nav {\r\n    .nav-btn {\r\n        height: 40px;\r\n        width: 40px;\r\n        line-height: 40px;\r\n        box-shadow: none;\r\n        padding: 0;\r\n        font-size: 20px;\r\n        color: var(--#{$variable-prefix}gray-600);\r\n    }\r\n    @media (max-width:575.98px) {\r\n        display: flex;\r\n        justify-content: flex-end;\r\n    }\r\n}\r\n\r\n.chat-conversation {\r\n    li {\r\n        clear: both;\r\n    }\r\n\r\n    .chat-avatar {\r\n        \r\n        margin: 0 16px 0 0/*rtl:0 0 0 16px*/;\r\n        \r\n        img {\r\n            width: 36px;\r\n            height: 36px;\r\n            border-radius: 50%;\r\n        }\r\n    }\r\n\r\n    .chat-day-title {\r\n        position: relative;\r\n        text-align: center;\r\n        margin-bottom: 24px;\r\n        margin-top: 12px;\r\n\r\n        .title {\r\n            background-color: $border-color;\r\n            position: relative;\r\n            font-size: 13px;\r\n            z-index: 1;\r\n            padding: 6px 12px;\r\n            border-radius: 5px;\r\n        }\r\n\r\n        &:before {\r\n            content: \"\";\r\n            position: absolute;\r\n            width: 100%;\r\n            height: 1px;\r\n            left: 0;\r\n            right: 0;\r\n            background-color: $border-color;\r\n            top: 10px;\r\n        }\r\n\r\n        .badge {\r\n            font-size: 12px;\r\n        }\r\n    }\r\n\r\n    .conversation-list {\r\n        margin-bottom: 24px;\r\n        display: inline-flex;\r\n        position: relative;\r\n        align-items: flex-end;\r\n\r\n        .ctext-wrap {\r\n            display: flex;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .ctext-wrap-content {\r\n            padding: 12px 20px;\r\n            background-color: $chat-primary-bg;\r\n            border-radius: 8px 8px 8px 0;\r\n            color: $white;\r\n            position: relative;\r\n\r\n            &:before {\r\n                content: \"\";\r\n                position: absolute;\r\n                border: 5px solid transparent;\r\n                border-left-color: $chat-primary-bg;\r\n                border-top-color: $chat-primary-bg;                \r\n                left: 0/*rtl:auto*/;                \r\n                right: auto/*rtl:0*/;\r\n                bottom: -10px;\r\n            }\r\n\r\n            .attached-file{\r\n                .attached-file-avatar{\r\n                    @media (max-width: 575.98px) {\r\n                        display: none;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .conversation-name {\r\n            font-weight: $font-weight-medium;\r\n            font-size: 14px;\r\n        }\r\n\r\n        .dropdown {\r\n            .dropdown-toggle {\r\n                font-size: 18px;\r\n                padding: 4px;\r\n                color: var(--#{$variable-prefix}gray-600);\r\n\r\n                @media (max-width: 575.98px) {\r\n                    display: none;\r\n                }\r\n            }\r\n\r\n        }\r\n\r\n        .chat-time {\r\n            font-size: 12px;\r\n            margin-top: 4px;\r\n            text-align: right;\r\n            color: rgba($white, 0.5);\r\n        }\r\n\r\n        .message-img {\r\n            border-radius: .2rem;\r\n            position: relative;\r\n\r\n            .message-img-list {\r\n                position: relative;\r\n            }\r\n\r\n            img {\r\n                max-width: 150px;\r\n            }\r\n\r\n            .message-img-link {\r\n                position: absolute;\r\n                right: 10px/*rtl:auto*/;\r\n                left: auto/*rtl:0*/;\r\n                bottom: 10px;\r\n\r\n                li {\r\n                    >a {\r\n                        font-size: 18px;\r\n                        color: $white;\r\n                        display: inline-block;\r\n                        line-height: 30px;\r\n                        width: 30px;\r\n                        height: 30px;\r\n                        text-align: center;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .right {\r\n\r\n        .chat-avatar {\r\n            order: 3;\r\n            margin-right: 0px;\r\n            margin-left: 16px;\r\n        }\r\n\r\n        .chat-time {\r\n            text-align: left;\r\n            color: var(--#{$variable-prefix}gray-600);\r\n        }\r\n\r\n        .conversation-list {\r\n            float: right;\r\n            text-align: right;\r\n\r\n            .ctext-wrap {\r\n                justify-content: flex-end;\r\n\r\n                .ctext-wrap-content {\r\n                    order: 2;\r\n                    background-color: $chat-secondary-bg;\r\n                    color: var(--#{$variable-prefix}dark);\r\n                    text-align: right;\r\n                    border-radius: 8px 8px 0px 8px;\r\n\r\n                    &:before {\r\n                        border: 5px solid transparent;\r\n                        border-top-color: $chat-secondary-bg;\r\n                        border-right-color: $chat-secondary-bg;\r\n                        left: auto;\r\n                        right: 0px;\r\n                    }\r\n                    \r\n                }\r\n            }\r\n\r\n            .dropdown {\r\n                order: 1;\r\n\r\n                .dropdown-menu[style] {\r\n                    right: 0!important;\r\n                    left: auto!important;\r\n                }\r\n            }\r\n        }\r\n\r\n        .dot {\r\n            background-color: $dark;\r\n        }\r\n    }\r\n}\r\n\r\n.chat-conversation {\r\n    height: calc(100vh - 184px);\r\n    @media (max-width: 991.98px) {\r\n        height: calc(100vh - 152px);\r\n        margin-top: 73px;\r\n        margin-bottom: 78px;\r\n    }\r\n}\r\n\r\n.chat-input-section{\r\n    background-color: $card-bg;\r\n    @media (max-width: 991.98px) {\r\n        position: fixed;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        z-index: 1;\r\n    }\r\n}\r\n\r\n.chat-input-links{\r\n    .list-inline-item:not(:last-child){\r\n        margin: 0;\r\n    }\r\n}\r\n\r\n.animate-typing {\r\n\t.dot {\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 4px;\r\n\t\theight: 4px;\r\n\t\tborder-radius: 50%;\r\n\t\tmargin-right: -1px;\r\n\t\tbackground: $white;\r\n        animation: wave 1.3s linear infinite;\r\n        opacity: 0.6;\r\n\r\n\t\t&:nth-child(2) {\r\n\t\t\tanimation-delay: -1.1s;\r\n\t\t}\r\n\r\n\t\t&:nth-child(3) {\r\n\t\t\tanimation-delay: -0.9s;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@keyframes wave {\r\n\t0%, 60%, 100% {\r\n\t\ttransform: initial;\r\n\t}\r\n\r\n\t30% {\r\n\t\ttransform: translateY(-5px);\r\n\t}\r\n}\r\n\r\n","// \r\n//  User profile details.scss\r\n//\r\n\r\n// User profile details\r\n\r\n.user-profile-sidebar {\r\n    height: 100vh;\r\n    background-color: $card-bg;\r\n    display: none;\r\n    min-width: 380px;\r\n    max-width: 380px;\r\n\r\n    @media (min-width: 992px) {\r\n        border-left: 4px solid $border-color;\r\n    }\r\n\r\n    @media (max-width: 1199.98px) {\r\n        position: fixed;\r\n        right: 0;\r\n        top: 0;\r\n        z-index: 99;\r\n    }\r\n\r\n    @media (max-width: 575.98px) {\r\n        min-width: 100%;\r\n    }\r\n}\r\n\r\n.user-profile-desc {\r\n    height: calc(100vh - 300px);\r\n\r\n    @media (max-width: 991.98px) {\r\n        height: calc(100vh - 324px);\r\n    }\r\n}\r\n\r\n\r\n","// \r\n// authentication.scss\r\n//\r\n\r\n.auth-logo{\r\n    .logo{\r\n        margin: 0px auto;\r\n    }\r\n\r\n    .logo-dark{\r\n        display: $display-block;\r\n    }\r\n\r\n    .logo-light{\r\n        display: $display-none;\r\n    }\r\n}\r\n\r\n"]}