/*.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.rtl .ms-0,.rtl .ms-1,.rtl .ms-2,.rtl .ms-3,.rtl .ms-4,.rtl .ms-5{margin-left:0!important}.rtl .ms-0{margin-right:0!important}.rtl .ms-1{margin-right:.25rem!important}.rtl .ms-2{margin-right:.5rem!important}.rtl .ms-3{margin-right:1rem!important}.rtl .ms-4{margin-right:1.5rem!important}.rtl .ms-5{margin-right:3rem!important}.rtl .me-0,.rtl .me-1,.rtl .me-2,.rtl .me-3,.rtl .me-4,.rtl .me-5{margin-right:0!important}.rtl .me-0{margin-left:0!important}.rtl .me-1{margin-left:.25rem!important}.rtl .me-2{margin-left:.5rem!important}.rtl .me-3{margin-left:1rem!important}.rtl .me-4{margin-left:1.5rem!important}.rtl .me-5{margin-left:3rem!important}.rtl .ps-0,.rtl .ps-1,.rtl .ps-2,.rtl .ps-3,.rtl .ps-4,.rtl .ps-5{padding-left:0!important}.rtl .ps-0{padding-right:0!important}.rtl .ps-1{padding-right:.25rem!important}.rtl .ps-2{padding-right:.5rem!important}.rtl .ps-3{padding-right:1rem!important}.rtl .ps-4{padding-right:1.5rem!important}.rtl .ps-5{padding-right:3rem!important}.rtl .pe-0,.rtl .pe-1,.rtl .pe-2,.rtl .pe-3,.rtl .pe-4,.rtl .pe-5{padding-right:0!important}.rtl .pe-0{padding-left:0!important}.rtl .pe-1{padding-left:.25rem!important}.rtl .pe-2{padding-left:.5rem!important}.rtl .pe-3{padding-left:1rem!important}.rtl .ps-4{padding-left:1.5rem!important}.rtl .ps-5{padding-left:3rem!important}.font-weight-normal{font-weight:400!important}.font-weight-light{font-weight:300!important}.font-weight-bold{font-weight:700!important}.font-italic{font-style:italic!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.mw-25{max-width:25%!important}.mw-50{max-width:50%!important}.mw-75{max-width:75%!important}.mw-100{max-width:100%!important}.mh-25{max-height:25%!important}.mh-50{max-height:50%!important}.mh-75{max-height:75%!important}.mh-100{max-height:100%!important}.text-justify{text-align:justify!important}.justify-content-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.text-white{opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-white-25{opacity:1;color:rgba(255,255,255,.25)!important}.text-white-50{opacity:1;color:rgba(255,255,255,.5)!important}.text-white-75{opacity:1;color:rgba(255,255,255,.75)!important}.text-start{text-align:start!important}.text-end{text-align:end!important}.rtl .float-start{float:right!important}.rtl .float-end{float:left!important}:root{--post-p-text-indent:15px}.ltr{direction:ltr}input.no-arrows::-webkit-inner-spin-button,input.no-arrows::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:textfield}.text-enter{white-space:pre-line}.popover-title{direction:ltr!important}ul.counter-list{list-style-type:decimal}ul.circle-list{list-style-type:circle}.docs-hyperlink{padding-top:75px}.docs-hyperlink a{color:var(--primary)}.docs-hyperlink a:hover{cursor:pointer;text-decoration:none}.docs-api-link{color:green;padding:0 10px}.docs-table thead{color:#adff2f}.docs-table td{white-space:normal!important;line-height:normal!important}.docs-table-title{text-align:center;color:gold;font-size:1.5rem!important}.tabs-media-icon{width:100px}.tab-item-label{color:#c6c8cb}.nav-tabs .nav-item{flex:1 1 auto!important}.custom-switch :hover{cursor:pointer}.brand-logo-errorpage{max-width:250px;opacity:.7}.post{text-align:justify}.post .card-body.ql-editor{white-space:unset;padding:0 1.5rem}.post .title{font-size:1.5rem;margin:25px 15px 15px 15px;text-align:justify}.post .card-body{padding:0}.ql-editor p{line-height:1.6rem;text-indent:var(--post-p-text-indent);margin-top:5px}.ql-editor img{width:100%;height:auto;margin-inline-start:calc(-1 * var(--post-p-text-indent))}.post-faq{line-height:1.6rem;padding:0 15px}.post-faq .card-body{line-height:2rem;padding:1.5rem 1.5rem}.pinned-post .pin-icon{position:absolute;transform:rotate(45deg);color:gold}.link-list .title{font-size:1rem;margin:0 15px;text-align:justify}.link-list .results{padding:0 20px}.link-list a{text-decoration:none}.link-list h1{color:#4682b4}.link-list h2{font-size:1rem;color:#5f9ea0}.post-actions{border-top:1px solid #4a4c55;margin:10px 20px}.post-actions .btn.btn-icon{padding:.875rem .3rem}.comment-actions .btn.btn-icon i,.post-actions .btn.btn-icon i{font-size:1.5rem}.comment-actions .btn.btn-icon{padding:.3rem .3rem}.comment-box{border-radius:10px;padding:0 5px}.selected-comment{background-color:rgba(0,0,0,.6)}.liked{color:rgb(255 48 64)}.basic-table-topic .card-title,.chat h5{color:#9e9fad;padding:0 .25rem}.basic-table-topic-link{cursor:pointer}.basic-table-topic-link:hover{opacity:.6}.basic-table-desktop td,.basic-table-desktop th,.basic-table-mobile td,.basic-table-mobile th{white-space:inherit;line-height:normal}.basic-table-mobile{display:none}.chat-page .form-group{margin-bottom:8px}.chat-page-messages{height:72vh;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.chat-page-messages::-webkit-scrollbar{display:none}.chat-page-messages .card{width:auto}.chat-new-message{padding:0}.chat-image{max-height:150px;width:auto;cursor:pointer}.form-box{border:1px solid #4a4c55!important;padding:.5rem}.form-box>label:first-child{display:table;margin-top:-1.2rem;background-color:#252730;padding:0 10px}.floating-chat{cursor:pointer;display:flex;justify-content:center;align-items:center;background-color:#5f9ea0;color:#fff;position:fixed;padding:0;bottom:25px;left:13px;width:60px;height:60px;border-radius:50%}.floating-chat:hover{color:#fff;opacity:80%}.card .footer-text{font-size:.8rem}.card.card-img-holder .card-img-absolute{border-radius:15px}@media screen and (max-width:991px){.chat-page .content-wrapper{padding:8px 8px 0 8px}.chat-page .footer{display:none}.chat-page-messages{height:78vh}.chat-new-message{position:fixed;bottom:0;width:96%;background-color:#191b20}}@media screen and (max-width:991px) and (orientation:portrait){.post-actions{border-top:1px solid #4a4c55;margin:10px 0}.site-breadcrumb{display:none}.basic-table-mobile{display:unset}.basic-table-desktop{display:none}}@media screen and (max-width:991px) and (orientation:landscape){.chat-page-messages{height:52vh}.chat-new-message{width:98%}}:root{--bc-live:rgba(255, 76, 0, 1);--bc-main-green:#126e51;--bc-btn-menu-active:#2e2d2d;--bc-vpn-bg:hsl(206, 75%, 42%);--bc-yellow:#FFCB05;--bc-header:#262626;--b-sc-rgb:255,255,255;--navbar-height:97px;--hh-border-input-color:#4A4C55;--hh-input-color:#e9e6e6;--hh-input-border-radius:4px;--bs-font-light:"Manrope-regular",sans-serif;--bs-font-normal:"Manrope-medium",sans-serif;--bs-font-bold:"Manrope-bold",sans-serif;--bs-body-color:#808191;--bs-body-font-family:var(--bs-font-normal);--bs-breadcrumb-divider:"/";--bs-table-striped-bg:#1F2127}*{scroll-margin-top:100px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:500;line-height:normal}body{--bs-font-normal:"Manrope-medium",sans-serif!important;font-family:var(--bs-font-normal)!important}.rtl .sidebar{font-family:var(--bs-font-normal)!important}.content-wrapper,.footer{background:#191b20}.footer{border-top:1px solid #4a4c55}.navbar .navbar-brand-wrapper .navbar-brand img{height:40px}.navbar .navbar-menu-wrapper .navbar-nav .nav-item .search-form i{top:54%}.rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item .search-form i{top:42%}.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown i{margin-right:0}.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .count-indicator .count{left:66%}.brand-logo-mini img{position:relative;height:auto!important;max-width:unset!important}.page-header{width:100%;display:flex}.breadcrumb{display:table-cell}.rtl .breadcrumb{direction:ltr}.breadcrumb.breadcrumb-custom{border-color:#363636}.breadcrumb.breadcrumb-custom .breadcrumb-item{padding-right:7px}.breadcrumb.breadcrumb-custom .breadcrumb-item a{text-decoration:none}.breadcrumb.breadcrumb-custom .breadcrumb-item a:before{right:-20px}.breadcrumb.breadcrumb-custom .breadcrumb-item a:after{right:-21px}.align-items-center,.email-wrapper .message-body .attachments-sections ul li .details .buttons,.email-wrapper .message-body .attachments-sections ul li .thumb,.list-wrapper ul li,.loader-demo-box,.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item,.page-header{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.preview-list .preview-item .preview-thumbnail .preview-icon i{margin:0!important}.justify-content-between,.page-header{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.page-title .page-title-icon{display:inline-block;width:36px;height:36px;border-radius:4px;text-align:center;-webkit-box-shadow:0 3px 8.3px .7px rgba(58,97,246,.35);box-shadow:0 3px 8.3px .7px rgba(58,97,246,.35)}.page-title .page-title-icon i{font-size:1.2rem;line-height:36px}.bg-gradient-primary{background:-webkit-gradient(linear,left top,right top,from(#3a61f6),to(#4334e7))!important;background:linear-gradient(to right,#3a61f6,#4334e7)!important}.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown{top:45px;min-width:220px}.navbar-nav .dropdown-menu{position:absolute}.btn-group{direction:ltr}.rtl .navbar-nav{font-family:Manrope-regular}.dropdown-menu{min-width:100%}.rtl .dropdown-item{direction:rtl;text-align:right}.dropdown-item:hover{color:#fff}.sidebar .nav .nav-item .nav-link .menu-title,.sidebar .nav .nav-item.nav-category{font-size:.875rem}.sidebar .nav .nav-item .nav-link i.menu-arrow:before{content:"\f140";font-size:.875rem}.rtl .sidebar .nav .nav-item .nav-link i.menu-arrow:before{content:"\f142"}.sidebar .nav.sub-menu .nav-item::before{content:"\F054";font-family:"Material Design Icons";background:0 0;margin-top:4px}.rtl .sidebar .nav.sub-menu .nav-item::before{content:"\F04D"}.sidebar .nav.sub-menu .nav-item::before{content:"\F054";font-family:"Material Design Icons"}.sidebar .nav.sub-menu{position:relative;padding:0 0 0 2rem}.rtl .sidebar .nav.sub-menu{padding:0 2rem 0 0}.sidebar .nav .nav-item .nav-link i.menu-icon{font-size:19px;margin-right:.5rem}.rtl .sidebar .nav .nav-item .nav-link i.menu-icon{margin-left:.5rem}.sidebar .nav .nav-item.active>.nav-link i.menu-arrow::before{content:"\f140"}.sidebar .nav .nav-item.nav-category{color:#babcd5}.rtl .text-start{text-align:right!important}button,input,optgroup,select,textarea{font-family:var(--bs-font-normal)}button:disabled,input:disabled,optgroup:disabled,select:disabled,textarea:disabled{color:gray}a.auth-link:hover{color:var(--hh-input-color)!important}.font-weight-light{font-family:var(--bs-font-light)}.list-wrapper ul li{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.nav-tabs .nav-link{color:var(--bs-body-color)}.nav-tabs .nav-link:focus:not(.active),.nav-tabs .nav-link:hover:not(.active){border-bottom-color:#4a4c55}.btn-gradient-primary{background:-webkit-gradient(linear,left top,right top,from(#3a61f6),to(#4334e7))!important;background:linear-gradient(to right,#3a61f6,#4334e7)!important;border:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;opacity:.8}.btn-gradient-primary:hover{opacity:1}.btn-gradient-primary:not(.btn-gradient-light){color:#fff}.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;left:0;z-index:-1;width:1rem;height:1.25rem;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{-webkit-box-shadow:0 0 0 .2rem rgba(0,123,255,.25);box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before,.custom-control-input[disabled]~.custom-control-label::before{background-color:#434a54;opacity:.5}.custom-control-input~.custom-control-label::before{background-color:#434a54}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top;width:unset}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:no-repeat 50%/50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-switch{padding-left:2.25rem;width:unset}.rtl .custom-switch .custom-control-label{right:1.5rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.rtl .custom-switch .custom-control-label::before{left:unset;right:-2.25rem}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-transform .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-transform .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}.rtl .custom-switch .custom-control-label::after{left:unset;right:calc(-2.25rem + 14px)}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{-webkit-transition:none;transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;-webkit-transform:translateX(.75rem);transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}i.mdi{font-size:17px}.input-group{border:1px solid var(--hh-border-input-color);border-radius:var(--hh-input-border-radius)}.input-group:focus-within{border:1px solid #1a75bb;border-radius:var(--hh-input-border-radius)}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{border:1px solid var(--hh-border-input-color);border-radius:var(--hh-input-border-radius);-webkit-text-fill-color:var(--hh-input-color);transition:background-color 5000s ease-in-out 0s}input:-webkit-autofill{-webkit-background-clip:text!important;caret-color:white}.is-invalid{border-color:#dc3545;border-radius:var(--hh-input-border-radius)}.select2-container--default .select2-selection--single textarea.select2-search__field,.select2-container--default textarea.select2-selection--single,textarea.asColorPicker-input,textarea.form-control,textarea.tt-hint,textarea.tt-query,textarea.typeahead{min-height:2.75rem;height:auto;line-height:normal}select.form-control{line-height:normal}.rtl select.form-control{background-position:1% center}.form-control option{background-color:var(--bs-table-striped-bg);color:#808191}.asColorPicker-input:disabled,.dataTables_wrapper select:disabled,.dataTables_wrapper select[readonly],.form-control:disabled,.form-control[readonly],.jsgrid .jsgrid-table .jsgrid-filter-row input[readonly][type=number],.jsgrid .jsgrid-table .jsgrid-filter-row input[readonly][type=text],.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]:disabled,.jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]:disabled,.jsgrid .jsgrid-table .jsgrid-filter-row select:disabled,.jsgrid .jsgrid-table .jsgrid-filter-row select[readonly],.select2-container--default .select2-selection--single .select2-search__field:disabled,.select2-container--default .select2-selection--single [readonly].select2-search__field,.select2-container--default .select2-selection--single:disabled,.select2-container--default [readonly].select2-selection--single,.tt-hint:disabled,.tt-query:disabled,.typeahead:disabled,[readonly].asColorPicker-input,[readonly].tt-hint,[readonly].tt-query,[readonly].typeahead{background-color:#1f2224;opacity:.5}.jsgrid .hhh_jsgridTable a{text-decoration:none;color:#808191}.img-md{width:64px;height:64px}.file-upload-browse{line-height:normal;height:100%;border-radius:0}.btn-icon-text{vertical-align:middle}.rtl .btn-icon-prepend,.rtl .btn.btn-icon-text{margin-right:0;margin-left:.5rem}.pagination{padding:0 15px}.rtl .page-item:first-child .page-link{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rtl .page-item:last-child .page-link{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0;border-bottom-right-radius:0}h1.title{font-size:1.5rem}.card-columns .card-text{color:var(--bs-body-color);text-decoration:none}.card-columns a{text-decoration:none}.card .card-text,.card .card-title{text-align:justify}.accordion .card-body{text-align:justify}.accordion .card-body a{color:#5f9ea0}.accordion .card .card-header a{text-decoration:none;cursor:pointer}.accordion .card .card-header a:before{top:5px}.accordion .card .card-header a[aria-expanded=true]{color:#6495ed}@media screen and (max-width:991px) and (orientation:portrait){.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown{width:100%}.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown{right:auto;left:0}.navbar .navbar-menu-wrapper .navbar-nav .nav-item{margin-left:.25rem}.card .card-body{padding:10px}.tab-photo{flex-direction:column}.tab-photo img{margin-bottom:20px}.card-columns .card{margin-bottom:12px}}@media screen and (max-width:991px) and (orientation:landscape){.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown{min-width:30%;width:auto;right:0;left:auto}.rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown{right:auto;left:0}}@media screen and (max-width:991px){:root{--navbar-height:65px}.row>*{padding-right:inherit;padding-left:inherit}.content-wrapper{padding:30px}.sidebar-offcanvas.active{left:0}.rtl .sidebar-offcanvas.active{right:0}.sidebar-offcanvas{position:fixed;bottom:0;overflow:auto;left:-237px;-webkit-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}.rtl .sidebar-offcanvas{right:-237px}.navbar .navbar-brand-wrapper,.navbar .navbar-menu-wrapper{height:auto;padding-top:0;padding-bottom:0}.navbar .navbar-brand-wrapper,.navbar .navbar-menu-wrapper{height:var(--navbar-height)}.main-panel,.page-body-wrapper,.sidebar,.sidebar-offcanvas{min-height:calc(100vh - var(--navbar-height))}.sidebar-fixed .sidebar .nav,.sidebar-offcanvas{max-height:calc(100vh - var(--navbar-height))}.page-body-wrapper{padding-top:var(--navbar-height)}.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown,.sidebar-offcanvas{top:var(--navbar-height)}}:root{--ql-def-color:#a19d9d;--ql-def-bg-color:#1e1e1c}.ql-container{font-family:Manrope-medium,sans-serif;height:auto;min-height:300px;color:#e9e6e6}.rtl .ql-toolbar.ql-snow .ql-picker-label{direction:rtl;text-align:center}.ql-picker-options,.ql-snow .ql-picker-options{background-color:var(--ql-def-bg-color);color:var(--ql-def-color)}.rtl .ql-picker-options{direction:ltr}.ql-snow .ql-tooltip{transform:translateY(10px) translateX(35px);background-color:var(--ql-def-bg-color);color:var(--ql-def-color)}.rtl .ql-snow .ql-tooltip{transform:translateY(10px) translateX(-148px)}.ql-editor.ql-blank::before{color:#808191;text-align:start;margin:12px 17px}.jq-toast-wrap{width:300px!important}.jq-toast-single{font-family:ubuntu-regular,sans-serif!important;text-align:justify!important;font-size:14px!important}.jq-toast-single h2{font-family:ubuntu-bold,sans-serif!important}.close-jq-toast-single{left:7px;text-align:end!important}.rtl .jq-has-icon{background-position:right 10px center!important;padding:10px 50px 10px 10px!important}.jq-toast-loader{background-color:inherit!important;filter:brightness(80%)!important}.jq-icon-info{color:#fff!important}.jq-icon-warning{color:#fff!important;background-color:#fbaf5d}.jq-icon-error{color:#fff!important}.jq-icon-success{color:#fff!important}.jq-toast-wrap .jq-icon-success{background-color:#258580}.jq-toast-wrap .jq-icon-info{background-color:#1b76bb}.jq-toast-wrap .jq-icon-warning{background-color:#ff9800}.jq-toast-wrap .jq-icon-error{background-color:#f95f53}.hhh_modal{display:none;position:fixed;z-index:100000;padding-top:5vh;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4);text-align:right;color:#000}.hhh_modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;width:50%;max-height:80%;-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s;border-radius:10px}@-webkit-keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}.close-hhh_modal{color:#999!important;font-size:28px;font-weight:700;margin-top:-20px;text-align:end}.close-hhh_modal span:focus,.close-hhh_modal span:hover{color:#606060!important;text-decoration:none;cursor:pointer}.hhh_modal-header{padding:20px 16px;color:#000;font-weight:700;vertical-align:middle;text-align:start;border-top-left-radius:10px;border-top-right-radius:10px}.hhh_modal-header>h4{line-height:unset;font-family:ubuntu-bold,sans-serif}.hhh_modal-body{padding:2px 16px;overflow:auto;max-height:50vh;text-align:start;padding-top:30px;padding-bottom:30px;padding-left:20px;padding-right:20px;border-top:#d4d4d4 1px solid;border-bottom:#d4d4d4 1px solid}.hhh_modal-body span{color:red}.hhh_modal-body a{color:#3cb371;text-decoration:none}.hhh_modal-footer{padding:2px 16px;color:#fff;padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;min-height:50px;text-align:end;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.hhh_modal-footer input[type=button]{margin-right:10px;margin-left:10px}.hhh_modal .hh_form .hh_block{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}@media screen and (max-width:991px){.hhh_modal-content{width:90%}}.hhh_modal_zoom{display:none;position:fixed;z-index:100000;padding:10px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.6);align-items:center}.hhh_modal_zoom img{max-width:100vw;max-height:100vh;-webkit-animation-name:zoom;-webkit-animation-duration:.6s;animation-name:zoom;animation-duration:.6s}@-webkit-keyframes zoom{from{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}@keyframes zoom{from{transform:scale(0)}to{transform:scale(1)}}.hhh_modal_zoom .close-hhh_modal{position:fixed;top:20px;left:20px;font-size:40px!important;color:#fff!important}.hhh_modal_zoom,.hhh_modal_zoom[data-vertical=true]{flex-direction:row}.hhh_modal_zoom[data-vertical=false]{flex-direction:column}.hhh_modal_zoom img,.hhh_modal_zoom[data-vertical=true] img{width:100%;height:auto}.hhh_modal_zoom[data-vertical=false] img{width:auto;height:100%}:root{--bs-body-color:#808191}.hhh_modal-content{background-color:#323748;border:1px solid #4a4c55;color:#b2b3c9}.hhh_modal-header{color:var(--bs-body-color)}.hhh_modal-body{border-top:1px solid #4a4c55;border-bottom:1px solid #4a4c55;text-align:justify}.hhh_modal-body a{color:#3cb371;text-decoration:none}input#btn_realized_modalRealize_jsGrid{background-color:#808191}.hhh_modal_loding{display:none;position:fixed;z-index:100000;padding-top:50vh;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.2)}.jumping-dots-loader span{background-color:#b66dff}.hhh_modal_loding{background-color:rgba(0,0,0,.6)}.jumping-dots-loader span{background-color:var(--bs-primary)}.json-viewer-textarea{display:none;width:100%;min-height:100px}.json-viewer{color:#000;padding-left:20px}.json-viewer ul{list-style-type:none;margin:0;margin:0 0 0 1px;border-left:1px dotted #ccc;padding-left:2em}.json-viewer .hide{display:none}.json-viewer .type-string{color:#0b7500}.json-viewer .type-date{color:#cb7500}.json-viewer .type-boolean{color:#1a01cc;font-weight:700}.json-viewer .type-number{color:#1a01cc}.json-viewer .type-null,.json-viewer .type-undefined{color:#90a}.json-viewer a.list-link{color:#000;text-decoration:none;position:relative}.json-viewer a.list-link:before{color:#aaa;content:"\25BC";position:absolute;display:inline-block;width:1em;left:-1em}.json-viewer a.list-link.collapsed:before{content:"\25B6"}.json-viewer a.list-link.empty:before{content:""}.json-viewer .items-ph{color:#aaa;padding:0 1em}.json-viewer .items-ph:hover{text-decoration:underline}*/
.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.rtl .ms-0,
.rtl .ms-1,
.rtl .ms-2,
.rtl .ms-3,
.rtl .ms-4,
.rtl .ms-5 {
    margin-left: 0 !important;
}

