xshop/public/css/app.css

/*!
 * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2023 Fonticons, Inc.
 */
.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-classic,.fa-regular,.fa-sharp,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-anim

.fa-0:before{content:"\30"}.fa-1:before{content:"\31"}.fa-2:before{content:"\32"}.fa-3:before{content:"\33"}.fa-4:before{content:"\34"}.fa-5:before{content:"\35"}.fa-6:before{content:"\36"}.fa-7:before{content:"\37"}.fa-8:before{content:"\38"}.fa-9:before{content:"\39"}.fa-fill-drip:before{content:"\f576"}.fa-arrows-to-circle:before{content:"\e4bd"}.fa-chevron-circle-right:before,.fa-circle-chevron-right:before{content:"\f138"}.fa-at:before{content:"\40"}.fa-trash-alt:before,.fa-trash-can:before{content:"\f2ed"}.fa-text-height:before{content:"\f034"}.fa-user-times:before,.fa-user-xmark:before{content:"\f235"}.fa-stethoscope:before{content:"\f0f1"}.fa-comment-alt:before,.fa-message:before{content:"\f27a"}.fa-info:before{content:"\f129"}.fa-compress-alt:before,.fa-down-left-and-up-right-to-center:before{content:"\f422"}.fa-explosion:before{content:"\e4e9"}.fa-file-alt:before,.fa-file-lines:before,.fa-file-text:before{content:"\f15c"}.fa-wave-square:before{content:"\f83e"}.fa-ring:before{content:"\f70b"}.fa-building-un:before{content:"\e4d9"}.fa-dice-three:before{content:"\f527"}.fa-calendar-alt:before,.fa-calendar-days:before{content:"\f073"}.fa-anchor-circle-check:before{content:"\e4aa"}.fa-building-circle-arrow-right:before{content:"\e4d1"}.fa-volleyball-ball:before,.fa-volleyball:before{content:"\f45f"}.fa-arrows-up-to-line:before{content:"\e4c2"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-circle-minus:before,.fa-minus-circle:before{content:"\f056"}.fa-door-open:before{content:"\f52b"}.fa-right-from-bracket:before,.fa-sign-out-alt:before{content:"\f2f5"}.fa-atom:before{content:"\f5d2"}.fa-soap:before{content:"\e06e"}.fa-heart-music-camera-bolt:before,.fa-icons:before{content:"\f86d"}.fa-microphone-alt-slash:before,.fa-microphone-lines-slash:before{content:"\f539"}.fa-bridge-circle-check:before{content:"\e4c9"}.fa-pump-medical:before{content:"\e06a"}.fa-fingerprint:before{content:"\f577"}.fa-hand-point-right:before{content:"\f0a4"}.fa-magnifying-glass-location:before,.fa-search-location:before{content:"\f689"}.fa-forward-step:before,.fa-step-forward:before{content:"\f051"}.fa-face-smile-beam:before,.fa-smile-beam:before{content:"\f5b8"}.fa-flag-checkered:before{content:"\f11e"}.fa-football-ball:before,.fa-football:before{content:"\f44e"}.fa-school-circle-exclamation:before{content:"\e56c"}.fa-crop:before{content:"\f125"}.fa-angle-double-down:before,.fa-angles-down:before{content:"\f103"}.fa-users-rectangle:before{content:"\e594"}.fa-people-roof:before{content:"\e537"}.fa-people-line:before{content:"\e534"}.fa-beer-mug-empty:before,.fa-beer:before{content:"\f0fc"}.fa-diagram-predecessor:before{content:"\e477"}.fa-arrow-up-long:before,.fa-long-arrow-up:before{content:"\f176"}.fa-burn:before,.fa-fire-flame-simple:before{content:"\f46a"}.fa-male:before,.fa-person:before{content:"\f183"}.fa-laptop:before{content:"\f109"}.fa-file-csv:before{content:"\f6dd"}.fa-menorah:before{content:"\f676"}.fa-truck-plane:before{content:"\e58f"}.fa-record-vinyl:before{content:"\f8d9"}.fa-face-grin-stars:before,.fa-grin-stars:before{content:"\f587"}.fa-bong:before{content:"\f55c"}.fa-pastafarianism:before,.fa-spaghetti-monster-flying:before{content:"\f67b"}.fa-arrow-down-up-across-line:before{content:"\e4af"}.fa-spoon:before,.fa-utensil-spoon:before{content:"\f2e5"}.fa-jar-wheat:before{content:"\e517"}.fa-envelopes-bulk:before,.fa-mail-bulk:before{content:"\f674"}.fa-file-circle-exclamation:before{content:"\e4eb"}.fa-circle-h:before,.fa-hospital-symbol:before{content:"\f47e"}.fa-pager:before{content:"\f815"}.fa-address-book:before,.fa-contact-book:before{content:"\f2b9"}.fa-strikethrough:before{content:"\f0cc"}.fa-k:before{content:"\4b"}.fa-landmark-flag:before{content:"\e51c"}.fa-pencil-alt:before,.fa-pencil:before{content:"\f303"}.fa-backward:before{content:"\f04a"}.fa-caret-right:before{content:"\f0da"}.fa-comments:before{content:"\f086"}.fa-file-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-code-pull-request:before{content:"\e13c"}.fa-clipboard-list:before{content:"\f46d"}.fa-truck-loading:before,.fa-truck-ramp-b
.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host,:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff2?e033a13ee751afc1860c3bc31ede1065) format("woff2"),url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.ttf?150de8eaa454d669c405d810c8dbbf14) format("truetype")}.fa-brands,.fab{font-weight:400}.fa-monero:before{content:"\f3d0"}.fa-hooli:before{content:"\f427"}.fa-yelp:before{content:"\f1e9"}.fa-cc-visa:before{content:"\f1f0"}.fa-lastfm:before{content:"\f202"}.fa-shopware:before{content:"\f5b5"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-aws:before{content:"\f375"}.fa-redhat:before{content:"\f7bc"}.fa-yoast:before{content:"\f2b1"}.fa-cloudflare:before{content:"\e07d"}.fa-ups:before{content:"\f7e0"}.fa-wpexplorer:before{content:"\f2de"}.fa-dyalog:before{content:"\f399"}.fa-bity:before{content:"\f37a"}.fa-stackpath:before{content:"\f842"}.fa-buysellads:before{content:"\f20d"}.fa-first-order:before{content:"\f2b0"}.fa-modx:before{content:"\f285"}.fa-guilded:before{content:"\e07e"}.fa-vnv:before{content:"\f40b"}.fa-js-square:before,.fa-square-js:before{content:"\f3b9"}.fa-microsoft:before{content:"\f3ca"}.fa-qq:before{content:"\f1d6"}.fa-orcid:before{content:"\f8d2"}.fa-java:before{content:"\f4e4"}.fa-invision:before{content:"\f7b0"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-centercode:before{content:"\f380"}.fa-glide-g:before{content:"\f2a6"}.fa-drupal:before{content:"\f1a9"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-unity:before{content:"\e049"}.fa-whmcs:before{content:"\f40d"}.fa-rocketchat:before{content:"\f3e8"}.fa-vk:before{content:"\f189"}.fa-untappd:before{content:"\f405"}.fa-mailchimp:before{content:"\f59e"}.fa-css3-alt:before{content:"\f38b"}.fa-reddit-square:before,.fa-square-reddit:before{content:"\f1a2"}.fa-vimeo-v:before{content:"\f27d"}.fa-contao:before{content:"\f26d"}.fa-square-font-awesome:before{content:"\e5ad"}.fa-deskpro:before{content:"\f38f"}.fa-sistrix:before{content:"\f3ee"}.fa-instagram-square:before,.fa-square-instagram:before{content:"\e055"}.fa-battle-net:before{content:"\f835"}.fa-the-red-yeti:before{content:"\f69d"}.fa-hacker-news-square:before,.fa-square-hacker-news:before{content:"\f3af"}.fa-edge:before{content:"\f282"}.fa-napster:before{content:"\f3d2"}.fa-snapchat-square:before,.fa-square-snapchat:before{content:"\f2ad"}.fa-google-plus-g:before{content:"\f0d5"}.fa-artstation:before{content:"\f77a"}.fa-markdown:before{content:"\f60f"}.fa-sourcetree:before{content:"\f7d3"}.fa-google-plus:before{content:"\f2b3"}.fa-diaspora:before{content:"\f791"}.fa-foursquare:before{content:"\f180"}.fa-stack-overflow:before{content:"\f16c"}.fa-github-alt:before{content:"\f113"}.fa-phoenix-squadron:before{content:"\f511"}.fa-pagelines:before{content:"\f18c"}.fa-algolia:before{content:"\f36c"}.fa-red-river:before{content:"\f3e3"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-safari:before{content:"\f267"}.fa-google:before{content:"\f1a0"}.fa-font-awesome-alt:before,.fa-square-font-awesome-stroke:before{content:"\f35c"}.fa-atlassian:before{content:"\f77b"}.fa-linkedin-in:before{content:"\f0e1"}.fa-digital-ocean:before{content:"\f391"}.fa-nimblr:before{content:"\f5a8"}.fa-chromecast:before{content:"\f838"}.fa-evernote:before{content:"\f839"}.fa-hacker-news:before{content:"\f1d4"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-adversal:before{content:"\f36a"}.fa-creative-commons:before{content:"\f25e"}.fa-watchman-monitoring:before{content:"\e087"}.fa-fonticons:before{content:"\f280"}.fa-weixin:before{content:"\f1d7"}.fa-shirtsinbulk:before{content:"\f214"}.fa-codepen:before{content:"\f1cb"}.fa-git-alt:before{content:"\f84
@font-face {
  font-family: Vazir;
  src: url(/fonts/vendor/vazir-dist/Vazir-Regular.eot?6ac404eb3f53dd9ce67fb5f651e9b1c0);
  src: url(/fonts/vendor/vazir-dist/Vazir-Regular.eot?6ac404eb3f53dd9ce67fb5f651e9b1c0?#iefix) format('embedded-opentype'),
       url(/fonts/vendor/vazir-dist/Vazir-Regular.woff2?a360dc26407972d3cb7d31ceb6239af8) format('woff2'),
       url(/fonts/vendor/vazir-dist/Vazir-Regular.woff?806537dbf5ba4d9ab402f81e322fc36d) format('woff'),
       url(/fonts/vendor/vazir-dist/Vazir-Regular.ttf?a24d67ce7f999b3cef04bfb72e4e5fb4) format('truetype');
  font-weight: normal;
  font-display:swap;
}

@font-face {
  font-family: Vazir;
  src: url(/fonts/vendor/vazir-dist/Vazir-Bold.eot?ce0efe6cea93b773470c6cf9af941639);
  src: url(/fonts/vendor/vazir-dist/Vazir-Bold.eot?ce0efe6cea93b773470c6cf9af941639?#iefix) format('embedded-opentype'),
       url(/fonts/vendor/vazir-dist/Vazir-Bold.woff2?0135812b3d7792a1ec26f9b5dfc567d3) format('woff2'),
       url(/fonts/vendor/vazir-dist/Vazir-Bold.woff?7344d486ecbb56a9b3e56a613d87ff65) format('woff'),
       url(/fonts/vendor/vazir-dist/Vazir-Bold.ttf?6ca8f81989073f9a7f7b1b9dd8ad03a4) format('truetype');
  font-weight: bold;
  font-display:swap;
}

@font-face {
  font-family: Vazir;
  src: url(/fonts/vendor/vazir-dist/Vazir-Thin.eot?3a5db120e4b9dce37b1b1249ba44c9c7);
  src: url(/fonts/vendor/vazir-dist/Vazir-Thin.eot?3a5db120e4b9dce37b1b1249ba44c9c7?#iefix) format('embedded-opentype'),
       url(/fonts/vendor/vazir-dist/Vazir-Thin.woff2?84fabf66ff703ce087e84d31f790d551) format('woff2'),
       url(/fonts/vendor/vazir-dist/Vazir-Thin.woff?84664efe6fd832ea3096d0d8d471db0f) format('woff'),
       url(/fonts/vendor/vazir-dist/Vazir-Thin.ttf?7bcf286deff6dd707224a38aa0c721cd) format('truetype');
  font-weight: 100;
  font-display:swap;
}

@font-face {
  font-family: Vazir;
  src: url(/fonts/vendor/vazir-dist/Vazir-Light.eot?dd27df7f828b4a65cede5697e28c245d);
  src: url(/fonts/vendor/vazir-dist/Vazir-Light.eot?dd27df7f828b4a65cede5697e28c245d?#iefix) format('embedded-opentype'),
       url(/fonts/vendor/vazir-dist/Vazir-Light.woff2?acb6acb54afc6a9a4423a723dc5476d0) format('woff2'),
       url(/fonts/vendor/vazir-dist/Vazir-Light.woff?caa9f23dbd02e18916b0f5dcbaa2ced4) format('woff'),
       url(/fonts/vendor/vazir-dist/Vazir-Light.ttf?cbb41bbc80aabe4a8be5ce3096c7d790) format('truetype');
  font-weight: 300;
  font-display:swap;
}

@font-face {
  font-family: Vazir;
  src: url(/fonts/vendor/vazir-dist/Vazir-Medium.eot?195c7fc26cfc4a62209c6df3d34592f6);
  src: url(/fonts/vendor/vazir-dist/Vazir-Medium.eot?195c7fc26cfc4a62209c6df3d34592f6?#iefix) format('embedded-opentype'),
       url(/fonts/vendor/vazir-dist/Vazir-Medium.woff2?1d7bcfd971cc881a83c65f9807a7e024) format('woff2'),
       url(/fonts/vendor/vazir-dist/Vazir-Medium.woff?d4368692b6af4ab42f192c2465cc230b) format('woff'),
       url(/fonts/vendor/vazir-dist/Vazir-Medium.ttf?816a5ec7d7c58db86219f3842a8708d0) format('truetype');
  font-weight: 500;
  font-display:swap;
}

@font-face {
  font-family: Vazir;
  src: url(/fonts/vendor/vazir-dist/Vazir-Black.eot?f7e509df705527e74213bbfc278ec76f);
  src: url(/fonts/vendor/vazir-dist/Vazir-Black.eot?f7e509df705527e74213bbfc278ec76f?#iefix) format('embedded-opentype'),
       url(/fonts/vendor/vazir-dist/Vazir-Black.woff2?185841df3f307c121958190eeb207c5a) format('woff2'),
       url(/fonts/vendor/vazir-dist/Vazir-Black.woff?ebc09d026eccef0942dd90fbdf4b4698) format('woff'),
       url(/fonts/vendor/vazir-dist/Vazir-Black.ttf?88dbe0e03df0e3071026915e0251a671) format('truetype');
  font-weight: 900;
  font-display:swap;
}
fieldset[disabled] .multiselect{pointer-events:none}.multiselect__spinner{position:absolute;right:1px;top:1px;width:48px;height:35px;background:#fff;display:block}.multiselect__spinner:after,.multiselect__spinner:before{position:absolute;content:"";top:50%;left:50%;margin:-8px 0 0 -8px;width:16px;height:16px;border-radius:100%;border:2px solid transparent;border-top-color:#41b883;box-shadow:0 0 0 1px transparent}.multiselect__spinner:before{-webkit-animation:spinning 2.4s cubic-bezier(.41,.26,.2,.62);animation:spinning 2.4s cubic-bezier(.41,.26,.2,.62);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.multiselect__spinner:after{-webkit-animation:spinning 2.4s cubic-bezier(.51,.09,.21,.8);animation:spinning 2.4s cubic-bezier(.51,.09,.21,.8);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.multiselect__loading-enter-active,.multiselect__loading-leave-active{transition:opacity .4s ease-in-out;opacity:1}.multiselect__loading-enter,.multiselect__loading-leave-active{opacity:0}.multiselect,.multiselect__input,.multiselect__single{font-family:inherit;font-size:16px;touch-action:manipulation}.multiselect{box-sizing:content-box;display:block;position:relative;width:100%;min-height:40px;text-align:left;color:#35495e}.multiselect *{box-sizing:border-box}.multiselect:focus{outline:none}.multiselect--disabled{background:#ededed;pointer-events:none;opacity:.6}.multiselect--active{z-index:50}.multiselect--active:not(.multiselect--above) .multiselect__current,.multiselect--active:not(.multiselect--above) .multiselect__input,.multiselect--active:not(.multiselect--above) .multiselect__tags{border-bottom-left-radius:0;border-bottom-right-radius:0}.multiselect--active .multiselect__select{transform:rotate(180deg)}.multiselect--above.multiselect--active .multiselect__current,.multiselect--above.multiselect--active .multiselect__input,.multiselect--above.multiselect--active .multiselect__tags{border-top-left-radius:0;border-top-right-radius:0}.multiselect__input,.multiselect__single{position:relative;display:inline-block;min-height:20px;line-height:20px;border:none;border-radius:5px;background:#fff;padding:0 0 0 5px;width:100%;transition:border .1s ease;box-sizing:border-box;margin-bottom:8px;vertical-align:top}.multiselect__input:-ms-input-placeholder{color:#35495e}.multiselect__input::-moz-placeholder{color:#35495e}.multiselect__input::placeholder{color:#35495e}.multiselect__tag~.multiselect__input,.multiselect__tag~.multiselect__single{width:auto}.multiselect__input:hover,.multiselect__single:hover{border-color:#cfcfcf}.multiselect__input:focus,.multiselect__single:focus{border-color:#a8a8a8;outline:none}.multiselect__single{padding-left:5px;margin-bottom:8px}.multiselect__tags-wrap{display:inline}.multiselect__tags{min-height:40px;display:block;padding:8px 40px 0 8px;border-radius:5px;border:1px solid #e8e8e8;background:#fff;font-size:14px}.multiselect__tag{position:relative;display:inline-block;padding:4px 26px 4px 10px;border-radius:5px;margin-right:10px;color:#fff;line-height:1;background:#41b883;margin-bottom:5px;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}.multiselect__tag-icon{cursor:pointer;margin-left:7px;position:absolute;right:0;top:0;bottom:0;font-weight:700;font-style:normal;width:22px;text-align:center;line-height:22px;transition:all .2s ease;border-radius:5px}.multiselect__tag-icon:after{content:"\D7";color:#266d4d;font-size:14px}.multiselect__tag-icon:focus,.multiselect__tag-icon:hover{background:#369a6e}.multiselect__tag-icon:focus:after,.multiselect__tag-icon:hover:after{color:#fff}.multiselect__current{min-height:40px;overflow:hidden;padding:8px 30px 0 12px;white-space:nowrap;border-radius:5px;border:1px solid #e8e8e8}.multiselect__current,.multiselect__select{line-height:16px;box-sizing:border-box;display:block;margin:0;text-decoration:none;cursor:pointer}.multiselect__select{position:absolute;width:40px;height:38px;right:1px;top:1px;padding:4px 8px;text-align:center;transition:transform .2s ease}.multiselect__select:before{position
/*
** persian-datepicker - v1.2.0
** Reza Babakhani <babakhani.reza@gmail.com>
** http://babakhani.github.io/PersianWebToolkit/docs/datepicker
** Under MIT license 
*/ 

.datepicker-plot-area{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}.datepicker-plot-area .datepicker-time-view .down-btn,.datepicker-plot-area .datepicker-time-view .up-btn{transition:all 100ms ease}.datepicker-plot-area .datepicker-day-view .table-days td.disabled span,.datepicker-plot-area .datepicker-year-view .year-item-disable,.datepicker-plot-area .datepicker-month-view .month-item-disable{border-radius:0}.datepicker-plot-area .datepicker-time-view .down-btn,.datepicker-plot-area .datepicker-time-view .up-btn{border-radius:0;border-top-left-radius:0;border-top-right-radius:0}.datepicker-plot-area .datepicker-time-view .down-btn{border-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.datepicker-plot-area,.datepicker-plot-area .datepicker-time-view>.time-segment{border-radius:0}.datepicker-plot-area .datepicker-day-view .table-days td span,.datepicker-plot-area .datepicker-year-view .year-item,.datepicker-plot-area .datepicker-month-view .month-item,.datepicker-plot-area .datepicker-navigator .pwt-btn-next,.datepicker-plot-area .datepicker-navigator .pwt-btn-switch,.datepicker-plot-area .datepicker-navigator .pwt-btn-prev{border-radius:0}.datepicker-plot-area{box-shadow:0 5px 10px rgba(0,0,0,0.2)}.datepicker-plot-area .datepicker-day-view .table-days td span,.datepicker-plot-area .datepicker-year-view .year-item,.datepicker-plot-area .datepicker-month-view .month-item,.datepicker-plot-area .datepicker-day-view .table-days td.disabled span,.datepicker-plot-area .datepicker-year-view .year-item-disable,.datepicker-plot-area .datepicker-month-view .month-item-disable,.datepicker-plot-area .datepicker-time-view>.time-segment,.datepicker-plot-area .datepicker-time-view .down-btn,.datepicker-plot-area .datepicker-time-view .up-btn,.datepicker-plot-area .datepicker-time-view input,.datepicker-plot-area .datepicker-navigator .pwt-btn-next,.datepicker-plot-area .datepicker-navigator .pwt-btn-switch,.datepicker-plot-area .datepicker-navigator .pwt-btn-prev,.datepicker-plot-area .toolbox .pwt-btn-submit,.datepicker-plot-area .toolbox .pwt-btn-calendar,.datepicker-plot-area .toolbox .pwt-btn-today{cursor:pointer}.datepicker-plot-area .datepicker-day-view .table-days td span,.datepicker-plot-area .datepicker-year-view .year-item,.datepicker-plot-area .datepicker-month-view .month-item{font:14px;background-color:#fff;color:#333;border:0;text-shadow:none}.datepicker-plot-area .datepicker-day-view .table-days td.disabled span,.datepicker-plot-area .datepicker-year-view .year-item-disable,.datepicker-plot-area .datepicker-month-view .month-item-disable{background-color:#f1f1f1;color:#ccc;border:none;text-shadow:none;cursor:default}.datepicker-plot-area .datepicker-day-view .table-days td.today span{background-color:#333;color:#fff;border:0;text-shadow:none}.datepicker-plot-area .datepicker-day-view .table-days td span.other-month{background-color:"";color:#ccc;border:none;text-shadow:none}.datepicker-plot-area .datepicker-day-view .table-days td.selected span,.datepicker-plot-area .datepicker-year-view .year-item.selected,.datepicker-plot-area .datepicker-month-view .month-item.selected{background-color:#005299;color:#fff;border:none;text-shadow:1px 1px 1px #000}.datepicker-plot-area .datepicker-day-view .table-days td.selected span .datepicker-plot-area .datepicker-day-view .table-days td:hover,.datepicker-plot-area .datepicker-day-view .table-days td span:hover,.datepicker-plot-area .datepicker-year-view .year-item:hover,.datepicker-plot-area .datepicker-month-view .month-item:hover{background-color:#007be6;color:#fff;border:0;text-shadow:none}.datepicker-container{display:block;position:absolute;z-index:100000;top:0;direction:ltr}.datepicker-container.pwt-hide{display:none}.datepicker-plot-area{box-sizing:border-box;overflow:hidden;min-height:70px;display:block;width:200px;min-width:200px;padding:3px;position:absolute;font:12px tahoma;border:1px solid #ccc;background-color:#fff}.datepicker-plot-area.datepicker-state-only-time{padding:0}.datepicker-plot-area table,.da

/*# sourceMappingURL=persian-datepicker.min.css.map */
* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    float: left;
    width:33%;
    padding: 10px;
}


.s-hidden {
    visibility: hidden;
    padding-right: 10px;
}
.easySelect {
    font-size: 14px !important;
    cursor: default;
    display: block;
    /*make dropdown width */
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    color: #414c52;
    border: 1px solid #cbcbcb !important;
    border-radius: 3px;
    height: 35px;
}

.styledSelect {
    border-radius: 3px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: white;
    padding-left: 8px;
    padding-top: 8px;
    font-weight: 400 !important;
    color: #414c52;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right:15%
}

.clearSelectfromDiv {
    float: right;
    margin-right: 35px;
    font-size: 24px;
    cursor: pointer;
    position: relative;
    top: 3px;
    z-index: 4;
    color: #414c52;
}

.clearSelectfromDiv:hover {
    color: rgba(65, 76, 82, 0.76);
}

.styledSelect:after {
    content: "";
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-color: #414c52 transparent transparent transparent;
    position: absolute;
    top: 15px;
    right: 8px;
}

.styledSelect:active,
.styledSelect.active {
    background-color: #fafafa;
}

.options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 3px 0;
    padding: 3px 0 0 0px;
    list-style: none;
    border: 1px solid #cbcbcb !important;
    background-color: white;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    width: 100%
}

.scrolableDiv {
   overflow: auto
}
.divSearcheasySelect{
     border-bottom: 1px solid #cbcbcb!important;
}

.options li {
    margin: auto;
    max-width: 100%!important;
    font-size: 14.5px !important;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 500;
    overflow: hidden
}

.options li:hover {
    background-color: #cbcbcb;
}

.options .container {
    display:inherit;
    position: relative;
    margin: 0px;
    width: auto!important;
    cursor: pointer;
    padding: 6px 15px 6px 33px !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.scrolableDiv input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    margin-left: 3px;
    left: 5px;
    height: 17px;
    width: 17px;
    background-color: white;
    border-radius: 3px;
    border: 1px solid #cbcbcb;
}

.container input:checked ~ .checkmark {
    background-color: white;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.container input:checked ~ .checkmark:after {
    display: block;
}

.container .checkmark:after {
    left: 5px;
    top: 1px;
    width: 4.5px;
    height: 10px;
    border: 2px solid #1720ff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.divSearcheasySelect {
    padding-right: 12px;
    padding-left: 7px;
    padding-top: 4px;
    padding-bottom: 7px;
    overflow: hidden;
}

.optionRow {
    margin: -4px 0px 8px 0px;
    border-radius: 3px;
    font-size: 11.5px;
    text-align: left;
    font-weight: 600;
    color: #414c52;
    display: block ruby;
}
#clearAlleasySelect{
    margin-right: 20px
}
#selectAlleasySelect{
   margin-right: 20px
}
.optionRow:hover {
    color: rgba(65, 76, 82, 0.81);
}

.optionRow .alleasySelect {
    font-size: 13px;
    margin: 2px auto auto 4px;
}

.divSearcheasySelect .searchInputeasySelect {
    width: 100%;
    margin-right: auto;
    color: #414c52;
    border: 1px solid #cbcbcb !important;
    height: 33px;
    background-color: white !important;
    font-size: 14px;
    text-indent: 8px;
    border-radius: 3px
}

.divSearcheasySelect .searchInputeasySelect:focus {
    border: 1px solid #a295ff !important;
    background: white;
    color: #414c52;
    box-shadow: 0 1px 3px rgba(105, 105, 105, 0.31) !important;
    -moz-box-shadow: 0 1px 3px rgba(105, 105, 105, 0.31) !important;
    -webkit-box-shadow: 0 1px 3px rgba(105, 105, 105, 0.31) !important;
    outline: #a295ff !important;
    border-width: 1px;
}

.divOptionsesySelect > p {
    display: inline-block
}

.messageMaxallowedSelections {
    padding: 0px !important;
    font-size: 12px;
    font-weight: bold;
    margin: auto;
    color: #838383
}

.hiddenLieasySelect {
    text-align: center;
    padding:4px 4px 8px 0px;
}

li.hiddenLieasySelect{
    font-size: 12px!important;
    font-weight: 600
}

.options > .hiddenLieasySelect:hover {
    background: none !important;
    cursor: context-menu;
}

li.no_results {
    padding: 6px;
     font-size: 12px!important;
    font-weight: 600
}

@charset "UTF-8";/*!
 * Bootstrap  v5.3.0 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#adb5bd;--bs-body-color-rgb:173,181,189;--bs-body-bg:#212529;--bs-body-bg-rgb:33,37,41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-secondary-color:rgba(173, 181, 189, 0.75);--bs-secondary-color-rgb:173,181,189;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(173, 181, 189, 0.5);--bs-tertiary-color-rgb:173
/*# sourceMappingURL=bootstrap.rtl.min.css.map */
html.hc-nav-yscroll {
  overflow-y: scroll;
}

body.hc-nav-open {
  overflow: visible;
  position: fixed;
  width: 100%;
  min-height: 100%;
}

.hc-offcanvas-nav {
  visibility: hidden;
  display: none;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 9999;
  text-align: left;
}
.hc-offcanvas-nav.is-ios * {
  cursor: pointer !important;
}
.hc-offcanvas-nav .nav-container {
  position: fixed;
  z-index: 9998;
  top: 0;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
  transition: transform 0.4s ease;
}
.hc-offcanvas-nav .nav-wrapper {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}
.hc-offcanvas-nav .nav-content {
  height: 100%;
}
.hc-offcanvas-nav .nav-wrapper-0 > .nav-content {
  overflow: scroll;
  overflow-x: visible;
  overflow-y: auto;
  box-sizing: border-box;
}
.hc-offcanvas-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hc-offcanvas-nav li {
  position: relative;
  display: block;
}
.hc-offcanvas-nav li.level-open > .nav-wrapper {
  visibility: visible;
}
.hc-offcanvas-nav li:not(.custom-content) a {
  position: relative;
  display: block;
  box-sizing: border-box;
  cursor: pointer;
}
.hc-offcanvas-nav li:not(.custom-content) a[disabled] {
  cursor: not-allowed;
}
.hc-offcanvas-nav li:not(.custom-content) a, .hc-offcanvas-nav li:not(.custom-content) a:hover {
  text-decoration: none;
}
.hc-offcanvas-nav input[type=checkbox] {
  display: none;
}
.hc-offcanvas-nav label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  cursor: pointer;
}
.hc-offcanvas-nav .nav-item-wrapper {
  position: relative;
}
.hc-offcanvas-nav .nav-item-link {
  position: relative;
  display: block;
  box-sizing: border-box;
}
.hc-offcanvas-nav:not(.user-is-tabbing) .nav-close-button:focus,
.hc-offcanvas-nav:not(.user-is-tabbing) .nav-item-wrapper a:focus {
  outline: none;
}
.hc-offcanvas-nav .nav-close:focus,
.hc-offcanvas-nav .nav-next:focus,
.hc-offcanvas-nav .nav-back:focus {
  z-index: 10;
}
.hc-offcanvas-nav.disable-body::after,
.hc-offcanvas-nav .nav-wrapper::after {
  content: "";
  z-index: 9990;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s ease 0.4s, opacity 0.4s ease;
}
.hc-offcanvas-nav.disable-body::after {
  position: fixed;
}
.hc-offcanvas-nav .nav-wrapper::after {
  position: absolute;
}
.hc-offcanvas-nav.disable-body.nav-open::after,
.hc-offcanvas-nav .sub-level-open::after {
  visibility: visible;
  opacity: 1;
  transition-delay: 0.05s;
}
.hc-offcanvas-nav:not(.nav-open)::after {
  pointer-events: none;
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after {
  display: none;
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0 {
  max-height: 100vh;
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0 > .nav-content {
  overflow: scroll;
  overflow-x: visible;
  overflow-y: auto;
  box-sizing: border-box;
  max-height: 100vh;
}
.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper {
  min-width: 0;
  max-height: 0;
  visibility: hidden;
  overflow: hidden;
  transition: height 0s ease 0.4s;
}
.hc-offcanvas-nav.nav-levels-expand .level-open > .nav-wrapper {
  max-height: none;
  overflow: visible;
  visibility: visible;
}
.hc-offcanvas-nav.nav-levels-overlap .nav-content {
  overflow: scroll;
  overflow-x: visible;
  overflow-y: auto;
  box-sizing: border-box;
  max-height: 100vh;
}
.hc-offcanvas-nav.nav-levels-overlap .nav-wrapper {
  max-height: 100vh;
}
.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper {
  position: absolute;
  z-index: 9999;
  top: 0;
  height: 100%;
  visibility: hidden;
  transition: visibility 0s ease 0.4s, transform 0.4s ease;
}
.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent {
  position: static;
}
.hc-offcanvas-nav.nav-levels-overlap ul li.level-open > .nav-wrapper {
  visibility: visible;
  transform: translate3d(0, 0, 0);
  transition: transform 0.4s ease;
}
.hc-offcanvas-nav.nav-position-left {
  left: 0;
}
.hc-offcanvas-nav.nav-position-left .nav-container {
  left: 0;
}
.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper {
  left: 0;
  transform: translate3d(-100%, 0, 0);
}
.hc-offcanvas-nav.nav-position-right {
  right: 0;
}
.hc-offcanvas-nav.nav-position-right .nav-container {
  right: 0;
}
.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper {
  right: 0;
  transform: translate3d(100%, 0, 0);
}
.hc-offcanvas-nav.nav-position-top {
  top: 0;
}
.hc-offcanvas-nav.nav-position-top .nav-container {
  top: 0;
  width: 100%;
}
.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper {
  left: 0;
  transform: translate3d(0, -100%, 0);
}
.hc-offcanvas-nav.nav-position-bottom {
  top: auto;
  bottom: 0;
}
.hc-offcanvas-nav.nav-position-bottom .nav-container {
  top: auto;
  bottom: 0;
  width: 100%;
}
.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper {
  left: 0;
  transform: translate3d(0, 100%, 0);
}
.hc-offcanvas-nav.nav-open[class*=hc-nav-] div.nav-container {
  transform: translate3d(0, 0, 0);
}
.hc-offcanvas-nav.rtl {
  text-align: right;
  direction: rtl;
}

.hc-nav-trigger {
  position: absolute;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: none;
  top: 20px;
  z-index: 9980;
  width: 30px;
  min-height: 24px;
}
.hc-nav-trigger span {
  width: 30px;
  top: 50%;
  transform: translateY(-50%);
  transform-origin: 50% 50%;
}
.hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after {
  display: block;
  position: absolute;
  left: 0;
  height: 4px;
  background: #34495E;
  transition: all 0.2s ease;
}
.hc-nav-trigger span::before, .hc-nav-trigger span::after {
  content: "";
  width: 100%;
}
.hc-nav-trigger span::before {
  top: -10px;
}
.hc-nav-trigger span::after {
  bottom: -10px;
}
.hc-nav-trigger.toggle-open span {
  background: rgba(0, 0, 0, 0);
  transform: rotate(45deg);
}
.hc-nav-trigger.toggle-open span::before {
  transform: translate3d(0, 10px, 0);
}
.hc-nav-trigger.toggle-open span::after {
  transform: rotate(-90deg) translate3d(10px, 0, 0);
}

.hc-offcanvas-nav {
  font-family: sans-serif;
  /* Left */
  /* Right */
  /* Top */
  /* Bottom */
  /* Expand & none */
  /* RTL */
}
.hc-offcanvas-nav::after,
.hc-offcanvas-nav .nav-wrapper::after {
  background: rgba(0, 0, 0, 0.3);
}
.hc-offcanvas-nav .nav-container,
.hc-offcanvas-nav .nav-wrapper,
.hc-offcanvas-nav ul {
  background: #eee;
}
.hc-offcanvas-nav .nav-content > h2, .hc-offcanvas-nav .nav-content > h3, .hc-offcanvas-nav .nav-content > h4, .hc-offcanvas-nav .nav-content > h5, .hc-offcanvas-nav .nav-content > h6 {
  font-size: 19px;
  font-weight: normal;
  padding: 20px 17px;
  color: #bbbbbb;
}
.hc-offcanvas-nav .nav-content > h2:not(.nav-title):not(.level-title), .hc-offcanvas-nav .nav-content > h3:not(.nav-title):not(.level-title), .hc-offcanvas-nav .nav-content > h4:not(.nav-title):not(.level-title), .hc-offcanvas-nav .nav-content > h5:not(.nav-title):not(.level-title), .hc-offcanvas-nav .nav-content > h6:not(.nav-title):not(.level-title) {
  font-size: 16px;
  padding: 15px 17px;
  background: #eee;
}
.hc-offcanvas-nav .nav-item-link,
.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav .nav-back a {
  padding: 14px 17px;
  font-size: 14px;
  color: #111;
  z-index: 1;
  background: rgba(0, 0, 0, 0);
  border-bottom: 1px solid #dfdfdf;
  transition: background 0.1s ease;
}
.hc-offcanvas-nav .nav-item-link:focus, .hc-offcanvas-nav .nav-item-link:focus-within,
.hc-offcanvas-nav li.nav-close a:focus,
.hc-offcanvas-nav li.nav-close a:focus-within,
.hc-offcanvas-nav .nav-back a:focus,
.hc-offcanvas-nav .nav-back a:focus-within {
  z-index: 10;
}
.hc-offcanvas-nav .nav-item-link[disabled],
.hc-offcanvas-nav li.nav-close a[disabled],
.hc-offcanvas-nav .nav-back a[disabled] {
  color: rgba(17, 17, 17, 0.5);
}
.hc-offcanvas-nav div.nav-back + ul > li:first-child > .nav-item-wrapper > .nav-item-link {
  border-top: none !important;
}
.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover {
  background: #e9e9e9;
}
.hc-offcanvas-nav .nav-custom-content {
  padding: 14px 17px;
  font-size: 14px;
  border-bottom: 1px solid #dfdfdf;
}
.hc-offcanvas-nav .nav-highlight {
  background: #e4e4e4;
}
.hc-offcanvas-nav .nav-wrapper > .nav-content > ul:first-of-type > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link {
  border-top: 1px solid #dfdfdf;
}
.hc-offcanvas-nav .nav-wrapper > .nav-content > ul:first-of-type > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link + a {
  border-top: 1px solid #dfdfdf;
}
.hc-offcanvas-nav .nav-wrapper > .nav-content > ul:not(:last-child) {
  border-bottom: 2px solid #dfdfdf;
}
.hc-offcanvas-nav .nav-wrapper > .nav-content > ul + h2, .hc-offcanvas-nav .nav-wrapper > .nav-content > ul + h3, .hc-offcanvas-nav .nav-wrapper > .nav-content > ul + h4, .hc-offcanvas-nav .nav-wrapper > .nav-content > ul + h5, .hc-offcanvas-nav .nav-wrapper > .nav-content > ul + h6 {
  margin-top: -2px;
}
.hc-offcanvas-nav .nav-wrapper > .nav-content > h2 + ul > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link, .hc-offcanvas-nav .nav-wrapper > .nav-content > h3 + ul > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link, .hc-offcanvas-nav .nav-wrapper > .nav-content > h4 + ul > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link, .hc-offcanvas-nav .nav-wrapper > .nav-content > h5 + ul > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link, .hc-offcanvas-nav .nav-wrapper > .nav-content > h6 + ul > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link {
  border-top: 1px solid #dfdfdf;
}
.hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-title + h2, .hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-title + h3, .hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-title + h4, .hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-title + h5, .hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-title + h6,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .level-title + h2,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .level-title + h3,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .level-title + h4,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .level-title + h5,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .level-title + h6,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-close + h2,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-close + h3,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-close + h4,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-close + h5,
.hc-offcanvas-nav .nav-wrapper > .nav-content > .nav-close + h6 {
  border-top: 1px solid #dfdfdf;
}
.hc-offcanvas-nav li {
  color: #111;
}
.hc-offcanvas-nav li.nav-parent .nav-item-link:last-child {
  padding-right: 58px;
}
.hc-offcanvas-nav li.nav-parent .nav-item-link:not(:last-child) {
  margin-right: 45px;
}
.hc-offcanvas-nav .nav-close-button span,
.hc-offcanvas-nav .nav-parent .nav-next,
.hc-offcanvas-nav .nav-back span {
  width: 45px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  cursor: pointer;
  transition: background 0.1s ease;
}
.hc-offcanvas-nav .nav-close-button {
  position: relative;
  display: block;
}
.hc-offcanvas-nav .nav-close-button span::before, .hc-offcanvas-nav .nav-close-button span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-top: 2px solid #111;
  border-left: 2px solid #111;
}
.hc-offcanvas-nav .nav-close-button span::before {
  margin-left: -9px;
  transform: rotate(135deg);
}
.hc-offcanvas-nav .nav-close-button span::after {
  transform: rotate(-45deg);
}
.hc-offcanvas-nav .nav-content > .nav-close {
  position: relative;
  z-index: 2;
}
.hc-offcanvas-nav .nav-content > .nav-close a {
  font-size: 14px;
  color: #111;
  background: rgba(0, 0, 0, 0);
  z-index: 1;
  text-decoration: none;
  box-sizing: border-box;
}
.hc-offcanvas-nav .nav-content > .nav-close a:not(.has-label) {
  height: 50px;
}
.hc-offcanvas-nav .nav-content > .nav-close a.has-label {
  padding: 14px 17px;
  border-top: 1px solid #dfdfdf;
}
.hc-offcanvas-nav .nav-content > .nav-close a:hover {
  border: none;
  background: radial-gradient(farthest-corner at top right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}
.hc-offcanvas-nav .nav-content > .nav-close.has-label + ul {
  margin-top: -1px;
}
.hc-offcanvas-nav:not(.nav-close-button-empty) .nav-content > .nav-close {
  margin-bottom: -1px;
}
.hc-offcanvas-nav .nav-title {
  color: dodgerblue !important;
}
.hc-offcanvas-nav .nav-title + .nav-close a:not(.has-label) {
  position: absolute;
  width: 45px;
  height: 66px;
  line-height: 66px;
  top: -66px;
  right: 0;
}
.hc-offcanvas-nav.nav-close-button-empty .nav-title {
  padding-right: 55px;
}
.hc-offcanvas-nav li.nav-close a:not(.has-label) {
  height: 49px;
}
.hc-offcanvas-nav .nav-content > .nav-close:first-child a,
.hc-offcanvas-nav .nav-title + .nav-close a.has-label,
.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav .nav-back a {
  background: #e6e6e6;
  border-top: 1px solid gainsboro;
  border-bottom: 1px solid gainsboro;
}
.hc-offcanvas-nav .nav-content > .nav-close:first-child a:hover,
.hc-offcanvas-nav .nav-title + .nav-close a.has-label:hover,
.hc-offcanvas-nav li.nav-close a:hover,
.hc-offcanvas-nav .nav-back a:hover {
  background: #e3e3e3;
}
.hc-offcanvas-nav li.nav-close:not(:first-child) a,
.hc-offcanvas-nav li.nav-back:not(:first-child) a {
  margin-top: -1px;
}
.hc-offcanvas-nav a.nav-next {
  border-left: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
}
.hc-offcanvas-nav .nav-next span::before,
.hc-offcanvas-nav .nav-back span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-left: -2px;
  box-sizing: border-box;
  border-top: 2px solid #111;
  border-left: 2px solid #111;
  transform-origin: center;
}
.hc-offcanvas-nav .nav-next span {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.hc-offcanvas-nav .nav-next span::before {
  transform: translate(-50%, -50%) rotate(135deg);
}
.hc-offcanvas-nav .nav-back span::before {
  margin-left: 2px;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.hc-offcanvas-nav.nav-position-left.nav-open.nav-levels-overlap .nav-wrapper {
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
}
.hc-offcanvas-nav.nav-position-right.nav-open.nav-levels-overlap .nav-wrapper {
  box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2);
}
.hc-offcanvas-nav.nav-position-right .nav-next span::before {
  margin-left: 2px;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.hc-offcanvas-nav.nav-position-right .nav-back span::before {
  margin-left: -2px;
  transform: translate(-50%, -50%) rotate(135deg);
}
.hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.hc-offcanvas-nav.nav-position-top .nav-next span::before {
  margin-left: 0;
  margin-right: -2px;
  transform: translate(-50%, -50%) rotate(-135deg);
}
.hc-offcanvas-nav.nav-position-top .nav-back span::before {
  margin-left: 0;
  margin-right: -2px;
  transform: translate(-50%, -50%) rotate(45deg);
}
.hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper {
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
}
.hc-offcanvas-nav.nav-position-bottom .nav-next span::before {
  margin-left: 0;
  margin-right: -2px;
  transform: translate(-50%, -50%) rotate(45deg);
}
.hc-offcanvas-nav.nav-position-bottom .nav-back span::before {
  margin-left: 0;
  margin-right: -2px;
  transform: translate(-50%, -50%) rotate(-135deg);
}
.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper, .hc-offcanvas-nav.nav-levels-none ul .nav-wrapper {
  box-shadow: none;
  background: transparent;
}
.hc-offcanvas-nav.nav-levels-expand li.level-open, .hc-offcanvas-nav.nav-levels-none li.level-open {
  background: #e4e4e4;
}
.hc-offcanvas-nav.nav-levels-expand li.level-open > .nav-item-wrapper > a, .hc-offcanvas-nav.nav-levels-none li.level-open > .nav-item-wrapper > a {
  border-bottom: 1px solid #dadada;
}
.hc-offcanvas-nav.nav-levels-expand li.level-open > .nav-item-wrapper > a:hover, .hc-offcanvas-nav.nav-levels-none li.level-open > .nav-item-wrapper > a:hover {
  background: #e6e6e6;
}
.hc-offcanvas-nav.nav-levels-expand li.level-open > .nav-item-wrapper > .nav-next span::before,
.hc-offcanvas-nav.nav-levels-expand li.level-open > .nav-item-wrapper > a > .nav-next span::before, .hc-offcanvas-nav.nav-levels-none li.level-open > .nav-item-wrapper > .nav-next span::before,
.hc-offcanvas-nav.nav-levels-none li.level-open > .nav-item-wrapper > a > .nav-next span::before {
  margin-top: -2px;
  transform: translate(-50%, -50%) rotate(-135deg);
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-1 .nav-item-link, .hc-offcanvas-nav.nav-levels-none .nav-wrapper-1 .nav-item-link {
  padding-left: calc(17px + 20px * 1);
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-2 .nav-item-link, .hc-offcanvas-nav.nav-levels-none .nav-wrapper-2 .nav-item-link {
  padding-left: calc(17px + 20px * 2);
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-3 .nav-item-link, .hc-offcanvas-nav.nav-levels-none .nav-wrapper-3 .nav-item-link {
  padding-left: calc(17px + 20px * 3);
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-4 .nav-item-link, .hc-offcanvas-nav.nav-levels-none .nav-wrapper-4 .nav-item-link {
  padding-left: calc(17px + 20px * 4);
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-5 .nav-item-link, .hc-offcanvas-nav.nav-levels-none .nav-wrapper-5 .nav-item-link {
  padding-left: calc(17px + 20px * 5);
}
.hc-offcanvas-nav.rtl a.nav-next {
  border-left: none;
  border-right: 1px solid #dfdfdf;
}
.hc-offcanvas-nav.rtl .nav-title + .nav-close a:not(.has-label),
.hc-offcanvas-nav.rtl .nav-close-button span,
.hc-offcanvas-nav.rtl .nav-next,
.hc-offcanvas-nav.rtl .nav-back span {
  left: 0;
  right: auto;
}
.hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:last-child {
  padding-left: 58px;
  padding-right: 17px;
}
.hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:not(:last-child) {
  margin-left: 45px;
  margin-right: 0;
}
.hc-offcanvas-nav.rtl .nav-wrapper-1 li.nav-item .nav-item-link {
  padding-right: calc(17px + 20px * 1);
}
.hc-offcanvas-nav.rtl .nav-wrapper-2 li.nav-item .nav-item-link {
  padding-right: calc(17px + 20px * 2);
}
.hc-offcanvas-nav.rtl .nav-wrapper-3 li.nav-item .nav-item-link {
  padding-right: calc(17px + 20px * 3);
}
.hc-offcanvas-nav.rtl .nav-wrapper-4 li.nav-item .nav-item-link {
  padding-right: calc(17px + 20px * 4);
}
.hc-offcanvas-nav.rtl .nav-wrapper-5 li.nav-item .nav-item-link {
  padding-right: calc(17px + 20px * 5);
}

#uploading-images {
  padding: 10px;
}

#upload-drag-drop {
  border: 2px dashed silver;
  min-height: 50px;
  padding: 20px 10px;
  text-align: center;
  margin: 10px auto;
  transition: 600ms;
  cursor: pointer;
}
#upload-drag-drop.active, #upload-drag-drop:hover {
  border-color: #1d4686;
}

.uploader-images {
  border: 1px #ddd solid;
  visibility: hidden;
}

.img-preview {
  background: #eee no-repeat center;
  background-size: cover;
  margin-bottom: 10px;
  width: 100%;
  min-height: 225px;
  transition: 300ms;
}

.indexed {
  border-color: #0a53be !important;
  border-style: dashed !important;
}

#xls-file, #optionz {
  display: none;
}

.wizard .steps {
  display: flex;
  position: relative;
  min-height: 150px;
  padding: 10px;
}
.wizard .steps h4 {
  font-size: 14px;
  text-transform: uppercase;
}
.wizard .steps .hr {
  top: 38%;
  left: 5%;
  right: 5%;
  position: absolute;
  border: 1px solid silver;
  height: 15px;
  padding: 2px;
  overflow: hidden;
  border-radius: 6px;
}
.wizard .steps .hr .prog {
  transition: 600ms;
  width: 7%;
  border-radius: 6px;
  height: 10px;
  background: #459810;
}
.wizard .steps .step {
  position: relative;
  z-index: 2;
  text-align: center;
  flex-grow: 1;
  flex-basis: 0;
}
.wizard .steps .step .circle {
  border-radius: 50%;
  border: 1px solid silver;
  background: #fff;
  width: 80px;
  height: 80px;
  margin: 14px auto;
  transition: 300ms;
}
.wizard .steps .step .circle i {
  font-size: 45px;
  margin-top: 17px;
  color: gray;
  transition: 0.3s;
}
.wizard .steps .step.active .circle {
  border: 2px solid #459810;
}
.wizard .steps .step.active i {
  color: #459810;
}
.wizard .wizard-forms .wizard-form {
  background: #fff;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 7px;
  display: none;
}
.wizard .wizard-forms .wizard-form:first-child .wizard-prev {
  display: none;
}
.wizard .wizard-forms .wizard-form .mt-4 .btn {
  min-width: 15%;
}
.wizard .wizard-forms .wizard-form button i {
  display: none;
  margin: 4px 25px;
}
.wizard .wizard-forms .wizard-form button.w8 i {
  display: block;
}
.wizard .wizard-forms .wizard-form button.w8 span {
  display: none;
}

.x-breadcrumb {
  border: rgba(178, 255, 243, 0) 1px dashed;
  border-radius: 7px;
  margin-bottom: 15px;
  height: 42px;
  transition: 1s;
}
.x-breadcrumb:hover {
  border: #b2fff3 1px dashed;
  background: #1b4b72;
}
.x-breadcrumb .steps {
  direction: ltr;
  list-style: none;
  display: flex;
  padding: 0;
}
.x-breadcrumb .steps .step {
  white-space: nowrap;
  transition: 0.3s ease-in-out;
  background: dodgerblue;
  position: relative;
  height: 40px;
  line-height: 40px;
  margin-right: 30px;
  padding: 0 20px;
  color: white;
}
.x-breadcrumb .steps .step:hover a {
  padding-left: 25px;
  padding-right: 25px;
}
.x-breadcrumb .steps .step > a {
  text-decoration: none;
  color: white;
  display: block;
  transition: 450ms;
}
.x-breadcrumb .steps .step:last-child {
  margin-right: 0;
}
.x-breadcrumb .steps .step::before {
  transition: 0.3s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  border-left: 20px solid transparent;
  border-top: 20px solid dodgerblue;
  border-bottom: 20px solid dodgerblue;
}
.x-breadcrumb .steps .step:first-child::before {
  display: none;
}
.x-breadcrumb .steps .step::after {
  transition: 0.3s ease-in-out;
  position: absolute;
  top: 0;
  right: -20px;
  border-left: 20px solid dodgerblue;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  content: "";
}
.x-breadcrumb .steps .step:last-child::after {
  display: none;
}
.x-breadcrumb .steps .step:hover {
  background: deepskyblue;
}
.x-breadcrumb .steps .step:hover::before {
  border-top-color: deepskyblue;
  border-bottom-color: deepskyblue;
}
.x-breadcrumb .steps .step:hover::after {
  border-left-color: deepskyblue;
}
.x-breadcrumb .steps .step:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.x-breadcrumb .steps .step:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.x-breadcrumb .steps .step i {
  position: relative;
  top: 4px;
  left: -5px;
  font-size: 20px;
}

.multiselect__tag {
  background: dodgerblue;
}

body {
  overflow-x: hidden;
  zoom: 100%;
}

.rvnm-mobile-wrapper {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

nav li {
  cursor: pointer;
}
nav .current {
  background: #0d7fa7 !important;
}
nav a {
  text-decoration: none !important;
}

.x64 {
  width: 64px;
}

.bootstrap-select {
  border: 1px solid #ddd !important;
}

.category-control {
  max-height: 200px;
  overflow-y: scroll;
}

.select2 {
  display: block;
}

#xoptions {
  display: none;
}

#profile-tab li {
  cursor: pointer;
}

#full-video {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#under {
  position: relative;
  z-index: 99;
  text-align: center;
  color: white;
  height: 95vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
#under a {
  font-size: 30px;
  margin-right: 20px;
}

.profile-tab {
  border: 1px solid silver;
  border-radius: 5px;
  display: none;
}
.profile-tab.active {
  display: block;
}

#profile-tab {
  list-style: none;
  padding: 0;
}

#profile-tab li {
  padding: 0.5rem 1rem;
  /*border-bottom: 1px solid silver;*/
}

#profile-tab li a, #profile-tab li span {
  display: block;
  transition: 300ms;
}

#profile-tab li:hover span, #profile-tab li:hover a {
  transform: translateX(-10px);
}

#profile-tab li.active {
  background: gray;
  color: white;
}

.gird4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.gird4 > div {
  height: 10rem;
  padding: 2rem;
  border: 1px solid rgba(0, 0, 0, 0.1254901961);
  position: relative;
  text-align: start;
  overflow: hidden;
}

.gird4 > div:first-child {
  background: rgba(154, 205, 50, 0.5647058824);
  color: black;
}

.gird4 > div:nth-child(2) {
  background: rgba(32, 222, 215, 0.56);
  color: black;
}

.gird4 > div:nth-child(3) {
  background: rgba(250, 38, 69, 0.56);
  color: black;
}

.gird4 > div:last-child {
  background: rgba(255, 69, 0, 0.5647058824);
  color: black;
}

.gird4 > div i {
  font-size: 75px;
  width: 75px;
  position: absolute;
  left: 15px;
  top: 15px;
  transform: rotateZ(25deg);
  color: rgba(255, 255, 255, 0.3333333333);
}

/*-768px width*/
@media (max-width: 1000px) {
  .gird4 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 650px) {
  .gird4 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
}
.profile-tab {
  border: 0 !important;
  padding: 0 !important;
}

.txt-area {
  white-space: pre-line;
}

.toggle, .hc-nav-trigger {
  display: none !important;
}

.navbarx {
  z-index: 999;
}

/*-993px width*/
@media (max-width: 993px) {
  .toggle {
    display: block !important;
    font-size: 30px;
    position: static;
    padding: 7px;
  }

  .brand-and-icon {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.rule-title {
  border-bottom: 1px solid dodgerblue;
  padding: 4px 2rem;
  background: rgba(30, 144, 255, 0.26);
}