.rtl .ms-0 {
    margin-right: 0 !important;
}

.rtl .ms-1 {
    margin-right: 0.25rem !important;
}

.rtl .ms-2 {
    margin-right: 0.5rem !important;
}

.rtl .ms-3 {
    margin-right: 1rem !important;
}

.rtl .ms-4 {
    margin-right: 1.5rem !important;
}

.rtl .ms-5 {
    margin-right: 3rem !important;
}

.rtl .me-0,
.rtl .me-1,
.rtl .me-2,
.rtl .me-3,
.rtl .me-4,
.rtl .me-5 {
    margin-right: 0 !important;
}

.rtl .me-0 {
    margin-left: 0 !important;
}

.rtl .me-1 {
    margin-left: 0.25rem !important;
}

.rtl .me-2 {
    margin-left: 0.5rem !important;
}

.rtl .me-3 {
    margin-left: 1rem !important;
}

.rtl .me-4 {
    margin-left: 1.5rem !important;
}

.rtl .me-5 {
    margin-left: 3rem !important;
}

.rtl .ps-0,
.rtl .ps-1,
.rtl .ps-2,
.rtl .ps-3,
.rtl .ps-4,
.rtl .ps-5 {
    padding-left: 0 !important;
}

.rtl .ps-0 {
    padding-right: 0 !important;
}

.rtl .ps-1 {
    padding-right: 0.25rem !important;
}

.rtl .ps-2 {
    padding-right: 0.5rem !important;
}

.rtl .ps-3 {
    padding-right: 1rem !important;
}

.rtl .ps-4 {
    padding-right: 1.5rem !important;
}

.rtl .ps-5 {
    padding-right: 3rem !important;
}

.rtl .pe-0,
.rtl .pe-1,
.rtl .pe-2,
.rtl .pe-3,
.rtl .pe-4,
.rtl .pe-5 {
    padding-right: 0 !important;
}

.rtl .pe-0 {
    padding-left: 0 !important;
}

.rtl .pe-1 {
    padding-left: 0.25rem !important;
}

.rtl .pe-2 {
    padding-left: 0.5rem !important;
}

.rtl .pe-3 {
    padding-left: 1rem !important;
}

.rtl .ps-4 {
    padding-left: 1.5rem !important;
}

.rtl .ps-5 {
    padding-left: 3rem !important;
}

/* Font weight and italics [START] */

.font-weight-normal {
    font-weight: 400 !important;
}

.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.font-italic {
    font-style: italic !important;
}

/* Font weight and italics [END] */

/* Pointer events [START] */
.pe-none {
    pointer-events: none !important;
}

.pe-auto {
    pointer-events: auto !important;
}

/* Pointer events [END] */

/* Border [START] */

.border-0 {
    border: 0 !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-right-0 {
    border-right: 0 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-left-0 {
    border-left: 0 !important;
}

/* Border [END] */

/* Sizing [START] */
.mw-25 {
    max-width: 25% !important;
}

.mw-50 {
    max-width: 50% !important;
}

.mw-75 {
    max-width: 75% !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-25 {
    max-height: 25% !important;
}

.mh-50 {
    max-height: 50% !important;
}

.mh-75 {
    max-height: 75% !important;
}

.mh-100 {
    max-height: 100% !important;
}

/* Sizing [END] */

/* Align  [START] */
.text-justify {
    text-align: justify !important;
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

/* Align [END] */

/* text color [START]*/
.text-white {
    opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-white-25 {
    opacity: 1;
    color: rgba(255, 255, 255, 0.25) !important;
}

.text-white-50 {
    opacity: 1;
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-white-75 {
    opacity: 1;
    color: rgba(255, 255, 255, 0.75) !important;
}

/* text color [END]*/

/* text alignment [START]*/

.text-start {
    text-align: start !important;
}

.text-end {
    text-align: end !important;
}

/* text alignment [END]*/

.rtl .float-start {
    float: right !important;
}

.rtl .float-end {
    float: left !important;
}

:root {
    --post-p-text-indent: 15px;
}

/* language direction */
.ltr {
    direction: ltr;
}

/* language direction END */

/* Remove Arrows/Spinners from number input */
input.no-arrows::-webkit-outer-spin-button,
input.no-arrows::-webkit-inner-spin-button {
    /* Chrome, Safari, Edge, Opera */
    -webkit-appearance: none;

    /* Firefox */
    -moz-appearance: textfield;
}

/*
*  Replace enter (\n)  with line
*/
.text-enter {
    white-space: pre-line;
}

/* clockPicker */
.popover-title {
    direction: ltr !important;
}

/* clockPicker END */

/* ducumentation */

ul.counter-list {
    list-style-type: decimal;
}

ul.circle-list {
    list-style-type: circle;
}


.docs-hyperlink {
    padding-top: 75px;
}

.docs-hyperlink a {
    color: var(--primary);
}

.docs-hyperlink a:hover {
    cursor: pointer;
    text-decoration: none;
}

.docs-api-link {
    color: green;
    padding: 0 10px;
}

.docs-table thead {
    color: greenyellow;
}

.docs-table td {
    white-space: normal !important;
    line-height: normal !important;
}

.docs-table-title {
    text-align: center;
    color: gold;
    font-size: 1.5rem !important;
}

/* ducumentation END */

/* tabs */

.tabs-media-icon {
    width: 100px;
}

.tab-item-label {
    color: #c6c8cb;
}

.nav-tabs .nav-item {
    flex: 1 1 auto !important;
}

/* tabs END */


/* switch */
.custom-switch :hover {
    cursor: pointer;
}

/* switch END*/

.brand-logo-errorpage {
    max-width: 250px;
    /*opacity: 0.70;*/
}

/* Post [START] */
.post {
    text-align: justify;
}

.post .card-body.ql-editor {
    white-space: unset;
    padding: 0px 1.5rem;
}

.post .title {

    font-size: 1.5rem;
    margin: 25px 15px 15px 15px;
    text-align: justify;
}

.post .card-body {
    padding: 0;
}

.ql-editor p {
    line-height: 1.6rem;
    /*text-indent: var(--post-p-text-indent);*/
    margin-top: 5px;
}
@media only screen and (min-width: 1024px){
    .ql-editor img {
        width: 100%;
        height: auto;
        max-width: 50vw;
        margin: 0 auto;
        display: block;
    }
}

.ql-editor img {
    width: 100%;
    height: auto;
    /*margin-inline-start: calc(-1 * var(--post-p-text-indent));*/
}

.post-faq {
    line-height: 1.6rem;
    padding: 0px 15px;
}

.post-faq .card-body {
    line-height: 2rem;
    padding: 1.5rem 1.5rem;
}

.pinned-post .pin-icon {
    position: absolute;
    transform: rotate(45deg);
    color: gold;
}

/* Post [END] */

/* link-list [START] */
.link-list .title {

    font-size: 1.0rem;
    margin: 0px 15px;
    text-align: justify;
}

.link-list .results {
    padding: 0 20px;
}

.link-list a {

    text-decoration: none;
}

.link-list h1 {
    color: steelblue;
}

.link-list h2 {
    font-size: 1rem;
    color: cadetblue;
}

/* link-list [END] */

/* post-actions [START] */
.post-actions {
    border-top: 1px solid #4A4C55;
    margin: 10px 20px;
}

.post-actions .btn.btn-icon {
    padding: 0.875rem 0.3rem;
}

.comment-actions .btn.btn-icon i,
.post-actions .btn.btn-icon i {
    font-size: 1.5rem;
}

/* post-actions [END] */

/* Comments [START] */
.comment-actions .btn.btn-icon {
    padding: 0.3rem 0.3rem;
}

/* This calss is used in javascript: _user_actions.js */
.comment-box {
    border-radius: 10px;
    padding: 0px 5px;
}

/* This calss is used in javascript: _user_actions.js */
.selected-comment {
    background-color: rgba(0, 0, 0, 0.6);

}

.liked {
    color: rgb(255 48 64);
}

/* Comments [END] */

/* chat [START] */
.chat h5,
.basic-table-topic .card-title {
    color: #9e9fad;
    padding: 0 0.25rem;
}

.basic-table-topic-link {
    cursor: pointer;
}


.basic-table-topic-link:hover {
    opacity: 0.6;
}

.basic-table-desktop th,
.basic-table-desktop td,
.basic-table-mobile th,
.basic-table-mobile td {

    white-space: inherit;
    line-height: normal;
}

.basic-table-mobile {
    display: none;
}

/* chat-page [START] */

.chat-page .form-group {
    margin-bottom: 8px;
}

.chat-page-messages {
    height: 72vh;
    overflow-y: scroll;

    /* IE and Edge */
    -ms-overflow-style: none;
    /* Firefox */
    scrollbar-width: none;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.chat-page-messages::-webkit-scrollbar {
    display: none;
}

.chat-page-messages .card {
    width: auto;
}

.chat-new-message {
    /* position: fixed; */
    /* bottom: 70px; */
    padding: 0px;
}

.chat-image {
    max-height: 150px;
    width: auto;
    cursor: pointer;
}

/* chat-page [END] */

/* chat [END] */

/* form-box [START] */
/* Display a form inside the box */
.form-box {
    border: 1px solid #4A4C55 !important;
    padding: 0.5rem;
}

.form-box>label:first-child {
    display: table;
    margin-top: -1.2rem;
    background-color: #252730;
    padding: 0px 10px;
}

/* form-box [END] */

/* Chat float icon [START] */

.floating-chat {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: cadetblue;
    color: white;
    position: fixed;
    padding: 0;
    bottom: 25px;
    left: 13px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.floating-chat:hover {
    color: white;
    opacity: 80%;
}

/* Chat float icon [END] */

/* Card [START] */
.card .footer-text {
    font-size: 0.8rem;
}

/* Statics cards circle*/
.card.card-img-holder .card-img-absolute {
    border-radius: 15px;
}

/* Card [END] */

@media screen and (max-width: 991px) {

    .chat-page .content-wrapper {
        padding: 8px 8px 0px 8px;
    }

    .chat-page .footer {
        display: none;
    }

    .chat-page-messages {
        height: 78vh;
    }

    .chat-new-message {
        position: fixed;
        bottom: 0;
        width: 96%;
        background-color: #191b20;
    }
}


/* mobile: portrait */
@media screen and (max-width: 991px) and (orientation:portrait) {
    .post-actions {
        border-top: 1px solid #4A4C55;
        margin: 10px 0;
    }

    .site-breadcrumb {
        display: none;
    }

    .basic-table-mobile {
        display: unset;
    }

    .basic-table-desktop {
        display: none;
    }
}

@media screen and (max-width: 991px) and (orientation:landscape) {
    .chat-page-messages {
        height: 52vh;
    }

    .chat-new-message {
        width: 98%;
    }
}

:root {
    --bc-live: rgba(255, 76, 0, 1);
    --bc-main-green: #126e51;
    --bc-btn-menu-active: #2e2d2d;
    --bc-vpn-bg: hsl(206, 75%, 42%);
    --bc-yellow: #FFCB05;
    --bc-header: #262626;
    --b-sc-rgb: 255, 255, 255;

    --navbar-height: 97px;

    --hh-border-input-color: #4A4C55;
    --hh-input-color: #e9e6e6;
    --hh-input-border-radius: 4px;

    --bs-font-light: "Manrope-regular", sans-serif;
    --bs-font-normal: "Manrope-medium", sans-serif;
    --bs-font-bold: "Manrope-bold", sans-serif;

    --bs-body-color: #808191;
    --bs-body-font-family: var(--bs-font-normal);

    --bs-breadcrumb-divider: "/";

    --bs-table-striped-bg: #1F2127;

}

* {
    /* This is so that the text is not placed under the header during automatic scrolling */

    /* fixed header size */
    scroll-margin-top: 100px;

}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: 500;
    line-height: normal;
}

body {
    --bs-font-normal: "Manrope-medium", sans-serif !important;
    font-family: var(--bs-font-normal) !important;
}

.rtl .sidebar {
    font-family: var(--bs-font-normal) !important;
}

.footer,
.content-wrapper {
    background: #191B20;
}

.footer {
    border-top: 1px solid #4A4C55;
}

.navbar .navbar-brand-wrapper .navbar-brand img {
    height: 40px;
}

/* Search icon */
.navbar .navbar-menu-wrapper .navbar-nav .nav-item .search-form i {
    top: 54%;
}

.rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item .search-form i {
    top: 42%;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown i {
    margin-right: 0px;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .count-indicator .count {
    left: 66%;
}

.brand-logo-mini img {
    position: relative;
    height: auto !important;
    max-width: unset !important;
}


.page-header {
    width: 100%;
    display: flex;
}

/* breadcrumb */
.breadcrumb {
    display: table-cell;
}

.rtl .breadcrumb {
    direction: ltr;
}

.breadcrumb.breadcrumb-custom {
    border-color: #363636;
}

.breadcrumb.breadcrumb-custom .breadcrumb-item {
    padding-right: 7px;
}

.breadcrumb.breadcrumb-custom .breadcrumb-item a {
    text-decoration: none;
}

.breadcrumb.breadcrumb-custom .breadcrumb-item a:before {
    right: -20px;
}

.breadcrumb.breadcrumb-custom .breadcrumb-item a:after {
    right: -21px;
}



/* breadcrumb END */

.align-items-center,
.page-header,
.loader-demo-box,
.list-wrapper ul li,
.email-wrapper .message-body .attachments-sections ul li .thumb,
.email-wrapper .message-body .attachments-sections ul li .details .buttons,
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

/* Notification icon */
.preview-list .preview-item .preview-thumbnail .preview-icon i {
    margin: 0px !important;
}

.justify-content-between,
.page-header {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.page-title .page-title-icon {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    text-align: center;
    -webkit-box-shadow: 0px 3px 8.3px 0.7px rgba(58, 97, 246, .35);
    box-shadow: 0px 3px 8.3px 0.7px rgba(58, 97, 246, .35);
}

.page-title .page-title-icon i {
    font-size: 1.2rem;
    line-height: 36px;
}

.bg-gradient-primary {
    background: -webkit-gradient(linear, left top, right top, from(#3A61F6), to(#4334e7)) !important;
    background: linear-gradient(to right, #3A61F6, #4334e7) !important;
}

/* profile dropdown */
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown {
    top: 45px;
    min-width: 220px;
}

/* Language Dropdown [START] */
.navbar-nav .dropdown-menu {
    position: absolute;
}

.btn-group {
    direction: ltr;
}

.rtl .navbar-nav {
    font-family: "Manrope-regular";
}

.dropdown-menu {
    min-width: 100%;
}

.rtl .dropdown-item {
    direction: rtl;
    text-align: right;
}

.dropdown-item:hover {
    color: white;
}

/* Language Dropdown [END] */

/* SideBar [START] */
.sidebar .nav .nav-item.nav-category,
.sidebar .nav .nav-item .nav-link .menu-title {
    font-size: 0.875rem;
}

.sidebar .nav .nav-item .nav-link i.menu-arrow:before {
    content: "\f140";
    font-size: 0.875rem;
}

.rtl .sidebar .nav .nav-item .nav-link i.menu-arrow:before {
    content: "\f142";
}

.sidebar .nav.sub-menu .nav-item::before {
    content: "\F054";
    font-family: "Material Design Icons";
    background: none;
    margin-top: 4px;
}

.rtl .sidebar .nav.sub-menu .nav-item::before {
    content: "\F04D";
}

.sidebar .nav.sub-menu .nav-item::before {
    content: "\F054";
    font-family: "Material Design Icons";
}

.sidebar .nav.sub-menu {
    position: relative;
    padding: 0 0 0 2rem;
}

.rtl .sidebar .nav.sub-menu {
    padding: 0 2rem 0 0;
}

.sidebar .nav .nav-item .nav-link i.menu-icon {
    font-size: 19px;
    margin-right: 0.5rem;
}

.rtl .sidebar .nav .nav-item .nav-link i.menu-icon {
    margin-left: 0.5rem;
}

.sidebar .nav .nav-item.active>.nav-link i.menu-arrow::before {
    content: "\f140";
}

.sidebar .nav .nav-item.nav-category {
    color: #babcd5;
}

/* SideBar [END] */

.rtl .text-start {
    text-align: right !important;
}

input,
button,
select,
optgroup,
textarea {
    font-family: var(--bs-font-normal);
}

input:disabled,
button:disabled,
select:disabled,
optgroup:disabled,
textarea:disabled {
    color: gray;
}

a.auth-link:hover {
    color: var(--hh-input-color) !important;
}


.font-weight-light {
    font-family: var(--bs-font-light);
}

.list-wrapper ul li {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

/* Tabs [START] */

/* Tabs inactive tabs */
.nav-tabs .nav-link {
    color: var(--bs-body-color);
}

/* Tabs borders */
.nav-tabs .nav-link:hover:not(.active),
.nav-tabs .nav-link:focus:not(.active) {

    border-bottom-color: #4A4C55;
}

/* Tabs [END] */

/* btn-gradient-primary [START] */
.btn-gradient-primary {

    background: -webkit-gradient(linear, left top, right top, from(#3A61F6), to(#4334e7)) !important;
    background: linear-gradient(to right, #3A61F6, #4334e7) !important;

    border: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    opacity: .8;
}

.btn-gradient-primary:hover {
    opacity: 1;
}

.btn-gradient-primary:not(.btn-gradient-light) {
    color: #ffffff;
}

/* btn-gradient-primary [END] */

/* Custom control [START] */


.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
}

.custom-control-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1rem;
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff;
}

.custom-control-input:focus~.custom-control-label::before {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #80bdff;
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff;
}

.custom-control-input[disabled]~.custom-control-label,
.custom-control-input:disabled~.custom-control-label {
    color: #6c757d;
}

.custom-control-input[disabled]~.custom-control-label::before,
.custom-control-input:disabled~.custom-control-label::before {
    background-color: #434a54;
    opacity: .5;
}

.custom-control-input~.custom-control-label::before {
    background-color: #434a54;
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    width: unset;
}

.custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
}

.custom-control-label::after {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50% / 50% 50%;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff;
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-radio .custom-control-label::before {
    border-radius: 50%;
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-switch {
    padding-left: 2.25rem;
    width: unset;
}

.rtl .custom-switch .custom-control-label {

    right: 1.5rem;
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: 0.5rem;
}

.rtl .custom-switch .custom-control-label::before {
    left: unset;
    right: -2.25rem;
}

.custom-switch .custom-control-label::after {
    top: calc(0.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: 0.5rem;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.rtl .custom-switch .custom-control-label::after {

    left: unset;
    right: calc(-2.25rem + 14px);
}

@media (prefers-reduced-motion: reduce) {
    .custom-switch .custom-control-label::after {
        -webkit-transition: none;
        transition: none;
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(0.75rem);
    transform: translateX(0.75rem);
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

/* Custom control [END] */


/* Login Page [START]*/

/* Material design icons in input fields */
i.mdi {
    font-size: 17px;
}

.input-group {
    border: 1px solid var(--hh-border-input-color);
    border-radius: var(--hh-input-border-radius);
}

.input-group:focus-within {
    border: 1px solid hsl(206, 75%, 42%);
    border-radius: var(--hh-input-border-radius);
}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {

    border: 1px solid var(--hh-border-input-color);
    border-radius: var(--hh-input-border-radius);
    -webkit-text-fill-color: var(--hh-input-color);
    /* -webkit-box-shadow: 0 0 0px 1000px #000 inset; */
    transition: background-color 5000s ease-in-out 0s;
}

input:-webkit-autofill {
    -webkit-background-clip: text !important;
    /* Cursore color */
    caret-color: white;
}

/* Login Page [END] */


/* form-control [START] */
.is-invalid {
    border-color: #dc3545;
    border-radius: var(--hh-input-border-radius);
}

textarea.form-control,
textarea.typeahead,
textarea.tt-query,
textarea.tt-hint,
.select2-container--default .select2-selection--single textarea.select2-search__field,
.select2-container--default textarea.select2-selection--single,
textarea.asColorPicker-input {
    min-height: 2.75rem;
    height: auto;
    line-height: normal;
}

select.form-control {
    line-height: normal;
}

.rtl select.form-control {

    background-position: 1% center;
}

.form-control option {
    background-color: var(--bs-table-striped-bg);
    color: #808191;
}

.form-control:disabled,
.typeahead:disabled,
.tt-query:disabled,
.tt-hint:disabled,
.select2-container--default .select2-selection--single .select2-search__field:disabled,
.select2-container--default .select2-selection--single:disabled,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]:disabled,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]:disabled,
.jsgrid .jsgrid-table .jsgrid-filter-row select:disabled,
.dataTables_wrapper select:disabled,
.asColorPicker-input:disabled,
.form-control[readonly],
[readonly].typeahead,
[readonly].tt-query,
[readonly].tt-hint,
.select2-container--default .select2-selection--single [readonly].select2-search__field,
.select2-container--default [readonly].select2-selection--single,
.jsgrid .jsgrid-table .jsgrid-filter-row input[readonly][type=number],
.jsgrid .jsgrid-table .jsgrid-filter-row input[readonly][type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select[readonly],
.dataTables_wrapper select[readonly],
[readonly].asColorPicker-input {
    background-color: #1f2224;
    opacity: 0.5;
}

.jsgrid .hhh_jsgridTable a {

    text-decoration: none;
    color: #808191;
}

/* form-control [END] */

.img-md {
    width: 64px;
    height: 64px;
}

.file-upload-browse {
    line-height: normal;
    height: 100%;
    border-radius: 0px;
}

.btn-icon-text {
    vertical-align: middle;
}

.rtl .btn.btn-icon-text,
.rtl .btn-icon-prepend {
    margin-right: 0px;
    margin-left: 0.5rem;
}

/* pagination [START] */
.pagination {
    padding: 0px 15px;
}

.rtl .page-item:first-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;

    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.rtl .page-item:last-child .page-link {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;

    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* pagination [END] */

h1.title {
    font-size: 1.5rem;
}

/* Gallery page items [START] */
.card-columns .card-text {
    color: var(--bs-body-color);
    text-decoration: none;
}

.card-columns a {
    text-decoration: none;
}

.card .card-title,
.card .card-text {
    text-align: justify;
}

/* Gallery page items [END] */

/* FAQ Gallery [START] */

.accordion .card-body {
    text-align: justify;
}

.accordion .card-body a {
    color: cadetblue;
}

.accordion .card .card-header a {
    text-decoration: none;
    cursor: pointer;
}

.accordion .card .card-header a:before {
    top: 5px;
}

.accordion .card .card-header a[aria-expanded=true] {
    color: cornflowerblue;
}

/* FAQ Gallery [END] */

/* mobile: portrait */
@media screen and (max-width: 991px) and (orientation:portrait) {

    /* profile dropdown */
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown {
        width: 100%;
    }

    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown {
        right: auto;
        left: 0;
    }

    .navbar .navbar-menu-wrapper .navbar-nav .nav-item {
        margin-left: 0.25rem;
    }

    /* Profile */
    .card .card-body {
        padding: 10px;
    }

    /* Profile */
    .tab-photo {
        flex-direction: column;
    }

    /* Profile */
    .tab-photo img {
        margin-bottom: 20px;
    }

    /* Post Gallery Pages */
    .card-columns .card {
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 991px) and (orientation:landscape) {

    /* profile dropdown */
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown {
        min-width: 30%;
        width: auto;
        right: 0px;
        left: auto;
    }

    .rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown {
        right: auto;
        left: 0px;
    }
}

@media screen and (max-width: 991px) {

    :root {
        --navbar-height: 65px;
    }

    .row>* {
        padding-right: inherit;
        padding-left: inherit;
    }

    .content-wrapper {
        padding: 30px;
    }

    .sidebar-offcanvas.active {
        left: 0;
    }

    .rtl .sidebar-offcanvas.active {
        right: 0;
    }

    .sidebar-offcanvas {
        position: fixed;
        bottom: 0;
        overflow: auto;
        left: -237px;
        -webkit-transition: all 0.25s ease-out;
        -o-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
    }

    .rtl .sidebar-offcanvas {
        right: -237px;
    }

    .navbar .navbar-menu-wrapper,
    .navbar .navbar-brand-wrapper {
        height: auto;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    /* navbar Height [START] */

    /* Register only the items related to the height of the new bar */

    .navbar .navbar-menu-wrapper,
    .navbar .navbar-brand-wrapper {
        height: var(--navbar-height);
    }

    .sidebar,
    .sidebar-offcanvas,
    .main-panel,
    .page-body-wrapper {
        min-height: calc(100vh - var(--navbar-height));
    }

    .sidebar-offcanvas,
    .sidebar-fixed .sidebar .nav {
        max-height: calc(100vh - var(--navbar-height));
    }


    .page-body-wrapper {
        padding-top: var(--navbar-height);
    }

    .sidebar-offcanvas,
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown {
        top: var(--navbar-height);
    }

    /* navbar Height [END] */

}

:root {
    --ql-def-color: #a19d9d;
    --ql-def-bg-color: #1e1e1c;
}

.ql-container {
    font-family: "Manrope-medium", sans-serif;
    height: auto;
    min-height: 300px;
    color: #e9e6e6;
}

.rtl .ql-toolbar.ql-snow .ql-picker-label {
    direction: rtl;
    text-align: center;
}

.ql-picker-options,
.ql-snow .ql-picker-options {
    background-color: var(--ql-def-bg-color);
    color: var(--ql-def-color);
}

.rtl .ql-picker-options {
    direction: ltr;

}

.ql-snow .ql-tooltip {
    transform: translateY(10px) translateX(35px);
    background-color: var(--ql-def-bg-color);
    color: var(--ql-def-color);
}

.rtl .ql-snow .ql-tooltip {
    transform: translateY(10px) translateX(-148px);
}

.ql-editor.ql-blank::before {
    color: #808191;
    text-align: start;
    margin: 12px 17px;
}

/* jQuery toast plugin  */
.jq-toast-wrap {
    width: 300px !important;
}

.jq-toast-single {
    font-family: "ubuntu-regular", sans-serif !important;
    text-align: justify !important;
    font-size: 14px !important;

}

.jq-toast-single h2 {
    font-family: "ubuntu-bold", sans-serif !important;
}

.close-jq-toast-single {
    left: 7px;
    text-align: end !important;
}

.rtl .jq-has-icon {
    background-position: right 10px center !important;
    padding: 10px 50px 10px 10px !important;
}


.jq-toast-loader{
    background-color: inherit !important;

    filter:brightness(80%)  !important;
}
.jq-icon-info {
    color: #fff !important;
}

.jq-icon-warning {
    color: #fff !important;
    background-color: #fbaf5d;
}

.jq-icon-error {
    color: #fff !important;
}

.jq-icon-success {
    color: #fff !important;
}

/* jQuery toast plugin  END */

/* jQuery toast plugin (Dark-Theme) [START] */

.jq-toast-wrap .jq-icon-success {
    background-color: #258580;
}

.jq-toast-wrap .jq-icon-info {
    background-color: #1b76bb;
}

.jq-toast-wrap .jq-icon-warning {
    background-color: #FF9800;
}

.jq-toast-wrap .jq-icon-error {
    background-color: #F95F53;
}

/* jQuery toast plugin (Dark-Theme) [END] */

/*************** The Modal ********************/

.hhh_modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 100000;
    /* Sit on top */
    padding-top: 5vh;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /*Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
    text-align: right;
    color: #000000;
}

/* Modal Content */
.hhh_modal-content {
    /* direction: ltr; */
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    /*border: 1px solid #888;*/
    width: 50%;
    max-height: 80%;

    /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);*/
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    border-radius: 10px;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

/* The Close Button */
.close-hhh_modal {
    color: #999999 !important;

    font-size: 28px;
    font-weight: bold;
    margin-top: -20px;
    text-align: end;
}

.close-hhh_modal span:hover,
.close-hhh_modal span:focus {
    color: #606060 !important;
    text-decoration: none;
    cursor: pointer;
}

.hhh_modal-header {
    padding: 20px 16px;
    /* background-color: #6a8ca5; */
    color: black;
    /*cursor: move;    */
    font-weight: bold;
    vertical-align: middle;
    text-align: start;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

}

.hhh_modal-header>h4 {
    line-height: unset;
    font-family: "ubuntu-bold", sans-serif;
}


.hhh_modal-body {
    padding: 2px 16px;
    overflow: auto;
    /*Enable scroll if needed */
    max-height: 50vh;

    text-align: start;

    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;

    border-top: rgb(212, 212, 212) 1px solid;
    border-bottom: rgb(212, 212, 212) 1px solid;

}

.hhh_modal-body span {
    color: #ff0000;
}

.hhh_modal-body a {
    color: mediumseagreen;
    text-decoration: none;
}

.hhh_modal-footer {

    padding: 2px 16px;
    /* background-color: #6a8ca5; */
    color: white;

    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    min-height: 50px;
    text-align: end;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.hhh_modal-footer input[type=button] {
    margin-right: 10px;
    margin-left: 10px;
}

.hhh_modal .hh_form .hh_block {

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* mobile */
@media screen and (max-width: 991px) {

    .hhh_modal-content {

        width: 90%;
    }
}

/*************** The Modal END ********************/

/*************** The Modal Zoom Image ********************/
.hhh_modal_zoom {
    /* Hidden by default, For show change to "flex" */
    display: none;
    /* Stay in place */
    position: fixed;
    /* Sit on top */
    z-index: 100000;
    /* Location of the box; vh: Relative to 1% of the height of the viewport; 50 vh = 50% viewport**/
    padding: 10px;
    left: 0;
    top: 0;
    /* Full width */
    width: 100%;
    /* Full height */
    height: 100%;
    /*Enable scroll if needed */
    overflow: auto;
    /* Fallback color */
    background-color: rgb(0, 0, 0);
    /* Black w/ opacity */
    background-color: rgba(0, 0, 0, 0.6);

    align-items: center;

}

.hhh_modal_zoom img {

    max-width: 100vw;
    max-height: 100vh;

    /* animation*/
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

.hhh_modal_zoom .close-hhh_modal {
    position: fixed;
    top: 20px;
    left: 20px;
    font-size: 40px !important;
    color: white !important;
}

.hhh_modal_zoom,
.hhh_modal_zoom[data-vertical=true] {

    flex-direction: row;
}

.hhh_modal_zoom[data-vertical=false] {
    flex-direction: column;
}

.hhh_modal_zoom img,
.hhh_modal_zoom[data-vertical=true] img {

    width: 100%;
    height: auto;
}

.hhh_modal_zoom[data-vertical=false] img {
    width: auto;
    height: 100%;
}


/*************** The Modal Zoom Image END ********************/

:root {
    --bs-body-color: #808191;
}

.hhh_modal-content {
    background-color: #323748;
    border: 1px solid #4A4C55;
    color: #b2b3c9;
}

.hhh_modal-header {
    color: var(--bs-body-color);
}

.hhh_modal-body {
    border-top: 1px solid #4A4C55;
    border-bottom: 1px solid #4A4C55;
    text-align: justify;
}

.hhh_modal-body a {
    color: mediumseagreen;
    text-decoration: none;
}

input#btn_realized_modalRealize_jsGrid {
    background-color: #808191;

}

/*************** The Modal Loading ********************/

/* Loading views is for bootstrap. */

.hhh_modal_loding {
    /* Hidden by default */
    display: none;
    /* Stay in place */
    position: fixed;
    /* Sit on top */
    z-index: 100000;
    /* Location of the box; vh: Relative to 1% of the height of the viewport; 50 vh = 50% viewport**/
    padding-top: 50vh;
    left: 0;
    top: 0;
    /* Full width */
    width: 100%;
    /* Full height */
    height: 100%;
    /*Enable scroll if needed */
    overflow: auto;
    /* Fallback color */
    background-color: rgb(0, 0, 0);
    /* Black w/ opacity */
    background-color: rgba(0, 0, 0, 0.2);

}

.jumping-dots-loader span {
    background-color: #b66dff;
}

/*************** The Modal Loading END ********************/

.hhh_modal_loding {

    /* Black w/ opacity */
    background-color: rgba(0, 0, 0, 0.6);
}

.jumping-dots-loader span {
    background-color: var(--bs-primary);
}

/************** json-viewer ******************/
.json-viewer-textarea {
    display: none;
    width: 100%;
    min-height: 100px;
}
.json-viewer {
    color: #000;
    padding-left: 20px;
}

.json-viewer ul {
    list-style-type: none;
    margin: 0;
    margin: 0 0 0 1px;
    border-left: 1px dotted #ccc;
    padding-left: 2em;
}

.json-viewer .hide {
    display: none;
}

.json-viewer .type-string {
    color: #0B7500;
}

.json-viewer .type-date {
    color: #CB7500;
}

.json-viewer .type-boolean {
    color: #1A01CC;
    font-weight: bold;
}

.json-viewer .type-number {
    color: #1A01CC;
}

.json-viewer .type-null, .json-viewer .type-undefined {
    color: #90a;
}

.json-viewer a.list-link {
    color: #000;
    text-decoration: none;
    position: relative;
}

.json-viewer a.list-link:before {
    color: #aaa;
    content: "\25BC";
    position: absolute;
    display: inline-block;
    width: 1em;
    left: -1em;
}

.json-viewer a.list-link.collapsed:before {
    content: "\25B6";
}

.json-viewer a.list-link.empty:before {
    content: "";
}

.json-viewer .items-ph {
    color: #aaa;
    padding: 0 1em;
}

.json-viewer .items-ph:hover {
    text-decoration: underline;
}
/************** json-viewer END ******************/